@micromag/viewer-build 0.3.72 → 0.3.73

package/build/static/js/main.04d183c2.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_micromag_viewer_build=self.webpackChunk_micromag_viewer_build||[]).push([[179],{725:function(e,t,n){"use strict";n(2166);var a=n(4124),l=n(6204),i=n(2457);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s=void 0!==window.MICROMAG_STORY?window.MICROMAG_STORY:null,c=void 0!==window.MICROMAG_VIEWER_PROPS?window.MICROMAG_VIEWER_PROPS:null,d=void 0!==window.MICROMAG_ROOT_ELEMENT_ID?window.MICROMAG_ROOT_ELEMENT_ID:"root",m=void 0!==window.MICROMAG_ROOT_ELEMENT?window.MICROMAG_ROOT_ELEMENT:document.getElementById(d),f=void 0!==window.MICROMAG_RENDER_STORY_FNC?window.MICROMAG_RENDER_STORY_FNC:"renderStory",p=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:m;(0,i.render)(l.createElement(a.ZP,o(o({},t),{},{story:e})),n)};null!==s&&p(s,c),null!==f&&(window[f]=p)},2166:function(e,t,n){n.p=void 0!==window.MICROMAG_PUBLIC_PATH?window.MICROMAG_PUBLIC_PATH:"/"},5976:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var a=n(6666),l=n(2867),i=n(4161),r=n(3057),o=n(4696),u=n(5681),s=n.n(u),c=n(7641),d=n.n(c),m=n(6204),f=n(1098),p={container:"micromag-element-scroll-container",withScroll:"micromag-element-scroll-withScroll",scrollable:"micromag-element-scroll-scrollable",arrowContainer:"micromag-element-scroll-arrowContainer",arrow:"micromag-element-scroll-arrow",upAndDown:"micromag-element-scroll-upAndDown",containOverscroll:"micromag-element-scroll-containOverscroll",top:"micromag-element-scroll-top",scrollee:"micromag-element-scroll-scrollee",middle:"micromag-element-scroll-middle",bottom:"micromag-element-scroll-bottom",withArrow:"micromag-element-scroll-withArrow"},g={width:d().number,height:d().number,disabled:d().bool,verticalAlign:d().oneOf(["top","middle","bottom"]),className:d().string,children:d().node,onScrolledBottom:d().func,onScrolledNotBottom:d().func,contain:d().bool,scrollContainerRef:d().any};function y(e){var t,n=e.width,u=e.height,c=e.disabled,d=e.verticalAlign,g=e.className,y=e.children,h=e.onScrolledBottom,v=e.onScrolledNotBottom,b=e.contain,w=e.scrollContainerRef,C={width:n,height:u},E=(0,m.useState)(!1),M=(0,l.Z)(E,2),S=M[0],k=M[1],T=(0,f.useResizeObserver)(),N=T.ref,x=(T.entry.contentRect||{}).height;null!==w&&(w.current=N.current);var P=(0,f.useResizeObserver)(),O=P.ref,A=(P.entry.contentRect||{}).height,Z=(0,m.useRef)(!1),F=(0,m.useRef)(!1),I=(0,m.useRef)(!1),R=(0,o.useScroll)((function(e){var t=(0,l.Z)(e.xy,2)[1],n=t<=1,a=t+1>=A-x;a?I.current||(null!==h&&h({initial:!Z.current}),Z.current=!0):I.current&&(null!==v&&v({initial:!F.current}),F.current=!0),n!==S&&k(n),I.current=a}),{enabled:!c});return(0,m.useEffect)((function(){if(A>0&&x>0&&!c){k(Math.round(A)>Math.round(x));var e=A-x;N.current.scrollTop+1>=e?null!==h&&h({initial:!1}):null!==v&&v({initial:!1})}}),[x,A,k,c]),m.createElement("div",{className:s()([p.container,(t={},(0,a.Z)(t,p.withScroll,!c),(0,a.Z)(t,p.containOverscroll,b),(0,a.Z)(t,g,null!==g),(0,a.Z)(t,p[d],null!==d),(0,a.Z)(t,p.withArrow,S),t)]),style:C},m.createElement("div",Object.assign({className:p.scrollable,ref:N},R()),m.createElement("div",{className:p.scrollee,ref:O},y)),c?null:m.createElement("div",{className:p.arrowContainer},m.createElement(r.FontAwesomeIcon,{className:p.arrow,icon:i.faArrowDown})))}y.propTypes=g,y.defaultProps={width:null,height:null,disabled:!1,verticalAlign:null,className:null,children:null,onScrolledBottom:null,onScrolledNotBottom:null,contain:!1,scrollContainerRef:null};var h=m.forwardRef((function(e,t){return m.createElement(y,Object.assign({scrollContainerRef:t},e))}))},1354:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(1260),l=n(2220),i=n(6204),r=n(7641),o=n(5681),u=n(4406),s=n(2807),c=n(5587),d=n(8436),m=n(3057),f=n(4161),p=n(5182),g=n(1068),y=n(2801),h=n(1098),v=n(417),b=n(9229),w=n(2457),C=n(9546),E=n(3716),M=n(4290),S=n(2197),k=n(2289),T=n(5372),N=n(8689);n(3238);var x=n(6009),P=n(5839),O=n(631),A=n(239);function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var F=Z(a),I=Z(l),R=Z(i),L=Z(r),z=Z(o),q=Z(p),j=Z(g),B=Z(v),D=Z(b),V=Z(w),W=Z(C),_=Z(M),G=Z(S),H=Z(k),U=Z(N),Y=Z(x),X={children:s.PropTypes.label.isRequired,isHtml:L.default.bool,values:L.default.object},Q=function(e){var t=e.children,n=(e.isHtml,e.values),a=c.FormattedMessage;return d.isMessage(t)?R.default.createElement(a,Object.assign({values:n},t)):t};Q.propTypes=X,Q.defaultProps={isHtml:!1,values:{}};var J={container:"micromag-core-buttons-button-container",asLink:"micromag-core-buttons-button-asLink",withoutStyle:"micromag-core-buttons-button-withoutStyle",icon:"micromag-core-buttons-button-icon",withIcon:"micromag-core-buttons-button-withIcon",label:"micromag-core-buttons-button-label",right:"micromag-core-buttons-button-right",withIconColumns:"micromag-core-buttons-button-withIconColumns",linkDisabled:"micromag-core-buttons-button-linkDisabled"},K=["type","theme","size","href","external","direct","target","label","children","focusable","active","icon","iconPosition","disabled","loading","disableOnLoading","small","big","withShadow","withoutStyle","withoutTheme","asLink","outline","onClick","className","iconClassName","labelClassName","refButton"],$={type:L.default.string,theme:s.PropTypes.buttonTheme,size:s.PropTypes.buttonSize,href:L.default.string,external:L.default.bool,direct:L.default.bool,target:L.default.string,label:s.PropTypes.label,children:s.PropTypes.label,focusable:L.default.bool,active:L.default.bool,icon:L.default.node,iconPosition:L.default.oneOf(["left","right","inline"]),disabled:L.default.bool,loading:L.default.bool,disableOnLoading:L.default.bool,small:L.default.bool,big:L.default.bool,withShadow:L.default.bool,withoutStyle:L.default.bool,withoutTheme:L.default.bool,outline:L.default.bool,asLink:L.default.bool,className:L.default.string,iconClassName:L.default.string,labelClassName:L.default.string,onClick:L.default.func,refButton:L.default.oneOfType([L.default.func,L.default.shape({current:L.default.any})])},ee=function(e){var t,n,a=e.type,l=e.theme,i=e.size,r=e.href,o=e.external,s=e.direct,c=e.target,d=e.label,m=e.children,f=e.focusable,p=e.active,g=e.icon,y=e.iconPosition,h=e.disabled,v=e.loading,b=e.disableOnLoading,w=e.small,C=e.big,E=e.withShadow,M=e.withoutStyle,S=e.withoutTheme,k=e.asLink,T=e.outline,N=e.onClick,x=e.className,P=e.iconClassName,O=e.labelClassName,A=e.refButton,Z=I.default(e,K),L=d||m,q=null!==L?R.default.createElement(Q,null,L):null,j=null!==d&&null!==m,B=null!==g,D=B&&("inline"===y||null===q),V=B&&!D,W=R.default.createElement(R.default.Fragment,null,D?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([J.icon,F.default({},P,null!==P)])},g),null!==q?R.default.createElement("span",{className:z.default([J.label,F.default({},O,null!==O)])},q):null):null,V?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([J.left,F.default({},P,null!==P&&"left"===y)])},"left"===y?g:null),R.default.createElement("span",{className:z.default([J.center,F.default({},O,null!==O)])},q),R.default.createElement("span",{className:z.default([J.right,F.default({},P,null!==P&&"right"===y)])},"right"===y?g:null),j?m:null):null,B?null:q,j?m:null),_=!S&&!M&&!k,G=z.default([(t={btn:_},F.default(t,"btn-".concat(T?"outline-":"").concat(l),_&&null!==l),F.default(t,"btn-".concat(i),_&&null!==i),F.default(t,"active",!M&&p),t),J.container,(n={},F.default(n,J.withoutStyle,M),F.default(n,J.withIcon,B),F.default(n,J.withIconColumns,V),F.default(n,J.withText,null!==q),F.default(n,J.withShadow,E),F.default(n,J.isSmall,w),F.default(n,J.isBig,C),F.default(n,J.isLink,null!==r),F.default(n,J.asLink,k),F.default(n,J.isDisabled,h),F.default(n,J.isLoading,v),F.default(n,x,null!==x),n)]);if(null!==r){var H=z.default([G,F.default({disabled:h},J.linkDisabled,h)]);return o||s?R.default.createElement("a",Object.assign({},Z,{href:h?null:r,className:H,onClick:N,target:o?c:null,ref:A,tabIndex:f?"":"-1"}),W):R.default.createElement(u.Link,{to:r,className:H,onClick:N,ref:A,tabIndex:f?"":"-1"},W)}return R.default.createElement("button",Object.assign({},Z,{type:a,className:G,onClick:N,disabled:h||b&&v,ref:A,tabIndex:f?"0":"-1"}),W)};ee.propTypes=$,ee.defaultProps={type:"button",theme:null,size:null,href:null,external:!1,direct:!1,target:"_blank",label:null,children:null,focusable:!0,active:!1,icon:null,iconPosition:"inline",disabled:!1,loading:!1,disableOnLoading:!0,small:!1,big:!1,withShadow:!1,withoutStyle:!1,withoutTheme:!1,outline:!1,asLink:!1,className:null,iconClassName:null,labelClassName:null,onClick:null,refButton:null};var te={},ne=["className","onClick","theme"],ae={buttons:s.PropTypes.buttons,size:s.PropTypes.buttonSize,theme:s.PropTypes.buttonTheme,renderButton:L.default.func,onClickButton:L.default.func,className:L.default.string,buttonClassName:L.default.string},le=function(e){var t=e.buttons,n=e.size,a=e.theme,l=e.renderButton,i=e.onClickButton,r=e.buttonClassName,o=e.className;return R.default.createElement("div",{className:z.default(["btn-group",F.default({},"btn-group-".concat(n),null!==n),te.container,F.default({},o,null!==o)]),role:"group"},t.map((function(e,t){var n,o=e.className,u=void 0===o?null:o,s=e.onClick,c=void 0===s?null:s,d=e.theme,m=void 0===d?null:d,f=I.default(e,ne),p={key:"button-".concat(t),className:z.default([te.button,(n={},F.default(n,r,null!==r),F.default(n,u,null!==u),n)]),onClick:function(n){null!==c&&c(n,e,t),null!==i&&i(n,e,t)},theme:m||a};return null!==l?l(e,t,p):R.default.createElement(ee,Object.assign({},p,f))})))};le.propTypes=ae,le.defaultProps={buttons:[],size:null,theme:void 0,renderButton:null,onClickButton:null,className:null,buttonClassName:null};var ie=["className"],re={className:L.default.string},oe=function(e){var t=e.className,n=I.default(e,ie);return R.default.createElement(ee,Object.assign({className:z.default(["px-2",F.default({},t,t)]),size:"sm",icon:R.default.createElement(m.FontAwesomeIcon,{icon:f.faAngleLeft,size:"lg"})},n))};oe.propTypes=re,oe.defaultProps={className:null};var ue={actions:"micromag-core-forms-form-actions",left:"micromag-core-forms-form-left",right:"micromag-core-forms-form-right"},se=["type"],ce=["component","id","settings"],de={name:L.default.string,value:s.PropTypes.component,form:L.default.string,formComponents:s.PropTypes.components,fields:s.PropTypes.fields,className:L.default.string,onChange:L.default.func,gotoFieldForm:L.default.func.isRequired,closeFieldForm:L.default.func.isRequired,fieldContext:L.default.any},me=function(e){var t=e.name,n=e.value,a=e.form,l=e.formComponents,r=e.fields,o=e.className,u=e.onChange,s=e.gotoFieldForm,c=e.closeFieldForm,m=e.fieldContext,f=y.useFieldsManager(),p=d.getFieldFromPath(t.split("."),r,f),g=p||{},h=g.type,v=void 0===h?null:h,b=I.default(g,se),w=f.getDefinition(v)||B.default({},p)||{},C=w.component,E=void 0===C?null:C;w.id,w.settings;var M=I.default(w,ce),S=y.useFieldComponent(E),k=d.getComponentFromName(a,l),T=D.default(n,t,null),N=i.useCallback((function(){return c(t,a)}),[t,a,c]),x={name:t,value:T,onChange:function(e){var a=d.setFieldValue(n,t.split("."),e);null!==u&&u(a)},gotoFieldForm:s,closeFieldForm:c,closeForm:N};return null!==a?null!==k?R.default.createElement(y.FieldContextProvider,{context:m},R.default.createElement(k,Object.assign({field:p},x,{className:o}))):null:null!==S?R.default.createElement(y.FieldContextProvider,{context:m},R.default.createElement(S,Object.assign({className:o},M,b,{isForm:!0},x))):null};me.propTypes=de,me.defaultProps={name:null,form:null,formComponents:{},fields:[],value:null,className:null,onChange:null,fieldContext:null};var fe={action:L.default.string.isRequired,method:L.default.string,fields:s.PropTypes.formFields,initialValue:L.default.object,postForm:L.default.func,submitButtonLabel:s.PropTypes.label,submitButtonLoadingLabel:s.PropTypes.label,buttons:s.PropTypes.buttons,children:L.default.node,actionsAlign:L.default.oneOf(["left","right"]),withoutActions:L.default.bool,withoutComplete:L.default.bool,withoutBackButton:L.default.bool,onComplete:L.default.func,onResponse:L.default.func,onMessage:L.default.func,onCancel:L.default.func,onCancelHref:L.default.string,onOpenFieldForm:L.default.func,onCloseFieldForm:L.default.func,className:L.default.string,fieldsClassName:L.default.string,actionsClassName:L.default.string,cancelClassName:L.default.string},pe={method:"POST",fields:[],initialValue:null,postForm:null,submitButtonLabel:R.default.createElement(c.FormattedMessage,{id:"ZLDmja",defaultMessage:[{type:0,value:"Submit"}]}),submitButtonLoadingLabel:null,buttons:null,children:null,actionsAlign:"left",withoutActions:!1,withoutComplete:!1,withoutBackButton:!1,onComplete:null,onResponse:null,onMessage:null,onCancel:null,onCancelHref:null,onOpenFieldForm:null,onCloseFieldForm:null,className:null,fieldsClassName:null,actionsClassName:null,cancelClassName:null},ge=function(e){var t,n=e.action,a=e.method,l=e.fields,r=e.initialValue,o=e.postForm,u=e.submitButtonLabel,s=e.submitButtonLoadingLabel,m=e.buttons,f=e.children,p=e.actionsAlign,g=e.withoutActions,v=e.withoutComplete,b=e.withoutBackButton,w=e.onComplete,C=e.onResponse,E=e.onMessage,M=e.onCancel,S=e.onCancelHref,k=e.onOpenFieldForm,T=e.onCloseFieldForm,N=e.className,x=e.fieldsClassName,P=e.actionsClassName,O=e.cancelClassName,A=i.useState(!1),Z=j.default(A,2),I=Z[0],L=Z[1];i.useEffect((function(){var e=null;return I&&(e=setTimeout((function(){L(!1)}),3e3)),function(){clearTimeout(e)}}),[I]);var B=i.useCallback((function(e){null!==w&&w(e),v||L(!0)}),[w,L]),D=h.useForm({value:r,action:n,fields:l,postForm:o,onComplete:B}),V=D.onSubmit,W=D.fields,_=D.status,G=D.value,H=D.setValue,U=D.errors,Y=D.response,X=D.generalError,Q=y.useFieldComponent("fields");i.useEffect((function(){null!==C&&(C(Y),null!==E&&Y&&Y.message&&E(Y.message))}),[Y,C,E]);var J=d.validateFields(W,G),K=i.useState([]),$=j.default(K,2),te=$[0],ne=$[1],ae=i.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n="".concat(e).concat(null!==t?":".concat(t):"");ne([].concat(q.default(te),[n])),null!==k&&k()}),[te,ne]),ie=i.useCallback((function(){var e=q.default(te);e.pop(),ne(q.default(e)),null!==T&&T()}),[te,ne]),re=te.length>0?te[te.length-1]:null,se=null!==re?re.replace(/\//g,"."):null;return R.default.createElement("form",{action:n,className:z.default([ue.container,F.default({},N,null!==N)]),method:a,onSubmit:V},!b&&null!==W&&W.length>0&&null!==re?R.default.createElement("div",{className:"mb-2"},R.default.createElement(oe,{theme:"secondary",outline:!0,onClick:ie})):null,null!==W&&W.length>0&&null!==re?R.default.createElement("div",{className:z.default(["w-100",ue.panel]),key:"field"},R.default.createElement(me,{name:se,fields:W,value:G,onChange:H,gotoFieldForm:ae,closeFieldForm:ie})):null,Q&&null!==W&&W.length>0&&null===re?R.default.createElement(Q,{fields:W,value:G,errors:U,onChange:H,gotoFieldForm:ae,closeFieldForm:ie,className:z.default([ue.fields,F.default({},x,null!==x)])}):null,X?R.default.createElement("p",{className:"text-danger my-1"},X):null,f,g||null!==re?null:R.default.createElement("div",{className:z.default([ue.actions,(t={},F.default(t,ue[p],p),F.default(t,P,null!==P),t)])},null!==M||null!==S?R.default.createElement(ee,{type:"button",onClick:M,href:S,theme:"secondary",outline:!0,disabled:"loading"===_,className:z.default(["me-2",F.default({},O,null!==O)])},R.default.createElement(c.FormattedMessage,{id:"PyxZY2",defaultMessage:[{type:0,value:"Cancel"}]})):null,null!==m?R.default.createElement(le,{buttons:m,className:ue.buttons}):R.default.createElement(ee,{type:"submit",theme:"primary",disabled:"loading"===_||!J},"loading"===_&&s||u),I?R.default.createElement("p",{className:"text-success mx-2 my-1"},R.default.createElement(c.FormattedMessage,{id:"BpZoQZ",defaultMessage:[{type:0,value:"Success"}]})):null))};ge.propTypes=fe,ge.defaultProps=pe;var ye="micromag-core-partials-link-withoutStyle",he=["href","external","children","target","rel","className","withoutStyle"],ve={href:L.default.string,external:L.default.bool,target:L.default.string,children:s.PropTypes.label,rel:L.default.string,withoutStyle:L.default.bool,className:L.default.string},be=function(e){var t=e.href,n=e.external,a=e.children,l=e.target,i=e.rel,r=e.className,o=e.withoutStyle,s=I.default(e,he);return n?R.default.createElement("a",Object.assign({className:z.default([r,F.default({},ye,o)]),href:t,target:l,rel:i},s),R.default.createElement(Q,null,a)):R.default.createElement(u.Link,Object.assign({className:z.default([r,F.default({},ye,o)]),to:t},s),R.default.createElement(Q,null,a))};be.propTypes=ve,be.defaultProps={href:"",external:!1,target:"_blank",rel:"noopener noreferrer",children:null,withoutStyle:!1,className:null};var we=["label","className"],Ce={href:L.default.string,header:L.default.node,image:L.default.node,imageAlt:L.default.string,imageOverlay:L.default.bool,beforeBody:L.default.node,title:s.PropTypes.label,subtitle:s.PropTypes.label,children:L.default.node,afterBody:L.default.node,links:L.default.arrayOf(L.default.shape({label:s.PropTypes.label,href:L.default.string})),linksInSameBody:L.default.bool,footer:L.default.node,theme:L.default.oneOf([null,"dark","primary","light"]),className:L.default.string,imageClassName:L.default.string,headerClassName:L.default.string,titleClassName:L.default.string,subtitleClassName:L.default.string,bodyClassName:L.default.string,footerClassName:L.default.string,onClick:L.default.func,onClickBody:L.default.func,onClickFooter:L.default.func},Ee=function(e){var t,n=e.href,a=e.header,l=e.image,i=e.imageAlt,r=e.imageOverlay,o=e.beforeBody,u=e.title,s=e.subtitle,c=e.children,d=e.afterBody,m=e.links,f=e.linksInSameBody,p=e.footer,g=e.theme,y=e.className,h=e.imageClassName,v=e.headerClassName,b=e.titleClassName,w=e.subtitleClassName,C=e.bodyClassName,E=e.footerClassName,M=e.onClick,S=e.onClickBody,k=e.onClickFooter,T=(m||[]).map((function(e,t){var n=e.label,a=e.className,l=void 0===a?null:a,i=I.default(e,we);return R.default.createElement(be,Object.assign({key:"link-".concat(n,"-").concat(t),className:z.default(["card-link",F.default({},l,null!==l)])},i),n)})),N=null!==u||null!==s||null!==c||null!==m&&f?R.default.createElement(R.default.Fragment,null,null!==u?R.default.createElement("h5",{className:z.default(["card-title",F.default({},b,null!==b)])},R.default.createElement(Q,null,u)):null,null!==s?R.default.createElement("h6",{className:z.default(["card-subtitle",F.default({},w,null!==w)])},R.default.createElement(Q,null,s)):null,c,null!==m&&f?R.default.createElement("div",{className:"d-flex"},T):null):null,x=R.default.createElement(R.default.Fragment,null,null!==a?R.default.createElement("div",{className:z.default(["card-header",F.default({},v,null!==v)])},R.default.createElement(Q,null,a)):null,"string"==typeof l?R.default.createElement("img",{src:l,alt:i,className:z.default(["card-img-top",F.default({},h,null!==h)])}):l,o,null!==N?null!==S?R.default.createElement("button",{type:"button",className:z.default(F.default({"card-body":!r,"card-img-overlay":r},C,null!==C)),onClick:S},N):R.default.createElement("div",{className:z.default(F.default({"card-body":!r,"card-img-overlay":r},C,null!==C))},N):null,d,null===m||null===T||f?null:R.default.createElement("div",{className:"card-body"},T),null!==p?null!==k?R.default.createElement("button",{type:"button",className:z.default(["card-footer",F.default({},E,null!==E)]),onClick:k},R.default.createElement(Q,null,p)):R.default.createElement("div",{className:z.default(["card-footer",F.default({},E,null!==E)])},R.default.createElement(Q,null,p)):null),P=z.default(["card",(t={},F.default(t,"bg-".concat(g),!r&&"dark"!==g),F.default(t,"bg-dark",r||"dark"===g),F.default(t,"text-dark","light"===g),F.default(t,"text-light",r||"dark"===g||"primary"===g),F.default(t,y,null!==y),t)]);return null!==n?R.default.createElement(be,{href:n,className:P},x):null!==M?R.default.createElement("button",{type:"button",className:z.default(["p-0","text-start",P]),onClick:M},x):R.default.createElement("div",{className:P},x)};Ee.propTypes=Ce,Ee.defaultProps={href:null,header:null,image:null,imageAlt:null,imageOverlay:!1,beforeBody:null,title:null,subtitle:null,children:null,afterBody:null,links:null,linksInSameBody:!1,footer:null,theme:null,className:null,imageClassName:null,headerClassName:null,titleClassName:null,subtitleClassName:null,bodyClassName:null,footerClassName:null,onClick:null,onClickBody:null,onClickFooter:null};var Me={animated:L.default.bool,color:L.default.string,className:L.default.string},Se=function(e){var t=e.animated,n=e.color,a=e.className;return R.default.createElement("svg",{className:z.default([F.default({},a,null!==a)]),width:"38",height:"38",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg"},R.default.createElement("defs",null,R.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},R.default.createElement("stop",{stopColor:n,stopOpacity:"0",offset:"0%"}),R.default.createElement("stop",{stopColor:n,stopOpacity:".631",offset:"63.146%"}),R.default.createElement("stop",{stopColor:n,offset:"100%"}))),R.default.createElement("g",{fill:"none",fillRule:"evenodd"},R.default.createElement("g",{transform:"translate(1 1)"},R.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)",strokeWidth:"2"},t?R.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}):null),R.default.createElement("circle",{fill:n,cx:"36",cy:"18",r:"1"},t?R.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}):null))))};Se.propTypes=Me,Se.defaultProps={animated:!0,color:"currentColor",className:null};var ke={},Te=["description","loading","children","className"],Ne={description:L.default.node,loading:L.default.bool,children:L.default.node,className:L.default.string},xe=function(e){var t=e.description,n=e.loading,a=e.children,l=e.className,i=I.default(e,Te);return R.default.createElement(Ee,Object.assign({className:z.default([ke.container,F.default({},l,null!==l)])},i),t,n?R.default.createElement(Se,null):a)};xe.propTypes=Ne,xe.defaultProps={description:null,loading:!1,children:null,className:null};var Pe={items:s.PropTypes.menuItems,theme:s.PropTypes.bootstrapThemes,separator:L.default.oneOf([null,"arrow"]),withoutBar:L.default.bool,noWrap:L.default.bool,className:L.default.string},Oe=function(e){var t=e.items,n=e.theme,a=e.separator,l=e.withoutBar,i=e.noWrap,r=e.className;return R.default.createElement("nav",{className:r},R.default.createElement("ol",{className:z.default(["micromag-core-menus-breadcrumb-container","breadcrumb","mb-0",{"p-0":l,"bg-transparent":l,"rounded-0":l,"flex-nowrap":i}])},t.map((function(e,t){var l,i=e.url,r=e.label,o=e.active,s=void 0!==o&&o,c=e.onClick,d=void 0===c?null:c;return R.default.createElement("li",{className:z.default(["breadcrumb-item",(l={active:s},F.default(l,"micromag-core-menus-breadcrumb-arrow","arrow"===a),F.default(l,"text-".concat(n),s&&null!==n),l)]),key:"item-".concat(t)},s?R.default.createElement(Q,null,r):null,!s&&i?R.default.createElement(u.Link,{to:i,onClick:d,className:z.default(["font-weight-bold","text-decoration-none",F.default({},"text-".concat(n),null!==n)])},R.default.createElement(Q,null,r)):null,!s&&d?R.default.createElement(ee,{onClick:d,className:z.default(["font-weight-bold","text-decoration-none",F.default({},"text-".concat(n),null!==n)])},R.default.createElement(Q,null,r)):null)}))))};Oe.propTypes=Pe,Oe.defaultProps={items:[],theme:null,separator:null,withoutBar:!1,noWrap:!1,className:null};var Ae=["type","className","label","children","onClick","active"],Ze={items:s.PropTypes.menuItems,children:L.default.node,visible:L.default.bool,align:s.PropTypes.dropdownAlign,className:L.default.string,itemClassName:L.default.string,onClickItem:L.default.func,onClickOutside:L.default.func},Fe=function(e){var t,n=e.items,a=e.children,l=e.visible,r=e.align,o=e.className,u=e.itemClassName,s=e.onClickItem,c=e.onClickOutside,d=i.useRef(null),m=i.useState(l),f=j.default(m,2),p=f[0],g=f[1],y=i.useCallback((function(e){d.current&&!d.current.contains(e.currentTarget)&&null!==c&&c(e)}),[d.current,c]);return h.useDocumentEvent("click",y,p),i.useEffect((function(){var e=setTimeout((function(){g(l)}),100);return function(){clearTimeout(e)}}),[l,g]),R.default.createElement("div",{className:z.default(["dropdown-menu",(t={},F.default(t,"dropdown-menu-".concat(r),null!==r),F.default(t,"show",l),F.default(t,o,null!==o),t)]),ref:d},null!==a?a:n.map((function(e,t){var n,a=e.type,l=void 0===a?"link":a,i=e.className,r=void 0===i?null:i,o=e.label,c=void 0===o?null:o,d=e.children,m=void 0===d?null:d,f=e.onClick,p=void 0===f?null:f,g=e.active,y=void 0!==g&&g,h=I.default(e,Ae),v="div";"link"===l?v=be:"button"===l?v="button":"header"===l?v="h6":"divider"===l&&(v="hr");var b=null!==p||"link"===l&&null!==s?function(e){null!==p&&p(e),"link"===l&&null!==s&&s(e)}:null;return null!==v?R.default.createElement("div",null,R.default.createElement(v,Object.assign({key:"item-".concat(t,"-").concat(c),className:z.default([(n={"dropdown-item":"link"===l||"button"===l,"dropdown-divider":"divider"===l,"dropdown-header":"header"===l,active:y},F.default(n,u,null!==u),F.default(n,r,null!==r),n)]),onClick:b},h),null!==c?R.default.createElement(Q,null,c):m)):null})))};Fe.propTypes=Ze,Fe.defaultProps={items:[],children:null,visible:!1,align:null,className:null,itemClassName:null,onClickItem:null,onClickOutside:null};var Ie=["id","className","linkClassName","href","label","external","items","dropdown","active","onClick"],Re={items:s.PropTypes.menuItems,tagName:L.default.string,itemTagName:L.default.string,children:L.default.node,linkAsItem:L.default.bool,className:L.default.string,itemClassName:L.default.string,linkClassName:L.default.string,hasSubMenuClassName:L.default.string,subMenuClassName:L.default.string,subMenuItemClassName:L.default.string,subMenuLinkClassName:L.default.string,hasDropdownClassName:L.default.string,dropdownClassName:L.default.string,dropdownItemClassName:L.default.string,dropdownLinkClassName:L.default.string,dropdownAlign:s.PropTypes.dropdownAlign},Le=function e(t){var n=t.items,a=t.tagName,l=t.itemTagName,r=t.children,o=t.linkAsItem,u=t.className,s=t.itemClassName,c=t.linkClassName,d=t.hasSubMenuClassName,m=t.subMenuClassName,f=t.subMenuItemClassName,p=t.subMenuLinkClassName,g=t.hasDropdownClassName,y=t.dropdownClassName,h=t.dropdownItemClassName,v=t.dropdownLinkClassName,b=t.dropdownAlign,w=i.useState(n.map((function(){return!1}))),C=j.default(w,2),E=C[0],M=C[1],S=o?"div":a;return R.default.createElement(S,{className:u},null!==r?r:n.map((function(t,n){var a,i,r,u,w,C,S,k,T=t.id,N=t.className,x=void 0===N?null:N,P=t.linkClassName,O=void 0===P?null:P,A=t.href,Z=void 0===A?null:A,L=t.label,j=t.external,B=void 0!==j&&j,D=t.items,V=void 0===D?null:D,W=t.dropdown,_=void 0===W?null:W,G=t.active,H=void 0!==G&&G,U=t.onClick,Y=void 0===U?null:U,X=I.default(t,Ie),Q=null!==_?function(e){e.preventDefault(),M([].concat(q.default(E.slice(0,n)),[!E[n]],q.default(E.slice(n+1)))),null!==Y&&Y(e)}:Y,J=null!==_?function(){M([].concat(q.default(E.slice(0,n)),[!1],q.default(E.slice(n+1))))}:null,K=l;return o?R.default.createElement(be,Object.assign({},X,{key:"item-".concat(T||n),onClick:Q,href:Z,external:B,className:z.default((a={active:H},F.default(a,s,null!==s),F.default(a,x,null!==x),F.default(a,c,null!==c),F.default(a,O,null!==O),a))}),L):R.default.createElement(K,{key:"item-".concat(T||n),className:z.default((i={dropdown:null!==_,active:H},F.default(i,s,null!==s),F.default(i,x,null!==x),F.default(i,d,null!==V&&null!==d),F.default(i,g,null!==V&&null!==g),i))},null!==Z?R.default.createElement(be,Object.assign({},X,{onClick:Q,href:Z,external:B,className:z.default((r={},F.default(r,c,null!==c),F.default(r,"dropdown-toggle",null!==_),F.default(r,O,null!==O),r))}),L):null,null===Z&&null!==Q?R.default.createElement(ee,Object.assign({},X,{onClick:Q,className:z.default((u={},F.default(u,c,null!==c),F.default(u,"dropdown-toggle",null!==_),F.default(u,O,null!==O),u))}),L):null,null!==V?R.default.createElement(e,{items:V,className:m,itemClassName:z.default((w={},F.default(w,f,null!==f),F.default(w,s,null===f&&null!==s),w)),linkClassName:z.default((C={},F.default(C,p,null!==p),F.default(C,c,null===p&&null!==c),C))}):null,null!==_?R.default.createElement(Fe,{items:_,visible:E[n]||!1,className:y,itemClassName:z.default((S={},F.default(S,h,null!==h),F.default(S,s,null===h&&null!==s),S)),linkClassName:z.default((k={},F.default(k,v,null!==v),F.default(k,c,null===v&&null!==c),k)),align:b,onClickItem:J,onClickOutside:J}):null)})))};Le.propTypes=Re,Le.defaultProps={items:[],tagName:"ul",itemTagName:"li",children:null,linkAsItem:!1,className:null,itemClassName:null,linkClassName:null,hasSubMenuClassName:null,subMenuClassName:null,subMenuItemClassName:null,subMenuLinkClassName:null,hasDropdownClassName:null,dropdownClassName:null,dropdownItemClassName:null,dropdownLinkClassName:null,dropdownAlign:null};var ze={brand:L.default.node,brandLink:L.default.string,breadcrumbs:L.default.node,theme:L.default.oneOf(["light","dark","primary",null]),size:L.default.oneOf(["sm","md","lg"]),compact:L.default.bool,noWrap:L.default.bool,withoutCollapse:L.default.bool,withoutCollapseToggle:L.default.bool,children:L.default.node,className:L.default.string,brandClassName:L.default.string,breadCrumbsClassName:L.default.string,collapseClassName:L.default.string},qe=function(e){var t,n,a=e.brand,l=e.brandLink,r=e.breadcrumbs,o=e.theme,u=e.size,s=e.compact,c=e.noWrap,d=e.withoutCollapse,m=e.withoutCollapseToggle,f=e.children,p=e.className,g=e.brandClassName,y=e.breadCrumbsClassName,h=e.collapseClassName,v=i.useState(!1),b=j.default(v,2),w=b[0],C=b[1],E=i.useCallback((function(){return C(!w)}),[C,w]);return R.default.createElement("nav",{className:z.default(["navbar",(t={},F.default(t,"bg-".concat(o),null!==o),F.default(t,"navbar-".concat("light"===o?"light":"dark"),null!==o),F.default(t,"text-".concat("light"===o?"dark":"light"),null!==o),F.default(t,"navbar-expand-".concat(u),!d),F.default(t,"navbar-expand",d),F.default(t,"py-2",s),F.default(t,"px-2",s),F.default(t,"flex-nowrap",c),F.default(t,p,null!==p),t)])},R.default.createElement("div",{className:z.default(["container-fluid",{"px-0":s}])},null!==a&&null!==l?R.default.createElement(be,{className:z.default(["navbar-brand",F.default({"py-0":s},g,null!==g)]),to:l},a):null,null!==a&&null===l?R.default.createElement("span",{className:z.default(["navbar-brand",F.default({"py-0":s},g,null!==g)])},a):null,null!==r?R.default.createElement("span",{className:z.default(["navbar-breadcrumbs",F.default({"py-0":s},y,null!==y)])},r):null,d||m?null:R.default.createElement(ee,{className:"navbar-toggler",onClick:E,withoutTheme:!0,"aria-controls":"navbarSupportedContent","aria-expanded":"false","aria-label":"Toggle navigation"},R.default.createElement("span",{className:"navbar-toggler-icon"})),d?f:R.default.createElement("div",{className:z.default(["navbar-collapse","collapse","micromag-core-menus-navbar-collapse",(n={},F.default(n,h,null!==h),F.default(n,"show",w),n)])},f)))};qe.propTypes=ze,qe.defaultProps={brand:null,brandLink:null,breadcrumbs:null,theme:null,size:"md",compact:!1,noWrap:!1,withoutCollapse:!1,withoutCollapseToggle:!1,children:null,className:null,brandClassName:null,breadCrumbsClassName:null,collapseClassName:null};var je={},Be=c.defineMessages({previous:{id:"menus.pagination.previous",defaultMessage:[{type:0,value:"Previous"}]},next:{id:"menus.pagination.next",defaultMessage:[{type:0,value:"next"}]}}),De={page:L.default.number,total:L.default.number,url:L.default.string,withPreviousNext:L.default.bool,className:L.default.string,paginationClassName:L.default.string,itemClassName:L.default.string,linkClassName:L.default.string,onClickPage:L.default.func},Ve=function(e){var t=e.page,n=e.total,a=e.url,l=e.withPreviousNext,r=e.className,o=e.paginationClassName,u=e.itemClassName,s=e.linkClassName,c=e.onClickPage,d=i.useCallback((function(e){return null!==a?"".concat(a).concat(-1!==a.indexOf("?")?"&page=".concat(e):"?page=".concat(e)):null}),[a]),m=q.default(Array(n).keys()).map((function(e){return e+1}));return R.default.createElement("nav",{className:z.default([je.container,F.default({},r,null!==r)])},R.default.createElement("ul",{className:z.default(["pagination",F.default({},o,null!==o)])},l?R.default.createElement("li",{className:z.default(["page-item",F.default({disabled:t<=1},u,null!==u)])},t>1?R.default.createElement(be,{className:z.default(["page-link",F.default({},s,null!==s)]),href:d(t-1),onClick:null!==c?function(){return c(t-1)}:null},Be.previous):R.default.createElement("span",{className:z.default(["page-link",F.default({},s,null!==s)])},R.default.createElement(Q,null,Be.previous))):null,m.map((function(e){return R.default.createElement("li",{key:"page-".concat(e),className:z.default(["page-item",F.default({active:e===t},u,null!==u)])},R.default.createElement(be,{className:z.default(["page-link",F.default({},s,null!==s)]),href:d(e),onClick:null!==c?function(){return c(e)}:null},e))})),l?R.default.createElement("li",{className:z.default(["page-item",F.default({disabled:t>=n},u,null!==u)])},t<n?R.default.createElement(be,{className:z.default(["page-link",F.default({},s,null!==s)]),href:d(t+1),onClick:null!==c?function(){return c(t+1)}:null},Be.next):R.default.createElement("span",{className:z.default(["page-link",F.default({},s,null!==s)])},R.default.createElement(Q,null,Be.next))):null))};Ve.propTypes=De,Ve.defaultProps={page:1,total:1,url:null,withPreviousNext:!1,className:null,paginationClassName:null,itemClassName:null,linkClassName:null,onClickPage:null};var We={container:"micromag-core-menus-tabs-container"},_e={items:s.PropTypes.menuItems,size:s.PropTypes.buttonSize,theme:s.PropTypes.buttonTheme,renderItemButton:L.default.func,buttonClassName:L.default.string,className:L.default.string,onClickItem:L.default.func},Ge=function(e){var t=e.items,n=e.size,a=e.theme,l=e.renderItemButton,i=e.buttonClassName,r=e.className,o=e.onClickItem;return R.default.createElement("div",{className:z.default([We.container,F.default({},r,r)])},R.default.createElement(le,{buttons:t,size:n,theme:a,renderButton:l,onClickButton:o,className:We.buttons,buttonClassName:z.default([We.button,F.default({},i,null!==i)])}))};Ge.propTypes=_e,Ge.defaultProps={items:[],size:null,theme:"secondary",renderItemButton:null,buttonClassName:null,className:null,onClickItem:null};var He={modals:s.PropTypes.modals.isRequired,setModalsContainer:L.default.func.isRequired,className:L.default.string},Ue=function(e){var t=e.modals,n=e.setModalsContainer,a=e.className,l=i.useRef(null);return i.useEffect((function(){n(l.current)}),[]),R.default.createElement("div",{className:z.default(["micromag-core-modals-container",F.default({},a,a)])},R.default.createElement("div",{className:z.default(["micromag-core-modals-modals",F.default({},"micromag-core-modals-hasModals",t.length>0)]),ref:l}))};Ue.propTypes=He,Ue.defaultProps={className:null};var Ye=y.withModals(Ue),Xe={id:L.default.string,data:L.default.object,container:L.default.object,register:L.default.func,unregister:L.default.func,children:L.default.node},Qe=function(e){var t=e.id,n=e.data,a=e.children,l=e.container,r=e.register,o=e.unregister,u=i.useMemo((function(){return t||"element-".concat((new Date).getTime())}),[t]);return i.useEffect((function(){return null!==r&&r(u,n),function(){null!==o&&o(u)}}),[u,n]),null!==l?V.default.createPortal(a,l):null};Qe.propTypes=Xe,Qe.defaultProps={id:null,data:null,container:null,register:null,unregister:null,children:null};var Je={id:L.default.string,data:L.default.object,children:L.default.node},Ke=function(e){var t=e.id,n=e.data,a=e.children,l=y.useModals(),i=l.container,r=l.register,o=void 0===r?null:r,u=l.unregister,s=void 0===u?null:u;return R.default.createElement(Qe,{id:t,data:n,container:i,register:o,unregister:s},a)};Ke.propTypes=Je,Ke.defaultProps={id:null,data:null,children:null};var $e={container:"micromag-core-modals-modal-container",center:"micromag-core-modals-modal-center",inner:"micromag-core-modals-modal-inner",top:"micromag-core-modals-modal-top"},et={id:L.default.string,title:L.default.string,position:L.default.oneOf(["center","top"]),children:L.default.node},tt=function(e){var t=e.id,n=e.children,a=e.position,l=e.title,r=i.useMemo((function(){return t||d.getDisplayName(n.type)}),[t,n.type]),o=i.useMemo((function(){return{title:l}}),[l]);return R.default.createElement(Ke,{id:r,data:o},R.default.createElement("div",{className:z.default([$e.container,F.default({},$e[a],null!==a)])},R.default.createElement("div",{className:$e.inner},n)))};tt.propTypes=et,tt.defaultProps={id:null,title:null,position:"center",children:null};var nt={container:"micromag-core-modals-dialog-container"},at={title:s.PropTypes.label,header:L.default.node,children:L.default.node,footer:L.default.node,buttons:s.PropTypes.buttons,onClickClose:L.default.func,className:L.default.string},lt=function(e){var t=e.title,n=e.header,a=e.children,l=e.buttons,i=e.footer,r=e.onClickClose,o=e.className;return R.default.createElement("div",{className:z.default(["modal-dialog",nt.container,F.default({},o,o)]),role:"dialog"},R.default.createElement("div",{className:"modal-content"},n||R.default.createElement("div",{className:z.default(["modal-header",nt.header,{}])},R.default.createElement("h5",{className:"modal-title"},R.default.createElement(Q,null,t)),R.default.createElement("button",{type:"button",className:"btn-close","aria-label":"Close",onClick:r})),R.default.createElement("div",{className:z.default(["modal-body",nt.body,{}])},a),null!==i||null!==l?R.default.createElement("div",{className:z.default(["modal-footer",nt.footer])},i,null!==l?R.default.createElement(le,{buttons:l,className:nt.buttons}):null):null))};lt.propTypes=at,lt.defaultProps={title:null,header:null,children:null,footer:null,buttons:null,onClickClose:null,className:null};var it={type:L.default.oneOfType([s.PropTypes.mediaTypes,L.default.array]),opened:L.default.bool,sources:L.default.arrayOf(L.default.string),onUploaded:L.default.func,onRequestClose:L.default.func},rt=function(e){var t=e.type,n=e.opened,a=e.sources,l=e.onUploaded,r=e.onRequestClose,o=i.useCallback((function(e){null!==l&&l(e)}),[l]),u=i.useMemo((function(){return W.default(t)?t.map((function(e){return-1!==["image","video","audio"].indexOf(e)?"".concat(e,"/*"):null})).filter((function(e){return null!==e})):-1!==["image","video","audio"].indexOf(t)?["".concat(t,"/*")]:null}),[t]),s=y.useUppy({onComplete:o,sources:a,allowedFileTypes:null!==u&&u.length>0?u:null});return i.useEffect((function(){null===s||n||s.reset()}),[s,n]),null!==s?R.default.createElement(E.DashboardModal,{uppy:s,open:n,closeAfterFinish:!0,onRequestClose:r,plugins:a}):null};rt.propTypes=it,rt.defaultProps={type:null,opened:!1,sources:["webcam","facebook","instagram","dropbox","google-drive"],onUploaded:null,onRequestClose:null};var ot={container:"micromag-core-panels-container"},ut={panels:s.PropTypes.panels,setPanelsContainer:L.default.func,className:L.default.string},st=function(e){var t=e.panels,n=e.setPanelsContainer,a=e.className,l=i.useRef(null);return i.useEffect((function(){n(l.current)}),[]),R.default.createElement("div",{className:z.default([ot.container,F.default({},a,a)])},R.default.createElement("div",{className:z.default([ot.panels,F.default({},ot.hasPanels,t.length>0)]),ref:l}))};st.propTypes=ut,st.defaultProps={panels:[],setPanelsContainer:null,className:null};var ct=y.withPanels(st),dt={id:L.default.string,data:L.default.object,children:L.default.node},mt=function(e){var t=e.id,n=e.data,a=e.children,l=y.usePanels(),i=l.panels,r=void 0===i?null:i,o=l.container,u=l.register,s=void 0===u?null:u,c=l.unregister,d=void 0===c?null:c;return null===r?a:R.default.createElement(Qe,{id:t,data:n,container:o,register:s,unregister:d},a)};mt.propTypes=dt,mt.defaultProps={id:null,data:null,children:null};var ft={id:L.default.string,title:L.default.string,children:L.default.node},pt=function(e){var t=e.id,n=e.children,a=e.title,l=i.useMemo((function(){return t||d.getDisplayName(n.type)}),[t,n.type]),r=i.useMemo((function(){return{title:a}}),[a]);return R.default.createElement(mt,{id:l,data:r},R.default.createElement("div",{className:"micromag-core-panels-panel-container"},n))};pt.propTypes=ft,pt.defaultProps={id:null,title:null,children:null};var gt={container:"micromag-core-partials-collapsable-panel-container",top:"micromag-core-partials-collapsable-panel-top",button:"micromag-core-partials-collapsable-panel-button",label:"micromag-core-partials-collapsable-panel-label",content:"micromag-core-partials-collapsable-panel-content",isOpened:"micromag-core-partials-collapsable-panel-isOpened"},yt={title:L.default.node,children:L.default.node,className:L.default.string,topClassName:L.default.string,contentClassName:L.default.string,openedClassName:L.default.string,buttonClassName:L.default.string},ht=function(e){var t,n=e.title,a=e.children,l=e.className,r=e.topClassName,o=e.contentClassName,u=e.openedClassName,s=e.buttonClassName,c=i.useState(!1),d=j.default(c,2),p=d[0],g=d[1],y=i.useCallback((function(){return g(!p)}),[p,g]);return R.default.createElement("div",{className:z.default([gt.container,(t={},F.default(t,gt.isOpened,p),F.default(t,u,p&&null!==u),F.default(t,l,null!==l),t)])},R.default.createElement("div",{className:z.default([gt.top,F.default({},r,null!==r)])},R.default.createElement(ee,{withoutStyle:!0,className:z.default([gt.button,F.default({},s,null!==s)]),icon:R.default.createElement(m.FontAwesomeIcon,{icon:p?f.faAngleUp:f.faAngleDown,className:gt.icon}),iconPosition:"right",labelClassName:gt.label,onClick:y},n)),R.default.createElement("div",{className:z.default([gt.content,F.default({},o,null!==o)])},a))};ht.propTypes=yt,ht.defaultProps={title:null,children:null,className:null,topClassName:null,contentClassName:null,openedClassName:null,buttonClassName:null};var vt={date:L.default.string,withTime:L.default.bool,timeSeparator:L.default.node},bt=function(e){var t=e.date,n=e.withTime,a=e.timeSeparator,l=i.useMemo((function(){return _.default(t).toDate()}),[t]);return R.default.createElement(R.default.Fragment,null,R.default.createElement(c.FormattedDate,{value:l,year:"numeric",month:"long",day:"2-digit"}),n?a:null,n?R.default.createElement(c.FormattedTime,{value:l}):null)};bt.propTypes=vt,bt.defaultProps={date:null,withTime:!1,timeSeparator:", "};var wt={throttleDelay:L.default.number,threshold:L.default.arrayOf(L.default.number),onEnter:L.default.func,onLeave:L.default.func,onChange:L.default.func,disabled:L.default.bool,children:L.default.node,className:L.default.string},Ct=function(e){var t=e.throttleDelay,n=e.threshold,a=e.onEnter,l=e.onLeave,r=e.onChange,o=e.disabled,u=e.children,s=e.className,c=h.useIntersectionObserver({threshold:n}),d=c.ref,m=c.entry.isIntersecting,f=i.useRef(!1),p=i.useMemo((function(){var e=function(e){var t=f.current;null!==a&&e&&!t&&a(),null!==l&&!e&&t&&l(),null!==r&&r(e),e&&!t?f.current=!0:!e&&t&&(f.current=!1)};return null!==t?G.default(e,t,{trailing:!0,leading:!0}):e}),[t,a,l,r]);return i.useEffect((function(){return o?function(){}:(p(m),function(){null!==t&&p.cancel()})}),[t,m,o,p]),R.default.createElement("div",{className:s,ref:d},u)};Ct.propTypes=wt,Ct.defaultProps={throttleDelay:null,threshold:void 0,onEnter:null,onLeave:null,onChange:null,disabled:!1,children:null,className:null};var Et={width:L.default.oneOfType([L.default.number,L.default.string]),height:L.default.oneOfType([L.default.number,L.default.string]),outline:L.default.bool,className:L.default.string,boxClassName:L.default.string,children:L.default.node},Mt=function(e){var t,n=e.width,a=e.height,l=e.outline,i=e.className,r=e.boxClassName,o=e.children;return R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-block-container",(t={},F.default(t,i,null!==i),F.default(t,"micromag-core-partials-placeholder-block-outline",l),t)])},R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-block-box",F.default({},r,null!==r)]),style:{width:n,height:a}},o))};Mt.propTypes=Et,Mt.defaultProps={width:"100%",height:"3em",outline:!1,className:null,boxClassName:null,children:null};var St={name:L.default.string.isRequired,components:L.default.object.isRequired,props:L.default.object,isPlaceholder:L.default.bool,className:L.default.string,placeholderProps:L.default.object},kt=function(e){var t=e.name,n=e.components,a=e.props,l=e.isPlaceholder,i=e.className,r=e.placeholderProps;if(!t)return"Bad component name";if(l)return R.default.createElement(Mt,r);var o=n[d.pascalCase(t)];return o?R.default.createElement(o,Object.assign({},a,{className:i})):"Bad component"};kt.propTypes=St,kt.defaultProps={props:{},isPlaceholder:!1,className:null,placeholderProps:null};var Tt={container:"micromag-core-partials-empty-container",middle:"micromag-core-partials-empty-middle",withoutBorder:"micromag-core-partials-empty-withoutBorder",invertColor:"micromag-core-partials-empty-invertColor"},Nt={children:L.default.node,withoutBorder:L.default.bool,light:L.default.bool,className:L.default.string},xt=function(e){var t,n=e.children,a=e.withoutBorder,l=e.light,i=e.className;return R.default.createElement("div",{className:z.default([Tt.container,(t={},F.default(t,Tt.withoutBorder,a),F.default(t,Tt.light,l),F.default(t,i,i),t)])},R.default.createElement("div",{className:Tt.middle},R.default.createElement(Q,null,n)))};xt.propTypes=Nt,xt.defaultProps={children:null,withoutBorder:!1,light:!1,className:null};var Pt={fonts:s.PropTypes.fonts,formats:L.default.arrayOf(L.default.oneOfType([L.default.string,L.default.shape({name:L.default.string,format:L.default.string})]))},Ot=function(e){var t=e.fonts,n=e.formats,a=(t||[]).filter((function(e){return H.default(e)&&"custom"===e.type&&null!==(e.media||null)})).map((function(e){var t=e.name,a=void 0===t?null:t,l=e.media,i=((void 0===l?null:l)||{}).files,r=void 0===i?{}:i,o=n.reduce((function(e,t){var n=H.default(t)?t.format:t,a=H.default(t)?t.name:t,l=r["webfonts.".concat(a)]||r[a]||null;return null!==l?[].concat(q.default(e),['url("'.concat(l.url,'?") format("').concat(n,'")')]):e}),[]);return o.length>0&&null!==a?'\n                @font-face {\n                    font-family: "'.concat(a,'";\n                    src: ').concat(o.join(","),";\n                }\n            "):null})).filter((function(e){return null!==e}));return a.length>0?R.default.createElement("style",{type:"text/css"},a.join("\n")):null};Ot.propTypes=Pt,Ot.defaultProps={fonts:[],formats:["eot","woff2","woff",{name:"otf",format:"opentype"},{name:"ttf",format:"truetype"},"svg"]};var At={},Zt={thumbnail:L.default.node,thumbnailAlign:L.default.oneOf(["top","center","bottom"]),children:L.default.node,title:s.PropTypes.label,className:L.default.string,thumbnailClassName:L.default.string,bodyClassName:L.default.string,titleClassName:L.default.string},Ft=function(e){var t=e.thumbnail,n=e.thumbnailAlign,a=e.children,l=e.title,i=e.className,r=e.thumbnailClassName,o=e.bodyClassName,u=e.titleClassName;return R.default.createElement("div",{className:z.default(["card",At.container,F.default({},i,null!==i)])},"string"==typeof t?R.default.createElement("img",{src:t,alt:l,className:z.default(["me-3",At.thumbnail,F.default({"align-self-start":"top"===n,"align-self-center":"center"===n,"align-self-end":"bottom"===n},r,null!==r)])}):t,null!==l||null!==a?R.default.createElement("div",{className:z.default(["card-body",At.body,F.default({},o,null!==o)])},null!==l?R.default.createElement("h5",{className:z.default(["mt-0","text-truncate",At.title,F.default({},u,null!==u)])},R.default.createElement(Q,null,l)):null,a):null)};Ft.propTypes=Zt,Ft.defaultProps={thumbnail:null,thumbnailAlign:"top",children:null,title:null,className:null,thumbnailClassName:null,bodyClassName:null,titleClassName:null},L.default.shape({listen:L.default.func.isRequired,push:L.default.func.isRequired}),L.default.shape({pathname:L.default.string,search:L.default.string}),L.default.shape({locale:L.default.string.isRequired,formatMessage:L.default.func.isRequired});var It=L.default.shape({type:L.default.number,value:L.default.string}),Rt=L.default.oneOfType([L.default.string,L.default.arrayOf(It)]),Lt=L.default.shape({id:L.default.string,defaultMessage:Rt.isRequired,description:L.default.string}),zt=L.default.oneOfType([Lt,L.default.string]),qt=L.default.oneOfType([Lt,L.default.node]);L.default.oneOf([401,403,404,500]),L.default.oneOfType([L.default.shape({current:L.default.any}),L.default.func]);var jt=L.default.oneOf(["_blank","_self","_parent"]),Bt=L.default.oneOf(["tap","swipe"]);L.default.arrayOf(Bt),L.default.objectOf(L.default.oneOfType([L.default.string,L.default.number,L.default.array])),L.default.shape({currentTime:L.default.number,duration:L.default.number}),L.default.shape({id:L.default.number,firstname:L.default.string,lastname:L.default.string,email:L.default.string,gender:L.default.string,birthdate:L.default.string});var Dt=L.default.shape({id:L.default.oneOfType([L.default.number,L.default.string]),label:qt,url:L.default.string,external:L.default.bool,active:L.default.bool});L.default.arrayOf(Dt);var Vt=L.default.shape({label:qt,url:L.default.string});L.default.arrayOf(Vt);var Wt=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Wt);var _t=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(_t);var Gt=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Gt);var Ht=L.default.shape({label:qt,onClick:L.default.func});L.default.arrayOf(Ht);var Ut=["primary","secondary","success","danger","warning","info","light","dark"];L.default.oneOf(Ut),L.default.oneOf([].concat(Ut,["outline-primary","outline-secondary","outline-success","outline-danger","outline-warning","outline-info","outline-light","outline-dark","outline-link",null])),L.default.oneOf(["lg","sm",null]),L.default.oneOf(["lg","sm",null]),L.default.oneOf(["start","end"]);var Yt=L.default.oneOfType([L.default.object,L.default.func]);L.default.objectOf(Yt);var Xt=L.default.oneOfType([L.default.string,L.default.arrayOf(L.default.string)]);L.default.objectOf(Xt);var Qt=L.default.oneOfType([L.default.string,L.default.shape({value:L.default.any,label:qt})]);L.default.arrayOf(Qt);var Jt=L.default.shape({name:L.default.string,component:Yt});L.default.arrayOf(Jt);var Kt={filename:L.default.string,size:L.default.number,mime:L.default.string},$t=L.default.shape({id:L.default.string,handle:L.default.string,type:L.default.string,mime:L.default.string,url:L.default.string}),en={id:L.default.string,type:L.default.string.isRequired,url:L.default.string,thumbnail_url:L.default.string,name:L.default.string,metadata:L.default.shape(B.default({},Kt)),files:L.default.objectOf($t)},tn=L.default.shape(en);L.default.arrayOf(tn),L.default.oneOf(["image","video","audio","closed-captions","font"]);var nn=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["image","video"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{width:L.default.number,height:L.default.number}))}));L.default.arrayOf(nn);var an=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["font"]),metadata:L.default.shape(B.default({},Kt))}));L.default.arrayOf(an);var ln=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["video"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{width:L.default.number,height:L.default.number,duration:L.default.number}))}));L.default.arrayOf(ln);var rn=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["audio"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{duration:L.default.number}))}));L.default.arrayOf(rn);var on=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["closed-captions"])})),un=L.default.oneOfType([L.default.string,L.default.shape({type:L.default.oneOf(["system","google","custom"]),name:L.default.string,media:an})]);L.default.arrayOf(un);var sn=L.default.oneOf(["left","right","center"]),cn=L.default.shape({color:L.default.string,alpha:L.default.number}),dn=L.default.shape({fontFamily:un,fontSize:L.default.number,fontStyle:L.default.shape({bold:L.default.bool,italic:L.default.bool,underline:L.default.bool,upperCase:L.default.bool}),align:sn,color:cn,letterSpacing:L.default.number,lineHeight:L.default.number}),mn=L.default.oneOf(["dotted","dashed","solid","double","groove","ridge","inset","outset","hidden"]);L.default.shape({width:L.default.number,style:mn,radius:L.default.number,color:cn});var fn=L.default.shape({backgroundColor:cn,borderRadius:L.default.number,borderWidth:L.default.number,borderColor:cn,borderStyle:mn});L.default.shape({top:L.default.number,bottom:L.default.number}),L.default.arrayOf(L.default.shape({rows:L.default.oneOfType([L.default.number,L.default.arrayOf(L.default.number)]),columns:L.default.oneOfType([L.default.number,L.default.arrayOf(L.default.number)])}));var pn=L.default.oneOf(["cover","contain",null]);L.default.shape({fit:pn,horizontalPosition:L.default.oneOf(["left","center","right"]),verticalPosition:L.default.oneOf(["top","center","bottom"])});var gn=L.default.shape({body:L.default.string,textStyle:dn}),yn=gn;L.default.shape({label:L.default.string,textStyle:dn});var hn=L.default.shape({media:nn});L.default.arrayOf(hn),L.default.shape({media:ln,autoPlay:L.default.bool,loop:L.default.bool,closedCaptions:on,withSeekBar:L.default.bool,withPlayPause:L.default.bool});var vn=L.default.shape({media:nn});L.default.arrayOf(vn),L.default.shape({media:rn,autoPlay:L.default.bool,loop:L.default.bool,closedCaptions:on,withPlayPause:L.default.bool}),L.default.shape({media:on});var bn=L.default.shape({color:cn,image:nn,video:ln}),wn=L.default.shape({image:nn,caption:gn});L.default.arrayOf(wn);var Cn=L.default.oneOf(["horizontal","vertical"]),En=L.default.oneOf(["start","center","end"]),Mn=L.default.oneOfType([L.default.number,L.default.oneOf(["between","evenly","around"])]);L.default.shape({direction:Cn,align:En,width:L.default.number,height:L.default.number,spacing:Mn,reverse:L.default.bool}),L.default.shape({layout:L.default.arrayOf(L.default.string),spacing:L.default.number});var Sn=L.default.shape({lat:L.default.number,lng:L.default.number}),kn={id:L.default.number,geoPosition:Sn,title:yn,subtitle:yn,description:gn},Tn=L.default.shape(B.default({},kn));L.default.arrayOf(Tn);var Nn=L.default.shape(B.default(B.default({},kn),{},{image:nn}));L.default.arrayOf(Nn);var xn={id:L.default.string,label:gn},Pn=L.default.shape(B.default({},xn)),On=L.default.shape(B.default(B.default({},xn),{},{good:L.default.bool}));L.default.arrayOf(Pn),L.default.arrayOf(On);var An=L.default.oneOf(["swipe-up","button"]);L.default.shape({active:L.default.bool,type:An,url:L.default.string,label:gn,buttonStyle:fn});var Zn=L.default.shape({id:L.default.string,name:L.default.string,avatar:nn,side:L.default.oneOf(["left","right"]),color:cn}),Fn=L.default.arrayOf(Zn),In=L.default.shape({speaker:L.default.string,message:L.default.string,image:nn}),Rn=L.default.arrayOf(In);L.default.shape({speakers:Fn,textStyle:dn,messages:Rn});var Ln={name:L.default.string,type:L.default.string.isRequired,label:zt},zn=L.default.shape(B.default(B.default({},Ln),{},{isSection:L.default.bool,fields:L.default.arrayOf(L.default.shape(Ln))})),qn=L.default.arrayOf(zn),jn=L.default.shape({id:L.default.string.isRequired,type:L.default.oneOf(["screen"]).isRequired,title:zt.isRequired,layouts:L.default.arrayOf(L.default.string),fields:qn});L.default.arrayOf(jn);var Bn=L.default.shape({id:L.default.string.isRequired,type:L.default.oneOf(["field"]).isRequired,title:zt.isRequired,fields:qn});L.default.arrayOf(Bn);var Dn={type:L.default.string.isRequired},Vn=L.default.shape(B.default({},Dn));L.default.arrayOf(Vn);var Wn=L.default.shape(B.default({},Dn)),_n=L.default.arrayOf(Wn),Gn=L.default.shape({id:L.default.string,textStyles:L.default.objectOf(dn),background:bn,colors:L.default.objectOf(cn),components:_n});L.default.shape(B.default({logo:nn},Gn));var Hn=L.default.shape({description:L.default.string,shareUrl:L.default.string,shareImage:nn,favIcon:nn});L.default.shape({id:L.default.string,theme:Gn,components:_n,metadata:Hn});var Un=L.default.shape({name:L.default.string.isRequired,mediaQuery:L.default.string});L.default.arrayOf(Un),L.default.shape({screen:L.default.string,screens:L.default.arrayOf(L.default.string),width:L.default.number,height:L.default.number,landscape:L.default.bool}),L.default.oneOf(["view","placeholder","edit","preview","static","capture"]),L.default.shape({width:L.default.number,height:L.default.number}),L.default.shape({width:L.default.number,height:L.default.number,url:L.default.string,target:jt,iframe:L.default.string,image:nn}),L.default.shape({src:L.default.string,track:L.default.string,trackLng:L.default.number,controls:L.default.bool});var Yn=L.default.shape({image:nn,text:L.default.string});L.default.arrayOf(Yn),L.default.shape({});var Xn=L.default.oneOf(["fade","scale","slide"]),Qn={duration:L.default.number,easing:L.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"])},Jn=L.default.oneOfType([Xn.isRequired,L.default.shape(B.default({name:Xn.isRequired},Qn))]);L.default.shape({in:Jn,out:Jn});var Kn=L.default.shape({type:L.default.string,value:L.default.oneOf([L.default.string,L.default.number])});L.default.arrayOf(Kn);var $n=L.default.shape({id:L.default.oneOfType([L.default.string,L.default.number]),date:L.default.string,type:L.default.string,invoice_link:L.default.string,amount:L.default.oneOfType([L.default.string,L.default.number])});L.default.arrayOf($n);var ea=L.default.shape({canonical:L.default.string,description:L.default.string,keywords:L.default.oneOfType([L.default.string,L.default.array]),image:L.default.shape({url:L.default.string}),favicon:L.default.shape({url:L.default.string}),rssUrl:L.default.string,atomUrl:L.default.string,microformats:L.default.arrayOf(L.default.shape({}))});L.default.shape({name:L.default.string,avatar:L.default.shape({url:L.default.string})});var ta={title:L.default.string,url:L.default.string,metadata:ea,fullTitle:L.default.string,suffix:L.default.string,children:L.default.node},na=function(e){var t=e.title,n=e.url,a=e.metadata,l=e.fullTitle,i=e.suffix,r=e.children,o=a||{},u=o.canonical,s=void 0===u?null:u,c=o.description,d=void 0===c?null:c,m=o.keywords,f=void 0===m?null:m,p=o.image,g=void 0===p?null:p,y=o.favicon,h=void 0===y?null:y,v=o.rssUrl,b=void 0===v?null:v,w=o.atomUrl,C=void 0===w?null:w,E=o.microformats,M=void 0===E?[]:E,S=o.language,k=void 0===S?null:S,N=null!==t?"".concat(t," | ").concat(i):l,x=g||{},P=x.url,O=void 0===P?null:P,A=x.metadata,Z=(void 0===A?{}:A)||{},F=Z.width,I=void 0===F?null:F,L=Z.height,z=void 0===L?null:L,q=(h||{}).url,j=void 0===q?null:q;return R.default.createElement(T.Helmet,null,R.default.createElement("title",null,null!==N&&N.length>0?N:"Micromag"),null!==d?R.default.createElement("meta",{name:"description",content:d}):null,null!==k?R.default.createElement("meta",{name:"language",content:k}):null,null!==f&&U.default(f)?R.default.createElement("meta",{name:"keywords",content:f}):null,null!==f&&W.default(f)?R.default.createElement("meta",{name:"keywords",content:f.join(",")}):null,null!==s?R.default.createElement("link",{rel:"canonical",href:s}):null,null!==j?R.default.createElement("link",{rel:"icon",type:"image/png",href:j}):null,null!==b?R.default.createElement("link",{rel:"alternate",type:"application/rss+xml",href:b}):null,null!==C?R.default.createElement("link",{rel:"alternate",type:"application/atom+xml",href:C}):null,null!==O?R.default.createElement("meta",{property:"og:image",content:O}):null,null!==O?R.default.createElement("meta",{property:"og:image:url",content:O}):null,null!==I?R.default.createElement("meta",{property:"og:image:width",content:I}):null,null!==z?R.default.createElement("meta",{property:"og:image:height",content:z}):null,R.default.createElement("meta",{property:"og:title",content:N}),null!==d?R.default.createElement("meta",{property:"og:description",content:d}):null,null!==n?R.default.createElement("meta",{property:"og:url",content:n}):null,R.default.createElement("meta",{name:"twitter:card",content:null!==O?"summary_large_image":"summary"}),R.default.createElement("meta",{name:"twitter:title",content:N}),null!==d?R.default.createElement("meta",{name:"twitter:description",content:d}):null,null!==O?R.default.createElement("meta",{name:"twitter:image",content:O}):null,(M||[]).map((function(e){return R.default.createElement("script",{type:"application/ld+json",id:"".concat(e["@type"],"-").concat(e.identifier),key:"microformat-".concat(e["@type"],"-").concat(e.identifier)},JSON.stringify(e))})),r)};na.propTypes=ta,na.defaultProps={title:null,url:null,metadata:null,fullTitle:null,suffix:"Micromag",children:null};var aa={items:L.default.arrayOf(L.default.node),auto:L.default.bool,delay:L.default.number,width:L.default.oneOfType([L.default.string,L.default.number]),height:L.default.oneOfType([L.default.string,L.default.number]),className:L.default.string,children:L.default.node},la=function(e){var t=e.items,n=e.auto,a=e.delay,l=e.width,r=e.height,o=e.className,u=e.children,s=i.useState(0),c=j.default(s,2),d=c[0],m=c[1];i.useEffect((function(){var e=null;return n&&(e=setTimeout((function(){d<t.length-1?m((function(e){return e+1})):m(0)}),a)),function(){clearTimeout(e)}}),[d,t,n,a]);var f={width:l,height:r};return R.default.createElement("div",{className:z.default(["micromag-core-partials-slideshow-container",F.default({},o,o)]),style:f},R.default.createElement("div",{className:"micromag-core-partials-slideshow-items"},t.map((function(e,t){var n;return R.default.createElement("div",{key:"slide-".concat(t+1),className:z.default(["micromag-core-partials-slideshow-item",(n={},F.default(n,"micromag-core-partials-slideshow-prev",t<d),F.default(n,"micromag-core-partials-slideshow-current",t===d),F.default(n,"micromag-core-partials-slideshow-next",t>d),n)])},e)}))),u)};la.propTypes=aa,la.defaultProps={items:[],auto:!0,delay:5e3,width:null,height:null,className:null,children:null};var ia={icon:"micromag-core-placeholders-icon"},ra=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faAd,className:ia.icon}))},oa=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faImage,className:ia.icon}))},ua=function(e){var t=e.width,n=void 0===t?"100%":t,a=e.height,l=void 0===a?"2em":a,i=e.className;return R.default.createElement(Mt,{width:n,height:l,className:i},R.default.createElement(m.FontAwesomeIcon,{icon:f.faMusic,className:ia.icon}))},sa={lines:L.default.number,lineMargin:L.default.oneOfType([L.default.number,L.default.string]),width:L.default.oneOfType([L.default.number,L.default.string]),height:L.default.oneOfType([L.default.number,L.default.string]),fontSize:L.default.number,className:L.default.string},ca=function(e){var t=e.lines,n=e.lineMargin,a=e.width,l=e.height,i=e.fontSize,r=e.className,o=null!==l&&Y.default(l)?"".concat(Math.round(l*i),"px"):l,u=Y.default(a)?.9*a:"90%";return R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-text-container",F.default({},r,r)])},q.default(Array(t)).map((function(e,t){return R.default.createElement("div",{key:"line-".concat(t),className:"micromag-core-partials-placeholder-text-line",style:{width:t%2==0?a:u,height:o,marginTop:n,marginBottom:n}})})))};ca.propTypes=sa,ca.defaultProps={lines:1,lineMargin:1,width:"100%",height:null,fontSize:16,className:null};var da=function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.4em":a,i=e.className;return R.default.createElement(Mt,{outline:!0,width:n,height:l,className:i},R.default.createElement(ca,{line:1,height:"0.1em"}))},ma=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faImage,className:ia.icon}))},fa=function(e){return R.default.createElement(ca,Object.assign({},e,{className:z.default([e.className,ia.shortText]),height:.2,lines:1}))},pa="micromag-core-placeholders-map-icon",ga=function(e){return R.default.createElement(Mt,Object.assign({},e,{width:"100%",height:"100%",className:z.default(["micromag-core-placeholders-map-container",F.default({},e.className,null!==e.className)])}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:pa}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:pa}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:pa}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:pa}))},ya=function(e){return R.default.createElement(Mt,Object.assign({},e,{width:"100%",height:"70%",className:z.default([e.className,ia.mapPath])}),R.default.createElement(m.FontAwesomeIcon,{icon:f.faMapMarkedAlt,size:"lg",className:ia.icon}))},ha=function(e){return R.default.createElement(ca,Object.assign({},e,{className:z.default([e.className,ia.subtitle]),height:.5,lines:6}))},va=function(e){return R.default.createElement(ca,Object.assign({},e,{className:z.default([e.className,ia.shortText]),height:.2,lines:2}))},ba=function(e){return R.default.createElement(ca,Object.assign({},e,{className:z.default([e.className,ia.subtitle]),height:.3,lines:1}))},wa=function(e){var t=e.height,n=void 0===t?.2:t,a=e.lines,l=void 0===a?4:a,i=e.lineMargin,r=void 0===i?2:i;return R.default.createElement(ca,Object.assign({},e,{height:n,lines:l,lineMargin:r,className:z.default([e.className,ia.text])}))},Ca=function(e){return R.default.createElement(ca,Object.assign({},e,{className:z.default([e.className,ia.timeline])}))},Ea=function(e){return R.default.createElement(ca,Object.assign({},e,{className:z.default([e.className,ia.title]),height:.5,lines:2,lineMargin:4}))},Ma=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faVideo,className:ia.icon}))},Sa=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:z.default(["micromag-core-placeholders-video-360-container",F.default({},a,null!==a)]),boxClassName:"micromag-core-placeholders-video-360-box"},R.default.createElement(m.FontAwesomeIcon,{icon:f.faVideo,className:"micromag-core-placeholders-video-360-icon"}),R.default.createElement("div",{className:"micromag-core-placeholders-video-360-label"},"360"))},ka=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faPlay,className:ia.icon}),R.default.createElement(m.FontAwesomeIcon,{icon:f.faRedo,className:ia.icon}))},Ta="undefined"!=typeof window&&window.devicePixelRatio||1,Na={width:L.default.number,height:L.default.number,fit:L.default.oneOf([null,"cover","contain"]),screenWidth:L.default.number,screenHeight:L.default.number,className:L.default.string,children:L.default.node.isRequired},xa=function(e){var t=e.width,n=e.height,a=e.fit,l=e.screenWidth,r=e.screenHeight,o=e.className,u=e.children,s=null!==t||null!==n,c=h.useResizeObserver(),d=c.ref,m=c.entry.contentRect||{},f=m.width,p=void 0===f?0:f,g=m.height,v=void 0===g?0:g,b=i.useMemo((function(){var e=t||p||null,i=n||v||null;if(null===e&&null===i)return{};var o=l/r,u=s?t||i*o:e,c=s&&n||e/o;if(null===a){var d=u/l;return{width:u,height:c,scale:d,transform:"scale(".concat(d,")")}}var m=P.getSizeWithinBounds(l,r,u,c,{cover:"cover"===a}),f=m.width,g=m.height,y=m.scale,h=(u-f)/2,b=(c-g)/2;return{width:u,height:c,scale:y,transform:"scale(".concat(y,") translate(").concat(h,"px, ").concat(b,"px)")}}),[l,r,t,n,a,p,v,s]),w=b.width,C=void 0===w?null:w,E=b.height,M=void 0===E?null:E,S=b.scale,k=void 0===S?null:S,T=b.transform,N=void 0===T?null:T,x=i.useMemo((function(){return{screen:"mobile",screens:["mobile"],width:l,height:r,resolution:null!==k?k*Ta:Ta}}),[l,r,k]),O=null!==C&&null!==M;return R.default.createElement("div",{styles:z.default(["micromag-core-screens-screen-sizer-container",F.default({},o,null!==o)]),ref:s?null:d},O?R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-frame",style:{width:C,height:M}},R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-screen",style:{width:l,height:r,transform:N}},R.default.createElement(y.ScreenSizeProvider,{size:x},R.default.cloneElement(u,{width:l,height:r})))):null)};xa.propTypes=Na,xa.defaultProps={width:null,height:null,fit:null,screenWidth:320,screenHeight:480,className:null};var Pa={screen:s.PropTypes.storyComponent.isRequired,renderContext:s.PropTypes.renderContext,screenState:L.default.string,active:L.default.bool,current:L.default.bool,component:L.default.node,components:s.PropTypes.components,className:L.default.string,onPrevious:L.default.func,onNext:L.default.func,onEnableInteraction:L.default.func,onDisableInteraction:L.default.func,getMediaRef:L.default.func},Oa=function(e){var t=e.screen,n=e.renderContext,a=e.screenState,l=e.active,i=e.current,r=e.components,o=e.component,u=e.className,s=e.onPrevious,c=e.onNext,m=e.onEnableInteraction,f=e.onDisableInteraction,p=e.getMediaRef,g=(t||{}).type,h=void 0===g?null:g,v=null!==r&&d.getComponentFromName(h,r)||null,b=y.useScreenComponent(h),w=v||b;return R.default.createElement(y.ScreenProvider,{data:t,renderContext:n,screenState:a},null!==w?R.default.createElement("div",{className:z.default(["micromag-core-screens-screen-container",F.default({},u,null!==u)])},R.default.createElement(w,Object.assign({},t,{active:l,current:i,onPrevious:s,onNext:c,onEnableInteraction:m,onDisableInteraction:f,getMediaRef:p}))):R.default.createElement("div",{className:u},o))};Oa.propTypes=Pa,Oa.defaultProps={active:!1,renderContext:null,screenState:null,current:!1,component:null,components:null,className:null,onPrevious:null,onNext:null,onEnableInteraction:null,onDisableInteraction:null,getMediaRef:null};var Aa=R.default.memo(Oa),Za=["screen","layout","screenWidth","screenHeight","screenState","withSize","className"],Fa={screen:s.PropTypes.component.isRequired,layout:L.default.string,screenWidth:L.default.number,screenHeight:L.default.number,screenState:L.default.string,withSize:L.default.bool,className:L.default.string},Ia=function(e){var t=e.screen,n=e.layout,a=e.screenWidth,l=e.screenHeight,i=e.screenState,r=e.withSize,o=e.className,u=I.default(e,Za),s=R.default.createElement(Aa,Object.assign({screen:t,renderContext:"placeholder",screenState:i,layout:n,className:z.default(["micromag-core-screens-screen-placeholder-screen",F.default({},o,!r)])},u));return r?R.default.createElement(xa,{className:o,screenWidth:a,screenHeight:l},s):s};Ia.propTypes=Fa,Ia.defaultProps={layout:void 0,screenState:null,screenWidth:100,screenHeight:150,withSize:!1,className:null};var Ra=R.default.memo(Ia),La=["screen","screenState","width","height","screenWidth","screenHeight","className","withSize"],za={screen:s.PropTypes.component.isRequired,screenState:L.default.string,width:L.default.number,height:L.default.number,screenWidth:L.default.number,screenHeight:L.default.number,className:L.default.string,withSize:L.default.bool},qa=function(e){var t=e.screen,n=e.screenState,a=e.width,l=e.height,i=e.screenWidth,r=e.screenHeight,o=e.className,u=e.withSize,s=I.default(e,La),c=R.default.createElement(Aa,Object.assign({screen:t,renderContext:"preview",screenState:n,width:u?void 0:a,height:u?void 0:l,className:z.default(["micromag-core-screens-preview-screen",F.default({},o,!u)])},s));return u?R.default.createElement(xa,{className:o,screenWidth:i,screenHeight:r,width:a,height:l},c):c};qa.propTypes=za,qa.defaultProps={screenState:null,width:void 0,height:void 0,screenWidth:void 0,screenHeight:void 0,className:null,withSize:!1};var ja=R.default.memo(qa),Ba={container:"micromag-core-placeholders-conversation-container",icon:"micromag-core-placeholders-conversation-icon",message:"micromag-core-placeholders-conversation-message",placeholderMessage0:"micromag-core-placeholders-conversation-placeholderMessage0",placeholderMessage1:"micromag-core-placeholders-conversation-placeholderMessage1",placeholderMessage2:"micromag-core-placeholders-conversation-placeholderMessage2",placeholderMessage3:"micromag-core-placeholders-conversation-placeholderMessage3"},Da=Object.freeze({__proto__:null,AdFrame:ra,AdImage:oa,Audio:ua,Button:da,Conversation:function(){return R.default.createElement("div",{className:Ba.container},q.default(Array(4)).map((function(e,t){return R.default.createElement("div",{key:"message-".concat(t+1),className:z.default([Ba.message,Ba["placeholderMessage".concat(t)]])})})),R.default.createElement(m.FontAwesomeIcon,{icon:f.faCommentDots,className:Ba.icon}))},Image:ma,InputText:function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.5em":a,i=e.className;return R.default.createElement(Mt,{outline:!0,width:n,height:l,className:i})},Line:fa,Map:ga,MapPath:ya,QuizAnswer:function(e){var t,n=e.width,a=void 0===n?"75%":n,l=e.height,i=void 0===l?"0.3em":l,r=e.className,o=e.good,u=void 0===o||o;return R.default.createElement("div",{className:z.default(["micromag-core-placeholders-quiz-answer-container",(t={},F.default(t,r,null!==r),F.default(t,"micromag-core-placeholders-quiz-answer-good",u),t)])},R.default.createElement("div",{className:"micromag-core-placeholders-quiz-answer-answer"},R.default.createElement(m.FontAwesomeIcon,{className:"micromag-core-placeholders-quiz-answer-answerIcon",icon:u?f.faCheck:f.faTimes})),R.default.createElement(Mt,{outline:!0,width:a,height:i,className:"micromag-core-placeholders-quiz-answer-block"},R.default.createElement(ca,{line:1,height:"0.2em"})))},Quote:ha,ShortText:va,Subtitle:ba,SurveyAnswer:function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.3em":a,i=e.className;return R.default.createElement("div",{className:z.default(["micromag-core-placeholders-survey-answer-container",F.default({},i,null!==i)])},R.default.createElement(Mt,{outline:!0,width:n,height:l,className:"micromag-core-placeholders-survey-answer-block"},R.default.createElement(ca,{line:1,height:"0.2em"})),R.default.createElement("div",{className:"micromag-core-placeholders-survey-answer-percent"},R.default.createElement(m.FontAwesomeIcon,{className:"micromag-core-placeholders-survey-answer-percentIcon",icon:f.faPercent})))},Text:wa,Timeline:Ca,Title:Ea,Video:Ma,Video360:Sa,VideoLoop:ka}),Va={children:L.default.node,placeholder:L.default.oneOfType([L.default.string,L.default.node]),preview:L.default.node,empty:L.default.node,emptyLabel:s.PropTypes.label,isEmpty:L.default.bool,placeholderProps:L.default.object,emptyClassName:L.default.string},Wa=function(e){var t=e.children,n=e.placeholder,a=e.empty,l=e.emptyLabel,i=e.preview,r=e.isEmpty,o=e.placeholderProps,u=e.emptyClassName,s=y.useScreenRenderContext(),c=s.isPlaceholder,m=s.isEdit,f=s.isPreview;if(c){var p=U.default(n)?d.getComponentFromName(n,Da):null;return null!==p?R.default.createElement(p,o):n}return m&&r?null!==a?a:R.default.createElement(xt,{className:u},l):f&&null!==i?i:t};Wa.propTypes=Va,Wa.defaultProps={children:null,placeholder:null,preview:null,empty:null,emptyLabel:null,isEmpty:!1,placeholderProps:null,emptyClassName:null};var _a={screens:s.PropTypes.storyComponents.isRequired,screen:L.default.string,className:L.default.string},Ga=function(e){var t=e.screens,n=e.screen,a=e.className;return R.default.createElement("div",{className:z.default(["micromag-core-screens-container",F.default({},a,a)])},t.map((function(e){var t=e.id;return R.default.createElement(Aa,{key:"screen-".concat(t),screen:e,className:z.default(["micromag-core-screens-screen",F.default({},"micromag-core-screens-visible",n===t)])})})))};Ga.propTypes=_a,Ga.defaultProps={screen:null,className:null};var Ha={fullscreen:L.default.bool,from:L.default.objectOf(L.default.any),to:L.default.objectOf(L.default.any),playing:L.default.bool,direction:L.default.oneOf(["in","out"]),delay:L.default.number,duration:L.default.number,easing:L.default.func,children:L.default.node,className:L.default.string,onStart:L.default.func,onComplete:L.default.func};function Ua(e){var t,n=e.fullscreen,a=e.from,l=e.to,r=e.playing,o=e.direction,u=e.delay,s=e.duration,c=e.easing,d=e.children,m=e.className,f=e.onStart,p=e.onComplete,g=O.useSpring((function(){return{}})),y=j.default(g,2),h=y[0],v=y[1];return i.useEffect((function(){var e=!r&&"in"===o||r&&"out"===o,t={from:a,to:e||r?l:a,reset:r&&!e,onStart:f,onRest:p,config:{duration:e?0:null!==s?s:void 0}},n=null;return u>0&&r&&"out"!==o?(v.start({to:a,immediate:!0}),n=setTimeout((function(){v.start(t)}),u)):v.start(t),function(){null!==n&&clearTimeout(n)}}),[r,o,u,s,c,a,l,v,f,p]),R.default.createElement(A.animated.div,{style:B.default({},h),className:z.default(["micromag-core-transitions-transition-container",(t={},F.default(t,m,null!==m),F.default(t,"micromag-core-transitions-transition-fullscreen",n),t)])},d)}Ua.propTypes=Ha,Ua.defaultProps={fullscreen:!1,from:null,to:null,playing:!1,direction:null,delay:0,duration:void 0,easing:void 0,children:null,className:null,onStart:null,onComplete:null};var Ya={Fade:function(e){var t=i.useMemo((function(){return{opacity:0}}),[]),n=i.useMemo((function(){return{opacity:1}}),[]);return R.default.createElement(Ua,Object.assign({},e,{from:t,to:n}))},Scale:function(e){var t=i.useMemo((function(){return{transform:"scale(0)"}}),[]),n=i.useMemo((function(){return{transform:"scale(1)"}}),[]);return R.default.createElement(Ua,Object.assign({},e,{from:t,to:n}))}},Xa={fullscreen:L.default.bool,playing:L.default.bool,delay:L.default.number,transitions:s.PropTypes.transitions,disabled:L.default.bool,children:L.default.node};function Qa(e){var t=e.fullscreen,n=e.playing,a=e.delay,l=e.transitions,i=e.disabled,r=e.children,o=y.useScreenSize().landscape,u=n||void 0!==o&&o,s={in:null,out:null},c=null!==l?l:{in:"fade",out:"fade"};Object.keys(c).forEach((function(e){var t=c[e];s[e]="string"==typeof t?{name:t}:t}));var m=s.in,f=void 0===m?null:m,p=s.out,g=void 0===p?null:p,h=null!==f?f:g,v=null!==g?g:f,b=(h||{}).name,w=void 0===b?null:b,C=(v||{}).name,E=void 0===C?null:C,M=w===E,S=null!==h?d.getComponentFromName(w,Ya,null):null,k=null===v||M?null:d.getComponentFromName(E,Ya,null),T=null!==h?B.default(B.default({},h),{},{name:void 0,delay:a}):null,N=null!==v?B.default(B.default({},v),{},{name:void 0,delay:a}):null,x=null===k||i?r:R.default.createElement(k,Object.assign({fullscreen:t,playing:u,direction:"out"},N),r);return null===S||i?x:R.default.createElement(S,Object.assign({fullscreen:t,playing:u,direction:M?null:"in"},T),x)}Qa.propTypes=Xa,Qa.defaultProps={fullscreen:!1,playing:!1,delay:0,transitions:null,disabled:!1,children:null};var Ja={transitions:s.PropTypes.transitions,stagger:L.default.number,playing:L.default.bool,disabled:L.default.bool,delay:L.default.number,fullscreen:L.default.bool,children:L.default.node},Ka=function(e){var t=e.transitions,n=e.stagger,a=e.playing,l=e.disabled,i=e.delay,r=e.fullscreen,o=e.children,u=0;return R.default.Children.map(o,(function(e){if(!e)return null;var o=e.type,s=((void 0===o?null:o)||{}).withoutTransitionsWrapper;if(l||void 0!==s&&s)return e;var c=R.default.createElement(Qa,{transitions:t,delay:i+u*n,playing:a,fullscreen:r},e);return u+=1,c}))};Ka.propTypes=Ja,Ka.defaultProps={transitions:null,stagger:0,playing:!1,disabled:!1,delay:0,fullscreen:!1,children:null};var $a={selector:L.default.string,highlightSelector:L.default.string,style:L.default.objectOf(L.default.oneOfType([L.default.string,L.default.number]))},el=function(e){var t=e.selector,n=e.highlightSelector,a=e.style;return null!==a?R.default.createElement("style",{type:"text/css"},"".concat([t,n].filter((function(e){return null!==e})).join(" "),"{").concat(d.convertStyleToString(a),"}")):null};el.propTypes=$a,el.defaultProps={selector:null,highlightSelector:"mark",style:null};var tl={selector:L.default.string,linkSelector:L.default.string,style:L.default.objectOf(L.default.oneOfType([L.default.string,L.default.number]))},nl=function(e){var t=e.selector,n=e.linkSelector,a=e.style;return null!==a?R.default.createElement("style",{type:"text/css"},"".concat([t,n].filter((function(e){return null!==e})).join(" "),"{").concat(d.convertStyleToString(a),"}")):null};nl.propTypes=tl,nl.defaultProps={selector:null,linkSelector:"a",style:null},t.BackButton=oe,t.Breadcrumb=Oe,t.Button=ee,t.Buttons=le,t.Card=Ee,t.CollapsablePanel=ht,t.Date=bt,t.Detector=Ct,t.DropdownMenu=Fe,t.Element=kt,t.Empty=xt,t.FieldForm=me,t.FontFaces=Ot,t.Form=ge,t.FormPanel=xe,t.HighlightStyle=el,t.Label=Q,t.Link=be,t.LinkStyle=nl,t.Media=Ft,t.Menu=Le,t.Meta=na,t.Modal=tt,t.ModalDialog=lt,t.ModalPortal=Ke,t.Modals=Ye,t.Navbar=qe,t.Pagination=Ve,t.Panel=pt,t.PanelPortal=mt,t.Panels=ct,t.PlaceholderAdFrame=ra,t.PlaceholderAdImage=oa,t.PlaceholderAudio=ua,t.PlaceholderButton=da,t.PlaceholderImage=ma,t.PlaceholderLine=fa,t.PlaceholderMap=ga,t.PlaceholderMapPath=ya,t.PlaceholderQuote=ha,t.PlaceholderShortText=va,t.PlaceholderSubtitle=ba,t.PlaceholderText=wa,t.PlaceholderTimeline=Ca,t.PlaceholderTitle=Ea,t.PlaceholderVideo=Ma,t.PlaceholderVideo360=Sa,t.PlaceholderVideoLoop=ka,t.Screen=Aa,t.ScreenElement=Wa,t.ScreenPlaceholder=Ra,t.ScreenPreview=ja,t.ScreenSizer=xa,t.Screens=Ga,t.Slideshow=la,t.Spinner=Se,t.Tabs=Ge,t.Transitions=Qa,t.TransitionsStagger=Ka,t.UploadModal=rt},2801:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(417),l=n(8689),i=n(7641),r=n(6204),o=n(2807),u=n(1260),s=n(5182),c=n(1132),d=n(1068),m=n(3306),f=n(2289),p=n(1610),g=n(8436),y=n(3857),h=n(5587),v=n(5787),b=n(2220),w=n(8514),C=n(5537);function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var S=E(a),k=E(l),T=E(i),N=E(r),x=E(u),P=E(s),O=E(c),A=E(d),Z=E(f),F=E(b),I=E(C),R="modals",L="fields",z="forms",q="screens",j="elements",B=N.default.createContext(null),D=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=r.useContext(B),n=r.useMemo((function(){return null!==e?new o.ComponentsManager(t.getComponents(e)):t}),[t,e]);return n},V=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D();return n.getComponents(e)||t},W=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=D(n);return r.useMemo((function(){return k.default(e)?a.getComponent(e)||t:e||t}),[a,e,t])},_={children:T.default.node.isRequired,namespace:T.default.string,manager:T.default.instanceOf(o.ComponentsManager),components:T.default.objectOf(T.default.oneOfType([T.default.object,T.default.func]))},G=function(e){var t=e.components,n=e.manager,a=e.namespace,l=e.children,i=D()||null,u=r.useMemo((function(){return new o.ComponentsManager(S.default(S.default(S.default({},null!==i?i.getComponents():null),null!==n?n.getComponents():null),new o.ComponentsManager(t).addNamespace(a).getComponents()))}),[i,n,t,a]);return N.default.createElement(B.Provider,{value:u},l)};G.propTypes=_,G.defaultProps={namespace:null,components:{},manager:null};var H=N.default.createContext(null),U=function(){return r.useContext(H)},Y={fields:o.PropTypes.fieldDefinitions,manager:T.default.instanceOf(o.FieldsManager),children:T.default.node.isRequired},X=function(e){var t=e.fields,n=e.manager,a=e.children,l=U()||null,i=r.useMemo((function(){var e=O.default([].concat(P.default(t||[]),P.default(null!==n?n.getDefinitions():[]),P.default(null!==l?l.getDefinitions():[])),(function(e){return e.id})).reverse();return new o.FieldsManager(e)}),[l,n,t]),u=r.useMemo((function(){var e=i.getComponents();return Object.keys(e).reduce((function(t,n){var a=e[n];return k.default(a)?t:S.default(S.default({},t),{},x.default({},n,a))}),{})}),[i]);return N.default.createElement(H.Provider,{value:i},N.default.createElement(G,{namespace:L,components:u},a))};X.propTypes=Y,X.defaultProps={fields:null,manager:null};var Q=N.default.createContext(new o.ScreensManager),J=function(){return r.useContext(Q)},K={screens:o.PropTypes.screenDefinitions,namespaces:T.default.arrayOf(T.default.string),filterNamespaces:T.default.bool,manager:T.default.instanceOf(o.ScreensManager),children:T.default.node.isRequired},$=function(e){var t=e.screens,n=e.namespaces,a=e.filterNamespaces,l=e.manager,i=e.children,u=J(),s=r.useMemo((function(){var e=null!==l?l:new o.ScreensManager(t);return null!==(u||null)&&(e=u.merge(e)),a&&(e=u.filter((function(e){var t=e.namespaces,a=void 0===t?null:t;return null===a||null!==n&&a.reduce((function(e,t){return e||-1!==n.indexOf(t)}),!1)}))),e}),[l,t,n,a,u]),c=r.useMemo((function(){return s.getComponents()}),[s]),d=r.useState(c),m=A.default(d,2),f=m[0],p=m[1];return r.useEffect((function(){var e=function(){return p(s.getComponents())};return s.on("change",e),function(){s.off("change",e)}}),[s,p]),N.default.createElement(Q.Provider,{value:s},N.default.createElement(G,{namespace:q,components:f},i))};$.propTypes=K,$.defaultProps={screens:null,namespaces:null,filterNamespaces:!1,manager:null};var ee=N.default.createContext(null),te=function(){return r.useContext(ee)},ne=function(){return te()},ae={story:T.default.oneOfType([o.PropTypes.story,o.PropTypes.theme]),children:T.default.node.isRequired},le=function(e){var t=e.story,n=e.children;return N.default.createElement(ee.Provider,{value:t},n)};le.propTypes=ae,le.defaultProps={story:null};var ie=N.default.createContext(null),re=function(){return r.useContext(ie)},oe={children:T.default.node.isRequired},ue=function(e){var t=e.children,n=ne(),a=J(),l=U(),i=r.useMemo((function(){return new o.ColorsParser({screensManager:a,fieldsManager:l})}),[a,l]),u=r.useCallback((function(e){return i.parse(e)}),[i]),s=r.useCallback((function(){return u(n)}),[u,n]);return N.default.createElement(ie.Provider,{value:{getColors:s}},t)};ue.propTypes=oe,ue.defaultProps={};var se=N.default.createContext(null),ce={context:T.default.any,children:T.default.node.isRequired},de=function(e){var t=e.context,n=e.children;return N.default.createElement(se.Provider,{value:t},n)};de.propTypes=ce,de.defaultProps={context:null};var me=N.default.createContext({apiKey:null}),fe=function(){return r.useContext(me)},pe={children:T.default.node.isRequired,apiKey:T.default.string},ge=function(e){var t=e.children,n=e.apiKey,a=fe().apiKey,l=r.useMemo((function(){return{apiKey:n||a}}),[n,a]);return N.default.createElement(me.Provider,{value:l},t)};ge.propTypes=pe,ge.defaultProps={apiKey:null};var ye=N.default.createContext({systemFonts:null,googleFonts:null,customFonts:null}),he=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,n=void 0!==t&&t,a=e.setFonts,l=void 0===a?null:a,i=fe(),o=i.apiKey,u=r.useState(null),s=A.default(u,2),c=s[0],d=s[1];return r.useEffect((function(){var e=!1;return null===o||n||m.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(o,"&sort=popularity")).then((function(t){var n=t.items;if(!e){var a=(void 0===n?[]:n).map((function(e){return{type:"google",name:e.family,variants:e.variants}}));null!==l?l(a):d(a)}})),function(){e=!0}}),[o,n,l,d]),c},ve=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.withoutGoogleFonts,n=void 0!==t&&t,a=r.useContext(ye),l=a.setGoogleFonts,i=void 0===l?null:l,o=a.systemFonts,u=void 0===o?null:o,s=a.googleFonts,c=void 0===s?null:s,d=a.customFonts,m=void 0===d?null:d;he({disabled:n||null!==c&&c.length>0,setFonts:i});var f=r.useMemo((function(){return{systemFonts:u,googleFonts:c,customFonts:m}}),[u,c,m]);return f},be={children:T.default.node.isRequired,systemFonts:o.PropTypes.fonts,customFonts:o.PropTypes.fonts},we=function(e){var t=e.systemFonts,n=e.customFonts,a=e.children,l=ve(),i=l.systemFonts,o=void 0===i?null:i,u=l.googleFonts,s=void 0===u?null:u,c=l.customFonts,d=r.useState(null),m=A.default(d,2),f=m[0],p=m[1],g=r.useMemo((function(){return{systemFonts:O.default([].concat(P.default(o||[]),P.default(t||[])),(function(e){return Z.default(e)?e.name:e})),googleFonts:O.default([].concat(P.default(s||[]),P.default(f||[])),(function(e){return Z.default(e)?e.name:e})),customFonts:O.default([].concat(P.default(c||[]),P.default(n||[])),(function(e){return Z.default(e)?e.name:e})),setGoogleFonts:p}}),[o,s,c,n,t,f,p]);return N.default.createElement(ye.Provider,{value:g},a)};we.propTypes=be,we.defaultProps={systemFonts:["Arial","Courier New","Georgia","Times New Roman","Verdana"],customFonts:null};var Ce=N.default.createContext(null),Ee={children:T.default.node.isRequired},Me=function(e){var t=e.children,n=fe().apiKey,a=r.useState(null),l=A.default(a,2),i=l[0],o=l[1];return r.useEffect((function(){p.loadGoogleApi().then((function(e){return e.client.init({apiKey:n}).then((function(){return e}))})).then((function(e){return o(e)}))}),[n,o]),N.default.createElement(Ce.Provider,{value:i},t)};Me.propTypes=Ee,Me.defaultProps={};var Se=N.default.createContext(null),ke=function(){return r.useContext(Se)},Te={children:T.default.node.isRequired,locale:T.default.string,libraries:T.default.arrayOf(T.default.string)},Ne=function(e){var t=e.children,n=e.locale,a=e.libraries,l=fe().apiKey,i=ke(),o=r.useState(i),u=A.default(o,2),s=u[0],c=u[1];return r.useEffect((function(){null===i&&p.loadGoogleMaps({apiKey:l,locale:n,libraries:a}).then((function(e){c(e)}))}),[l,n,a,c,i]),N.default.createElement(Se.Provider,{value:s},t)};Ne.propTypes=Te,Ne.defaultProps={locale:"fr",libraries:null};var xe=N.default.createContext({container:null}),Pe={children:T.default.node.isRequired,container:T.default.object},Oe=function(e){var t=e.children,n=e.container,a=r.useState(n),l=A.default(a,2),i=l[0],o=l[1],u=r.useState([]),s=A.default(u,2),c=s[0],d=s[1],m=r.useRef(c),f=r.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=m.current,a=[].concat(P.default(n),[S.default({id:e},t)]);d(a),m.current=a}),[c,d]),p=r.useCallback((function(e){var t=m.current;if(-1!==t.findIndex((function(t){return t.id===e}))){var n=t.filter((function(t){return t.id!==e}));d(n),m.current=n}}),[c,d]),g=r.useMemo((function(){return{modals:c,container:i,setContainer:o,register:f,unregister:p}}),[c,i,o,f,p]);return N.default.createElement(xe.Provider,{value:g},t)};Oe.propTypes=Pe,Oe.defaultProps={container:null};var Ae=N.default.createContext({container:null}),Ze={children:T.default.node.isRequired,container:T.default.object},Fe=function(e){var t=e.children,n=e.container,a=r.useState(n),l=A.default(a,2),i=l[0],o=l[1],u=r.useState([]),s=A.default(u,2),c=s[0],d=s[1],m=r.useRef(c),f=r.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=m.current,a=[].concat(P.default(n),[S.default({id:e},t)]);d(a),m.current=a}),[c,d]),p=r.useCallback((function(e){var t=m.current;if(-1!==t.findIndex((function(t){return t.id===e}))){var n=t.filter((function(t){return t.id!==e}));d(n),m.current=n}}),[c,d]),g=r.useMemo((function(){return{panels:c,setContainer:o,container:i,register:f,unregister:p}}),[c,o,i,f,p]);return N.default.createElement(Ae.Provider,{value:g},t)};Fe.propTypes=Ze,Fe.defaultProps={container:null};var Ie=N.default.createContext(null),Re=function(){var e=r.useContext(Ie),t=e.routes,n=e.basePath;return r.useCallback((function(e,a){var l=y.generatePath(t[e],a);return null!==n?"".concat(n.replace(/\/$/,""),"/").concat(l.replace(/^\//,"")):l}),[y.generatePath,t,n])},Le={children:T.default.node.isRequired,routes:T.default.objectOf(T.default.string),basePath:T.default.string},ze=function(e){var t=e.routes,n=e.basePath,a=e.children,l=r.useMemo((function(){return{routes:t,basePath:n}}),[]);return N.default.createElement(Ie.Provider,{value:l},a)};ze.propTypes=Le,ze.defaultProps={routes:null,basePath:null};var qe=N.default.createContext({data:null,definition:null,renderContext:null}),je=function(){return r.useContext(qe)},Be={children:T.default.node.isRequired,data:o.PropTypes.screen,definition:o.PropTypes.screenDefinition,renderContext:o.PropTypes.renderContext,screenState:T.default.string},De=function(e){var t=e.data,n=e.definition,a=e.renderContext,l=e.screenState,i=e.children,o=je()||{},u=o.data,s=void 0===u?null:u,c=o.definition,d=void 0===c?null:c,m=o.renderContext,f=void 0===m?null:m,p=o.screenState,g=void 0===p?null:p,y=t||s||null,h=(y||{}).type,v=void 0===h?null:h,b=J(),w=null!==b?b.getDefinition(v):null,C=n||w||d,E=a||f||"view",M=l||g||null,S=r.useMemo((function(){return{data:y,definition:C,renderContext:E,screenState:M}}),[y,C,E,M]);return N.default.createElement(qe.Provider,{value:S},i)};De.propTypes=Be,De.defaultProps={data:null,definition:null,renderContext:null,screenState:null};var Ve=N.default.createContext({screen:null,screens:[],width:0,height:0,resolution:1,landscape:!1}),We={children:T.default.node.isRequired,size:o.PropTypes.screenSize},_e=function(e){var t=e.size,n=e.children,a=t.screen,l=t.width,i=t.height,o=t.resolution,u=r.useMemo((function(){return t}),[a,l,i,o]);return N.default.createElement(Ve.Provider,{value:u},n)};_e.propTypes=We,_e.defaultProps={size:{}};var Ge=function(){return r.useContext(v.TrackingContext)},He={children:T.default.node.isRequired,variables:o.PropTypes.trackingVariables},Ue=function(e){var t=e.variables,n=e.children,a=Ge()||null,l=r.useMemo((function(){return new o.Tracking({variables:S.default(S.default({},null!==a?a.getVariables():null),t)})}),[a,t]);return N.default.createElement(v.TrackingContainer,{tracking:l},n)};Ue.propTypes=He,Ue.defaultProps={variables:null};var Ye=null,Xe={},Qe={fr:function(){return Promise.resolve().then((function(){return M(n(7877))}))},en:function(){return Promise.resolve().then((function(){return M(n(4309))}))}},Je=["default"],Ke={},$e={webcam:function(){return Promise.resolve().then((function(){return M(n(9119))}))},facebook:function(){return Promise.resolve().then((function(){return M(n(8704))}))},instagram:function(){return Promise.resolve().then((function(){return M(n(4069))}))},dropbox:function(){return Promise.resolve().then((function(){return M(n(9710))}))},"google-drive":function(){return Promise.resolve().then((function(){return M(n(3615))}))}},et=["default"],tt={},nt={transloadit:null,tus:function(){return Promise.resolve().then((function(){return M(n(683))}))},xhr:function(){return Promise.resolve().then((function(){return M(n(5001))}))}},at=function(e){return e.successful.map((function(t){var n=e.transloadit.find((function(e){return e.assembly_id===t.transloadit.assembly}))||null,a=null!==n&&n.results||null;return S.default(S.default({},t),{},{transloadit:null!==a?Object.keys(a).reduce((function(e,n){var l=a[n].find((function(e){return e.name===t.name}));return null!==l?S.default(S.default({},e),{},x.default({},n,l)):e}),null):null})})).filter((function(e){return null!==e.transloadit})).map((function(e){return function(e){var t=e.data.type.split("/")[0],n=e.transloadit["".concat(t,"_thumbnail")]||null,a=e.transloadit["".concat(t,"_original")]||null;return{handle:e.id,type:t,name:e.meta.name,mime:e.data.type,size:e.data.size,url:null!==a?a.ssl_url||a.url:null,thumbnail_url:null!==n?n.ssl_url||n.url:null,metadata:S.default(S.default(S.default({},null!==a&&a.meta||null),e.meta.user&&{user:e.meta.user}||null),{},{filename:e.meta.filename,transloadit:e.transloadit.results||null})}}(e)}))},lt=["sources"],it=["key","templateId","waitForEncoding"],rt=N.default.createContext(null),ot={children:T.default.node.isRequired,transport:T.default.oneOf(["xhr","transloadit","tus"]),locale:T.default.string,sources:T.default.arrayOf(T.default.oneOf(["webcam","facebook","instagram","dropbox","google-drive"])),transloadit:T.default.shape({key:T.default.string.isRequired,templateId:T.default.string,waitForEncoding:T.default.bool}),companion:T.default.shape({url:T.default.string.isRequired,allowedHosts:T.default.string.isRequired}),tus:T.default.oneOfType([T.default.string,T.default.shape({endpoint:T.default.string.isRequired})]),xhr:T.default.oneOfType([T.default.string,T.default.shape({endpoint:T.default.string.isRequired})])},ut=function(e){var t,a,l,i,o,u=e.children,s=e.transport,c=e.locale,d=e.sources,m=e.transloadit,f=e.companion,p=e.tus,g=e.xhr,y=h.useIntl().locale,v=r.useContext(rt)||{},b=v.transport,w=void 0===b?null:b,C=v.locale,E=void 0===C?null:C,T=v.sources,P=void 0===T?null:T,O=v.transloadit,I=void 0===O?null:O,R=v.companion,L=void 0===R?null:R,z=v.tus,q=void 0===z?null:z,j=v.xhr,B=s||w||"xhr",D=c||E||y,V=d||P||["webcam","facebook","instagram","dropbox","google-drive"],W=m||I,_=f||L,G=p||q,H=g||(void 0===j?null:j),U=(t=r.useState({package:Ye}),l=(a=A.default(t,2))[0].package,i=void 0===l?null:l,o=a[1],r.useEffect((function(){var e=!1;return null!==i||Promise.resolve().then((function(){return M(n(4182))})).then((function(t){var n=t.Uppy;Ye=n,e||o({package:n})})),function(){e=!0}}),[i,o]),i),Y=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?nt:t,a=r.useState({package:tt[e]||null}),l=A.default(a,2),i=l[0].package,o=void 0===i?null:i,u=l[1],s=n[e]||null;return r.useEffect((function(){var t=!1;return null!==o||null===s||s().then((function(n){var a=n.default,l=F.default(n,et),i=Object.keys(l).reduce((function(e,t){return e[t]=l[t],e}),a);tt[e]=i,t||u({package:i})})),function(){t=!0}}),[s,o,u]),o}(B),X=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?$e:t,a=r.useState({packages:e.reduce((function(e,t){var n=Ke[t]||null;return null===n?e:S.default(S.default({},e),{},x.default({},t,n))}),null)}),l=A.default(a,2),i=l[0].packages,o=void 0===i?[]:i,u=l[1],s=r.useMemo((function(){if(null===o)return e;var t=Object.keys(o);return e.filter((function(e){return-1===t.indexOf(e)}))}),[e,o]);return r.useEffect((function(){var e=!1;return 0===s.length||Promise.all(s.map((function(e){return n[e]||null})).filter((function(e){return null!==e})).map((function(e){return e()}))).then((function(t){var n=s.reduce((function(e,n,a){var l=t[a],i=l.default,r=F.default(l,Je);return S.default(S.default({},e),{},x.default({},n,Object.keys(r).reduce((function(e,t){return e[t]=r[t],e}),i)))}),{});Ke=S.default(S.default({},Ke),n),e||u({packages:n})})),function(){e=!0}}),[s,n,o,u]),0===s.length?o:null}(V),Q=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?Qe:t,a=r.useState({package:Xe[e]||null}),l=A.default(a,2),i=l[0].package,o=void 0===i?null:i,u=l[1],s=n[e]||null;return r.useEffect((function(){var e=!1;return null!==o||null===s||s().then((function(t){var n=t.default;e||u({package:n})})),function(){e=!0}}),[s,o,u]),o}(D||y),J=r.useMemo((function(){return null===U||null===Q||null===Y||null===X?null:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e||{},n=t.sources,a=void 0===n?V:n,l=F.default(t,lt),i=new U(S.default({locale:Q},l));if("transloadit"===B){var r=W.key,o=W.templateId,u=W.waitForEncoding,s=void 0===u||u,c=F.default(W,it);i.use(Y,{params:S.default({auth:{key:r},template_id:o},c),waitForEncoding:s})}else"tus"===B?i.use(Y,S.default({endpoint:"/tus",resume:!0,retryDelays:[0,1e3,3e3,5e3]},G)):"xhr"===B&&i.use(Y,S.default({endpoint:k.default(H)?H:"/upload"},Z.default(H)?H:null));return"transloadit"===B||null!==_?a.reduce((function(e,t){var n=X[t]||null;if(null===n)return e;var a=_||{url:Y.COMPANION||null,allowedHosts:Y.COMPANION_PATTERN||null},l=a.url,r=a.allowedHosts;return i.use(n,{id:t,companionUrl:l,companionAllowedHosts:r})}),i):i}}),[U,Q,Y,X,B,V,W,_,G,H]),K=r.useMemo((function(){return{transport:B,locale:D,sources:V,transloadit:W,companion:_,tus:G,xhr:H,Uppy:U,uppyTransport:Y,uppySources:X,uppyLocale:Q,buildUppy:J}}),[B,D,V,W,_,G,H,U,Y,X,Q,J]);return N.default.createElement(rt.Provider,{value:K},u)};ut.propTypes=ot,ut.defaultProps={transport:null,locale:null,sources:null,transloadit:null,companion:null,tus:null,xhr:null};var st={userInteracted:!1},ct=N.default.createContext(st),dt={children:T.default.node.isRequired},mt=function(e){var t=e.children,n=r.useState(!1),a=A.default(n,2),l=a[0],i=a[1];r.useEffect((function(){if(l)return function(){};var e=!1,t=function(){e||(i(!0),e=!0)};return document.addEventListener("mouseup",t),document.addEventListener("touchend",t),document.addEventListener("pointerup",t),function(){document.removeEventListener("mouseup",t),document.removeEventListener("touchend",t),document.removeEventListener("pointerup",t)}}),[l,i]);var o=r.useMemo((function(){return{userInteracted:l,setUserInteracted:i}}),[l,i]);return N.default.createElement(ct.Provider,{value:o},t)};mt.propTypes=dt,mt.defaultProps={};var ft={events:new I.default,menuVisible:!1,menuSize:0,disableInteraction:null,enableInteraction:null},pt=N.default.createContext(ft),gt=function(){return r.useContext(pt)},yt={children:T.default.node.isRequired,events:T.default.instanceOf(I.default),menuVisible:T.default.bool,menuSize:T.default.number,gotoNextScreen:T.default.func.isRequired,gotoPreviousScreen:T.default.func.isRequired,disableInteraction:T.default.func,enableInteraction:T.default.func},ht=S.default({},ft),vt=function(e){var t=e.children,n=e.events,a=e.menuVisible,l=e.menuSize,i=e.gotoNextScreen,o=e.gotoPreviousScreen,u=e.disableInteraction,s=e.enableInteraction,c=r.useMemo((function(){return{events:n,menuVisible:a,menuSize:l,gotoNextScreen:i,gotoPreviousScreen:o,disableInteraction:u,enableInteraction:s}}),[n,a,l,i,o,u,s]);return N.default.createElement(pt.Provider,{value:c},t)};vt.propTypes=yt,vt.defaultProps=ht,Object.defineProperty(t,"TrackingContext",{enumerable:!0,get:function(){return v.TrackingContext}}),t.ComponentsContext=B,t.ComponentsProvider=G,t.ELEMENTS_NAMESPACE=j,t.EditorContext=ie,t.EditorProvider=ue,t.FIELDS_NAMESPACE=L,t.FORMS_NAMESPACE=z,t.FieldContext=se,t.FieldContextProvider=de,t.FieldsContext=H,t.FieldsProvider=X,t.FontsContext=ye,t.FontsProvider=we,t.GoogleApiClientContext=Ce,t.GoogleApiClientProvider=Me,t.GoogleKeysContext=me,t.GoogleKeysProvider=ge,t.GoogleMapsClientContext=Se,t.GoogleMapsClientProvider=Ne,t.MODALS_NAMESPACE=R,t.ModalsContext=xe,t.ModalsProvider=Oe,t.PanelsContext=Ae,t.PanelsProvider=Fe,t.RoutesContext=Ie,t.RoutesProvider=ze,t.SCREENS_NAMESPACE=q,t.ScreenContext=qe,t.ScreenProvider=De,t.ScreenSizeContext=Ve,t.ScreenSizeProvider=_e,t.ScreensContext=Q,t.ScreensProvider=$,t.StoryContext=ee,t.StoryProvider=le,t.TrackingProvider=Ue,t.UppyContext=rt,t.UppyProvider=ut,t.UserInteractionContext=ct,t.UserInteractionProvider=mt,t.ViewerContext=pt,t.ViewerProvider=vt,t.useComponent=W,t.useComponents=V,t.useComponentsManager=D,t.useEditor=re,t.useElementComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,j)},t.useElementsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(j,e)},t.useElementsComponentsManager=function(){return D(j)},t.useFieldComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,L)},t.useFieldContext=function(){return r.useContext(se)},t.useFieldDefinition=function(e){return U().getDefinition(e)},t.useFieldsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(L,e)},t.useFieldsComponentsManager=function(){return D(L)},t.useFieldsManager=U,t.useFonts=ve,t.useFormComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,z)},t.useFormsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(z,e)},t.useFormsComponentsManager=function(){return D(z)},t.useGetColors=function(){var e=(re()||{}).getColors;return void 0===e?function(){return[]}:e},t.useGoogleApiClient=function(){return r.useContext(Ce)},t.useGoogleFonts=he,t.useGoogleKeys=fe,t.useGoogleMapsClient=ke,t.useModalComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,R)},t.useModals=function(){return r.useContext(xe)||{}},t.useModalsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(R,e)},t.useModalsComponentsManager=function(){return D(R)},t.usePanels=function(){return r.useContext(Ae)||{}},t.useRouteBack=function(){var e=Re(),t=y.useHistory();return r.useCallback((function(){return t.goBack()}),[t,e])},t.useRoutePush=function(){var e=Re(),t=y.useHistory(),n=r.useCallback((function(n,a){for(var l=arguments.length,i=new Array(l>2?l-2:0),r=2;r<l;r++)i[r-2]=arguments[r];if(k.default(n))t.push.apply(t,[e(n,a)].concat(i));else{var o=n||{},u=o.pathname,s=void 0===u?null:u,c=o.search,d=void 0===c?null:c;t.push.apply(t,[{pathname:e(s,a),search:d}].concat(i))}}),[t,e]);return n},t.useRoutes=function(){return r.useContext(Ie).routes},t.useScreen=je,t.useScreenComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,q)},t.useScreenData=function(){return(je()||{}).data},t.useScreenDefinition=function(){var e=h.useIntl(),t=(je()||{}).definition,n=void 0===t?null:t,a=(n||{}).fields,l=void 0===a?null:a,i=r.useMemo((function(){return null!==l?[].concat(P.default(l),[g.getScreenExtraField(e)]):null}),[l]);return S.default(S.default({},n),{},{fields:i})},t.useScreenRenderContext=function(){var e=(je()||{}).renderContext,t=void 0===e?"view":e,n="static"===t,a="capture"===t;return{renderContext:t,isPlaceholder:"placeholder"===t,isPreview:"preview"===t,isEdit:"edit"===t,isView:"view"===t||n||a,isStatic:n,isCapture:a}},t.useScreenSize=function(){return r.useContext(Ve)},t.useScreenState=function(){return(je()||{}).screenState},t.useScreensComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(q,e)},t.useScreensComponentsManager=function(){return D(q)},t.useScreensManager=J,t.useStory=ne,t.useStoryContext=te,t.useTracking=Ge,t.useUppy=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.onComplete,n=void 0===t?null:t,a=e.onFail,l=void 0===a?null:a,i=e.getFileName,o=void 0===i?function(e){var t=e.extension,n=void 0===t?null:t;return"".concat(w.v1()).concat(null!==n?".".concat(n):"")}:i,u=e.meta,s=void 0===u?null:u,c=e.maxNumberOfFiles,d=void 0===c?30:c,m=e.allowedFileTypes,f=void 0===m?null:m,p=e.autoProceed,g=void 0!==p&&p,y=r.useContext(rt)||null,h=y.buildUppy,v=y.transport,b=r.useMemo((function(){return null!==h?h({meta:s,restrictions:{maxNumberOfFiles:d,allowedFileTypes:f},autoProceed:g}):null}),[h,s,d,f,g]);return r.useEffect((function(){if(null===b)return function(){};var e=function(e){var t=e.successful,a=void 0===t?[]:t,i=e.failed,r=void 0===i?null:i,o="transloadit"===v?at(e):a;null!==n&&n(o),null!==l&&l(r)};return b.on("complete",e),function(){b.off("complete",e)}}),[b,v,n]),r.useEffect((function(){if(null===b)return function(){};var e=function(e){var t=e.fileIDs;(void 0===t?[]:t).forEach((function(e){var t=b.getFile(e),n=o(t);null!==n&&b.setFileMeta(e,{name:n})}))};return b.on("upload",e),function(){b.off("upload",e)}}),[b]),r.useEffect((function(){return function(){null!==b&&b.close()}}),[b]),b},t.useUrlGenerator=Re,t.useUserInteracted=function(){return r.useContext(ct).userInteracted},t.useViewer=gt,t.useViewerEvents=function(){return gt().events},t.useViewerInteraction=function(){var e=gt();return{disableInteraction:e.disableInteraction,enableInteraction:e.enableInteraction}},t.useViewerNavigation=function(){var e=gt();return{gotoNextScreen:e.gotoNextScreen,gotoPreviousScreen:e.gotoPreviousScreen}},t.withGoogleApiClient=function(e){var t,n,a,l,i=function(t){return N.default.createElement(Ce.Consumer,null,(function(n){return N.default.createElement(e,Object.assign({googleApiClient:n},t))}))};return i.displayName="WithGoogleApiClient(".concat((a=void 0===(n=(t=e).displayName)?null:n,l=t.name,a||(void 0===l?null:l)||"Component"),")"),i},t.withGoogleMapsClient=function(e){var t,n,a,l,i=function(t){return N.default.createElement(Se.Consumer,null,(function(n){return N.default.createElement(e,Object.assign({googleApiClient:n},t))}))};return i.displayName="WithGoogleMapsClient(".concat((a=void 0===(n=(t=e).displayName)?null:n,l=t.name,a||(void 0===l?null:l)||"Component"),")"),i},t.withModals=function(e){var t=function(t){return N.default.createElement(xe.Consumer,null,(function(n){var a=n.modals,l=n.container,i=n.setContainer,r=n.register,o=n.unregister;return N.default.createElement(e,Object.assign({modalsContainer:l,setModalsContainer:i,modals:a,registerModal:r,unregisterModal:o},t))}))};return t.displayName="WithModals(".concat(g.getDisplayName(e),")"),t},t.withPanels=function(e){var t=function(t){return N.default.createElement(Ae.Consumer,null,(function(n){var a=n.panels,l=n.setContainer,i=n.container,r=n.register,o=n.unregister;return N.default.createElement(e,Object.assign({panelsContainer:i,setPanelsContainer:l,panels:a,registerPanel:r,unregisterPanel:o},t))}))};return t.displayName="WithPanels(".concat(g.getDisplayName(e),")"),t}},1098:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(6204),l=n(417),i=n(5587),r=n(8689),o=n(4290),u=n(2807),s=n(8436),c=n(2220),d=n(2784),m=n(1260),f=n(5681),p=n(1068),g=n(8955),y=n(5182),h=n(2289),v=n(2801),b=n(3244),w=n(631),C=n(4696),E=n(3478);function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var k=M(l),T=M(r),N=M(o),x=M(c),P=M(m),O=M(f),A=M(p),Z=M(g),F=M(y),I=M(h),R=M(E),L="undefined"!=typeof document?new u.EventsManager(document):null,z=s.createUseEvent(L),q=["fields","injectInFields"],j=["fields"],B=new Map,D=function(e){var t=e.root,n=void 0===t?null:t,a=e.rootMargin,l=e.threshold,i=void 0===l?null:l;return"root_".concat(n,"_rootMargin_").concat(a||null,"_threshold_").concat(i)},V=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],a=function(e,t){return null!==(n.find((function(t){return t.element===e}))||null)?n.map((function(n){return n.element===e&&-1===n.callbacks.indexOf(t)?k.default(k.default({},n),{},{callbacks:[].concat(F.default(n.callbacks),[t])}):n})).filter((function(e){return e.callbacks.length>0})):[].concat(F.default(n),[{element:e,callbacks:[t]}])},l=function(e,t){return n.map((function(n){return n.element===e?k.default(k.default({},n),{},{callbacks:n.callbacks.filter((function(e){return e!==t}))}):n})).filter((function(e){return e.callbacks.length>0}))},i=function(e){e.forEach((function(e){n.forEach((function(t){var n=t.element,a=t.callbacks;n===e.target&&a.forEach((function(t){t(e)}))}))}))},r=new e(i,t),o=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(n=l(e,t),void 0===r.unobserve)return r.disconnect(),void n.forEach((function(e){r.observe(e.element)}));var a=n.find((function(t){return t.element===e}))||null;null===a&&r.unobserve(e)},u=function(e,t){var l=n.find((function(t){return t.element===e}))||null;n=a(e,t),null===l&&r.observe(e)};return{subscribe:u,unsubscribe:o,observer:r}},W=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D(t);B.has(e)||B.set(e,{});var a=B.get(e);return void 0===a[n]&&(a[n]=V(e,t),B.set(e,a)),a[n]},_=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=t.root,i=void 0===l?null:l,r=t.rootMargin,o=void 0===r?null:r,u=t.threshold,s=void 0===u?null:u,c=t.disabled,d=void 0!==c&&c,m=a.useState(n),f=A.default(m,2),p=f[0],g=f[1],y=a.useRef(null),h=a.useRef(null),v=y.current!==h.current;return a.useEffect((function(){var t=y.current,n=function(e){return g(e)},a=null;if(null!==t){var l={};null!==i&&(l.root=i),null!==o&&(l.rootMargin=o),null!==s&&(l.threshold=s);var r=W(e,l),u=r.subscribe,c=r.unsubscribe;a=c,u(t,n)}return h.current=t,function(){null!==a&&a(t,n)}}),[e,v,d,i,o,s]),{ref:y,entry:p}},G=[0,1],H={target:null,time:null,isVisible:!1,isIntersecting:!1,intersectionRatio:0,intersectionRect:null,boundingClientRect:null,rootBounds:null},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.root,n=void 0===t?null:t,a=e.rootMargin,l=void 0===a?"0px":a,i=e.threshold,r=void 0===i?G:i,o=e.disabled,u=void 0!==o&&o;return _("undefined"!=typeof window?IntersectionObserver:null,{root:n,rootMargin:l,threshold:r,disabled:u},H)},Y={target:null,contentRect:null,contentBoxSize:null,borderBoxSize:null},X=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,n=void 0!==t&&t;return _("undefined"!=typeof window?ResizeObserver:null,{disabled:n},Y)},Q={loading:[],active:[]},J=function(e){return!!function(e){return"touches"in e}(e)&&(e.touches.length<2&&e.preventDefault&&e.preventDefault(),!1)},K=function(e){e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation()},$=[.1,.25,.5,.75,.9],ee=["width","height"],te="undefined"!=typeof window&&window.devicePixelRatio||1,ne=function(e){var t=e.width,n=void 0===t?null:t,l=e.height,i=void 0===l?null:l,r=e.landscape,o=void 0!==r&&r,u=e.menuOverScreen,s=void 0!==u&&u,c=e.screens,d=void 0===c?[]:c,m=e.mediaType,f=void 0===m?"screen":m,p=e.media,g=void 0===p?null:p,y=e.scale,h=void 0===y?null:y;return a.useMemo((function(){var e=null!==g?g:{type:f,width:"".concat(n,"px"),height:"".concat(i,"px")},t=F.default(d).reverse().filter((function(t){var n=t.mediaQuery,a=void 0===n?null:n;return null===a||b.match(a,e)}));return{screen:t.length>0?t[0].name:null,screens:F.default(t).reverse().map((function(e){return e.name})),width:n,height:i,landscape:o,menuOverScreen:s,resolution:null!==h?h*te:te}}),[d,g,f,n,i,o,s])},ae=function(){return{width:"undefined"!=typeof window?window.innerWidth:null,height:"undefined"!=typeof window?window.innerHæeight:null}},le=function(e,t){var n=(e||{}).data,a=(void 0===n?null:n)||{},l=a.id,i=void 0===l?null:l,r=a.type,o=t||{},u=o.screenId,s=void 0===u?null:u,c=o.screenType;return{screenId:null!==i?i:s,screenType:null!==r?r:void 0===c?null:c}},ie=function(e){return void 0!==e},re="undefined"!=typeof window?new u.EventsManager(window):null,oe=s.createUseEvent(re);t.getObserver=W,t.useAnimationFrame=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.disabled,l=void 0!==n&&n,i=a.useRef(null),r=a.useRef(null),o=function t(n){r.current||(r.current=n);var a=n-r.current;e(a),i.current=requestAnimationFrame(t)};a.useEffect((function(){return l||(i.current=requestAnimationFrame(o)),function(){null!==i.current&&cancelAnimationFrame(i.current)}}),[l])},t.useDocumentEvent=z,t.useForm=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.fields,n=void 0===t?[]:t,l=e.injectInFields,i=void 0!==l&&l,r=x.default(e,q),o=a.useMemo((function(){return n.length>0?n.map((function(e){return e.name})):[]}),[n]),u=d.useForm(k.default({fields:o},r)),s=u.fields,c=x.default(u,j);return k.default(k.default({},c),{},{fields:i?n.map((function(e){return k.default(k.default({},e),s[e.name]||null)})):n})},t.useFormTransition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=a.useRef(e||[]),l=a.useMemo((function(){var t=e.length;if(n.current){var a=n.current.length;return n.current=e||[],t>a?"right":"left"}return null}),[e]),i=a.useMemo((function(){var e,n,a;return{enter:O.default((e={},P.default(e,t.enterRight,"right"===l),P.default(e,t.enterLeft,"left"===l),P.default(e,t.enterTop,"top"===l),P.default(e,t.enterBottom,"bottom"===l),e))||"none",enterActive:O.default((n={},P.default(n,t.enterActiveHorizontal,"left"===l||"right"===l),P.default(n,t.enterActiveVertical,"top"===l||"bottom"===l),n))||"none",leave:t.leave||"none",leaveActive:O.default((a={},P.default(a,t.leaveActiveRight,"right"===l),P.default(a,t.leaveActiveLeft,"left"===l),P.default(a,t.leaveActiveTop,"top"===l),P.default(a,t.leaveActiveBottom,"bottom"===l),a))||"none"}}),[l]);return{direction:l,name:i,timeout:"left"===l||"right"===l?300:10}},t.useFormattedDate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.format,n=void 0===t?null:t,l=e.showToday,r=void 0===l||l,o=i.useIntl(),u=N.default();return a.useCallback((function(e){var t=T.default(e)?N.default(e):e;return r&&t.format("YYYY-MM-DD")===u.format("YYYY-MM-DD")?o.formatMessage({id:"v4Qtl9",defaultMessage:[{type:0,value:"Today"}]}):o.formatDate(N.default(e).toDate(),k.default({year:"numeric",month:"long",day:"2-digit"},n))}),[u,r,n])},t.useFormattedTime=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.format,n=void 0===t?null:t,l=e.showNow,r=void 0===l||l,o=e.timeGap,u=void 0===o?2:o,s=i.useIntl(),c=N.default();return a.useCallback((function(e){var t=T.default(e)?N.default(e):e;return r&&t.format("YYYY-MM-DD")===c.format("YYYY-MM-DD")&&t.hour()===c.hour()&&t.minute()>c.minute()-u&&t.minute()<c.minute()+u?s.formatMessage({id:"3na7F8",defaultMessage:[{type:0,value:"Now"}]}):s.formatTime(t.toDate(),k.default({hour:"numeric",minute:"numeric"},n))}),[c,r,u,n])},t.useFullscreen=function(e){var t=Z.default.isEnabled,n=a.useState(!1),l=A.default(n,2),i=l[0],r=l[1],o=a.useCallback((function(){Z.default.isEnabled&&(null!=e?Z.default.request(e):Z.default.request())}),[e]),u=a.useCallback((function(){Z.default.isEnabled&&Z.default.exit()}),[]),s=a.useCallback((function(){i?u():o()}),[i,o,u]);return a.useEffect((function(){var e=function(){r(Z.default.isFullscreen)};return Z.default.isEnabled&&Z.default.on("change",e),function(){Z.default.isEnabled&&Z.default.off("change",e)}}),[]),{toggle:s,fullscreen:o,unFullscreen:u,active:i,enabled:t}},t.useIntersectionObserver=U,t.useIsVisible=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.rootMargin,n=e.threshold,l=void 0===n?1:n,i=e.persist,r=void 0!==i&&i,o=U({rootMargin:t,threshold:l}),u=o.ref,s=o.entry.isIntersecting,c=a.useRef(s);s&&!c.current&&(c.current=s);var d=!r&&s||r&&c.current;return{ref:u,visible:d}},t.useLoadedFonts=function(e){var t=a.useState(!1),l=A.default(t,2),i=l[0],r=l[1];return a.useEffect((function(){var t=e.reduce((function(e,t){var n=I.default(t)?t:{type:"system",name:t},a=n.type,l=n.name;return"google"!==a&&"custom"!==a||function(e){return-1!==Q.loading.indexOf(e)}(l)||function(e){return-1!==Q.active.indexOf(e)}(l)?e:k.default(k.default({},e),{},P.default({},a,{families:[].concat(F.default(null!==e&&(e[a]||{}).families||[]),["google"===a?"".concat(l,":400,700"):l])}))}),null);null!==t&&"undefined"!=typeof window?Promise.resolve().then((function(){return S(n(9311))})).then((function(e){return e.default.load(k.default(k.default({},t),{},{timeout:3e3,active:function(){return r(!0)},fontloading:function(e){return function(e){Q.active=Q.active.filter((function(t){return t!==e})),Q.loading=[].concat(F.default(Q.loading),[e])}(e)},fontactive:function(e){return function(e){Q.loading=Q.loading.filter((function(t){return t!==e})),Q.active=[].concat(F.default(Q.active),[e])}(e)},fontinactive:function(e){return function(e){Q.loading=Q.loading.filter((function(t){return t!==e}))}(e)}}))})):r(!0)}),[e,r]),{loaded:i}},t.useLongPress=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.onLongPress,n=void 0===t?null:t,l=e.onClick,i=void 0===l?null:l,r=e.shouldPreventDefault,o=void 0===r||r,u=e.delay,s=void 0===u?350:u,c=a.useState(!1),d=A.default(c,2),m=d[0],f=d[1],p=a.useRef(null),g=a.useRef(null),y=a.useCallback((function(e){null!==e.target&&(g.current=e.target),p.current=setTimeout((function(){o&&null!==g.current&&(g.current.addEventListener("touchend",J,{passive:!1}),g.current.addEventListener("click",K,{passive:!1})),null!==n&&n(e),f(!0),p.current=null}),s)}),[n,s,o]),h=a.useCallback((function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];null!==p.current?clearTimeout(p.current):o&&null!==g.current&&(J(e),g.current.removeEventListener("touchend",J),setTimeout((function(){g.current.removeEventListener("click",K)}),10)),t&&!m&&null!==i&&i(),f(!1)}),[o,i,m]);return{onMouseDown:function(e){return y(e)},onTouchStart:function(e){return y(e)},onMouseUp:function(e){return h(e)},onMouseLeave:function(e){return h(e,!1)},onTouchEnd:function(e){return h(e)}}},t.useMediaApi=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.url,n=void 0===t?null:t,l=e.initialMuted,i=void 0!==l&&l,r=e.onTimeUpdate,o=void 0===r?null:r,u=e.onProgressStep,s=void 0===u?null:u,c=e.onDurationChanged,d=void 0===c?null:c,m=e.onVolumeChanged,f=void 0===m?null:m,p=e.onPlay,g=void 0===p?null:p,y=e.onPause,h=void 0===y?null:y,v=e.onEnded,b=void 0===v?null:v,w=e.onSeeked,C=void 0===w?null:w,E=e.onLoadStart,M=void 0===E?null:E,S=e.onCanPlayThough,k=void 0===S?null:S,T=e.onCanPlay,N=void 0===T?null:T,x=e.onLoadedData,P=void 0===x?null:x,O=e.onLoadedMetadata,Z=void 0===O?null:O,F=a.useRef(null),I=a.useState(i),R=A.default(I,2),L=R[0],z=R[1],q=a.useState(null),j=A.default(q,2),B=j[0],D=j[1],V=a.useState(null),W=A.default(V,2),_=W[0],G=W[1],H=a.useState(!1),U=A.default(H,2),Y=U[0],X=U[1],Q=a.useState(!1),J=A.default(Q,2),K=J[0],ee=J[1],te=a.useState(!1),ne=A.default(te,2),ae=ne[0],le=ne[1],ie=a.useState(!0),re=A.default(ie,2),oe=re[0],ue=re[1],se=a.useRef({}),ce=!Y,de=a.useCallback((function(){var e=F.current;null!==e&&e.play()}),[]),me=a.useCallback((function(){var e=F.current;null!==e&&e.pause()}),[]),fe=a.useCallback((function(){var e=F.current;null!==e&&(Y?e.pause():e.play())}),[Y]),pe=a.useCallback((function(){var e=F.current;null!==e&&(e.pause(),e.currentTime=0)}),[]),ge=a.useCallback((function(e){var t=F.current;null!==t&&(t.currentTime=e)}),[]),ye=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!0)}),[]),he=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!1)}),[]),ve=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!L)}),[L]),be=a.useCallback((function(){null!==g&&g({initial:oe}),oe&&ue(!1),X(!0)}),[oe,X,g]),we=a.useCallback((function(e){var t=e.currentTarget;X(!1),null!==h&&h({midway:t.currentTime>0&&t.currentTime<t.duration})}),[X,h]),Ce=a.useCallback((function(e){e.currentTarget.currentTime=0,null!==b&&b(),ue(!0)}),[ue,b]),Ee=a.useCallback((function(e){var t=e.currentTarget;D(t.currentTime),null!==o&&o(t.currentTime);var n=t.currentTime/t.duration,a=se.current;$.filter((function(e){return n>e&&void 0===a[e]})).forEach((function(e){null!==s&&s(e),a[e]=!0}))}),[D,o,s]),Me=a.useCallback((function(e){var t=e.currentTarget;G(t.duration),null!==d&&d(t.duration)}),[G,d]),Se=a.useCallback((function(e){var t=e.currentTarget;null!==C&&C(t.currentTime)}),[C]),ke=a.useCallback((function(e){var t=e.currentTarget;z(t.muted),null!==f&&f(t.muted,t.volume)}),[z,f]),Te=a.useCallback((function(){null!==M&&M()}),[ee,M]),Ne=a.useCallback((function(){ee(!0),null!==k&&k()}),[ee,k]),xe=a.useCallback((function(){ee(!0),null!==N&&N()}),[ee,N]),Pe=a.useCallback((function(){ee(!0),null!==Z&&Z()}),[ee,Z]),Oe=a.useCallback((function(){le(!0),null!==P&&P()}),[le,P]);return a.useEffect((function(){var e=F.current,t=void 0===e?null:e;return null!==t&&(t.addEventListener("timeupdate",Ee),t.addEventListener("durationchange",Me),t.addEventListener("volumechange",ke),t.addEventListener("play",be),t.addEventListener("pause",we),t.addEventListener("ended",Ce),t.addEventListener("seeked",Se),t.addEventListener("loadstart",Te),t.addEventListener("canplaythrough",Ne),t.addEventListener("canplay",xe),t.addEventListener("loadedmetadata",Pe),t.addEventListener("loadeddata",Oe)),null!==t&&t.readyState>1?le(!0):le(!1),null!==t&&t.readyState>3?ee(!0):ee(!1),function(){null!==t&&(t.removeEventListener("timeupdate",Ee),t.removeEventListener("durationchange",Me),t.removeEventListener("volumechange",ke),t.removeEventListener("play",be),t.removeEventListener("pause",we),t.removeEventListener("ended",Ce),t.removeEventListener("seeked",Se),t.removeEventListener("loadstart",Te),t.removeEventListener("canplaythrough",Ne),t.removeEventListener("canplay",xe),t.removeEventListener("loadedmetadata",Pe))}}),[n]),{ref:F,play:de,pause:me,togglePlay:fe,stop:pe,seek:ge,mute:ye,unMute:he,toggleMute:ve,muted:L,currentTime:B,duration:_,playing:Y,paused:ce,ready:K,dataReady:ae}},t.useMediasParser=function(){var e=v.useScreensManager(),t=v.useFieldsManager(),n=a.useMemo((function(){return new u.MediasParser({screensManager:e,fieldsManager:t})}),[e,t]);return{toPath:a.useCallback((function(e){return n.toPath(e)}),[n]),fromPath:a.useCallback((function(e){return n.fromPath(e)}),[n]),parser:n}},t.useObserver=_,t.useParsedStory=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.disabled,l=void 0!==n&&n,i=t.withTheme,r=void 0===i||i,o=t.withMedias,s=void 0===o||o,c=t.withFonts,d=void 0===c||c,m=v.useScreensManager(),f=v.useFieldsManager(),p=a.useMemo((function(){return new u.StoryParser({screensManager:m,fieldsManager:f})}),[m,f]),g=a.useMemo((function(){return l?e:p.parse(e,{withMedias:s,withTheme:r,withFonts:d})}),[p,l,s,r,d,e]);return g},t.useResizeObserver=X,t.useScreenSizeFromElement=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width,n=void 0===t?null:t,a=e.height,l=void 0===a?null:a,i=x.default(e,ee),r=X(),o=r.ref,u=r.entry.contentRect,s=u||{},c=s.width,d=void 0===c?0:c,m=s.height,f=void 0===m?0:m,p=null!==n?n:d,g=null!==l?l:f,y=i||{},h=y.screenWidth,v=void 0===h?320:h,b=y.screenHeight,w=void 0===b?480:b,C=y.withoutMaxSize,E=void 0!==C&&C,M=y.landscapeMinHeight,S=void 0===M?600:M,T=y.menuAlwaysOverScreen,N=void 0===T||T,P=y.landscapeMinRatio,O=void 0===P?2/3:P,A=y.withoutScale,Z=void 0!==A&&A,F=v/w,I=p/g,R=g>0&&I>(O||F),L=R&&!E,z=p,q=g,j=!R;L&&(g<S||N?j=!0:q=g-100,z=Math.round(q*F)),z%2==1&&(z-=1),q%2==1&&(q-=1);var B=z>0?z/v:null,D=ne(k.default({width:Z||null===B?z:v,height:Z||null===B?q:q/B,landscape:R,menuOverScreen:j,scale:Z?null:B},i));return{ref:o,screenSize:D,scale:Z?null:B,resolution:Z?te:B*te}},t.useScreenSizeFromWindow=function(e){var t=a.useState(ae()),n=A.default(t,2),l=n[0],i=n[1];return a.useEffect((function(){var e=function(){return i(ae())};return"undefined"!=typeof window&&window.addEventListener("resize",e),function(){"undefined"!=typeof window&&window.removeEventListener("resize",e)}}),[i]),ne(k.default(k.default({},e),l))},t.useSwipe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width,n=void 0===t?null:t,l=e.items,i=void 0===l?[]:l,r=e.withSpring,o=void 0===r||r,u=e.swipeWidthThreshold,s=void 0===u?3:u,c=e.animateScale,d=void 0!==c&&c,m=e.disabled,f=void 0!==m&&m,p=e.lockAxis,g=void 0!==p&&p,y=e.onSwipeStart,h=void 0===y?null:y,v=e.onSwipeEnd,b=void 0===v?null:v,E=e.onSwipeCancel,M=void 0===E?null:E,S=e.onTap,T=void 0===S?null:S,N=a.useRef(null),x=a.useRef(0),P=a.useRef(null),O=null!==n,Z="undefined"==typeof window||O?null:window.innerWidth,F=O?n:Z,I=i.length,L=a.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return{x:e,zIndex:t,scale:n}})),z=a.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.down,n=void 0!==t&&t,a=e.mx,l=void 0===a?0:a;return i.map((function(e,t){var a=f?0:(t-x.current)*F+(n?l:0),i=d&&!f&&n?1-Math.abs(l)/F/2:1;return L(a,t,i)}))}),[f,i,x,F,d]),q=w.useSprings(i.length,(function(e){return{x:f?0:e*F,y:0,zIndex:e,config:k.default({},o?null:{duration:1})}})),j=A.default(q,2),B=j[0],D=j[1],V=C.useDrag((function(e){var t=e.down,n=A.default(e.movement,2),a=n[0],l=n[1],i=A.default(e.direction,1)[0],r=e.cancel,o=e.tap;if(f)r();else{t||N.current!==x.current||(P.current=null,null!==M&&M(x.current));var u=g&&"x"!==P.current?0:a,c=g&&"y"!==P.current?0:l;if(t&&Math.abs(u)>F/s)return x.current=R.default(x.current+(i>0?-1:1),0,I-1),P.current=null,r(),void(null!==b&&b(x.current));if(D(z({down:t,mx:u,my:c})),N.current!==x.current&&(t&&!o&&null!==h&&h(x.current),!t&&o&&null!==T&&T()),g&&t&&null===P.current){var d=Math.abs(a),m=Math.abs(l);d!==m&&(m>2||d>2)&&(P.current=m>d?"y":"x")}N.current=t&&!o?x.current:null}}),{filterTaps:!0}),W=a.useCallback((function(){D(z())}),[f,i,x,F]),_=a.useCallback((function(e){x.current=e,W()}),[W]);return a.useEffect((function(){D(z())}),[i,n,D,f]),{items:B,bind:V,index:x.current,setIndex:_}},t.useThemeParser=function(){var e=v.useScreensManager(),t=a.useMemo((function(){return new u.ThemeParser({screensManager:e})}),[e]);return a.useCallback((function(e){return t.parse(e)}),[t])},t.useTrackEvent=function(){var e=v.useTracking();return ie(e)?a.useCallback((function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3?arguments[3]:void 0;null!==t&&null!==n&&e.trackEvent(t,n,a,l)}),[]):function(){}},t.useTrackMedia=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=v.useTracking();return ie(t)?a.useCallback((function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=arguments.length>2?arguments[2]:void 0;null!==e&&null!==n&&null!==a&&t.trackMedia(e,n,a,l)}),[]):function(){}},t.useTrackScreenEvent=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=v.useTracking();if(!ie(t))return function(){};var n=v.useScreen();return"view"!==n.renderContext?function(){}:a.useCallback((function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=arguments.length>2?arguments[2]:void 0;null!==e&&null!==a&&t.trackEvent("screen_".concat(e),a,l,k.default(k.default({},i),le(n,i)))}),[n])},t.useTrackScreenMedia=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=v.useTracking();if(!ie(t))return function(){};var n=v.useScreen();return"view"!==n.renderContext?function(){}:a.useCallback((function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=arguments.length>2?arguments[2]:void 0;null!==e&&null!==a&&null!==l&&t.trackMedia("screen_".concat(e),a,l,k.default(k.default({},i),le(n,i)))}),[n])},t.useTrackScreenView=function(){var e=v.useTracking();return ie(e)?a.useCallback((function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;null!==t&&null!==n&&e.trackScreenView(t,n)}),[]):function(){}},t.useWindowEvent=oe},2807:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(417),l=n(7641),i=n(3238),r=n(1260),o=n(5182),u=n(85),s=n(5198),c=n(9546),d=n(2289),m=n(5899),f=n(449),p=n(270),g=n(4564),y=n(5537);n(6009),n(5158),n(6204);var h=n(8689);n(4265);var v=n(2826),b=n(2220),w=n(1068);n(5558);var C=n(1132),E=n(8921),M=n(6368),S=n(866),k=n(5787);function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=T(a),x=T(l),P=T(r),O=T(o),A=T(u),Z=T(s),F=T(c),I=T(d),R=T(m),L=T(f),z=T(p),q=T(g),j=T(y),B=T(h),D=T(b),V=T(w),W=T(C),_=T(E),G=T(M),H=T(S),U=x.default.shape({listen:x.default.func.isRequired,push:x.default.func.isRequired}),Y=x.default.shape({pathname:x.default.string,search:x.default.string}),X=x.default.shape({locale:x.default.string.isRequired,formatMessage:x.default.func.isRequired}),Q=x.default.shape({type:x.default.number,value:x.default.string}),J=x.default.oneOfType([x.default.string,x.default.arrayOf(Q)]),K=x.default.shape({id:x.default.string,defaultMessage:J.isRequired,description:x.default.string}),$=x.default.oneOfType([K,x.default.string]),ee=x.default.oneOfType([K,x.default.node]),te=x.default.oneOf([401,403,404,500]),ne=x.default.oneOfType([x.default.shape({current:x.default.any}),x.default.func]),ae=x.default.oneOf(["_blank","_self","_parent"]),le=x.default.oneOf(["tap","swipe"]),ie=x.default.arrayOf(le),re=x.default.objectOf(x.default.oneOfType([x.default.string,x.default.number,x.default.array])),oe=x.default.shape({currentTime:x.default.number,duration:x.default.number}),ue=x.default.shape({id:x.default.number,firstname:x.default.string,lastname:x.default.string,email:x.default.string,gender:x.default.string,birthdate:x.default.string}),se=x.default.shape({id:x.default.oneOfType([x.default.number,x.default.string]),label:ee,url:x.default.string,external:x.default.bool,active:x.default.bool}),ce=x.default.arrayOf(se),de=x.default.shape({label:ee,url:x.default.string}),me=x.default.arrayOf(de),fe=x.default.shape({id:x.default.string.isRequired}),pe=x.default.arrayOf(fe),ge=x.default.shape({id:x.default.string.isRequired}),ye=x.default.arrayOf(ge),he=x.default.shape({id:x.default.string.isRequired}),ve=x.default.arrayOf(he),be=x.default.shape({label:ee,onClick:x.default.func}),we=x.default.arrayOf(be),Ce=["primary","secondary","success","danger","warning","info","light","dark"],Ee=x.default.oneOf(Ce),Me=x.default.oneOf([].concat(Ce,["outline-primary","outline-secondary","outline-success","outline-danger","outline-warning","outline-info","outline-light","outline-dark","outline-link",null])),Se=x.default.oneOf(["lg","sm",null]),ke=x.default.oneOf(["lg","sm",null]),Te=x.default.oneOf(["start","end"]),Ne=x.default.oneOfType([x.default.object,x.default.func]),xe=x.default.objectOf(Ne),Pe=x.default.oneOfType([x.default.string,x.default.arrayOf(x.default.string)]),Oe=x.default.objectOf(Pe),Ae=x.default.oneOfType([x.default.string,x.default.shape({value:x.default.any,label:ee})]),Ze=x.default.arrayOf(Ae),Fe=x.default.shape({name:x.default.string,component:Ne}),Ie=x.default.arrayOf(Fe),Re={filename:x.default.string,size:x.default.number,mime:x.default.string},Le=x.default.shape({id:x.default.string,handle:x.default.string,type:x.default.string,mime:x.default.string,url:x.default.string}),ze={id:x.default.string,type:x.default.string.isRequired,url:x.default.string,thumbnail_url:x.default.string,name:x.default.string,metadata:x.default.shape(N.default({},Re)),files:x.default.objectOf(Le)},qe=x.default.shape(ze),je=x.default.arrayOf(qe),Be=x.default.oneOf(["image","video","audio","closed-captions","font"]),De=x.default.shape(N.default(N.default({},ze),{},{type:x.default.oneOf(["image","video"]),metadata:x.default.shape(N.default(N.default({},Re),{},{width:x.default.number,height:x.default.number}))})),Ve=x.default.arrayOf(De),We=x.default.shape(N.default(N.default({},ze),{},{type:x.default.oneOf(["font"]),metadata:x.default.shape(N.default({},Re))})),_e=x.default.arrayOf(We),Ge=x.default.shape(N.default(N.default({},ze),{},{type:x.default.oneOf(["video"]),metadata:x.default.shape(N.default(N.default({},Re),{},{width:x.default.number,height:x.default.number,duration:x.default.number}))})),He=x.default.arrayOf(Ge),Ue=x.default.shape(N.default(N.default({},ze),{},{type:x.default.oneOf(["audio"]),metadata:x.default.shape(N.default(N.default({},Re),{},{duration:x.default.number}))})),Ye=x.default.arrayOf(Ue),Xe=x.default.shape(N.default(N.default({},ze),{},{type:x.default.oneOf(["closed-captions"])})),Qe=x.default.oneOfType([x.default.string,x.default.shape({type:x.default.oneOf(["system","google","custom"]),name:x.default.string,media:We})]),Je=x.default.arrayOf(Qe),Ke=x.default.oneOf(["left","right","center"]),$e=x.default.shape({color:x.default.string,alpha:x.default.number}),et=x.default.shape({fontFamily:Qe,fontSize:x.default.number,fontStyle:x.default.shape({bold:x.default.bool,italic:x.default.bool,underline:x.default.bool,upperCase:x.default.bool}),align:Ke,color:$e,letterSpacing:x.default.number,lineHeight:x.default.number}),tt=x.default.oneOf(["dotted","dashed","solid","double","groove","ridge","inset","outset","hidden"]),nt=x.default.shape({width:x.default.number,style:tt,radius:x.default.number,color:$e}),at=x.default.shape({backgroundColor:$e,borderRadius:x.default.number,borderWidth:x.default.number,borderColor:$e,borderStyle:tt}),lt=x.default.shape({top:x.default.number,bottom:x.default.number}),it=x.default.arrayOf(x.default.shape({rows:x.default.oneOfType([x.default.number,x.default.arrayOf(x.default.number)]),columns:x.default.oneOfType([x.default.number,x.default.arrayOf(x.default.number)])})),rt=x.default.oneOf(["cover","contain",null]),ot=x.default.shape({fit:rt,horizontalPosition:x.default.oneOf(["left","center","right"]),verticalPosition:x.default.oneOf(["top","center","bottom"])}),ut=x.default.shape({body:x.default.string,textStyle:et}),st=ut,ct=x.default.shape({label:x.default.string,textStyle:et}),dt=x.default.shape({media:De}),mt=x.default.arrayOf(dt),ft=x.default.shape({media:Ge,autoPlay:x.default.bool,loop:x.default.bool,closedCaptions:Xe,withSeekBar:x.default.bool,withPlayPause:x.default.bool}),pt=x.default.shape({media:De}),gt=x.default.arrayOf(pt),yt=x.default.shape({media:Ue,autoPlay:x.default.bool,loop:x.default.bool,closedCaptions:Xe,withPlayPause:x.default.bool}),ht=x.default.shape({media:Xe}),vt=x.default.shape({color:$e,image:De,video:Ge}),bt=x.default.shape({image:De,caption:ut}),wt=x.default.arrayOf(bt),Ct=x.default.oneOf(["horizontal","vertical"]),Et=x.default.oneOf(["start","center","end"]),Mt=x.default.oneOfType([x.default.number,x.default.oneOf(["between","evenly","around"])]),St=x.default.shape({direction:Ct,align:Et,width:x.default.number,height:x.default.number,spacing:Mt,reverse:x.default.bool}),kt=x.default.shape({layout:x.default.arrayOf(x.default.string),spacing:x.default.number}),Tt=x.default.shape({lat:x.default.number,lng:x.default.number}),Nt={id:x.default.number,geoPosition:Tt,title:st,subtitle:st,description:ut},xt=x.default.shape(N.default({},Nt)),Pt=x.default.arrayOf(xt),Ot=x.default.shape(N.default(N.default({},Nt),{},{image:De})),At=x.default.arrayOf(Ot),Zt={id:x.default.string,label:ut},Ft=x.default.shape(N.default({},Zt)),It=x.default.shape(N.default(N.default({},Zt),{},{good:x.default.bool})),Rt=x.default.arrayOf(Ft),Lt=x.default.arrayOf(It),zt=x.default.oneOf(["swipe-up","button"]),qt=x.default.shape({active:x.default.bool,type:zt,url:x.default.string,label:ut,buttonStyle:at}),jt=x.default.shape({id:x.default.string,name:x.default.string,avatar:De,side:x.default.oneOf(["left","right"]),color:$e}),Bt=x.default.arrayOf(jt),Dt=x.default.shape({speaker:x.default.string,message:x.default.string,image:De}),Vt=x.default.arrayOf(Dt),Wt=x.default.shape({speakers:Bt,textStyle:et,messages:Vt}),_t={name:x.default.string,type:x.default.string.isRequired,label:$},Gt=x.default.shape(N.default(N.default({},_t),{},{isSection:x.default.bool,fields:x.default.arrayOf(x.default.shape(_t))})),Ht=x.default.arrayOf(Gt),Ut=x.default.shape({id:x.default.string.isRequired,type:x.default.oneOf(["screen"]).isRequired,title:$.isRequired,layouts:x.default.arrayOf(x.default.string),fields:Ht}),Yt=x.default.arrayOf(Ut),Xt=x.default.shape({id:x.default.string.isRequired,type:x.default.oneOf(["field"]).isRequired,title:$.isRequired,fields:Ht}),Qt=x.default.arrayOf(Xt),Jt={type:x.default.string.isRequired},Kt=x.default.shape(N.default({},Jt)),$t=x.default.arrayOf(Kt),en=x.default.shape(N.default({},Jt)),tn=x.default.arrayOf(en),nn=en,an=x.default.shape({id:x.default.string,textStyles:x.default.objectOf(et),background:vt,colors:x.default.objectOf($e),components:tn}),ln=x.default.shape(N.default({logo:De},an)),rn=x.default.shape({description:x.default.string,shareUrl:x.default.string,shareImage:De,favIcon:De}),on=x.default.shape({id:x.default.string,theme:an,components:tn,metadata:rn}),un=x.default.shape({name:x.default.string.isRequired,mediaQuery:x.default.string}),sn=x.default.arrayOf(un),cn=x.default.shape({screen:x.default.string,screens:x.default.arrayOf(x.default.string),width:x.default.number,height:x.default.number,landscape:x.default.bool}),dn=x.default.oneOf(["view","placeholder","edit","preview","static","capture"]),mn=x.default.shape({width:x.default.number,height:x.default.number}),fn=x.default.shape({width:x.default.number,height:x.default.number,url:x.default.string,target:ae,iframe:x.default.string,image:De}),pn=x.default.shape({src:x.default.string,track:x.default.string,trackLng:x.default.number,controls:x.default.bool}),gn=x.default.shape({image:De,text:x.default.string}),yn=x.default.arrayOf(gn),hn=x.default.shape({}),vn=x.default.oneOf(["fade","scale","slide"]),bn={duration:x.default.number,easing:x.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"])},wn=x.default.oneOfType([vn.isRequired,x.default.shape(N.default({name:vn.isRequired},bn))]),Cn=x.default.shape({in:wn,out:wn}),En=x.default.shape({type:x.default.string,value:x.default.oneOf([x.default.string,x.default.number])}),Mn=x.default.arrayOf(En),Sn=x.default.shape({id:x.default.oneOfType([x.default.string,x.default.number]),date:x.default.string,type:x.default.string,invoice_link:x.default.string,amount:x.default.oneOfType([x.default.string,x.default.number])}),kn=x.default.arrayOf(Sn),Tn=x.default.shape({canonical:x.default.string,description:x.default.string,keywords:x.default.oneOfType([x.default.string,x.default.array]),image:x.default.shape({url:x.default.string}),favicon:x.default.shape({url:x.default.string}),rssUrl:x.default.string,atomUrl:x.default.string,microformats:x.default.arrayOf(x.default.shape({}))}),Nn=x.default.shape({name:x.default.string,avatar:x.default.shape({url:x.default.string})}),xn=Object.freeze({__proto__:null,history:U,location:Y,intl:X,defaultMessageContent:Q,defaultMessage:J,message:K,text:$,label:ee,statusCode:te,ref:ne,target:ae,interaction:le,interactions:ie,trackingVariables:re,progress:oe,user:ue,menuItem:se,menuItems:ce,breadcrumb:de,breadcrumbs:me,device:fe,devices:pe,modal:ge,modals:ye,panel:he,panels:ve,button:be,buttons:we,bootstrapThemes:Ee,buttonTheme:Me,buttonSize:Se,formControlSize:ke,dropdownAlign:Te,componentNames:function(e){return x.default.oneOf(Object.keys(e).map((function(e){return i.snakeCase(e)})))},component:Ne,components:xe,errors:Pe,formErrors:Oe,selectOption:Ae,selectOptions:Ze,formField:Fe,formFields:Ie,mediaFile:Le,media:qe,medias:je,mediaTypes:Be,imageMedia:De,imageMedias:Ve,fontMedia:We,fontMedias:_e,videoMedia:Ge,videoMedias:He,audioMedia:Ue,audioMedias:Ye,closedCaptionsMedia:Xe,font:Qe,fonts:Je,textAlign:Ke,color:$e,textStyle:et,borderTypes:tt,borderStyle:nt,boxStyle:at,margin:lt,gridLayout:it,objectFitSize:rt,objectFit:ot,textElement:ut,headingElement:st,inputElement:ct,imageElement:dt,imageElements:mt,videoElement:ft,visualElement:pt,visualElements:gt,audioElement:yt,closedCaptionsElement:ht,backgroundElement:vt,imageElementWithCaption:bt,imageElementsWithCaption:wt,stackDirection:Ct,stackAlign:Et,stackSpacing:Mt,stackElement:St,gridElement:kt,geoPosition:Tt,marker:xt,markers:Pt,markerWithImage:Ot,markersWithImage:At,answerShape:Zt,answer:Ft,quizAnswer:It,answers:Rt,quizAnswers:Lt,callToActionTypes:zt,callToAction:qt,speaker:jt,speakers:Bt,conversationMessage:Dt,conversationMessages:Vt,conversation:Wt,field:Gt,fields:Ht,screenDefinition:Ut,screenDefinitions:Yt,fieldDefinition:Xt,fieldDefinitions:Qt,storyComponent:Kt,storyComponents:$t,screenComponent:en,screenComponents:tn,screen:nn,theme:an,viewerTheme:ln,metadata:rn,story:on,deviceScreen:un,deviceScreens:sn,screenSize:cn,renderContext:dn,adFormats:mn,adFormat:fn,audioComponent:pn,slide:gn,slides:yn,containerStyle:hn,transitionName:vn,transition:wn,transitions:Cn,searchFilter:En,searchFilters:Mn,paymentItem:Sn,paymentItems:kn,pageMetadata:Tn,authorElement:Nn}),Pn=function(e){return L.default(e,["color","alpha"])},On=function(e){return R.default(e,(function(e,t){return e.alpha===t.alpha&&e.color===t.color}))},An=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;A.default(this,e),this.fieldsManager=n,this.screensManager=a}return Z.default(e,[{key:"parse",value:function(t){var n=this;if(null===t)return t;var a=t||{},l=a.theme,i=void 0===l?null:l,r=a.components,o=(void 0===r?[]:r).reduce((function(t,a){var l=t.colors,i=void 0===l?null:l,r=a.type,o=(n.screensManager.getDefinition(r)||{}).fields,u=void 0===o?[]:o,s=n.getColorFieldPatterns(u),c=e.getColorsFromPath(a,s).colors;return{colors:[].concat(O.default(i),O.default(c))}}),{colors:[]}),u=o.colors;if(null!==i){var s=this.parse(i);return null!==u||null!==s?On([].concat(O.default(Pn(s||[])),O.default(Pn(u||[])))):[]}return null!==u?Pn(On(u||[])):[]}},{key:"getColorFieldPatterns",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,r=void 0===i?null:i,o=l.type,u=void 0===o?null:o,s=[a,r].filter((function(e){return null!==e})).join("\\."),c=N.default(N.default({},null!==u?n.fieldsManager.getDefinition(u):null),l),d=c.fields,m=void 0===d?[]:d,f=c.itemsField,p=void 0===f?null:f,g=c.settings,y=void 0===g?[]:g;return[].concat(O.default(t),O.default(e.fieldIsColor(c)?[new RegExp("^".concat(s,"$"))]:[]),O.default(n.getColorFieldPatterns(m,s)),O.default(n.getColorFieldPatterns(y,s)),O.default(null!==p?n.getColorFieldPatterns([p],"".concat(s,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsColor",value:function(e){var t=e.id;return"color"===(void 0===t?null:t)}},{key:"getColorsFromPath",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=F.default(t),r=i?O.default(t.keys()):Object.keys(t);return r.reduce((function(r,o){var u=r.data,s=r.colors,c=void 0===s?null:s,d=[l,o].filter((function(e){return null!==e})).join("."),m=n.reduce((function(e,t){return e||t.test(d)}),!1),f=t[o],p=null,g=null,y=null;if(m&&I.default(f))if(f.color&&4===f.color.length){var h=f.color.split("").map((function(e,t){return t>0?e+e:e})).join("").toUpperCase();p={alpha:f.alpha||1,color:h}}else f.color&&(p={alpha:f.alpha,color:f.color.toUpperCase()});else if(I.default(f)||F.default(f)){var v=e.getColorsFromPath(f,n,a,d);g=v.data,y=v.colors}else g=f;return{data:i?[].concat(O.default(u||[]),[g]):N.default(N.default({},u),{},P.default({},o,g)),colors:null!==p?[].concat(O.default(c||[]),O.default(y||[]),[p]):[].concat(O.default(c||[]),O.default(y||[]))}}),{data:0===r.length?t:null,colors:a})}}]),e}(),Zn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(null===t||null===e)return n;var a=v.pascalCase(e);return t[a]||t[e]||n},Fn=function(e){z.default(n,e);var t=q.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return A.default(this,n),(e=t.call(this)).components=a,e}return Z.default(n,[{key:"addComponent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return this.addComponents(P.default({},e,t),n)}},{key:"addComponents",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=null!==t?Object.keys(e).reduce((function(n,a){return N.default(N.default({},n),{},P.default({},"".concat(t,".").concat(a),e[a]))}),{}):e;return this.components=N.default(N.default({},this.components),n),this.emit("change"),this}},{key:"merge",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return this.addComponents(e.getComponents(),t)}},{key:"addNamespace",value:function(e){var t=this;return null===e||(this.components=Object.keys(this.components).reduce((function(n,a){return N.default(N.default({},n),{},P.default({},"".concat(e,".").concat(a),t.components[a]))}),{})),this}},{key:"getComponent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=this.getComponents(t);return Zn(e,n)}},{key:"getComponents",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null!==t?Object.keys(this.components||{}).reduce((function(n,a){var l=new RegExp("^".concat(t,"\\.(.*)$")).exec(a);return null!==l?N.default(N.default({},n),{},P.default({},l[1],e.components[a])):n}),null):this.components}},{key:"hasComponent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return null!==this.components&&void 0!==this.components[null!==t?"".concat(t,".").concat(e):e]}}]),n}(j.default),In=function(e){z.default(n,e);var t=q.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return A.default(this,n),(e=t.call(this)).definitions=a||[],e}return Z.default(n,[{key:"addDefinition",value:function(e){return this.addDefinitions(F.default(e)?e:[e]),this}},{key:"addDefinitions",value:function(e){return this.definitions=W.default([].concat(O.default(e),O.default(this.definitions)),(function(e){return e.id})),this.emit("change"),this}},{key:"merge",value:function(e){return this.addDefinitions(e.getDefinitions())}},{key:"filter",value:function(e){return new n(this.definitions.filter(e))}},{key:"getDefinition",value:function(e){return null===e?null:this.definitions.find((function(t){return t.id===e}))||null}},{key:"getDefinitions",value:function(){return this.definitions}},{key:"hasDefinition",value:function(e){return null!==this.getDefinition(e)}},{key:"getComponent",value:function(e){var t=(this.getDefinition(e)||{}).component;return void 0===t?null:t}},{key:"getComponents",value:function(){return this.definitions.reduce((function(e,t){var n=t.id,a=t.component,l=void 0===a?null:a;return null!==l?N.default(N.default({},e),{},P.default({},n,l)):e}),{})}}]),n}(j.default),Rn=function(e){z.default(n,e);var t=q.default(n);function n(e){var a;return A.default(this,n),(a=t.call(this)).element=e,a.events={},a.listeners={},a}return Z.default(n,[{key:"subscribe",value:function(e,t){this.on(e,t),this.events=N.default(N.default({},this.events),{},P.default({},e,[].concat(O.default(this.events[e]||[]),[t]))),1===this.events[e].length&&this.addEventListener(e)}},{key:"unsubscribe",value:function(e,t){var n=this;this.off(e,t),this.events=Object.keys(this.events).reduce((function(a,l){if(l!==e)return N.default(N.default({},a),{},P.default({},l,n.events[l]));var i=n.events[l].filter((function(e){return e!==t}));return i.length>0?N.default(N.default({},a),{},P.default({},l,i)):a}),{}),void 0===this.events[e]&&this.removeEventListener(e)}},{key:"addEventListener",value:function(e){var t=this;void 0===this.listeners[e]&&(this.listeners[e]=function(){for(var n=arguments.length,a=new Array(n),l=0;l<n;l++)a[l]=arguments[l];return t.emit.apply(t,[e].concat(a))}),this.element.addEventListener(e,this.listeners[e])}},{key:"removeEventListener",value:function(e){this.element.removeEventListener(e,this.listeners[e])}}]),n}(j.default),Ln=function(e){z.default(n,e);var t=q.default(n);function n(){return A.default(this,n),t.apply(this,arguments)}return Z.default(n,[{key:"filter",value:function(e){return new n(this.definitions.filter(e))}}]),n}(In),zn=["medias"],qn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;A.default(this,e),this.fieldsManager=n,this.screensManager=a,this.fieldsPatternCache={}}return Z.default(e,[{key:"getFieldsPatternByScreen",value:function(e){if(void 0===this.fieldsPatternCache[e]){var t=(this.screensManager.getDefinition(e)||{}).fields,n=void 0===t?[]:t;this.fieldsPatternCache[e]=this.getMediaFieldsPattern(n)}return this.fieldsPatternCache[e]}},{key:"toPath",value:function(t){var n=this;if(null===t)return t;var a=t||{},l=a.theme,i=void 0===l?null:l,r=a.components,o=(void 0===r?[]:r).reduce((function(t,a){var l=t.components,i=t.medias,r=a.type,o=n.getFieldsPatternByScreen(r),u=e.replaceMediasWithPaths(a,o),s=u.data,c=u.medias;return{components:[].concat(O.default(l),[s]),medias:N.default(N.default({},i),c)}}),{components:[],medias:null}),u=o.components,s=o.medias;if(null!==i){var c=this.toPath(i),d=c.medias,m=D.default(c,zn);return null!==s||null!==d?N.default(N.default({},t),{},{theme:m,components:u,medias:N.default(N.default({},d),s)}):t}return null!==s?N.default(N.default({},t),{},{components:u,medias:s}):t}},{key:"fromPath",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===t)return t;var a=t||{},l=a.theme,i=void 0===l?null:l,r=a.components,o=void 0===r?[]:r,u=a.medias,s=void 0===u?n:u;if(null===s&&null===i)return t;var c=e.getMediaPatternsFromData(o),d=null!==s&&c.length>0?e.replacePathsWithMedias(o,s,c):o;if(null!==i){var m=this.fromPath(i,s);return m!==i||d!==o?N.default(N.default({},t),{},{theme:m,components:d}):t}return d!==o?N.default(N.default({},t),{},{components:d}):t}},{key:"getMediaFieldsPattern",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,r=void 0===i?null:i,o=l.type,u=void 0===o?null:o,s=[a,r].filter((function(e){return null!==e})).join("\\."),c=N.default(N.default({},null!==u?n.fieldsManager.getDefinition(u):null),l),d=c.fields,m=void 0===d?[]:d,f=c.itemsField,p=void 0===f?null:f,g=c.settings,y=void 0===g?[]:g;return[].concat(O.default(t),O.default(e.fieldIsMedia(c)?[new RegExp("^".concat(s,"$"))]:[]),O.default(e.fieldIsFontFamily(c)?[new RegExp("^".concat(s,"\\.media$"))]:[]),O.default(n.getMediaFieldsPattern(m,s)),O.default(n.getMediaFieldsPattern(y,s)),O.default(null!==p?n.getMediaFieldsPattern([p],"".concat(s,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsMedia",value:function(e){var t=e.media;return void 0!==t&&t}},{key:"fieldIsFontFamily",value:function(e){var t=e.id;return"font-family"===(void 0===t?null:t)}},{key:"replacePathsWithMedias",value:function(t,n,a){var l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=F.default(t);return e.keys(t).reduce((function(r,o){var u,s=[l,o].filter((function(e){return null!==e})).join("."),c=a.reduce((function(e,t){return e||t.test(s)}),!1),d=t[o];return u=c?I.default(d)?d:n[d]||null:I.default(d)||F.default(d)?e.replacePathsWithMedias(d,n,a,s):d,i?[].concat(O.default(r),[u]):N.default(N.default({},r),{},P.default({},o,u))}),i?[]:{})}},{key:"getMediaPath",value:function(e){var t=e.id,n=void 0===t?null:t;return null!==n?"media://".concat(n):null}},{key:"replaceMediasWithPaths",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=F.default(t),r=e.keys(t);return r.reduce((function(r,o){var u,s=r.data,c=r.medias,d=[l,o].filter((function(e){return null!==e})).join("."),m=n.reduce((function(e,t){return e||t.test(d)}),!1),f=t[o],p=null,g=null;if(m&&I.default(f)){var y=e.getMediaPath(f);u=null!==y?y:f,p=null!==y?f:null}else if(I.default(f)||F.default(f)){var h=e.replaceMediasWithPaths(f,n,a,d);u=h.data,g=h.medias}else u=f;return{data:i?[].concat(O.default(s||[]),[u]):N.default(N.default({},s),{},P.default({},o,u)),medias:null!==p?N.default(N.default(N.default({},c),g),{},P.default({},u,p)):N.default(N.default({},c),g)}}),{data:0===r.length?t:null,medias:a})}},{key:"getMediaPatternsFromData",value:function(t){var n=e.dot(t);return Object.keys(n).filter((function(e){return B.default(n[e])&&null!==n[e].match(/^media:\/\/([^/]+)$/)})).map((function(e){return new RegExp("^".concat(e,"$"))}))}},{key:"dot",value:function(t){return e.keys(t).reduce((function(n,a){if("object"!==_.default(t[a])||!t[a])return N.default(N.default({},n),{},P.default({},a,t[a]));var l=e.dot(t[a]);return N.default(N.default({},n),e.keys(l).reduce((function(e,t){return N.default(N.default({},e),{},P.default({},"".concat(a,".").concat(t),l[t]))}),{}))}),{})}},{key:"keys",value:function(e){return F.default(e)?O.default(e.keys()):Object.keys(e)}}]),e}(),jn=function(e){z.default(n,e);var t=q.default(n);function n(){return A.default(this,n),t.apply(this,arguments)}return Z.default(n,[{key:"getFields",value:function(e){var t=(this.getDefinition(e)||{}).fields;return void 0===t?null:t}},{key:"getLayouts",value:function(e){var t=(this.getDefinition(e)||{}).layouts;return void 0===t?null:t}},{key:"filter",value:function(e){return new n(this.definitions.filter(e))}}]),n}(In),Bn=["textStyle","color","boxStyle"],Dn=function(){function e(t){var n=t.screensManager;A.default(this,e),this.screensManager=n,this.definitionCache={}}return Z.default(e,[{key:"getDefinitionByScreen",value:function(e,t){if(void 0===this.definitionCache[e]){var n=this.screensManager.getDefinition(e)||{},a=t.find((function(t){return t.type===e}))||null;this.definitionCache[e]={definition:n,themeScreen:a}}return this.definitionCache[e]}},{key:"parse",value:function(e){var t=this;if(null===e)return e;var n=e||{},a=n.theme,l=void 0===a?null:a,i=n.components,r=void 0===i?null:i;if(null===l||null===r)return e;var o=l.components,u=void 0===o?[]:o,s=l.background,c=void 0===s?null:s,d=l.colors,m=void 0===d?{}:d,f=l.textStyles,p=void 0===f?null:f,g=l.boxStyles,y=void 0===g?null:g,h=r.reduce((function(e,n,a){var l=n.type,i=t.getDefinitionByScreen(l,u),r=i.definition,o=i.themeScreen,s=t.parseScreen(r,n,o,c,m,p,y);return s!==n||null!==o?[].concat(O.default(e.slice(0,a)),[N.default(N.default({},o),s)],O.default(e.slice(a+1))):e}),r);return h!==r?N.default(N.default({},e),{},{components:h}):e}},{key:"parseScreen",value:function(e,t,n,a,l,i,r){var o=this,u=e.fields,s=void 0===u?[]:u,c=null===n&&null!==a?{}:n;null!==a&&void 0!==c.background?c.background=N.default(N.default({},a),c.background):null!==a&&(c.background=a);var d=Object.keys(t).reduce((function(e,n){var a=s.find((function(e){return e.name===n}))||{},u=t[n],d=null!==c&&c[n]||null,m=o.parseField(n,a,u,d,l,i,r);return m!==u?N.default(N.default({},e),{},P.default({},n,m)):e}),t);return null!==c?N.default(N.default({},c),d):d}},{key:"parseField",value:function(e,t,n,a,l,i,r){var o=t.theme,u=void 0===o?null:o;return null!==u&&I.default(u)?F.default(n)?n.map((function(e){return null!==e?Object.keys(e).reduce((function(t,n){if(!I.default(e[n]))return t;var a=u[n]||{},o=a.textStyle,s=void 0===o?null:o,c=a.color,d=void 0===c?null:c,m=a.boxStyle,f=void 0===m?null:m;if(null===s&&null===d&&null===f)return t;var p=null!==d?{color:null!==d&&null!==l&&l[d]||null}:null,g=null!==s?{textStyle:N.default(N.default({},null!==s&&null!==i&&i[s]||null),e[n].textStyle||null)}:null,y=null!==f?{boxStyle:N.default(N.default({},null!==f&&null!==r&&r[f]||null),e[n].boxStyle||null)}:null;return null===p&&null===g&&null===y?t:N.default(N.default({},t),{},P.default({},n,N.default(N.default(N.default(N.default({},p),e[n]),g),y)))}),e):e})):I.default(n)?this.parseValue(n,u,a,l,i,r):n:n}},{key:"parseValue",value:function(e,t,n,a,l,i){var r=this;if(I.default(e)||I.default(t)){var o=e||null,u=t||{},s=u.textStyle,c=void 0===s?null:s,d=u.color,m=void 0===d?null:d,f=u.boxStyle,p=void 0===f?null:f,g=D.default(u,Bn);if(null===c&&null===m&&null===p&&G.default(g)&&!I.default(t))return o;var y=null;G.default(g)||(y=Object.keys(t).reduce((function(e,u){var s=null!==o&&o[u]||null,c=r.parseValue(s,t[u],n,a,l,i);return N.default(N.default({},e),null!==c?P.default({},u,c):null)}),{}));var h=o||{},v=h.textStyle,b=void 0===v?null:v,w=h.boxStyle,C=void 0===w?null:w,E=null!==m&&null!==a&&a[m]||null,M=null!==E?{color:E}:null,S=null!==c&&null!==l&&l[c]||null,k=null!==n&&n.textStyle||null,T=null!==S||null!==k?{textStyle:N.default(N.default(N.default({},S),k),b||null)}:null,x=null!==p&&null!==i&&i[p]||null,O=null!==n&&n.boxStyle||null,A=null!==x||null!==O?{boxStyle:N.default(N.default(N.default({},x),O),C||null)}:null;return null!==M||null!==n||null!==T||null!==A||null!==y?N.default(N.default(N.default(N.default(N.default(N.default({},M),n),o),A),T),y):o}return e}}]),e}(),Vn=["fonts"],Wn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;A.default(this,e),this.fieldsManager=n,this.screensManager=a,this.fieldsPatternCache={}}return Z.default(e,[{key:"getFieldsPatternByScreen",value:function(e){if(void 0===this.fieldsPatternCache[e]){var t=(this.screensManager.getDefinition(e)||{}).fields,n=void 0===t?[]:t;this.fieldsPatternCache[e]=this.getFieldsPattern(n)}return this.fieldsPatternCache[e]}},{key:"parse",value:function(t){var n=this;if(null===t)return t;var a=t||{},l=a.theme,i=void 0===l?null:l,r=a.components,o=void 0===r?[]:r,u=H.default(o.reduce((function(t,a){var l=a.type,i=n.getFieldsPatternByScreen(l),r=e.extractFontsWithPaths(a,i);return r.length>0?[].concat(O.default(t),O.default(r)):t}),[]),"name");if(null!==i){var s=this.parse(i),c=s.fonts,d=void 0===c?[]:c,m=D.default(s,Vn);return u.length>0||d.length>0?N.default(N.default({},t),{},{theme:m,fonts:H.default([].concat(O.default(d),O.default(u)),"name")}):t}return u.length>0?N.default(N.default({},t),{},{fonts:u}):t}},{key:"getFieldsPattern",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,r=void 0===i?null:i,o=l.type,u=void 0===o?null:o,s=[a,r].filter((function(e){return null!==e})).join("\\."),c=N.default(N.default({},null!==u?n.fieldsManager.getDefinition(u):null),l),d=c.fields,m=void 0===d?[]:d,f=c.itemsField,p=void 0===f?null:f,g=c.settings,y=void 0===g?[]:g;return[].concat(O.default(t),O.default(e.fieldIsFontFamily(c)?[new RegExp("^".concat(s,"$"))]:[]),O.default(n.getFieldsPattern(m,s)),O.default(n.getFieldsPattern(y,s)),O.default(null!==p?n.getFieldsPattern([p],"".concat(s,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsFontFamily",value:function(e){var t=e.id;return"font-family"===(void 0===t?null:t)}},{key:"valueIsFont",value:function(e){var t=e.type,n=void 0===t?null:t;return"custom"===n||"google"===n}},{key:"extractFontsWithPaths",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=F.default(t),i=l?O.default(t.keys()):Object.keys(t);return i.reduce((function(l,i){var r=[a,i].filter((function(e){return null!==e})).join("."),o=n.reduce((function(e,t){return e||t.test(r)}),!1),u=t[i],s=null,c=null;return o&&I.default(u)&&e.valueIsFont(u)?s=u:(I.default(u)||F.default(u))&&(c=e.extractFontsWithPaths(u,n,r)),null!==c||null!==s?[].concat(O.default(l),O.default(c||[]),O.default(null!==s?[s]:[])):l}),[])}}]),e}(),_n=function(){function e(t){var n=t.screensManager,a=t.fieldsManager;A.default(this,e),this.themeParser=new Dn({screensManager:n}),this.mediasParser=new qn({screensManager:n,fieldsManager:a}),this.fontsParser=new Wn({screensManager:n,fieldsManager:a})}return Z.default(e,[{key:"parse",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.withTheme,l=void 0===a||a,i=n.withMedias,r=void 0===i||i,o=n.withFonts,u=void 0===o||o;if(null===e)return e;var s=[[r,function(e){return t.mediasParser.fromPath(e)}],[l,function(e){return t.themeParser.parse(e)}],[u,function(e){return t.fontsParser.parse(e)}]];return s.reduce((function(e,t){var n=V.default(t,2),a=n[0],l=n[1];return a?l(e):e}),e)}}]),e}(),Gn=["value"],Hn=["value","currentTime"],Un=function(e){z.default(n,e);var t=q.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};A.default(this,n);var l=(e=t.call(this,a)).options.variables,i=void 0===l?null:l;return e.variables=null,e.screensViewed=[],null!==i&&e.setVariables(i),e}return Z.default(n,[{key:"setVariables",value:function(e){this.variables=e,null!==e&&this.push(e)}},{key:"getVariables",value:function(){return this.variables}},{key:"trackScreenView",value:function(e,t){var n=(this.variables||{}).screensCount,a=void 0===n?null:n,l=e||{},i=l.id,r=void 0===i?null:i,o=l.type,u=void 0===o?null:o,s=l.metadata,c=((void 0===s?{}:s)||{}).title;-1!==this.screensViewed.indexOf(r||t)&&(this.screensViewed=[].concat(O.default(this.screensViewed),[r||t]));var d={event:"screenView",screenId:r,screenType:u,screenIndex:t,screenTitle:c,screenProgress:null!==a&&null!==t?(t+1)/a:null,screensViewed:this.screensViewed,screensViewedProgress:null!==a?this.screensViewed.length/a:null};this.push(d)}},{key:"trackEvent",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.value,i=void 0===l?null:l,r=D.default(a,Gn),o=N.default(N.default({},r),{},{event:"eventInteraction",eventCategory:e,eventAction:t,eventLabel:n,eventValue:i});this.push(o)}},{key:"trackMedia",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.value,i=void 0===l?null:l,r=a.currentTime,o=void 0===r?null:r,u=D.default(a,Hn),s=t||{},c=s.id,d=void 0===c?null:c,m=s.name,f=void 0===m?null:m,p=s.duration,g=void 0===p?null:p,y=s.currentTime,h=void 0===y?o:y,v=s.metadata,b=void 0===v?{}:v,w=b||{},C=w.duration,E=void 0===C?g:C,M=f,S=N.default(N.default({},u),{},{event:"eventInteraction",eventCategory:e,eventAction:n,eventLabel:M,eventValue:i,mediaId:d,mediaCurrentTime:null!==h?Math.round(h):null,mediaProgress:null!==h&&null!==E&&E>0?Math.round(h/E*100):null});this.push(S)}}]),n}(k.Tracking);t.ColorsParser=An,t.ComponentsManager=Fn,t.DefinitionsManager=In,t.EventsManager=Rn,t.FieldsManager=Ln,t.FontsParser=Wn,t.MediasParser=qn,t.PropTypes=xn,t.ScreensManager=jn,t.StoryParser=_n,t.ThemeParser=Dn,t.Tracking=Un},8436:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(6009),l=n(5158),i=n(2289),r=n(6204),o=n(8689),u=n(4265),s=n(2826),c=n(5182),d=n(417),m=n(9546),f=n(2220),p=n(1260),g=n(1068),y=n(5558);function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(a),b=h(i),w=h(o),C=h(u),E=h(c),M=h(d),S=h(m),k=h(f),T=h(p),N=h(g),x=h(y),P=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===e)return null;var n=w.default(e)?{color:e}:e,a=n.color,l=void 0===a?null:a,i=n.alpha,r=void 0===i?null:i;return null!==r||null!==t?C.default(l).setAlpha(null!==t?t:r).toRgbString():l},O=[{name:"mobile"},{name:"small",mediaQuery:"only screen and (min-width: 500px)"},{name:"medium",mediaQuery:"only screen and (min-width: 790px)"},{name:"large",mediaQuery:"only screen and (min-width: 1000px)"},{name:"very-large",mediaQuery:"only screen and (min-width: 1600px)"}],A=function e(t,n){return t.reduce((function(t,a){if(null!==t)return t;var l=a.name,i=void 0===l?null:l,r=a.fields;return null!==n&&i===n?a:e(void 0===r?[]:r,n)}),null)},Z=function(e){if(null==e)return null;var t=b.default(e)?e:{name:e},n=t.name,a=t.fallback;return[n,void 0===a?null:a].filter((function(e){return null!==e})).map((function(e){return'"'.concat(e,'"')})).join(", ")},F=function(e){return(e-Math.floor(e)).toFixed(4)},I=["image","video","media"],R=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"backgroundColor",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=P(e,n);return null!==a?T.default({},t,a):null},L=function(e){if(null==e)return null;var t=e.width,n=void 0===t?null:t,a=e.style,l=void 0===a?null:a,i=e.color,r=void 0===i?null:i;return M.default(M.default(M.default({},null!==n?{borderWidth:n}:null),null!==l?{borderStyle:l}:null),R(r,"borderColor"))};Object.defineProperty(t,"pascalCase",{enumerable:!0,get:function(){return s.pascalCase}}),Object.defineProperty(t,"snakeCase",{enumerable:!0,get:function(){return s.snakeCase}}),t.convertStyleToString=function(e){return null!==e?Object.keys(e).map((function(t){return"".concat(l.paramCase(t),":").concat(v.default(e[t])?"".concat(e[t],"px"):e[t],";")})).join("\n"):""},t.createNullableOnChange=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return function(t){var n=t;b.default(t)&&Object.keys(t).reduce((function(e,n){return e&&null===t[n]}),!0)&&(n=null),null!==e&&e(n)}},t.createUseEvent=function(e){return function(t,n){var a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];r.useEffect((function(){return a&&null!==e&&e.subscribe(t,n),function(){a&&null!==e&&e.unsubscribe(t,n)}}),[e,t,n,a])}},t.getColorAsString=P,t.getComponentFromName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(null===t||null===e)return n;var a=s.pascalCase(e);return t[a]||t[e]||n},t.getContrastingColor=function(e){var t=(e||{}).color,n=void 0===t?"white":t;return C.default.equals(n,C.default("white"))?"lightblue":C.default.equals(n,C.default("black"))?"white":C.default(n).spin(30).toString()},t.getDeviceScreens=function(){return O},t.getDisplayName=function(e){var t=e.displayName,n=void 0===t?null:t,a=e.name;return n||(void 0===a?null:a)||"Component"},t.getFieldByName=A,t.getFieldFromPath=function(e,t,n){return(S.default(e)?e:[e]).reduce((function(t,a){if(null===t)return null;var l=t.type,i=void 0===l?null:l,r=t.fields,o=void 0===r?null:r,u=t.field,s=void 0===u?null:u,c=t.itemsField,d=void 0===c?null:c,m=null!==s&&s.type||i,f=n.getDefinition(m),p=null!==m?f:t,g=p.fields,y=void 0===g?null:g,h=p.settings,v=void 0===h?null:h,b=p.itemsField,w=d||(void 0===b?null:b);return null!==w&&a.match(/^[0-9]+$/)?M.default(M.default({},w),{},{name:e.join("/"),listItems:!0}):A([].concat(E.default(o||[]),E.default(y||[]),E.default(v||[])),a)}),{fields:t})},t.getFileName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===e||void 0===e.match?null:e.match(/([^/]+)(\?.*)?$/)[1]||e},t.getFontFamilyFromFont=Z,t.getGridLayoutName=function(e){return e.map((function(e){return"".concat(e.rows,"_").concat(e.columns.join("_"))})).join("|")},t.getLargestRemainderRound=function(e,t){if(!S.default(e)||e.length<1)return e;for(var n=e.map((function(e,t){return{floor:Math.floor(e)||0,remainder:F(e),index:t}})).sort((function(e,t){return t.remainder-e.remainder})),a=t-n.reduce((function(e,t){return e+t.floor}),0),l=0;l<a;l+=1)n[l]&&(n[l].floor+=1);return n.sort((function(e,t){return e.index-t.index})).map((function(e){return e.floor}))},t.getLayersFromBackground=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===e?[]:(S.default(e)?e:[e]).reduce((function(e,t){var n=t.image,a=void 0===n?null:n,l=t.video,i=void 0===l?null:l,r=t.media,o=void 0===r?null:r,u=k.default(t,I);return[].concat(E.default(e),null!==a&&null!==i?[M.default({media:a},u),M.default({media:i},u)]:[M.default({media:o||a||i},u)])}),[])},t.getLayoutParts=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=null!==e&&!1!==e.indexOf("-")?e.split("-"):[e,null,null],n=N.default(t,3),a=n[0],l=n[1],i=n[2];return{horizontal:a,vertical:l,suffix:i}},t.getMediaFilesAsArray=function(e){return null!==e&&S.default(e)?e:Object.keys(e||{}).reduce((function(t,n){return[].concat(E.default(t),[M.default({handle:n},e[n])])}),[])},t.getOptimalImageUrl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.resolution,i=void 0===l?1:l,r=a.maxDiff,o=void 0===r?800:r,u=e||{},s=u.sizes,c=void 0===s?null:s,d=u.url,m=void 0===d?null:d,f=u.metadata,p=(f=void 0===f?{}:f).width,g=f.height;if(null===c||null===t&&null===n)return m;var y=M.default({original:{url:m,width:p,height:g}},c),h=null!==t&&null!==i?t*i:t,v=null!==n&&null!==i?n*i:n,b=Object.keys(y).reduce((function(e,t){var n=e.diff,a=e.isLarger,l=e.size,i=y[t],r=i.url,u=i.width,s=void 0===u?null:u,c=i.height,d=void 0===c?null:c,m=null!==s&&null!==h?s-h:null,f=null!==d&&null!==v?d-v:null,p=(null===m||m>=0)&&(null===f||f>=0),g=[m,f].reduce((function(e,t){return null!==t?(e||0)+Math.abs(t):e}),null);null===g&&(g=1/0);var b=(s||0)+(d||0)>l;return g<n&&p||g<n&&(!a&&b||n>o)||g<=o&&!a&&p||g<=o&&!a&&!p&&b?{key:t,url:r,diff:g,isLarger:p}:e}),{key:null,url:m,diff:1/0,isLarger:!1,size:0}),w=b.url;return w},t.getScreenExtraField=function(e){return{name:"parameters",type:"parameters",label:e.formatMessage({id:"8A8cuq",defaultMessage:[{type:0,value:"Parameters"}]})}},t.getSecondsFromTime=function(e){var t=e.split(":");try{var n=t[2].split(",");return 1===n.length&&(n=t[2].split(".")),3600*parseFloat(t[0],10)+60*parseFloat(t[1],10)+parseFloat(n[0],10)+parseFloat(n[1],10)/1e3}catch(e){return 0}},t.getStyleFromBorder=L,t.getStyleFromBox=function(e){if(null===e)return null;var t=e.backgroundColor,n=void 0===t?null:t,a=e.borderRadius,l=void 0===a?null:a,i=e.padding,r=void 0===i?null:i,o=e.borderWidth,u=void 0===o?null:o,s=e.borderStyle,c=void 0===s?null:s,d=e.borderColor,m={width:u,style:c,color:void 0===d?null:d},f=b.default(r)?r:{padding:r},p=f.top,g=void 0===p?null:p,y=f.right,h=void 0===y?null:y,v=f.bottom,w=void 0===v?null:v,C=f.left,E=void 0===C?null:C,S=f.padding,k=void 0===S?null:S;return M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default({},R(n,"backgroundColor")),null!==l?{borderRadius:l}:null),L(m)),null!==k?{padding:k}:null),null!==g?{paddingTop:g}:null),null!==h?{paddingRight:h}:null),null!==w?{paddingBottom:w}:null),null!==E?{paddingLeft:E}:null)},t.getStyleFromColor=R,t.getStyleFromContainer=function(e){if(null==e)return null;var t=e.size,n=void 0===t?{}:t,a=e.backgroundColor,l=void 0===a?null:a,i=n.width,r=void 0===i?null:i,o=n.height,u=void 0===o?null:o;return M.default(M.default(M.default({},r?{width:"".concat(r,"%")}:null),u?{height:"".concat(u,"%")}:null),R(l,"backgroundColor"))},t.getStyleFromHighlight=function(e){if(null==e)return null;var t=e.textColor,n=void 0===t?null:t,a=e.color,l=void 0===a?null:a,i=null!==l?P(l):null,r=null!==i?"0.05em 0px 0px ".concat(i,", -0.05em 0px 0px ").concat(i):null;return null!==l||null!==n?M.default(M.default(M.default({},null!==l?R(l,"backgroundColor"):null),null!==n?R(n,"color"):null),null!==l?{boxShadow:r,mozBoxShadow:r,msBoxShadow:r,webkitBoxShadow:r}:null):null},t.getStyleFromImage=function(e){if(null==e)return null;var t=e.fit,n=void 0===t?{}:t,a=e.backgroundColor,l=void 0===a?null:a,i=n.size,r=void 0===i?null:i,o=n.position,u=void 0===o?{}:o,s=u.axisAlign,c=void 0===s?null:s,d=u.crossAlign,m=void 0===d?null:d;return M.default(M.default(M.default({},null!==r?{objectFit:r}:null),null!==c&&null!==m?{objectPosition:"".concat(c," ").concat(m)}:null),R(l,"backgroundColor"))},t.getStyleFromLink=function(e){if(null==e)return null;var t=e.color,n=void 0===t?null:t,a=e.fontStyle||{},l=a.italic,i=void 0!==l&&l,r=a.bold,o=void 0!==r&&r,u=a.underline,s=void 0!==u&&u;return M.default(M.default(M.default(M.default({},null!==n?R(n,"color"):null),i?{fontStyle:"italic"}:null),o?{fontWeight:"bold"}:null),s?{textDecoration:"underline"}:null)},t.getStyleFromMargin=function(e){if(null==e)return null;var t=e.top,n=void 0===t?null:t,a=e.bottom,l=void 0===a?null:a;return M.default(M.default({},null!==n?{marginTop:n}:null),null!==l?{marginBottom:l}:null)},t.getStyleFromText=function(e){if(null==e)return null;var t=e.fontFamily,n=void 0===t?null:t,a=e.fontSize,l=void 0===a?null:a,i=e.fontStyle,r=void 0===i?null:i,o=e.lineHeight,u=void 0===o?null:o,s=e.letterSpacing,c=void 0===s?null:s,d=e.align,m=void 0===d?null:d,f=e.color,p=void 0===f?null:f,g=r||{},y=g.italic,h=void 0!==y&&y,v=g.bold,b=void 0!==v&&v,w=g.underline,C=void 0!==w&&w,E=g.transform,S=g.outline,k=void 0!==S&&S;return M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default({fontFamily:Z(n)},null!==l?{fontSize:l}:null),h?{fontStyle:"italic"}:null),b?{fontWeight:"bold"}:null),C?{textDecoration:"underline"}:null),null!==E?{textTransform:E}:null),null!==m?{textAlign:m}:null),null!==u?{lineHeight:u}:null),null!==c?{letterSpacing:c}:null),R(p,"color")),k?{WebkitTextStroke:"2px ".concat(P(p,"color")),color:"transparent"}:null)},t.isImageFilled=function(e){var t=(e||{}).media;return null!==(void 0===t?null:t)},t.isIos=function(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document},t.isLabelFilled=function(e){var t=(e||{}).label,n=((void 0===t?null:t)||{}).length,a=void 0===n?0:n;return"number"==typeof a&&a>0},t.isMessage=function(e){return b.default(e)&&void 0!==e.defaultMessage},t.isTextFilled=function(e){var t=(e||{}).body,n=((void 0===t?null:t)||{}).length,a=void 0===n?0:n;return"number"==typeof a&&a>0},t.isValidUrl=function(e){var t;try{t=new URL(e)}catch(e){return!1}return"http:"===t.protocol||"https:"===t.protocol},t.schemaId=function(e){return t=e.join("/"),"https://schemas.micromag.ca/0.1/".concat(t,".json");var t},t.setFieldValue=function e(t,n,a){var l=n.shift(),i=null!==l.match(/^[0-9]+$/);if(null!==t||null!==a){if(i){var r=parseInt(l,10),o=null!==a?[].concat(E.default(t.slice(0,r)),[n.length>0?e(null!==t&&t[r]||null,n,a):a],E.default(t.slice(r+1))):[].concat(E.default(t.slice(0,r)),E.default(t.slice(r+1)));return o.length>0?o:null}return M.default(M.default({},t),{},T.default({},l,n.length>0?e(null!==t&&t[l]||null,n,a):a))}return null},t.slug=function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t="-"===n?s.paramCase(e):s.snakeCase(e),x.default(t,{lower:!0})},t.unique=function(e){return null!==e?e.filter((function(e,t,n){return n.indexOf(e)===t})):[]},t.validateFields=function e(t,n){return t.reduce((function(t,a){if(!0===t){if("fields"===a.type&&a.fields)return e(a.fields,n);var l=!(!n||!n[a.name])&&n[a.name];return!(a.required&&!l)}return t}),!0)}},2026:function(e,t,n){"use strict";var a=n(2807),l=n(5587),i=n(417),r=n(5182),o=n(8514);function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(i),c=u(r),d={id:"audio-element",fields:[{name:"media",type:"audio"}],settings:[{name:"autoPlay",type:"toggle",label:l.defineMessage({id:"pJgYyE",defaultMessage:[{type:0,value:"AutoPlay"}]})},{name:"loop",type:"toggle",label:l.defineMessage({id:"F2SD/0",defaultMessage:[{type:0,value:"Loop"}]})},{name:"withPlayPause",type:"toggle",label:l.defineMessage({id:"8EI08h",defaultMessage:[{type:0,value:"With play/pause button"}]})},{name:"closedCaptions",type:"closed-captions",label:l.defineMessage({id:"4H2n5r",defaultMessage:[{type:0,value:"Closed captions"}]})}]},m={id:"answer",component:"field-with-form",labelPath:"label.body",fields:[{name:"label",type:"text-element",label:l.defineMessage({id:"OJi+eg",defaultMessage:[{type:0,value:"Label"}]})},{type:"fields",isList:!0,fields:[{type:"box-style-form",name:"buttonStyle",label:l.defineMessage({id:"nno1Pq",defaultMessage:[{type:0,value:"Button style"}]})},{name:"resultStyle",type:"graph-bar-style",isList:!0,label:l.defineMessage({id:"6Q4tcn",defaultMessage:[{type:0,value:"Result style"}]})}]}]},f={id:"answers",component:"items",noItemLabel:l.defineMessage({id:"A+a0kL",defaultMessage:[{type:0,value:"No answer..."}]}),addItemLabel:l.defineMessage({id:"lGh/NP",defaultMessage:[{type:0,value:"Add an answer"}]}),itemsField:{type:"answer",breadcrumbLabel:l.defineMessage({id:"XJ2Xc+",defaultMessage:[{type:0,value:"Answer"}]})}},p={id:"author-element",component:"field-with-form",labelPath:"name.body",fields:[{name:"name",type:"text-element",label:l.defineMessage({id:"UUv8FR",defaultMessage:[{type:0,value:"Name"}]})},{name:"avatar",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}]},g={id:"background",isList:!0,fields:[{name:"color",type:"color",label:l.defineMessage({id:"aarOkd",defaultMessage:[{type:0,value:"Color"}]}),breadcrumbLabel:l.defineMessage({id:"KuzZbb",defaultMessage:[{type:0,value:"Background color"}]})},{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]}),breadcrumbLabel:l.defineMessage({id:"vxEtY1",defaultMessage:[{type:0,value:"Background image"}]})},{name:"video",type:"video",label:l.defineMessage({id:"vERejo",defaultMessage:[{type:0,value:"Video"}]}),breadcrumbLabel:l.defineMessage({id:"dCG1T1",defaultMessage:[{type:0,value:"Background video"}]})}],settings:[{type:"fields",isList:!0,fields:[{name:"fit",type:"fit",label:l.defineMessage({id:"amEvH1",defaultMessage:[{type:0,value:"Fit"}]})},{name:"repeat",type:"toggle",label:l.defineMessage({id:"WlNxMj",defaultMessage:[{type:0,value:"Repeat"}]})}]}]},y={id:"box-style",fields:[{type:"fields",isList:!0,label:l.defineMessage({id:"f5Yipd",defaultMessage:[{type:0,value:"Box"}]}),fields:[{name:"backgroundColor",label:l.defineMessage({id:"JDPMlG",defaultMessage:[{type:0,value:"Background color"}]}),type:"color"},{name:"borderRadius",type:"number",isHorizontal:!0,dataList:[0,2,4,6,8,10],label:l.defineMessage({id:"xKG76H",defaultMessage:[{type:0,value:"Rounded corners"}]})},{name:"padding",type:"padding",isHorizontal:!0,label:l.defineMessage({id:"qhjeuO",defaultMessage:[{type:0,value:"Padding"}]})}]},{type:"fields",label:l.defineMessage({id:"862eE3",defaultMessage:[{type:0,value:"Border"}]}),isList:!0,fields:[{name:"borderWidth",type:"number",isHorizontal:!0,dataList:[0,1,2,3,4,5],label:l.defineMessage({id:"g2CRt5",defaultMessage:[{type:0,value:"Size"}]})},{name:"borderColor",type:"color",label:l.defineMessage({id:"aarOkd",defaultMessage:[{type:0,value:"Color"}]})},{name:"borderStyle",type:"border-style",isHorizontal:!0}]}]},h={id:"box-style-form",component:"box-style-form",fields:y.fields},v={id:"call-to-action",isList:!0,component:"call-to-action",fields:[{name:"active",type:"toggle",isHorizontal:!0,label:l.defineMessage({id:"eBFxNl",defaultMessage:[{type:0,value:"Call to Action"}]})},{name:"type",type:"radios",options:[{value:"swipe-up",label:l.defineMessage({id:"OSl7A6",defaultMessage:[{type:0,value:"Swipe up"}]})},{value:"button",label:l.defineMessage({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})}],firstOptionAsDefault:!0,isHorizontal:!0,label:l.defineMessage({id:"iipV5Q",defaultMessage:[{type:0,value:"Type"}]})},{name:"inWebView",type:"toggle",isHorizontal:!0,label:l.defineMessage({id:"qmIJjc",defaultMessage:[{type:0,value:"Pop-up window"}]})},{name:"url",type:"url",label:l.defineMessage({id:"mXeSkg",defaultMessage:[{type:0,value:"Link"}]})},{name:"label",type:"text-element",textOnly:!0,label:l.defineMessage({id:"OJi+eg",defaultMessage:[{type:0,value:"Label"}]})},{name:"boxStyle",type:"box-style-form",label:l.defineMessage({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})}]},b={id:"call-to-action-form",component:"call-to-action-form",fields:v.fields},w={id:"conversation",component:"conversation",fields:[{name:"speakers",type:"speakers",label:l.defineMessage({id:"JC9Qlf",defaultMessage:[{type:0,value:"Speakers"}]})},{name:"messages",type:"messages",label:l.defineMessage({id:"f68O+0",defaultMessage:[{type:0,value:"Messages"}]})}],settings:[{name:"messageStyle",type:"text-style",label:l.defineMessage({id:"k81FRn",defaultMessage:[{type:0,value:"Message style"}]})},{name:"speakerStyle",type:"text-style",className:"mt-4",label:l.defineMessage({id:"9PfjeE",defaultMessage:[{type:0,value:"Speaker style"}]})}]},C={id:"entries",component:"items",noItemLabel:l.defineMessage({id:"iHV3W3",defaultMessage:[{type:0,value:"No entry..."}]}),addItemLabel:l.defineMessage({id:"l/Y6or",defaultMessage:[{type:0,value:"Add an entry"}]}),itemsField:{type:"entry",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}},E=s.default(s.default({},C),{},{id:"entries-with-image",itemsField:{type:"entry-with-image",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),M=s.default(s.default({},C),{},{id:"entries-with-visual",itemsField:{type:"entry-with-visual",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),S={id:"entry",component:"field-with-form",labelPath:"title.body",fields:[{name:"title",type:"heading-element",label:l.defineMessage({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:l.defineMessage({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})}]},k=s.default(s.default({},S),{},{id:"entry-with-image",fields:[].concat(c.default(S.fields),[{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),T=s.default(s.default({},S),{},{id:"entry-with-visual",fields:[].concat(c.default(S.fields),[{name:"image",type:"visual",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),N={id:"graph-bar-style",isList:!0,fields:[{name:"barColor",type:"color",label:l.defineMessage({id:"qjL/eA",defaultMessage:[{type:0,value:"Bar"}]})},{name:"textColor",type:"color",label:l.defineMessage({id:"ZMS1Wv",defaultMessage:[{type:0,value:"Text"}]})}]},x={id:"text-element",component:"text-element",settings:[{name:"textStyle",type:"text-style"}]},P=s.default(s.default({},x),{},{id:"heading-element",size:"lg",inline:!0}),O={id:"image-with-caption",component:"field-with-form",labelPath:"caption.body",thumbnailPath:"media.thumbnail_url",fields:[{name:"media",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})},{name:"caption",type:"text-element",label:l.defineMessage({id:"p85qJD",defaultMessage:[{type:0,value:"Caption"}]})}]},A={id:"images-with-caption",component:"items",noItemLabel:l.defineMessage({id:"dFMzBu",defaultMessage:[{type:0,value:"No image..."}]}),addItemLabel:l.defineMessage({id:"QSmRdP",defaultMessage:[{type:0,value:"Add an image"}]}),itemsField:{type:"image-with-caption",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},Z={id:"images",component:"images",itemsField:{type:"image",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},F={id:"marker",component:"field-with-form",labelPath:"title.body",fields:[{name:"title",type:"heading-element",label:l.defineMessage({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:l.defineMessage({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"geoPosition",type:"geo-position",label:l.defineMessage({id:"u3ok54",defaultMessage:[{type:0,value:"Position"}]})}]},I={id:"marker-with-image",component:"field-with-form",labelPath:"title.body",fields:[{name:"title",type:"heading-element",label:l.defineMessage({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:l.defineMessage({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})},{name:"geoPosition",type:"geo-position",label:l.defineMessage({id:"u3ok54",defaultMessage:[{type:0,value:"Position"}]})}]},R={id:"markers",component:"items",noItemLabel:l.defineMessage({id:"rdFCsN",defaultMessage:[{type:0,value:"No marker..."}]}),addItemLabel:l.defineMessage({id:"8oczXQ",defaultMessage:[{type:0,value:"Add a marker"}]}),itemsField:{type:"marker",breadcrumbLabel:l.defineMessage({id:"qroLmS",defaultMessage:[{type:0,value:"Marker"}]})}},L={id:"markers-with-image",component:"items",noItemLabel:l.defineMessage({id:"rdFCsN",defaultMessage:[{type:0,value:"No marker..."}]}),addItemLabel:l.defineMessage({id:"8oczXQ",defaultMessage:[{type:0,value:"Add a marker"}]}),itemsField:{type:"marker-with-image",breadcrumbLabel:l.defineMessage({id:"qroLmS",defaultMessage:[{type:0,value:"Marker"}]})}},z={id:"message",component:"message",labelPath:"message",thumbnailPath:"avatar.thumbnail_url",fields:[{name:"speaker",type:"select",label:l.defineMessage({id:"muPX/j",defaultMessage:[{type:0,value:"Speaker"}]})},{name:"message",type:"text",label:l.defineMessage({id:"4R/bdr",defaultMessage:[{type:0,value:"Message"}]})},{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}]},q={id:"messages",component:"items",noItemLabel:l.defineMessage({id:"HTd98/",defaultMessage:[{type:0,value:"No message..."}]}),addItemLabel:l.defineMessage({id:"xCj1gI",defaultMessage:[{type:0,value:"Add a message"}]}),itemsField:{type:"message",breadcrumbLabel:l.defineMessage({id:"0GzLBc",defaultMessage:[{type:0,value:"Message"}]})}},j={id:"metadata",component:"field-with-form",labelPath:"title",noValueLabel:l.defineMessage({id:"K1BxIr",defaultMessage:[{type:0,value:"Edit metadata..."}]}),fields:[{name:"title",type:"text",label:l.defineMessage({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text",label:l.defineMessage({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})}]},B={id:"parameters",isList:!0,fields:[{name:"metadata",type:"metadata",label:l.defineMessage({id:"nc8LF0",defaultMessage:[{type:0,value:"Metadata"}]})}]},D={id:"quiz-answer",component:"field-with-form",labelPath:"label.body",fields:[{name:"label",type:"text-element",textOnly:!0,label:l.defineMessage({id:"OJi+eg",defaultMessage:[{type:0,value:"Label"}]})},{name:"good",type:"toggle",label:l.defineMessage({id:"3NghmM",defaultMessage:[{type:0,value:"Good answer"}]})},{type:"fields",isList:!0,fields:[{type:"box-style-form",name:"buttonStyle",label:l.defineMessage({id:"nno1Pq",defaultMessage:[{type:0,value:"Button style"}]})}]}]},V={id:"quiz-answers",component:"items",noItemLabel:l.defineMessage({id:"A+a0kL",defaultMessage:[{type:0,value:"No answer..."}]}),addItemLabel:l.defineMessage({id:"lGh/NP",defaultMessage:[{type:0,value:"Add an answer"}]}),itemsField:{type:"quiz-answer",breadcrumbLabel:l.defineMessage({id:"XJ2Xc+",defaultMessage:[{type:0,value:"Answer"}]})}},W={id:"quiz-points-answer",component:"field-with-form",labelPath:"label.body",fields:[{name:"label",type:"text-element",textOnly:!0,label:l.defineMessage({id:"OJi+eg",defaultMessage:[{type:0,value:"Label"}]})},{name:"points",type:"number",isHorizontal:!0,label:l.defineMessage({id:"jWAJW4",defaultMessage:[{type:0,value:"Points"}]})},{type:"fields",isList:!0,fields:[{type:"box-style-form",name:"buttonStyle",label:l.defineMessage({id:"nno1Pq",defaultMessage:[{type:0,value:"Button style"}]})}]}]},_={id:"quiz-points-answers",component:"items",noItemLabel:l.defineMessage({id:"A+a0kL",defaultMessage:[{type:0,value:"No answer..."}]}),addItemLabel:l.defineMessage({id:"lGh/NP",defaultMessage:[{type:0,value:"Add an answer"}]}),itemsField:{type:"quiz-points-answer",breadcrumbLabel:l.defineMessage({id:"XJ2Xc+",defaultMessage:[{type:0,value:"Answer"}]})}},G={id:"speaker",component:"field-with-form",labelPath:"name",thumbnailPath:"avatar.thumbnail_url",fields:[{name:"name",type:"text",label:l.defineMessage({id:"UUv8FR",defaultMessage:[{type:0,value:"Name"}]})},{name:"avatar",type:"image",label:l.defineMessage({id:"hqOIl4",defaultMessage:[{type:0,value:"Avatar"}]})},{name:"side",type:"radios",options:[{value:"left",label:l.defineMessage({id:"O2JVA+",defaultMessage:[{type:0,value:"Left"}]})},{value:"right",label:l.defineMessage({id:"ptJkUl",defaultMessage:[{type:0,value:"Right"}]})}],label:l.defineMessage({id:"6ak5YN",defaultMessage:[{type:0,value:"Side"}]})},{name:"color",type:"color",label:l.defineMessage({id:"aarOkd",defaultMessage:[{type:0,value:"Color"}]})}]},H={id:"speakers",component:"items",getDefaultValue:function(){return{id:o.v1(),side:"left"}},noItemLabel:l.defineMessage({id:"+nhSvj",defaultMessage:[{type:0,value:"No speaker..."}]}),addItemLabel:l.defineMessage({id:"opcGwP",defaultMessage:[{type:0,value:"Add a speaker"}]}),itemsField:{type:"speaker",breadcrumbLabel:l.defineMessage({id:"rzdds2",defaultMessage:[{type:0,value:"Speaker"}]})}},U={id:"text-style",fields:[{type:"fields",label:l.defineMessage({id:"Wr9olU",defaultMessage:[{type:0,value:"Typography"}]}),isList:!0,fields:[{name:"fontFamily",type:"font-family",label:l.defineMessage({id:"ET527E",defaultMessage:[{type:0,value:"Font family"}]})},{name:"color",type:"color",label:l.defineMessage({id:"aarOkd",defaultMessage:[{type:0,value:"Color"}]})},{name:"fontSize",type:"font-size",label:l.defineMessage({id:"tYGev7",defaultMessage:[{type:0,value:"Font size"}]})},{component:"font-style-with-align",fontStyleName:"fontStyle",alignName:"align"}]},{type:"fields",name:"highlight",label:l.defineMessage({id:"HWpflq",defaultMessage:[{type:0,value:"Highlight"}]}),isList:!0,fields:[{name:"color",type:"color",label:l.defineMessage({id:"aarOkd",defaultMessage:[{type:0,value:"Color"}]})},{name:"textColor",type:"color",label:l.defineMessage({id:"DU1qdc",defaultMessage:[{type:0,value:"Text color"}]})}]},{type:"fields",name:"link",label:l.defineMessage({id:"ICXTfR",defaultMessage:[{type:0,value:"Links"}]}),isList:!0,fields:[{name:"color",type:"color",label:l.defineMessage({id:"aarOkd",defaultMessage:[{type:0,value:"Color"}]})},{name:"fontStyle",component:"font-style",isHorizontal:!0,label:l.defineMessage({id:"6MxaVf",defaultMessage:[{type:0,value:"Style"}]})}]},{type:"fields",label:l.defineMessage({id:"y7xsPe",defaultMessage:[{type:0,value:"Advanced settings"}]}),isList:!0,fields:[{name:"lineHeight",type:"line-height",label:l.defineMessage({id:"31zuCS",defaultMessage:[{type:0,value:"Line height"}]})},{name:"letterSpacing",type:"letter-spacing",label:l.defineMessage({id:"Z5jrDS",defaultMessage:[{type:0,value:"Letter spacing"}]})},{component:"font-style-transform",name:"fontStyle",transformName:"transform",label:l.defineMessage({id:"GMCLhn",defaultMessage:[{type:0,value:"Case"}]})}]}]},Y={id:"video-element",fields:[{name:"media",type:"video"}],settings:[{name:"autoPlay",type:"toggle",label:l.defineMessage({id:"pJgYyE",defaultMessage:[{type:0,value:"AutoPlay"}]})},{name:"loop",type:"toggle",label:l.defineMessage({id:"F2SD/0",defaultMessage:[{type:0,value:"Loop"}]})},{name:"withPlayPause",type:"toggle",label:l.defineMessage({id:"8EI08h",defaultMessage:[{type:0,value:"With play/pause button"}]})},{name:"withSeekBar",type:"toggle",label:l.defineMessage({id:"T0pi1u",defaultMessage:[{type:0,value:"With seek bar"}]})},{name:"withTime",type:"toggle",label:l.defineMessage({id:"u/LEHI",defaultMessage:[{type:0,value:"With time"}]})},{name:"closedCaptions",type:"closed-captions",label:l.defineMessage({id:"4H2n5r",defaultMessage:[{type:0,value:"Closed captions"}]})}]},X={id:"visual-with-caption",component:"field-with-form",labelPath:"caption.body",thumbnailPath:"media.thumbnail_url",fields:[{name:"media",type:"visual",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})},{name:"caption",type:"text-element",label:l.defineMessage({id:"p85qJD",defaultMessage:[{type:0,value:"Caption"}]})}]},Q={id:"visuals-with-caption",component:"items",noItemLabel:l.defineMessage({id:"dFMzBu",defaultMessage:[{type:0,value:"No image..."}]}),addItemLabel:l.defineMessage({id:"QSmRdP",defaultMessage:[{type:0,value:"Add an image"}]}),itemsField:{type:"visual-with-caption",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},J={id:"visuals",component:"visuals",itemsField:{type:"visual",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},K=Object.freeze({__proto__:null,audio:{id:"audio",component:"audio",media:!0},audioElement:d,answer:m,answers:f,authorElement:p,background:g,borderRadius:{id:"border-radius",component:"border-radius"},borderStyle:{id:"border-style",component:"border-style"},borderWidth:{id:"border-width",component:"border-width"},boxStyle:y,boxStyleForm:h,buttonElement:{id:"button-element",component:"text-element",inline:!0,settings:[{name:"textStyle",type:"text-style"},{name:"buttonStyle",type:"box-style",className:"mt-4"}]},callToAction:v,callToActionForm:b,checkboxes:{id:"checkboxes",component:"checkboxes"},closedCaptions:{id:"closed-captions",component:"closed-captions"},color:{id:"color",component:"color"},conversation:w,email:{id:"email",component:"text",type:"email"},entriesWithImage:E,entriesWithVisual:M,entries:C,entryWithImage:k,entryWithVisual:T,entry:S,fieldWithForm:{id:"field-with-form",component:"field-with-form"},fields:{id:"fields",component:"fields"},fit:{id:"fit",component:"fit"},font:{id:"font",component:"font",media:!0},fonts:{id:"fonts",component:"fonts",itemsField:{type:"font"}},fontFamily:{id:"font-family",component:"font-family"},fontSize:{id:"font-size",component:"font-size"},geoPosition:{id:"geo-position",component:"geo-position"},graphBarStyle:N,headingElement:P,imageWithCaption:O,image:{id:"image",component:"image",media:!0},imagesWithCaption:A,images:Z,inputElement:{id:"input-element",component:"input-element",settings:[{name:"textStyle",type:"text-style"},{name:"buttonStyle",type:"box-style",className:"mt-4"}]},items:{id:"items",component:"items"},itemTextStyle:{id:"item-text-style",component:"field-with-form",fields:[{name:"style",type:"text-style"}]},letterSpacing:{id:"letter-spacing",component:"number-with-icon",icon:{icon:[48,48,[],"f067","M12 14h5l-7-7-7 7h5v20h-5l7 7 7-7h-5v-20zm8-4v4h24v-4h-24zm0 28h24v-4h-24v4zm0-12h24v-4h-24v4z"],iconName:"letter-spacing",prefix:"fas"},iconRotation:-90,dataList:[-2,-1.5,-1,-.5,0,.5,1,1.5,2],float:!0},lineHeight:{id:"line-height",component:"number-with-icon",icon:{icon:[48,48,[],"f067","M12 14h5l-7-7-7 7h5v20h-5l7 7 7-7h-5v-20zm8-4v4h24v-4h-24zm0 28h24v-4h-24v4zm0-12h24v-4h-24v4z"],iconName:"line-height",prefix:"fas"},dataList:[1,1.1,1.2,1.3,1.4,1.5,2],float:!0},marker:F,markerWithImage:I,markers:R,markersWithImage:L,mapZoom:{id:"map-zoom",component:"number",min:0,max:20},message:z,messages:q,metadata:j,number:{id:"number",component:"number"},padding:{id:"padding",component:"padding"},password:{id:"password",component:"text",type:"password"},parameters:B,quizAnswer:D,quizAnswers:V,quizPointsAnswer:W,quizPOintsAnswers:_,radios:{id:"radios",component:"radios"},screenLayout:{id:"screen-layout",component:"screen-layout"},select:{id:"select",component:"select-advanced"},slider:{id:"slider",component:"slider"},speaker:G,speakers:H,textElement:x,textStyle:U,text:{id:"text",component:"text"},toggle:{id:"toggle",component:"toggle"},tokens:{id:"tokens",component:"tokens"},url:{id:"url",component:"url"},video:{id:"video",component:"video",media:!0},videoElement:Y,visual:{id:"visual",component:"visual",media:!0},visualWithCaption:X,visualsWithCaption:Q,visuals:J}),$=Object.keys(K).map((function(e){return K[e]})),ee=new a.FieldsManager($),te=new a.FieldsManager;te.merge(ee),e.exports=te},4139:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(417),l=n(5182),i=n(85),r=n(5198),o=n(6204),u=n(7641),s=n(5587);function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(a),m=c(l),f=c(i),p=c(r),g=c(o),y=c(u),h=function(){function e(){f.default(this,e),this.locales=[]}return p.default(e,[{key:"addLocale",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=this.getLocale(e);this.locales=[].concat(m.default(null!==a?this.locales.filter((function(t){return t.locale!==e})):this.locales),[{locale:e,messages:null===a||n?t:d.default(d.default({},a.messages),t)}])}},{key:"getLocale",value:function(e){return this.locales.find((function(t){return t.locale===e}))||null}},{key:"hasLocale",value:function(e){return null!==this.getLocale(e)}},{key:"getMessages",value:function(e){var t=this.locales.find((function(t){return t.locale===e}))||null;return null===t?null:t.messages}}]),e}(),v=new h,b=["en","fr"],w=g.default.createContext(b),C=function(){return o.useContext(w)},E={intlManager:y.default.instanceOf(h),locale:y.default.string,locales:y.default.arrayOf(y.default.string),extraMessages:y.default.objectOf(y.default.string),children:y.default.node},M={intlManager:v,locale:null,locales:null,extraMessages:null,children:null},S=function(e){var t=e.intlManager,n=e.locale,a=e.locales,l=e.children,i=e.extraMessages,r=C(),u=o.useContext(s.IntlContext)||{},c=u.locale,m=void 0===c?null:c,f=u.messages,p=void 0===f?null:f,y=o.useMemo((function(){var e=t.getMessages(n);return d.default(d.default(d.default({},e),i),m===n?p:null)}),[n,m,p,i]);return g.default.createElement(s.IntlProvider,{locale:n,messages:y},g.default.createElement(w.Provider,{value:a||r},l))};S.propTypes=E,S.defaultProps=M,t.IntlManager=h,t.IntlProvider=S,t.LocalesContext=w,t.default=v,t.useLocales=C,t.useOtherLocales=function(){var e=C(),t=o.useContext(s.IntlContext).locale;return o.useMemo((function(){return e.filter((function(e){return e!==t}))}),[e,t])}},1010:function(e,t,n){"use strict";n.r(t),n.d(t,{ScreensProvider:function(){return xl},default:function(){return kl}});var a=n(2807),l=n(5587),i=n(6902),r=n(6666),o=n(3028),u=n(2867),s=n(5681),c=n.n(s),d=n(7641),m=n.n(d),f=n(6204),p=n(1354),g=n(2801),y=n(1098),h=n(8436),v=n(8777),b=n(9740),w=n(631),C=n(239),E=n(4696),M=(n(4532),"micromag-element-audio-audio-wave-container"),S={currentTime:m().number,duration:m().number,playing:m().bool,sampleWidth:m().number,sampleMargin:m().number,minSampleHeight:m().number,backgroundColor:a.PropTypes.color,progressColor:a.PropTypes.color,audioLevels:m().arrayOf(m().number),className:m().string,onSeek:m().func,onResume:m().func,onReady:m().func};function k(e){var t=e.currentTime,n=e.duration,a=e.playing,l=e.sampleWidth,i=e.sampleMargin,o=e.minSampleHeight,s=e.backgroundColor,d=e.progressColor,m=e.audioLevels,p=e.className,g=e.onSeek,b=e.onResume,S=e.onReady,k=(0,f.useRef)(null),T=(0,f.useRef)(null),N=(0,f.useMemo)((function(){var e=(s||{}).color;return void 0===e?"white":e}),[s]),x=(0,f.useMemo)((function(){return(0,h.getContrastingColor)(s,d)}),[d,s]),P=(0,y.useResizeObserver)(),O=P.ref,A=P.entry.contentRect||{},Z=A.width,F=void 0===Z?null:Z,I=A.height,R=(0,w.useSpring)((function(){return{x:0,config:{duration:0}}})),L=(0,u.Z)(R,2),z=L[0],q=L[1];(0,f.useEffect)((function(){if(null!==t&&null!==n){var e=t/n;q.start({reset:!0,immediate:!a,from:{x:e},to:{x:a?1:e},config:{duration:1e3*(n-t)}})}}),[a,n,t,q]),(0,f.useEffect)((function(){if(null!==m&&0!==m.length&&null!==O.current){var e=l+2*i,t=Math.floor(F/e),n=m.length/t,a=(0,v.Z)(Array(t).keys()).reduce((function(e,t){for(var a=t*n,l=a+n,i=[],r=Math.floor(a);r<Math.round(l);r+=1)i.push(m[r]);return[].concat((0,v.Z)(e),n>=1?[i.reduce((function(e,t){return e+t}),0)/i.length]:i)}),[]),r=Math.min.apply(Math,(0,v.Z)(a)),u=Math.max.apply(Math,(0,v.Z)(a))-r,s=a.map((function(e){return(e-r)/u})),c=k.current,d=T.current,f="undefined"!=typeof window?window.devicePixelRatio:1;c.width=d.width=Math.floor(F*f),c.height=d.height=Math.floor(I*f);var p=c.getContext("2d"),g=d.getContext("2d");p.scale(f,f),g.scale(f,f),p.clearRect(0,0,F,I),g.clearRect(0,0,F,I),p.fillStyle=N,g.fillStyle=x;var y=(F-t*e)/2;s.forEach((function(t,n){var a=Math.max(o,t*I),r=e*n+y+i,u=I/2-a/2;p.fillRect(Math.round(r),Math.round(u),l,Math.round(a)),g.fillRect(Math.round(r),Math.round(u),l,Math.round(a))})),null!==S&&S()}}),[m,l,i,o,F,I,N,x,S]);var j=(0,f.useCallback)((function(e){var t=O.current.getBoundingClientRect().left,l=Math.max(0,Math.min(1,(e-t)/F));null!==g&&null!==n&&g(l*n),a||b()}),[n,a,g,b]),B=(0,E.useGesture)({onDrag:function(e){var t=(0,u.Z)(e.xy,1)[0],n=e.elapsedTime;!e.active&&n>300||j(t)}},{drag:{axis:"x",filterTaps:!0}});return f.createElement("div",Object.assign({className:c()([M,(0,r.Z)({},p,null!==p)]),ref:O},B()),f.createElement("canvas",{ref:k,className:"micromag-element-audio-audio-wave-canvasBackground"}),f.createElement(C.animated.canvas,{ref:T,className:"micromag-element-audio-audio-wave-canvasProgress",style:{clipPath:z.x.to((function(e){return"polygon(0 0, ".concat(100*e,"% 0, ").concat(100*e,"% 100%, 0 100%)")}))}}))}k.propTypes=S,k.defaultProps={currentTime:null,duration:null,playing:!1,sampleWidth:3,sampleMargin:1,minSampleHeight:2,backgroundColor:"white",progressColor:null,audioLevels:null,className:null,onSeek:null,onResume:null,onReady:null};var T=["ref"],N={media:a.PropTypes.audioMedia,apiRef:m().oneOfType([m().func,m().shape({current:m().any})]),initialMuted:m().oneOf(["auto",!0,!1]),autoPlay:m().bool,loop:m().bool,waveFake:m().bool,waveProps:m().shape({sampleWidth:m().number,sampleMargin:m().number,minSampleHeight:m().number}),showWave:m().bool,reduceBufferFactor:m().number,className:m().string,onReady:m().func,onPlay:m().func,onPause:m().func,onEnded:m().func,onSeeked:m().func,onTimeUpdate:m().func,onProgressStep:m().func,onDurationChanged:m().func,onVolumeChanged:m().func},x=function(e){var t=e.media,n=e.apiRef,a=e.initialMuted,l=e.autoPlay,i=e.loop,o=e.waveFake,s=e.waveProps,d=e.showWave,m=e.reduceBufferFactor,p=e.className,h=e.onReady,w=e.onPlay,C=e.onPause,E=e.onEnded,M=e.onSeeked,S=e.onTimeUpdate,N=e.onProgressStep,x=e.onDurationChanged,P=e.onVolumeChanged,O=t||{},A=O.url,Z=void 0===A?null:A,F=O.metadata,I=((void 0===F?null:F)||{}).waveform,R=void 0===I?null:I,L=(0,g.useUserInteracted)(),z=!0===a||"auto"===a&&l&&!L,q=(0,y.useMediaApi)({url:Z,initialMuted:z,onPlay:w,onPause:C,onEnded:E,onSeeked:M,onTimeUpdate:S,onProgressStep:N,onDurationChanged:x,onVolumeChanged:P}),j=q.ref,B=(0,b.Z)(q,T);null!==n&&(n.current=B,n.current.mediaRef=j);var D=B.currentTime,V=B.duration,W=B.playing,_=B.seek,G=B.ready,H=B.play,U=B.pause,Y=B.muted,X=B.unMute,Q=(0,f.useState)(null),J=(0,u.Z)(Q,2),K=J[0],$=J[1],ee=(0,f.useState)(null),te=(0,u.Z)(ee,2),ne=te[0],ae=te[1];(0,f.useEffect)((function(){var e=!1,t="undefined"!=typeof window?window.AudioContext||window.webkitAudioContext:null;return null!==R?$(R.map((function(e){return(e+128)/256}))):null!==Z&&o?$((0,v.Z)(new Array(1e3)).map((function(){return Math.random()}))):null!==Z&&null!==t&&fetch(Z,{mode:"cors"}).then((function(t){if(e)throw new Error("Audio loading canceled");return t.arrayBuffer()})).then((function(n){if(e)throw new Error("Audio loading canceled");return ae(URL.createObjectURL(new Blob([n]))),(new t).decodeAudioData(n)})).then((function(e){if(e.numberOfChannels>0){var t=e.getChannelData(0);$(t.reduce((function(e,t,n){return e[e.length]=Math.abs(t),e}),[]))}})).catch((function(e){throw e})),function(){null===Z&&(e=!0)}}),[Z,R,$,ae,m,o]);var le=o||G&&null!==ne;return(0,f.useEffect)((function(){le&&null!==h&&h()}),[le,h]),(0,f.useEffect)((function(){l?(H(),"auto"===a&&Y&&L&&X()):U()}),[l]),f.createElement("div",{className:c()(["micromag-element-audio-container",(0,r.Z)({},p,null!==p)])},f.createElement("audio",{key:Z,ref:j,src:o?Z:ne,autoPlay:l,muted:Y,loop:i,crossOrigin:"anonymous",preload:"none"}),d?f.createElement(k,Object.assign({className:"micromag-element-audio-wave",media:t,currentTime:D},s,{duration:V,playing:W,onSeek:_,onResume:H,audioLevels:K})):null)};x.propTypes=N,x.defaultProps={media:null,apiRef:null,initialMuted:"auto",autoPlay:!1,loop:!1,waveFake:!1,waveProps:null,showWave:!1,reduceBufferFactor:100,className:null,onReady:null,onPlay:null,onPause:null,onEnded:null,onSeeked:null,onTimeUpdate:null,onProgressStep:null,onDurationChanged:null,onVolumeChanged:null};var P=f.forwardRef((function(e,t){return f.createElement(x,Object.assign({apiRef:t},e))})),O=n(5839),A=(n(180),{container:"micromag-element-video-container",withSize:"micromag-element-video-withSize",video:"micromag-element-video-video"}),Z=["ref"],F={media:a.PropTypes.videoMedia,width:m().number,height:m().number,apiRef:m().oneOfType([m().func,m().shape({current:m().any})]),initialMuted:m().oneOf(["auto",!0,!1]),autoPlay:m().bool,loop:m().bool,playsInline:m().bool,preload:m().oneOf(["auto","metadata","none",null]),withoutCors:m().bool,className:m().string,onReady:m().func,onPlay:m().func,onPause:m().func,onEnded:m().func,onSeeked:m().func,onTimeUpdate:m().func,onProgressStep:m().func,onDurationChanged:m().func,onVolumeChanged:m().func,focusable:m().bool,supportedMimes:m().arrayOf(m().string)},I=function(e){var t,n=e.media,a=e.width,l=e.height,i=e.apiRef,u=e.initialMuted,s=e.autoPlay,d=e.loop,m=e.playsInline,p=e.preload,v=e.withoutCors,w=e.className,C=e.onReady,E=e.onPlay,M=e.onPause,S=e.onEnded,k=e.onSeeked,T=e.onTimeUpdate,N=e.onProgressStep,x=e.onDurationChanged,P=e.onVolumeChanged,O=e.focusable,F=e.supportedMimes,I=n||{},R=I.url,L=void 0===R?null:R,z=I.files,q=void 0===z?null:z,j=I.metadata,B=void 0===j?null:j,D=I.thumbnail_url,V=void 0===D?null:D,W=B||{},_=W.description,G=void 0===_?null:_,H=W.mime,U=void 0===H?null:H,Y=(0,f.useMemo)((function(){return(0,h.getMediaFilesAsArray)(q)}),[q]),X=(0,f.useMemo)((function(){if(0===Y.length)return null;var e=document.createElement("video"),t=F.filter((function(t){return""!==e.canPlayType(t)}));if(0===t.length)return null;var n=Y.filter((function(e){var n=e.mime,a=void 0===n?"video/".concat("h264"===e.id?"mp4":e.id):n;return-1!==t.indexOf(a)})).reduce((function(e,t){var n=t.mime,a=void 0===n?"video/".concat("h264"===t.id?"mp4":t.id):n,l=e[a]||null,i=(l||{}).id;return null===l||"original"!==(void 0===i?null:i)?(0,o.Z)((0,o.Z)({},e),{},(0,r.Z)({},a,t)):e}),{});return Object.keys(n).map((function(e){return n[e]}))}),[Y,F]),Q=Y.find((function(e){return"original"===e.handle}))||{},J=Q.type,K=void 0===J?null:J,$=Q.mime,ee=void 0===$?U:$,te=("image"===K||null!==ee&&0===ee.indexOf("image/"))&&(null===X||0===X.length),ne=(0,g.useUserInteracted)(),ae=!0===u||"auto"===u&&s&&!ne,le=(0,y.useMediaApi)({url:te?null:L,initialMuted:ae,onPlay:E,onPause:M,onEnded:S,onSeeked:k,onTimeUpdate:T,onProgressStep:N,onDurationChanged:x,onVolumeChanged:P}),ie=le.ref,re=(0,b.Z)(le,Z);null!==i&&(i.current=re,i.current.mediaRef=ie);var oe=re.playing,ue=re.muted,se=re.dataReady,ce=re.play,de=re.pause,me=re.unMute;(0,f.useEffect)((function(){se&&null!==C&&C()}),[se,C]);var fe=null!==a&&null!==l;(0,f.useEffect)((function(){s?(ce(),"auto"===u&&ue&&ne&&me()):de()}),[s]);var pe=(0,f.useRef)(p),ge=(0,f.useRef)("none"!==p&&"metadata"!==p);return(0,f.useEffect)((function(){var e=ie.current,t=void 0===e?null:e,n="none"!==p&&"metadata"!==p,a=pe.current!==p;n&&a&&!ge.current&&null!==t&&void 0!==t.load&&(ge.current=!0,t.load())}),[p]),f.createElement("div",{className:c()([A.container,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,A.paused,!oe),(0,r.Z)(t,A.withSize,fe),t)]),style:fe?{width:a,height:l}:null},te?f.createElement("img",{src:L,alt:G,className:A.video}):f.createElement("video",{key:L,ref:ie,src:null===X?L:null,autoPlay:s,loop:d,muted:ue,poster:V,preload:p,playsInline:m,crossOrigin:v?"anonymous":null,tabIndex:O?"0":"-1",className:A.video},(X||[]).map((function(e){var t=e.url,n=e.mime;return f.createElement("source",{key:"".concat(t,"-").concat(n),src:t,type:n})}))))};I.propTypes=F,I.defaultProps={media:null,width:null,height:null,apiRef:null,initialMuted:"auto",autoPlay:!1,loop:!1,playsInline:!0,preload:"auto",withoutCors:!1,className:null,onReady:null,onPlay:null,onPause:null,onEnded:null,onSeeked:null,onTimeUpdate:null,onProgressStep:null,onDurationChanged:null,onVolumeChanged:null,focusable:!0,supportedMimes:["video/mp4","video/webm","video/ogg"]};var R=f.forwardRef((function(e,t){return f.createElement(I,Object.assign({apiRef:t},e))})),L={container:"micromag-element-background-container",layer:"micromag-element-background-layer",layers:"micromag-element-background-layers",video:"micromag-element-background-video",videoContainer:"micromag-element-background-videoContainer",right:"micromag-element-background-right",background:"micromag-element-background-background",bottom:"micromag-element-background-bottom"},z={width:m().number,height:m().number,resolution:m().number,fit:m().oneOf(["contain","cover"]),horizontalAlign:m().string,verticalAlign:m().string,repeat:m().bool,color:a.PropTypes.color,media:m().oneOfType([a.PropTypes.imageMedia,a.PropTypes.videoMedia]),className:m().string,playing:m().bool,children:m().node,loadingMode:m().string,shouldLoad:m().bool},q=function(e){var t=e.width,n=e.height,a=e.resolution,l=e.fit,i=e.horizontalAlign,u=e.verticalAlign,s=e.repeat,d=e.color,m=e.media,p=e.className,g=e.playing,y=e.children,v=e.loadingMode,b=e.shouldLoad,w=m||{},C=w.type,E=void 0===C?null:C,M=w.metadata,S=void 0===M?null:M,k=w.thumbnail_url,T=S||{},N=T.width,x=void 0===N?0:N,P=T.height,A=void 0===P?0:P,Z="video"===E,F="image"===E,I=b||"lazy"!==v,z=(0,f.useRef)(I);I&&!z.current&&(z.current=I);var q=z.current,j=(0,o.Z)({width:t,height:n},(0,h.getStyleFromColor)(d));if(null!==m&&(F||Z&&!g)){var B=(0,h.getOptimalImageUrl)(Z?{url:k}:m,t,n,{resolution:a});j.backgroundImage=null!==B&&q?'url("'.concat(B,'")'):null,j.backgroundRepeat=s&&!Z?"repeat":"no-repeat",j.backgroundPosition=[i,u].join(" "),null!==l?j.backgroundSize=l:s&&!Z||(j.backgroundSize="cover")}var D={};if(Z&&g)if(t>0&&n>0){var V=(0,O.getSizeWithinBounds)(x,A,t,n,{cover:"cover"===l||null===l}),W=V.width,_=void 0===W?0:W,G=V.height,H=void 0===G?0:G;D.width=_,D.height=H,D.left=-(_-t)/2,D.top=-(H-n)/2}else D.objectFit="cover";return f.createElement("div",{className:c()([L.container,(0,r.Z)({},p,null!==p)]),style:j},Z&&g?f.createElement("div",{className:L.videoContainer,style:D},f.createElement(R,{className:L.video,media:m,autoPlay:g,initialMuted:!0,loop:!0,preload:q?"auto":"metadata"})):null,f.createElement("div",{className:L.content},y))};q.propTypes=z,q.defaultProps={width:null,height:null,resolution:1,fit:null,horizontalAlign:"center",verticalAlign:"center",repeat:!1,color:null,media:null,className:null,playing:!1,children:null,loadingMode:"lazy",shouldLoad:!0};var j=["horizontalAlign","verticalAlign"],B={width:m().number,height:m().number,resolution:m().number,background:m().oneOfType([a.PropTypes.backgroundElement,m().arrayOf(a.PropTypes.backgroundElement)]),playing:m().bool,children:m().node,className:m().string,layerClassName:m().string,backgroundClassName:m().string,loadingMode:m().string,shouldLoad:m().bool},D=function(e){var t=e.width,n=e.height,a=e.resolution,l=e.background,i=e.playing,u=e.children,s=e.className,d=e.layerClassName,m=e.backgroundClassName,p=e.loadingMode,g=e.shouldLoad,y=t>0&&n>0,v=(0,f.useMemo)((function(){return(0,h.getLayersFromBackground)(l)}),[l]),w=v.length,C=(0,o.Z)({},y?{width:t,height:n}:null);return f.createElement("div",{className:c()([L.container,(0,r.Z)({},s,null!==s)]),style:C},f.createElement("div",{className:L.layers},v.map((function(e,l){var o,u=e.horizontalAlign,s=void 0===u?void 0:u,y=e.verticalAlign,h=void 0===y?void 0:y,v=(0,b.Z)(e,j);return f.createElement("div",{key:"background-".concat(l),className:c()([L.layer,(o={},(0,r.Z)(o,L.bottom,"bottom"===h),(0,r.Z)(o,L.right,"right"===s),(0,r.Z)(o,d,null!==d),o)]),style:{zIndex:w-l}},f.createElement(q,Object.assign({width:t,height:n,resolution:a,className:c()([L.background,(0,r.Z)({},m,null!==m)]),playing:i,horizontalAlign:s,verticalAlign:h,loadingMode:p,shouldLoad:g},v)))}))),f.createElement("div",{className:L.content},u))};D.propTypes=B,D.defaultProps={width:null,height:null,resolution:1,background:[],playing:!1,children:null,className:null,layerClassName:null,backgroundClassName:null,loadingMode:"lazy",shouldLoad:!0};var V=["textStyle","buttonStyle","type","disabled","focusable","separateBorder","onClick","children","className","refButton"],W=["borderRadius","borderWidth","borderColor","borderStyle"],_={textStyle:a.PropTypes.textStyle,buttonStyle:a.PropTypes.boxStyle,type:m().oneOf(["button","submit"]),disabled:m().bool,focusable:m().bool,separateBorder:m().bool,onClick:m().func,children:m().node,className:m().string,refButton:m().oneOfType([m().func,m().shape({current:m().any})])},G=function(e){var t=e.textStyle,n=e.buttonStyle,a=e.type,l=e.disabled,i=e.focusable,u=e.separateBorder,s=e.onClick,d=e.children,m=e.className,g=e.refButton,y=(0,b.Z)(e,V),v=null,w=null;if(null!==t&&(v=(0,o.Z)((0,o.Z)({},v),(0,h.getStyleFromText)(t))),null!==n&&(v=(0,o.Z)((0,o.Z)({},v),(0,h.getStyleFromBox)(n))),u){var C=v||{},E=C.borderRadius,M=void 0===E?null:E,S=C.borderWidth,k=void 0===S?null:S,T=C.borderColor,N=void 0===T?null:T,x=C.borderStyle,P=void 0===x?null:x,O=(0,b.Z)(C,W);v=(0,o.Z)((0,o.Z)({},O),{},{borderRadius:M}),w={borderRadius:M+k,borderWidth:k,borderColor:N,borderStyle:P}}var A=f.createElement(p.Button,Object.assign({className:c()(["micromag-element-button-container",(0,r.Z)({},m,null!==m)]),disabled:l,style:v,onClick:s,refButton:g,type:a,focusable:i},y),d);return null!==w?f.createElement("div",{className:"micromag-element-button-border",style:w},A):A};G.propTypes=_,G.defaultProps={textStyle:null,buttonStyle:null,type:"button",disabled:!1,focusable:!0,separateBorder:!0,onClick:null,children:null,className:null,refButton:null};var H=n(9641),U={body:m().string,textStyle:a.PropTypes.textStyle,linksStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,lineClamp:m().number,showEmpty:m().bool,className:m().string,emptyClassName:m().string,inline:m().bool},Y=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,u=e.lineClamp,s=e.showEmpty,d=e.className,m=e.emptyClassName,g=e.inline,y=a||{},v=y.link,b=void 0===v?null:v,w=y.highlight,C=void 0===w?null:w,E={},M=null!==b?(0,h.getStyleFromLink)(b):null,S=null!==C?(0,h.getStyleFromHighlight)(C):null;null!==a&&(E=(0,o.Z)((0,o.Z)({},E),(0,h.getStyleFromText)(a))),null!==u&&(E.WebkitLineClamp=u),null!==i&&(E=(0,o.Z)((0,o.Z)({},E),(0,h.getStyleFromMargin)(i))),null!==l&&(M=(0,o.Z)((0,o.Z)({},M),(0,h.getStyleFromText)(l)));var k=null!==M||null!==C,T=(0,f.useMemo)((function(){return k?"text-component-".concat((0,H.Z)()):null}),[k]),N={id:T,className:c()(["micromag-element-text-container",(t={},(0,r.Z)(t,"micromag-element-text-withLineClamp",null!==u),(0,r.Z)(t,"micromag-element-text-showEmpty",s),(0,r.Z)(t,m,s&&null!==m),(0,r.Z)(t,d,null!==d),t)]),style:E,dangerouslySetInnerHTML:{__html:n}},x="".concat(g?"span":"div");return f.createElement(f.Fragment,null,null!==M?f.createElement(p.LinkStyle,{selector:"#".concat(T),style:M}):null,null!==S?f.createElement(p.HighlightStyle,{selector:"#".concat(T),style:S}):null,f.createElement(x,N))};Y.propTypes=U,Y.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,lineClamp:null,showEmpty:!1,className:null,emptyClassName:null,inline:!1};var X=n(4161),Q=n(3057),J={container:"micromag-element-webview-container",iframe:"micromag-element-webview-iframe",top:"micromag-element-webview-top",close:"micromag-element-webview-close",icon:"micromag-element-webview-icon"},K={iframeRef:m().oneOfType([m().func,m().shape({current:m().any})]),src:m().string,width:m().oneOfType([m().number,m().string]),height:m().oneOfType([m().number,m().string]),closeable:m().bool,onClose:m().func,hidden:m().bool,className:m().string};function $(e){var t,n=e.iframeRef,a=e.src,l=e.width,i=e.height,o=e.closeable,u=e.onClose,s=e.hidden,d=e.className;return f.createElement("div",{className:c()([J.container,(t={},(0,r.Z)(t,J.closeable,o),(0,r.Z)(t,d,null!==d),t)]),style:{width:l,height:i}},o?f.createElement("div",{className:J.top},f.createElement(G,{className:J.close,onClick:u},f.createElement(Q.FontAwesomeIcon,{className:J.icon,icon:X.faTimes,size:"lg"}))):null,s?null:f.createElement("iframe",{className:J.iframe,ref:n,title:"Popup",src:a}))}$.propTypes=K,$.defaultProps={iframeRef:null,src:null,width:null,height:null,closeable:!1,onClose:null,hidden:!1,className:null};var ee={color:m().string,className:m().string},te=function(e){var t=e.color,n=e.className;return f.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0px",width:"48.53px",height:"12.38px",viewBox:"0 0 48.53 12.38",className:n,xmlSpace:"preserve"},f.createElement("g",{transform:"matrix(1, 0, 0, 1, 0, 0)"},f.createElement("path",{id:"b",fill:"none",stroke:t,strokeWidth:"3px",strokeLinejoin:"round",strokeLinecap:"round",d:"M1.5,10.88L24.26,1.5l22.77,9.38"})))};te.propTypes=ee,te.defaultProps={color:"currentColor",className:null};var ne={container:"micromag-element-call-to-action-container",arrow:"micromag-element-call-to-action-arrow",upAndDown:"micromag-element-call-to-action-upAndDown",icon:"micromag-element-call-to-action-icon",label:"micromag-element-call-to-action-label",button:"micromag-element-call-to-action-button",selfTargetLink:"micromag-element-call-to-action-selfTargetLink",leavingFrame:"micromag-element-call-to-action-leavingFrame",appear:"micromag-element-call-to-action-appear",animationDisabled:"micromag-element-call-to-action-animationDisabled",invalidUrl:"micromag-element-call-to-action-invalidUrl",disabled:"micromag-element-call-to-action-disabled",inWebView:"micromag-element-call-to-action-inWebView",withMargin:"micromag-element-call-to-action-withMargin",webView:"micromag-element-call-to-action-webView",visible:"micromag-element-call-to-action-visible"},ae={elRef:m().oneOfType([m().func,m().shape({current:m().any})]),disabled:m().bool,animationDisabled:m().bool,callToAction:a.PropTypes.callToAction,icon:m().node,arrow:m().node,screenSize:m().shape({width:m().number,height:m().number}),dragAmount:m().number,className:m().string,buttonClassName:m().string,buttonBorderClassName:m().string,labelClassName:m().string,arrowClassName:m().string,focusable:m().bool};function le(e){var t,n=e.elRef,a=e.disabled,l=e.animationDisabled,i=e.callToAction,s=e.icon,d=e.arrow,m=e.screenSize,p=e.dragAmount,g=e.className,y=e.buttonClassName,v=e.buttonBorderClassName,b=e.labelClassName,w=e.arrowClassName,C=e.focusable,M=i||{},S=M.active,k=void 0!==S&&S,T=M.type,N=void 0===T?null:T,x=M.url,P=void 0===x?null:x,O=M.label,A=void 0===O?null:O,Z=M.boxStyle,F=void 0===Z?null:Z,I=M.inWebView,R=void 0!==I&&I,L=(0,f.useState)(!1),z=(0,u.Z)(L,2),q=z[0],j=z[1],B=(0,f.useState)(!0),D=(0,u.Z)(B,2),V=D[0],W=D[1],_=null===N||"swipe-up"===N,H=(0,f.useMemo)((function(){return(0,h.isValidUrl)(P)}),[P]),U=(0,f.useRef)(null),X=(A||{}).textStyle,Q=(X=void 0===X?{}:X).fontSize,J=void 0===Q?null:Q,K=X.color,ee=void 0===K?null:K,ae=(F||{}).backgroundColor,le=void 0===ae?null:ae,ie=(0,f.useMemo)((function(){return(0,o.Z)((0,o.Z)({},{fontSize:J}),null===le?(0,h.getStyleFromColor)(ee,"color"):(0,h.getStyleFromColor)(le,"color"))}),[J,le,ee]),re=(0,f.useRef)(null),oe=(0,f.useState)(!1),ue=(0,u.Z)(oe,2),se=ue[0],ce=ue[1],de=(0,E.useGesture)({onDrag:function(e){e.event.preventDefault()},onDragEnd:function(e){(0,u.Z)(e.movement,2)[1]<-p&&(R?(j(!0),W(!1)):(0,h.isIos)()?(re.current.click(),ce(!0)):U.current&&U.current.click())}});(0,f.useEffect)((function(){var e=function(){ce(!1)};return window.addEventListener("pagehide",e),function(){window.removeEventListener("pagehide",e)}}),[ce]),(0,f.useEffect)((function(){var e=null;return R&&(q?W(!1):e=setTimeout((function(){W(!0)}),300)),function(){clearTimeout(e)}}),[q,W]);var me=(0,f.useCallback)((function(){j(!0),W(!1)}),[j,W]),fe=(0,f.useCallback)((function(){j(!1)}),[j]),pe=null!==d?f.createElement("div",{className:c()([ne.arrow,(0,r.Z)({},w,null!==w)]),style:ie},d):f.createElement("div",{className:c()([ne.arrow,(0,r.Z)({},w,null!==w)]),style:ie},f.createElement(te,null));return k?f.createElement(f.Fragment,null,f.createElement("div",{className:c()([ne.container,(t={},(0,r.Z)(t,g,null!==g),(0,r.Z)(t,ne.disabled,a),(0,r.Z)(t,ne.animationDisabled,l),(0,r.Z)(t,ne.invalidUrl,!H),(0,r.Z)(t,ne.inWebView,R),t)]),ref:n},se?f.createElement("div",{className:ne.leavingFrame}):null,f.createElement("a",{className:ne.selfTargetLink,href:P,ref:re,tabIndex:C?"0":"-1"}),_?pe:null,f.createElement("div",{className:c()([ne.buttonBorder,(0,r.Z)({},v,null!==v)])},f.createElement(G,Object.assign({className:c()([ne.button,(0,r.Z)({},y,null!==y)]),refButton:U,focusable:C,buttonStyle:(0,o.Z)({marginBottom:10},F)},_&&!a?de():null,R?{onClick:me}:{href:P,external:!0}),f.createElement("span",{className:c()([ne.label,(0,r.Z)({},b,null!==b)])},null!==s?f.createElement("div",{className:ne.icon},s):null,f.createElement(Y,Object.assign({},A,{inline:!0})))))),R?f.createElement($,Object.assign({className:c()([ne.webView,(0,r.Z)({},ne.visible,q)]),src:P,disabled:!q,closeable:!0,hidden:V,onClose:fe},m)):null):null}le.propTypes=ae,le.defaultProps={elRef:null,disabled:!1,animationDisabled:!1,callToAction:null,icon:null,arrow:null,screenSize:null,dragAmount:50,className:null,buttonClassName:null,buttonBorderClassName:null,labelClassName:null,arrowClassName:null,focusable:!0};var ie=f.forwardRef((function(e,t){return f.createElement(le,Object.assign({elRef:t},e))})),re=n(2188),oe=n.n(re),ue=n(2351),se=n.n(ue),ce={media:a.PropTypes.closedCaptionsMedia,currentTime:m().number,timeOffset:m().string,className:m().string},de=function(e){var t=e.currentTime,n=e.timeOffset,a=e.media,l=e.className,i=(a||{}).url,o=void 0===i?null:i,s=(0,f.useState)([]),d=(0,u.Z)(s,2),m=d[0],p=d[1],g=(0,f.useState)(-1),y=(0,u.Z)(g,2),v=y[0],b=y[1],w=null!==n?n.split(/[\t ]*-->[\t ]*/):null,C=null!==w&&w.length?(0,h.getSecondsFromTime)(w[0]):0;(0,f.useEffect)((function(){null!==o&&se()(o,{mode:"cors"}).then((function(e){return e.text()})).then((function(e){return oe()(e)})).then((function(e){p(e)})).catch((function(e){console.error(e)}))}),[o,se(),p]);var E=(0,f.useCallback)((function(e){var t=m.findIndex((function(t){return e>=t.start-C&&e<=t.end-C}));return t}),[m,C]);(0,f.useEffect)((function(){if(m.length>0){var e=E(t);e!==v&&b(e)}}),[t,m,E,b]);var M=-1!==v?m[v]:null,S=null!==M;return f.createElement("div",{className:c()(["micromag-element-closed-captions-container",(0,r.Z)({},l,null!==l)])},S?f.createElement("div",{className:"micromag-element-closed-captions-captions",dangerouslySetInnerHTML:S?{__html:M.text}:null}):null)};de.propTypes=ce,de.defaultProps={media:null,currentTime:0,timeOffset:null,className:null};var me={width:m().number.isRequired,height:m().number.isRequired,className:m().string,children:m().node};function fe(e){var t=e.width,n=e.height,a=e.className,l=e.children,i=t>0&&n>0?{width:t,height:n}:null;return f.createElement("div",{className:c()(["micromag-element-container-container",(0,r.Z)({},a,null!==a)]),style:i},l)}fe.propTypes=me,fe.defaultProps={className:null,children:null};var pe=n(6009),ge=n.n(pe),ye=n(8689),he=n.n(ye),ve=f.createContext({direction:"horizontal"}),be={children:m().node.isRequired,direction:m().oneOf(["vertical","horizontal"])};function we(e){var t=e.direction,n=e.children,a=(0,f.useMemo)((function(){return{direction:t}}),[t]);return f.createElement(ve.Provider,{value:a},n)}we.propTypes=be,we.defaultProps={direction:"vertical"};var Ce={size:m().number,minSize:m().number,maxSize:m().number,className:m().string};function Ee(e){var t,n=e.size,a=e.minSize,l=e.maxSize,i=e.className,o=(0,f.useContext)(ve).direction;return f.createElement("div",{className:c()(["micromag-element-stack-spacer-container",(t={},(0,r.Z)(t,"micromag-element-stack-spacer-hasSize",null!==n),(0,r.Z)(t,i,null!==i),t)]),style:{width:"horizontal"===o?n:null,minWidth:"horizontal"===o?a:null,maxWidth:"horizontal"===o?l:null,height:"vertical"===o?n:null,minHeight:"vertical"===o?a:null,maxHeight:"vertical"===o?l:null}})}Ee.propTypes=Ce,Ee.defaultProps={size:null,minSize:null,maxSize:null,className:null},Ee.withoutTransitionsWrapper=!0;var Me={direction:a.PropTypes.stackDirection,align:a.PropTypes.stackAlign,spacing:a.PropTypes.stackSpacing,reverse:m().bool,size:m().number,minSize:m().number,maxSize:m().number,className:m().string,children:m().node};function Se(e){var t=e.direction,n=e.align,a=e.spacing,l=e.reverse,i=e.size,o=e.minSize,u=e.maxSize,s=e.className,d=e.children,m=("vertical"===t?"column":"row")+(l?"-reverse":""),p="center"===n?n:"flex-".concat(n),g=he()(a)?"space-".concat(a):null,y=ge()(a)?a:null,h=null!==d&&d.length?d.length-1:null;return f.createElement(we,{direction:t},f.createElement("div",{className:c()(["micromag-element-stack-container",(0,r.Z)({},s,null!==s)]),style:{flexDirection:m,alignItems:p,justifyContent:g,width:"horizontal"===t?i:null,minWidth:"horizontal"===t?o:null,maxWidth:"horizontal"===t?u:null,height:"vertical"===t?i:null,minHeight:"vertical"===t?o:null,maxHeight:"vertical"===t?u:null}},f.Children.toArray(d).reduce((function(e,t,n){return t.type!==Ee&&null!==y&&n<h?[].concat((0,v.Z)(e),[t,f.createElement(Ee,{key:"spacer-".concat(n),size:y})]):[].concat((0,v.Z)(e),[t])}),[])))}function ke(e){return f.createElement(Se,Object.assign({},e,{direction:"horizontal"}))}function Te(e){return f.createElement(Se,Object.assign({},e,{direction:"vertical"}))}Se.propTypes=Me,Se.defaultProps={direction:"horizontal",align:"center",spacing:null,reverse:!1,size:null,minSize:null,maxSize:null,className:null,children:null},ke.propTypes={},ke.defaultProps={},Te.propTypes={},Te.defaultProps={};var Ne={width:m().number,height:m().number,horizontalAlign:m().oneOf(["left","center","right"]),verticalAlign:m().oneOf(["top","middle","bottom"]),distribution:m().oneOf(["between","around",null]),fullscreen:m().bool,className:m().string,children:m().node,style:m().object},xe=function(e){var t,n=e.width,a=e.height,l=e.horizontalAlign,i=e.verticalAlign,u=e.distribution,s=e.fullscreen,d=e.className,m=e.children,p=e.style,g=null;null!==u?g="space-".concat(u):"middle"===i?g="center":"bottom"===i&&(g="flex-end");var y=null;"center"===l?y="center":"right"===l&&(y="flex-end");var h=(0,o.Z)({width:n,height:a,justifyContent:g,alignItems:y},p);return f.createElement(we,{direction:"vertical"},f.createElement("div",{className:c()(["micromag-element-layout-container",(t={},(0,r.Z)(t,"micromag-element-layout-fullscreen",s),(0,r.Z)(t,d,null!==d),t)]),style:h},m))};xe.propTypes=Ne,xe.defaultProps={width:null,height:null,horizontalAlign:"left",verticalAlign:"top",distribution:null,fullscreen:!1,className:null,children:null,style:null};var Pe=n(8575),Oe="micromag-element-media-controls-seek-bar-time",Ae={currentTime:m().number,duration:m().number,playing:m().bool,backgroundColor:m().string,progressColor:m().string,withTime:m().bool,onSeek:m().func,focusable:m().bool,className:m().string},Ze=function(e){var t,n=e.currentTime,a=e.duration,l=e.playing,i=e.backgroundColor,o=e.progressColor,s=e.withTime,d=e.onSeek,m=e.focusable,p=e.className,g=(0,Pe.Z)(),y=(0,w.useSpring)((function(){return{x:0,config:{duration:0}}})),h=(0,u.Z)(y,2),v=h[0],b=h[1];(0,f.useEffect)((function(){if(null!==n&&null!==a){var e=n/a;b.start({reset:!0,immediate:!l,from:{x:e},to:{x:l?1:e},config:{duration:1e3*(a-n)}})}}),[l,a,n,b]);var E=(0,f.useCallback)((function(e){if(null!==d&&null!==a){var t=e.currentTarget.getBoundingClientRect(),n=(e.pageX-t.left)/t.width;d(n*a)}}),[a]),M=(0,f.useMemo)((function(){return n>3600||a>3600?11:14}),[n,a]),S=(0,f.useMemo)((function(){if(s){var e=new Date(null);return e.setSeconds(n),e.toISOString().substring(M,19)}return null}),[n,M,s]),k=(0,f.useMemo)((function(){if(s){var e=new Date(null);return e.setSeconds(a),e.toISOString().substring(M,19)}return null}),[a,M,s]);return f.createElement("div",{className:c()(["micromag-element-media-controls-seek-bar-container",(t={},(0,r.Z)(t,"micromag-element-media-controls-seek-bar-withTime",s),(0,r.Z)(t,p,null!==p),t)])},s?f.createElement("div",{className:Oe},S):null,f.createElement("div",{className:"micromag-element-media-controls-seek-bar-inner"},f.createElement("div",{className:"micromag-element-media-controls-seek-bar-progressBar",style:{backgroundColor:i}},f.createElement(C.animated.div,{className:"micromag-element-media-controls-seek-bar-progress",style:{transform:v.x.to((function(e){return"scaleX(".concat(e,")")})),backgroundColor:o}})),f.createElement("button",{type:"button",className:"micromag-element-media-controls-seek-bar-button",onClick:E,title:g.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),"aria-label":g.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),tabIndex:m?"0":"-1"})),s?f.createElement("div",{className:Oe},k):null)};Ze.propTypes=Ae,Ze.defaultProps={currentTime:null,duration:null,playing:!1,backgroundColor:"white",progressColor:"lightblue",withTime:!1,onSeek:null,focusable:!0,className:null};var Fe={container:"micromag-element-media-controls-container",muteButton:"micromag-element-media-controls-muteButton",playPauseButton:"micromag-element-media-controls-playPauseButton",toggles:"micromag-element-media-controls-toggles",seekBar:"micromag-element-media-controls-seekBar",icon:"micromag-element-media-controls-icon",playing:"micromag-element-media-controls-playing",muted:"micromag-element-media-controls-muted",withPlayPause:"micromag-element-media-controls-withPlayPause"},Ie={playing:m().bool,muted:m().bool,currentTime:m().number,duration:m().number,onTogglePlay:m().func,onToggleMute:m().func,onSeek:m().func,withSeekBar:m().bool,withPlayPause:m().bool,withTime:m().bool,color:a.PropTypes.color,progressColor:a.PropTypes.color,className:m().string,focusable:m().bool},Re=function(e){var t,n=e.playing,a=e.muted,l=e.currentTime,i=e.duration,o=e.onTogglePlay,u=e.onToggleMute,s=e.onSeek,d=e.withSeekBar,m=e.withPlayPause,p=e.withTime,g=e.color,y=e.progressColor,v=e.className,b=e.focusable,w=(0,Pe.Z)(),C=he()(g)?{color:g,alpha:1}:g,E=(C||{}).color,M=void 0===E?"white":E,S=he()(g)?{progressColor:y,alpha:1}:g,k=(0,f.useMemo)((function(){return S||(0,h.getContrastingColor)(C)}),[S,C]);return f.createElement("div",{className:c()([Fe.container,(t={},(0,r.Z)(t,v,null!==v),(0,r.Z)(t,Fe.playing,n),(0,r.Z)(t,Fe.muted,a),(0,r.Z)(t,Fe.withPlayPause,m),(0,r.Z)(t,Fe.withSeekBar,d),t)]),style:{color:M}},f.createElement("div",{className:Fe.toggles},f.createElement("button",{type:"button",className:Fe.playPauseButton,onClick:o,title:w.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),"aria-label":w.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),tabIndex:b?"0":"-1"},f.createElement(Q.FontAwesomeIcon,{className:Fe.icon,icon:n?X.faPause:X.faPlay})),f.createElement("button",{type:"button",className:Fe.muteButton,onClick:u,title:w.formatMessage({id:"vzg8Es",defaultMessage:[{type:0,value:"Mute"}]}),"aria-label":w.formatMessage({id:"vzg8Es",defaultMessage:[{type:0,value:"Mute"}]}),tabIndex:b?"0":"-1"},f.createElement(Q.FontAwesomeIcon,{className:Fe.icon,icon:X.faVolumeUp}))),d?f.createElement(Ze,{className:Fe.seekBar,currentTime:l,duration:i,playing:n,onSeek:s,focusable:b,withTime:p,backgroundColor:M,progressColor:k}):null)};Re.propTypes=Ie,Re.defaultProps={playing:!1,muted:!1,currentTime:0,duration:0,onTogglePlay:null,onToggleMute:null,onSeek:null,withSeekBar:!1,withPlayPause:!1,withTime:!1,color:null,progressColor:null,className:null,focusable:!0};var Le=n(8001),ze={container:"micromag-screen-audio-container",disabled:"micromag-screen-audio-disabled",hidden:"micromag-screen-audio-hidden",placeholder:"micromag-screen-audio-placeholder",content:"micromag-screen-audio-content",empty:"micromag-screen-audio-empty",mediaControls:"micromag-screen-audio-mediaControls",audio:"micromag-screen-audio-audio",bottomContent:"micromag-screen-audio-bottomContent",isPreview:"micromag-screen-audio-isPreview"},qe={layout:m().oneOf(["middle"]),audio:a.PropTypes.audioElement,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,getMediaRef:m().func,showWave:m().bool,className:m().string},je=function(e){var t;e.layout;var n=e.audio,a=e.spacing,l=e.background,s=e.callToAction,d=e.current,m=e.active,v=e.transitions,b=e.getMediaRef,w=e.showWave,C=e.className,E=(0,y.useTrackScreenMedia)("audio"),M=(0,g.useScreenSize)(),S=M.width,k=M.height,T=M.menuOverScreen,N=M.resolution,x=(0,g.useScreenRenderContext)(),O=x.isPlaceholder,A=x.isPreview,Z=x.isView,F=x.isEdit,I=x.isStatic,R=x.isCapture,L=(0,g.useViewer)().menuSize,z=null!==s&&!0===s.active,q=(0,f.useState)(I||O),j=(0,u.Z)(q,2),B=j[0],V=j[1],W=d&&(Z||F),_=d||m||!Z,G=d&&B,H=I||R||O||A||F,U=null!==n,Y=n||{},X=Y.media,Q=void 0===X?null:X,J=Y.autoPlay,K=void 0===J||J,$=Y.closedCaptions,ee=void 0===$?null:$,te=Y.withPlayPause,ne=void 0!==te&&te,ae=Y.color,le=void 0===ae?null:ae,re=Y.progressColor,oe=void 0===re?null:re,ue=(Q||{}).url,se=null!==(void 0===ue?null:ue),ce=U?(0,o.Z)((0,o.Z)({},n),{},{autoPlay:!A&&!I&&!R&&K&&d}):null,me=null!==ee,pe=(0,f.useCallback)((function(){V(!0)}),[V]),ge=(0,f.useRef)(),ye=ge.current||{},he=ye.togglePlay,ve=ye.toggleMute,be=ye.play,we=ye.pause,Ce=ye.seek,Me=ye.mediaRef,Se=void 0===Me?null:Me;(0,f.useEffect)((function(){null!==Se&&null!==b&&b(Se.current)}),[Se,b]);var ke=(0,f.useState)(null),Te=(0,u.Z)(ke,2),Ne=Te[0],Pe=Te[1],Oe=(0,f.useState)(null),Ae=(0,u.Z)(Oe,2),Ze=Ae[0],Fe=Ae[1],Ie=(0,f.useState)(!1),Le=(0,u.Z)(Ie,2),qe=Le[0],je=Le[1],Be=(0,f.useState)(!1),De=(0,u.Z)(Be,2),Ve=De[0],We=De[1],_e=(0,f.useMemo)((function(){return(0,h.isIos)()}),[h.isIos]),Ge=(0,f.useCallback)((function(e){Pe(e)}),[Fe,Ze]),He=(0,f.useCallback)((function(e){E(n,"progress_".concat(Math.round(100*e,10),"%"))}),[E,n]),Ue=(0,f.useCallback)((function(e){Fe(e)}),[Fe]),Ye=(0,f.useCallback)((function(e){var t=e.initial;je(!0),E(n,t?"play":"resume")}),[E,n]),Xe=(0,f.useCallback)((function(e){var t=e.midway;je(!1),E(n,t?"pause":"ended")}),[E,n]),Qe=(0,f.useCallback)((function(e){Ce(e),be()}),[Ce,be]),Je=(0,f.useCallback)((function(e){We(e),E(n,e?"mute":"unmute")}),[E,n]),Ke=(0,f.useCallback)((function(e){e>0&&E(n,"seek")}),[E,n]),$e=(0,f.useCallback)((function(){Ve&&!qe&&be(),ve()}),[Ve,ve]);(0,f.useEffect)((function(){!d&&qe&&we()}),[qe,d]);var et=(0,y.useLongPress)({onLongPress:he}),tt=!O&&z?f.createElement("div",{style:{marginTop:-a/2},key:"call-to-action"},f.createElement(ie,{callToAction:s,animationDisabled:A,focusable:d&&Z,screenSize:{width:S,height:k}})):null,nt=[f.createElement(Ee,{key:"spacer-top"}),f.createElement(p.ScreenElement,{key:"audio",placeholder:"audio",emptyLabel:f.createElement(i.Z,{id:"MYZwSA",defaultMessage:[{type:0,value:"Audio"}]}),emptyClassName:ze.empty,isEmpty:!se},f.createElement(p.Transitions,{transitions:v,playing:G,disabled:H},f.createElement(P,Object.assign({},ce,{ref:ge,waveFake:_e||A,waveProps:A?{sampleWidth:10,sampleMargin:5,minSampleHeight:5,backgroundColor:le,progressColor:oe}:{backgroundColor:le,progressColor:oe},className:ze.audio,onReady:pe,onPlay:Ye,onPause:Xe,onTimeUpdate:Ge,onProgressStep:He,onDurationChanged:Ue,onSeeked:Ke,onVolumeChanged:Je,showWave:w})))),f.createElement(Ee,{key:"spacer-middle"}),O?null:f.createElement("div",{key:"controls",className:ze.bottomContent},!me||A||R||I?null:f.createElement(de,{className:ze.closedCaptions,media:ee,currentTime:Ne}),se?f.createElement(Re,{className:ze.mediaControls,withPlayPause:ne,playing:qe,muted:Ve,onTogglePlay:he,onToggleMute:$e,focusable:d&&Z,withSeekBar:!w,duration:Ze,currentTime:Ne,onSeek:Qe}):null,tt)].filter((function(e){return null!==e}));return f.createElement("div",Object.assign({className:c()([ze.container,(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,ze.placeholder,O),(0,r.Z)(t,ze.isPreview,A),t)]),"data-screen-ready":B},et),O?null:f.createElement(D,{background:l,width:S,height:k,resolution:N,playing:W,shouldLoad:_}),f.createElement(fe,{width:S,height:k},f.createElement(xe,{fullscreen:!0,style:O?null:{padding:a,paddingTop:(T&&!A?L:0)+a}},nt)))};je.propTypes=qe,je.defaultProps={layout:"middle",audio:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,getMediaRef:null,showWave:!1,className:null};var Be=f.memo(je),De=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.audio||{}).media,a=void 0===n?null:n,l=(0,Le.Bb)(e,a),i=l.story,r=l.component,u=(0,Le.W2)(i,(0,v.Z)(r?[r]:[])),s=u.story,c=u.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),Ve={id:"audio",type:"screen",group:{label:(0,l.defineMessage)({id:"+9akmg",defaultMessage:[{type:0,value:"Audio and Video"}]}),order:5},title:(0,l.defineMessage)({id:"bhEaUt",defaultMessage:[{type:0,value:"Audio"}]}),component:Be,layouts:["middle"],transforms:De,fields:[{name:"audio",type:"audio-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,l.defineMessage)({id:"169xnt",defaultMessage:[{type:0,value:"Audio"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},We=n(7371),_e=n(9249),Ge=n(5754),He=n(6906),Ue=n(3306),Ye=n(3857),Xe=n(5968),Qe=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,_e.Z)(this,e),this.options=(0,o.Z)((0,o.Z)({routes:{}},t),{},{baseUrl:t.baseUrl||"https://micromag.ca/api"})}return(0,We.Z)(e,[{key:"requestGet",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=null!==t?(0,Xe.stringify)(t,{arrayFormat:"bracket"}):null;return(0,Ue.getJSON)("".concat(this.getFullUrl(e)).concat(null!==n&&n.length>0?"?".concat(n):""),{credentials:"include",headers:(0,Ue.getCSRFHeaders)()})}},{key:"requestPost",value:function(e,t){return(0,Ue.postJSON)(this.getFullUrl(e),t,{credentials:"include",headers:(0,Ue.getCSRFHeaders)()})}},{key:"requestPut",value:function(e,t){return(0,Ue.postJSON)(this.getFullUrl(e),(0,o.Z)({_method:"PUT"},t),{credentials:"include",headers:(0,Ue.getCSRFHeaders)()})}},{key:"requestDelete",value:function(e){return this.requestPost(e,{_method:"DELETE"})}},{key:"route",value:function(e,t){var n=this.options.routes;return(0,Ye.generatePath)(n[e]||e,t)}},{key:"getFullUrl",value:function(e){var t=this.options.baseUrl;return"".concat(t.replace(/\/$/,""),"/").concat(e.replace(/^\//,""))}}]),e}(),Je=function(e){(0,Ge.Z)(n,e);var t=(0,He.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_e.Z)(this,n),t.call(this,(0,o.Z)((0,o.Z)({},e),{},{routes:(0,o.Z)({index:"/contributions/:screen",store:"/contributions",update:"/contributions/:contribution",delete:"/contributions/:contribution"},e.routes||null)}))}return(0,We.Z)(n,[{key:"get",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10,l=(0,o.Z)({},t);return null!==n&&(l.page=n),null!==a&&(l.count=a),this.requestGet(this.route("index",{screen:e}),l)}},{key:"create",value:function(e){return this.requestPost(this.route("store"),e)}}]),n}(Qe),Ke=function(e){(0,Ge.Z)(n,e);var t=(0,He.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_e.Z)(this,n),t.call(this,(0,o.Z)((0,o.Z)({},e),{},{routes:(0,o.Z)({index:"medias",tags:"medias/tags",authors:"medias/authors",show:"medias/:media",store:"medias",update:"medias/:media",delete:"medias/:media"},e.routes||null)}))}return(0,We.Z)(n,[{key:"find",value:function(e){return this.requestGet(this.route("show",{media:e}))}},{key:"get",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,a=(0,o.Z)({},e);return null!==t&&(a.page=t),null!==n&&(a.count=n),this.requestGet(this.route("index"),a)}},{key:"getTags",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=(0,o.Z)({},e);return null!==t&&(n.count=t),this.requestGet(this.route("tags"),n)}},{key:"getAuthors",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=(0,o.Z)({},e);return null!==t&&(n.count=t),this.requestGet(this.route("authors"),n)}},{key:"create",value:function(e){return this.requestPost(this.route("store"),e)}},{key:"update",value:function(e,t){return this.requestPut(this.route("update",{media:e}),t)}},{key:"delete",value:function(e){return this.requestDelete(this.route("delete",{media:e}))}}]),n}(Qe),$e=function(e){(0,Ge.Z)(n,e);var t=(0,He.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_e.Z)(this,n),t.call(this,(0,o.Z)((0,o.Z)({},e),{},{routes:(0,o.Z)({results:"/quiz/:screen",store:"/quiz",update:"/quiz/:quiz",delete:"/quiz/:quiz"},e.routes||null)}))}return(0,We.Z)(n,[{key:"results",value:function(e){return this.requestGet(this.route("results",{screen:e}))}},{key:"create",value:function(e){return this.requestPost(this.route("store"),e)}}]),n}(Qe),et=function(e){(0,Ge.Z)(n,e);var t=(0,He.Z)(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_e.Z)(this,n),(e=t.call(this,a)).medias=new Ke(a),e.contributions=new Je(a),e.quiz=new $e(a),e}return(0,We.Z)(n)}(Qe),tt=f.createContext(null),nt=function(){return(0,f.useContext)(tt)},at={api:m().instanceOf(et),baseUrl:m().string,children:m().node.isRequired},lt=function(e){var t=e.api,n=e.baseUrl,a=e.children,l=nt(),i=(0,f.useMemo)((function(){return t||l||new et({baseUrl:n})}),[l,t,n]);return f.createElement(tt.Provider,{value:i},a)};lt.propTypes=at,lt.defaultProps={api:null,baseUrl:void 0};var it=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.initialData,a=void 0===n?null:n,l=t.autoload,i=void 0===l||l,r=(0,f.useState)(!1),o=(0,u.Z)(r,2),s=o[0],c=o[1],d=(0,f.useState)(!1),m=(0,u.Z)(d,2),p=m[0],g=m[1],y=(0,f.useState)(a),h=(0,u.Z)(y,2),v=h[0],b=h[1],w=(0,f.useCallback)((function(){var t=!1;c(!0);var n=e.apply(void 0,arguments).then((function(e){return t||(b(e),c(!1)),e})).catch((function(e){g(e),c(!1)}));return n.cancel=function(){t=!0,c(!1)},n}),[e,c,b]);return(0,f.useEffect)((function(){var e=null;return i&&(e=w()),function(){null!==e&&e.cancel()}}),[i,w]),{data:v,load:w,loading:s,error:p}},rt=["data"],ot=["data"],ut=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,n=e.onSuccess,a=void 0===n?null:n,l=nt(),i=(0,f.useState)(!1),r=(0,u.Z)(i,2),s=r[0],c=r[1],d=(0,f.useCallback)((function(e){return null===l?null:(c(!0),l.quiz.create((0,o.Z)({screen_id:t},e)).then((function(e){return c(!1),null!==a&&a(e),e})))}),[l,c,a,t]);return{create:d,creating:s}},st={api:m().instanceOf(et),apiBaseUrl:m().string,children:m().node},ct=function(e){var t=e.api,n=e.apiBaseUrl,a=e.children;return f.createElement(lt,{api:t,baseUrl:n},a)};ct.propTypes=st,ct.defaultProps={api:null,apiBaseUrl:void 0,children:null};var dt={size:m().oneOf([1,2,3,4,5,6]),body:m().string,textStyle:a.PropTypes.textStyle,linksStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,className:m().string,headingRef:m().shape({})},mt=function(e){var t=e.size,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,u=e.className,s=e.headingRef,d="h".concat(t),m=a||{},g=m.link,y=void 0===g?null:g,v=m.highlight,b=void 0===v?null:v,w=null,C=null!==y?(0,h.getStyleFromLink)(y):null,E=null!==b?(0,h.getStyleFromHighlight)(b):null;null!==a&&(w=(0,o.Z)((0,o.Z)({},w),(0,h.getStyleFromText)(a))),null!==i&&(w=(0,o.Z)((0,o.Z)({},w),(0,h.getStyleFromMargin)(i))),null!==l&&(C=(0,o.Z)((0,o.Z)({},C),(0,h.getStyleFromText)(l)));var M=null!==C||null!==b,S=(0,f.useMemo)((function(){return M?"text-component-".concat((0,H.Z)()):null}),[M]);return f.createElement(f.Fragment,null,null!==C?f.createElement(p.LinkStyle,{selector:"#".concat(S),style:C}):null,null!==E?f.createElement(p.HighlightStyle,{selector:"#".concat(S),style:E}):null,f.createElement(d,{id:S,className:c()(["micromag-element-heading-container",(0,r.Z)({},u,null!==u)]),style:w,dangerouslySetInnerHTML:{__html:n},ref:s}))};mt.propTypes=dt,mt.defaultProps={size:1,body:null,textStyle:null,linksStyle:null,margin:null,className:null,headingRef:null};var ft=f.forwardRef((function(e,t){return f.createElement(mt,Object.assign({headingRef:t},e))})),pt=n(5976),gt="micromag-element-text-input-element",yt={label:m().string,labelOutside:m().bool,labelClassName:m().string,textStyle:a.PropTypes.textStyle,buttonStyle:a.PropTypes.boxStyle,labelOutsideStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,multiline:m().bool,value:m().string,onChange:m().func,onFocus:m().func,onBlur:m().func,required:m().bool,disabled:m().bool,focusable:m().bool,className:m().string},ht=function(e){var t,n=e.label,a=e.labelOutside,l=e.labelClassName,i=e.textStyle,u=e.buttonStyle,s=e.labelOutsideStyle,d=e.margin,m=e.multiline,p=e.value,g=e.onChange,y=e.onFocus,v=e.onBlur,b=e.required,w=e.disabled,C=e.focusable,E=e.className,M={},S={},k={};null!==d&&(M=(0,o.Z)((0,o.Z)({},M),(0,h.getStyleFromMargin)(d))),null!==s&&(S=(0,o.Z)((0,o.Z)({},S),(0,h.getStyleFromText)(s))),null!==i&&(k=(0,o.Z)((0,o.Z)({},k),(0,h.getStyleFromText)(i))),null!==u&&(k=(0,o.Z)((0,o.Z)({},k),(0,h.getStyleFromBox)(u)));var T={className:c()(["micromag-element-text-input-container",(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,gt,!a),t)]),style:M},N=(0,o.Z)((0,o.Z)({className:gt},a?null:T),{},{style:k,placeholder:a?void 0:n,value:p,onChange:g,onFocus:y,onBlur:v,required:b,disabled:w}),x=m?f.createElement("textarea",Object.assign({},N,{tabIndex:C?"0":"-1"})):f.createElement("input",Object.assign({},N,{type:"text",tabIndex:C?"0":"-1"}));return a?f.createElement("label",T,f.createElement("div",{className:l,style:S},n),x):x};ht.propTypes=yt,ht.defaultProps={label:null,labelOutside:!1,labelClassName:null,textStyle:null,buttonStyle:null,labelOutsideStyle:null,margin:null,multiline:!1,value:"",onChange:null,onFocus:null,onBlur:null,required:!1,disabled:!1,focusable:!0,className:null};var vt={container:"micromag-screen-contribution-container",content:"micromag-screen-contribution-content",buttonSubmit:"micromag-screen-contribution-buttonSubmit",emptyInputMessage:"micromag-screen-contribution-emptyInputMessage",emptyInputName:"micromag-screen-contribution-emptyInputName",emptySubmit:"micromag-screen-contribution-emptySubmit",emptyTitle:"micromag-screen-contribution-emptyTitle",title:"micromag-screen-contribution-title",interactiveContainer:"micromag-screen-contribution-interactiveContainer",form:"micromag-screen-contribution-form",inputMessage:"micromag-screen-contribution-inputMessage",inputName:"micromag-screen-contribution-inputName",formContent:"micromag-screen-contribution-formContent",formLoading:"micromag-screen-contribution-formLoading",rotate:"micromag-screen-contribution-rotate",loadingIcon:"micromag-screen-contribution-loadingIcon",contributionsContainer:"micromag-screen-contribution-contributionsContainer",contributionsContent:"micromag-screen-contribution-contributionsContent",contributions:"micromag-screen-contribution-contributions",contribution:"micromag-screen-contribution-contribution",callToAction:"micromag-screen-contribution-callToAction",submitting:"micromag-screen-contribution-submitting",submitted:"micromag-screen-contribution-submitted",showContributions:"micromag-screen-contribution-showContributions",isPlaceholder:"micromag-screen-contribution-isPlaceholder"},bt={id:m().string,layout:m().oneOf(["top","middle","bottom"]),title:a.PropTypes.headingElement,name:a.PropTypes.inputElement,message:a.PropTypes.inputElement,submit:a.PropTypes.textElement,nameStyle:a.PropTypes.textStyle,messageStyle:a.PropTypes.textStyle,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,resizeTransitionDuration:m().number,type:m().string,className:m().string},wt=function(e){var t,n=e.id,a=e.layout,l=e.title,s=e.name,d=e.message,m=e.submit,w=e.nameStyle,C=e.messageStyle,E=e.spacing,M=e.background,S=e.callToAction,k=e.current,T=e.active,N=e.transitions,x=e.transitionStagger,P=e.resizeTransitionDuration,O=e.type,A=e.className,Z=n||"screen-id",F=(0,y.useTrackScreenEvent)(O),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,q=I.resolution,j=(0,g.useViewer)().menuSize,B=(0,g.useScreenRenderContext)(),V=B.isView,W=B.isPreview,_=B.isPlaceholder,H=B.isEdit,U=B.isStatic,J=B.isCapture,K=k&&(V||H),$=k||T||!V,ee=k,te=U||J||_||W||H,ne=!H&&te||!k,ae=(0,h.isTextFilled)(l),le=(0,h.isLabelFilled)(s),re=(0,h.isLabelFilled)(d),oe=(0,h.isTextFilled)(m),ue=(0,f.useRef)(null),se=(0,f.useRef)(null),ce=(0,f.useState)(null),de=(0,u.Z)(ce,2),me=de[0],pe=de[1],ge=(0,f.useState)(""),ye=(0,u.Z)(ge,2),he=ye[0],ve=ye[1],be=(0,f.useState)(""),we=(0,u.Z)(be,2),Ce=we[0],Ee=we[1],Me=(0,f.useState)(U||J?4:0),Se=(0,u.Z)(Me,2),ke=Se[0],Te=Se[1],Ne=(0,f.useCallback)((function(){Te(2),F("submit_success","".concat(he,": ").concat(Ce))}),[Te,F,he,Ce]),xe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,n=e.onSuccess,a=void 0===n?null:n,l=nt(),i=(0,f.useState)(!1),r=(0,u.Z)(i,2),s=r[0],c=r[1];return{create:(0,f.useCallback)((function(e){return null===l?null:(c(!0),l.contributions.create((0,o.Z)({screen_id:t},e)).then((function(e){return c(!1),null!==a&&a(e),e})))}),[l,c,a,t]),creating:s}}({screenId:Z}),Pe=xe.create,Oe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,n=e.opts,a=void 0===n?{}:n,l=nt(),i=(0,f.useState)((0,v.Z)(new Array(10)).map((function(e,t){return{name:"Nom ".concat(t+1),message:"Message ".concat(t+1)}}))),r=(0,u.Z)(i,1)[0],s=(0,f.useCallback)((function(){return null!==l?l.contributions.get(t):null}),[l,t]),c=null!==l?it(s,a):{data:null},d=c.data,m=(0,b.Z)(c,rt);return(0,o.Z)({contributions:d||r},m)}({screenId:Z,opts:{autoload:!_}}),Ae=Oe.contributions,Ze=(0,f.useCallback)((function(e){ve(e.currentTarget.value)}),[ve]),Fe=(0,f.useCallback)((function(e){Ee(e.currentTarget.value)}),[Ee]),Ie=(0,f.useRef)(!1),Re=(0,f.useCallback)((function(e){!Ie.current&&e.currentTarget.value.length>0&&(Ie.current=!0,F("input_filled","Name",{userName:e.currentTarget.value,userMessage:Ce}))}),[F,Ce]),Le=(0,f.useRef)(!1),ze=(0,f.useCallback)((function(e){!Le.current&&e.currentTarget.value.length>0&&(Le.current=!0,F("input_filled","Message",{userName:he,userMessage:e.currentTarget.value}))}),[F,he]),qe=null!==S&&!0===S.active,je=(0,f.useState)(!1),Be=(0,u.Z)(je,2),De=Be[0],Ve=Be[1],We=De&&4===ke,_e=(0,y.useResizeObserver)(),Ge=_e.ref,He=(_e.entry.contentRect||{}).height,Ue=void 0===He?0:He,Ye=(0,f.useCallback)((function(e){e.initial&&F("scroll","Contributions list"),Ve(!0)}),[F,Ve]),Xe=(0,f.useCallback)((function(){Ve(!1)}),[Ve]),Qe=(0,f.useCallback)((function(e){e.preventDefault(),0===ke&&(pe(se.current.offsetHeight),Te(1),Pe({name:he,message:Ce}),Ne(),F("click_submit","".concat(he,": ").concat(Ce),{userName:he,userMessage:Ce}))}),[ke,Te,he,Ce,F,Ne]);(0,f.useEffect)((function(){var e=null;return 2===ke&&(e=setTimeout(Te,P,4),pe(ue.current.offsetHeight),Te(3)),function(){3===ke&&null!==e&&clearTimeout(e)}}),[ke,pe,Te,P]);var Je=[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",placeholderProps:{height:"0.75em"},emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:vt.emptyTitle,isEmpty:!ae},ae?f.createElement(p.Transitions,{transitions:N,playing:ee,disabled:te},f.createElement(ft,Object.assign({},l,{className:vt.title}))):null)],Ke=[].concat((0,v.Z)(null!==he&&null!==Ce?[{name:he,message:Ce}]:[]),(0,v.Z)(Ae||[]));return Je.push(f.createElement("div",{key:"form",className:vt.interactiveContainer,style:{height:ke<4?me:null,transitionDuration:"".concat(P,"ms")}},f.createElement("form",{className:vt.form,onSubmit:Qe,ref:se},f.createElement("div",{className:vt.formContent},f.createElement(p.ScreenElement,{placeholder:"inputText",placeholderProps:{height:"0.25em"},emptyLabel:f.createElement(i.Z,{id:"G/ITGY",defaultMessage:[{type:0,value:"Your name"}]}),emptyClassName:vt.emptyInputName,isEmpty:!le},f.createElement(p.Transitions,{transitions:N,playing:ee,delay:x,disabled:te},f.createElement(ht,Object.assign({className:vt.inputName},s,{value:he,onChange:function(e){return Ze(e)},onBlur:function(e){return Re(e)},focusable:k&&V,disabled:W,required:!0})))),f.createElement(p.ScreenElement,{placeholder:"inputText",placeholderProps:{height:"0.75em"},emptyLabel:f.createElement(i.Z,{id:"JAguka",defaultMessage:[{type:0,value:"Your message"}]}),emptyClassName:vt.emptyInputMessage,isEmpty:!re},f.createElement(p.Transitions,{transitions:N,playing:ee,delay:2*x,disabled:te},f.createElement(ht,Object.assign({className:vt.inputMessage},d,{value:Ce,onChange:function(e){return Fe(e)},onBlur:function(e){return ze(e)},disabled:W,focusable:k&&V,multiline:!0,required:!0})))),f.createElement(p.ScreenElement,{placeholder:"button",emptyLabel:f.createElement(i.Z,{id:"5uH4x7",defaultMessage:[{type:0,value:"Submit"}]}),emptyClassName:vt.emptySubmit,isEmpty:!oe},f.createElement(p.Transitions,{transitions:N,playing:ee,delay:3*x,disabled:te},f.createElement(G,{type:"submit",className:vt.buttonSubmit,disabled:W,buttonStyle:null!==m?m.buttonStyle:null,focusable:k&&V},f.createElement(Y,Object.assign({},m,{inline:!0})))))),f.createElement("div",{className:vt.formLoading},f.createElement(Q.FontAwesomeIcon,{className:vt.loadingIcon,icon:X.faSpinner}))),f.createElement("div",{className:vt.contributionsContainer,"aria-hidden":4===ke?null:"true"},f.createElement("div",{className:vt.contributionsContent},f.createElement("div",{className:vt.contributions,ref:ue},Ke.map((function(e,t){var n=null!==w&&w.style||null,a=null!==C&&C.style||null;return f.createElement("div",{key:"contribution-".concat(t),className:vt.contribution,style:null!==n?(0,h.getStyleFromColor)(n.color,"borderColor"):null},f.createElement(ft,{className:vt.contributionName,body:e.name,size:2,textStyle:n}),f.createElement(Y,{className:vt.contributionMessage,body:e.message,textStyle:a}))}))))),qe?f.createElement("div",{style:{height:Ue}}):null)),f.createElement("div",{className:c()([vt.container,(t={},(0,r.Z)(t,A,null!==A),(0,r.Z)(t,vt.isPlaceholder,_),(0,r.Z)(t,vt.submitting,1===ke),(0,r.Z)(t,vt.submitted,ke>1),(0,r.Z)(t,vt.showContributions,4===ke),t)]),"data-screen-ready":!0},_?null:f.createElement(D,{background:M,width:R,height:L,resolution:q,playing:K,shouldLoad:$}),f.createElement(fe,{width:R,height:L},f.createElement("div",{className:vt.content,style:_?null:{padding:E,paddingTop:(z&&!W?j:0)+E}},f.createElement(pt.default,{verticalAlign:a,disabled:ne,onScrolledBottom:Ye,onScrolledNotBottom:Xe},Je),!_&&qe?f.createElement(ie,{ref:Ge,className:vt.callToAction,disabled:!We,animationDisabled:W,callToAction:S,focusable:k&&V,screenSize:{width:R,height:L}}):null)))};wt.propTypes=bt,wt.defaultProps={id:null,layout:"middle",title:null,name:null,message:null,submit:null,nameStyle:null,messageStyle:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,resizeTransitionDuration:750,type:null,className:null};var Ct={id:"contribution",type:"screen",group:{label:(0,l.defineMessage)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,l.defineMessage)({id:"g6b9Lg",defaultMessage:[{type:0,value:"Contribution"}]}),component:wt,layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"name",type:"input-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"nXVNeg",defaultMessage:[{type:0,value:"Name"}]})},{name:"message",type:"input-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"RcLsua",defaultMessage:[{type:0,value:"Message"}]})},{name:"submit",type:"button-element",theme:{textStyle:"button"},label:(0,l.defineMessage)({id:"uAKPQ9",defaultMessage:[{type:0,value:"Submit"}]})},{name:"nameStyle",type:"item-text-style",theme:{style:{textStyle:"heading2"}},label:(0,l.defineMessage)({id:"SyMSDa",defaultMessage:[{type:0,value:"Published name style"}]})},{name:"messageStyle",type:"item-text-style",theme:{style:{textStyle:"text"}},label:(0,l.defineMessage)({id:"+SlKOi",defaultMessage:[{type:0,value:"Published message style"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},Et={media:a.PropTypes.imageMedia,alt:m().string,width:m().oneOfType([m().number,m().string]),height:m().oneOfType([m().number,m().string]),resolution:m().number,objectFit:a.PropTypes.objectFit,containerStyle:a.PropTypes.containerStyle,imageStyle:a.PropTypes.containerStyle,className:m().string,imageClassName:m().string,onLoaded:m().func,loadingMode:m().string},Mt=function(e){var t=e.media,n=e.alt,a=e.width,l=e.height,i=e.resolution,s=e.objectFit,d=e.containerStyle,m=e.imageStyle,p=e.className,g=e.imageClassName,y=e.onLoaded,v=e.loadingMode,b=t||{};b.url;var w,C,E=b.metadata,M=(void 0===E?null:E)||{},S=M.width,k=void 0===S?0:S,T=M.height,N=void 0===T?0:T,x=M.description,P=void 0===x?"image":x,A=k/N,Z=(0,f.useState)({width:k,height:N}),F=(0,u.Z)(Z,2),I=F[0],R=I.width,L=void 0===R?0:R,z=I.height,q=void 0===z?0:z,j=F[1],B=(0,f.useCallback)((function(e){var t=e.target,n=t.naturalWidth,a=void 0===n?0:n,l=t.naturalHeight,i=void 0===l?0:l;a===L&&i===q||j({width:a||0,height:i||0}),null!==y&&y(e)}),[y]),D=L>0&&q>0;if(null!==s){var V=0,W=0,_=a,G=l,H=null,U=null,Y=s||{},X=Y.fit,Q=void 0===X?null:X,J=Y.horizontalPosition,K=void 0===J?"center":J,$=Y.verticalPosition,ee=void 0===$?"center":$;if(D){var te=(0,O.getSizeWithinBounds)(L,q,a,l,{cover:"cover"===Q}),ne=te.width,ae=te.height;_=ne,G=ae,"center"===K?W=-(ne-a)/2:"right"===K&&(W=-(ne-a)),"center"===ee?V=-(ae-l)/2:"bottom"===ee&&(V=-(ae-l))}else H=Q,U="".concat(K," ").concat(ee);w={width:a,height:l},C={position:"absolute",width:_,height:G,top:V,left:W,objectFit:H,objectPosition:U}}else{var le=null!==a?a:null!==l&&"number"==typeof l?l*A:null,ie=null!==l?l:null!==a&&"number"==typeof a?a/A:null;null===le&&null===ie&&(le=L>0?k:null,ie=q>0?N:null),w=C={width:le,height:ie}}w=(0,o.Z)((0,o.Z)({},w),d);var re=C=(0,o.Z)((0,o.Z)({},C),m),oe=re.width,ue=void 0===oe?null:oe,se=re.height,ce=void 0===se?null:se,de=(0,h.getOptimalImageUrl)(t,ue,ce,{resolution:i});return f.createElement("div",{className:c()(["micromag-element-image-container",(0,r.Z)({},p,null!==p)]),style:w},null!==de?f.createElement("img",{src:de,alt:n||P,className:c()(["micromag-element-image-img",(0,r.Z)({},g,null!==g)]),style:C,onLoad:B,loading:v}):null)};Mt.propTypes=Et,Mt.defaultProps={media:null,alt:null,width:null,height:null,resolution:1,objectFit:null,containerStyle:{},imageStyle:{},className:null,imageClassName:null,onLoaded:null,loadingMode:"lazy"};var St="micromag-element-visual-container",kt=["media","width","height","resolution","objectFit","playing","videoLoop","videoInitialMuted","onLoaded","className","videoClassName"],Tt={media:a.PropTypes.media,width:m().oneOfType([m().number,m().string]),height:m().oneOfType([m().number,m().string]),resolution:m().number,objectFit:a.PropTypes.objectFit,playing:m().bool,videoLoop:m().bool,videoInitialMuted:m().bool,onLoaded:m().func,className:m().string,videoClassName:m().string},Nt=function(e){var t=e.media,n=e.width,a=e.height,l=e.resolution,i=e.objectFit,u=e.playing,s=e.videoLoop,d=e.videoInitialMuted,m=e.onLoaded,p=e.className,g=e.videoClassName,y=(0,b.Z)(e,kt),h=t||{},v=h.type,w=void 0===v?null:v,C=h.thumbnail_url,E=void 0===C?null:C,M=h.metadata,S=h.url,k=(M||{}).mime,T="video"===w,N="image"===w&&"image/gif"===k,x=(0,f.useMemo)((function(){return(0,o.Z)((0,o.Z)({},y),{},{media:t})}),[y,t]),P=(0,f.useMemo)((function(){var e=u||!T&&!N?x:(0,o.Z)((0,o.Z)({},x),{},{media:{url:E}});return N&&u?(0,o.Z)((0,o.Z)({},x),{},{media:{url:S}}):e}),[T,N,x,E,S,u]),A=null;if(T&&null!==i&&u){var Z=(i||{}).fit,F=void 0===Z?"cover":Z,I=(t||{}).metadata,L=(void 0===I?null:I)||{},z=L.width,q=void 0===z?0:z,j=L.height,B=void 0===j?0:j,D=(0,O.getSizeWithinBounds)(q,B,n,a,{cover:"cover"===F}),V=D.width,W=D.height;A={width:V,height:W,left:-(V-n)/2,top:-(W-a)/2}}return null!==w?f.createElement(f.Fragment,null,"image"!==w&&u?null:f.createElement(Mt,Object.assign({},P,{objectFit:i,width:n,height:a,resolution:l,onLoaded:m,className:c()([St,(0,r.Z)({},p,null!==p)])})),T&&u?f.createElement("div",{className:c()([St,(0,r.Z)({},p,null!==p)]),style:{width:n,height:a}},f.createElement("div",{className:c()(["micromag-element-visual-videoContainer",(0,r.Z)({},g,null!==g)]),style:A},f.createElement(R,Object.assign({},x,{width:null===i?n:null,height:null===i?a:null,autoPlay:!0,loop:s,initialMuted:d,onReady:m})))):null):null};Nt.propTypes=Tt,Nt.defaultProps={media:null,width:null,height:null,resolution:1,objectFit:null,playing:!0,videoLoop:!0,videoInitialMuted:!0,onLoaded:null,className:null,videoClassName:null};var xt={container:"micromag-screen-conversation-container",disabled:"micromag-screen-conversation-disabled",hidden:"micromag-screen-conversation-hidden",placeholder:"micromag-screen-conversation-placeholder",content:"micromag-screen-conversation-content",conversationHeader:"micromag-screen-conversation-conversationHeader",empty:"micromag-screen-conversation-empty",title:"micromag-screen-conversation-title",callToAction:"micromag-screen-conversation-callToAction",messageContainer:"micromag-screen-conversation-messageContainer",message:"micromag-screen-conversation-message",normalLeft:"micromag-screen-conversation-normalLeft",inBetweenLeft:"micromag-screen-conversation-inBetweenLeft",normalRight:"micromag-screen-conversation-normalRight",inBetweenRight:"micromag-screen-conversation-inBetweenRight",last:"micromag-screen-conversation-last",speakerDetails:"micromag-screen-conversation-speakerDetails",right:"micromag-screen-conversation-right",avatarContainer:"micromag-screen-conversation-avatarContainer",avatar:"micromag-screen-conversation-avatar",imageContainer:"micromag-screen-conversation-imageContainer",withAnimation:"micromag-screen-conversation-withAnimation",appear:"micromag-screen-conversation-appear",loadingContainer:"micromag-screen-conversation-loadingContainer",loading:"micromag-screen-conversation-loading",dot:"micromag-screen-conversation-dot",bounce:"micromag-screen-conversation-bounce",loadingSpeakerName:"micromag-screen-conversation-loadingSpeakerName"},Pt={message:a.PropTypes.conversationMessage,previousMessage:a.PropTypes.conversationMessage,nextMessage:a.PropTypes.conversationMessage,nextMessageState:m().bool,currentSpeaker:a.PropTypes.speaker,conversationTiming:m().number,typingTiming:m().number,onChange:m().func,withAnimation:m().bool,isPlaying:m().bool,speakerStyle:a.PropTypes.textStyle,messageStyle:a.PropTypes.textStyle,className:m().string},Ot=function(e){var t,n,a=e.message,l=e.previousMessage,i=e.nextMessage,s=e.nextMessageState,d=e.currentSpeaker,m=e.conversationTiming,p=e.typingTiming,g=e.onChange,y=e.withAnimation,v=e.isPlaying,b=e.messageStyle,w=e.speakerStyle,C=e.className,E=a||{},M=E.message,S=E.image,k=void 0===S?null:S,T=d||{},N=T.avatar,x=(N=void 0===N?{}:N).url,P=void 0===x?null:x,O=T.name,A=T.side,Z=void 0===A?"left":A,F=T.id,I=T.color,R="right"===Z,L=null!==l&&l.speaker===F,z=null!==i&&i.speaker===F,q=(0,f.useState)(y?"pause":"send"),j=(0,u.Z)(q,2),B=j[0],D=j[1],V=m,W=p;(0,f.useEffect)((function(){if(!y||!v)return function(){};var e=null;return"pause"===B?e=setTimeout((function(){return D("typing")}),V):"typing"===B&&(e=setTimeout((function(){return D("send")}),W)),function(){null!==e&&clearTimeout(e)}}),[y,v,B,D,V,W]),(0,f.useEffect)((function(){"pause"!==B&&null!==g&&g(B)}),[B]);var _=z&&s;return"pause"!==B?f.createElement("div",{className:c()([xt.messageContainer,(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,xt.withAnimation,!0===y),(0,r.Z)(t,xt.right,R),t)])},"typing"===B?f.createElement("div",{className:xt.loadingContainer},f.createElement("div",{className:xt.loading},f.createElement("div",{className:xt.dot}),f.createElement("div",{className:xt.dot}),f.createElement("div",{className:xt.dot})),f.createElement("div",{className:xt.loadingSpeakerName},O)):f.createElement("div",{className:c()([xt.message,(n={},(0,r.Z)(n,xt.normalRight,R),(0,r.Z)(n,xt.nextTheSame,!0===z&&L),(0,r.Z)(n,xt.inBetweenRight,_&&R),(0,r.Z)(n,xt.normalLeft,!R),(0,r.Z)(n,xt.inBetweenLeft,_&&!R),(0,r.Z)(n,xt.last,!1===z),n)]),style:(0,o.Z)({},(0,h.getStyleFromColor)(I))},L?null:f.createElement("div",{className:c()([xt.speakerDetails,(0,r.Z)({},xt.right,"right"===Z)])},null!==P?f.createElement("div",{className:c()([xt.avatarContainer,(0,r.Z)({},xt.right,"right"===Z)])},f.createElement("img",{className:xt.avatar,src:P,alt:O})):null,f.createElement(Y,{body:O,textStyle:w})),f.createElement("div",null),f.createElement("div",{className:xt.messageBody},null!==k?f.createElement("div",{className:xt.imageContainer},f.createElement(Nt,{media:k,width:"100%",playing:v})):null,f.createElement(Y,{className:xt.messageBody,body:M,textStyle:b})))):null};Ot.propTypes=Pt,Ot.defaultProps={message:null,previousMessage:null,nextMessage:null,nextMessageState:null,currentSpeaker:null,conversationTiming:null,typingTiming:null,onChange:null,withAnimation:!1,isPlaying:!1,messageStyle:null,speakerStyle:null,className:null};var At={title:a.PropTypes.headingElement,timing:m().oneOf(["instant","sequence"]),spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,type:m().string,conversation:a.PropTypes.conversation,transitions:a.PropTypes.transitions,className:m().string},Zt=function(e){var t,n=e.title,a=e.timing,l=e.spacing,o=e.background,s=e.callToAction,d=e.current,m=e.active,b=e.type,w=e.conversation,C=e.transitions,E=e.className,M=(0,g.useScreenSize)(),S=M.width,k=M.height,T=M.menuOverScreen,N=M.resolution,x=(0,g.useViewer)().menuSize,P=(0,y.useTrackScreenEvent)(b),O=(0,g.useScreenRenderContext)(),A=O.isView,Z=O.isPreview,F=O.isPlaceholder,I=O.isEdit,R=O.isStatic,L=O.isCapture,z=d&&(A||I),q=d||m||!A,j=A&&!R&&"sequence"===a,B=w||{},V=B.speakers,W=void 0===V?null:V,_=B.messages,G=void 0===_?[]:_,U=B.messageStyle,Y=B.speakerStyle,X=(0,f.useState)([]),Q=(0,u.Z)(X,2),J=Q[0],K=Q[1],$=(0,f.useRef)(null),ee=(0,h.isTextFilled)(n),te=(0,y.useResizeObserver)(),ne=te.ref,ae=(te.entry.contentRect||{}).height,le=(0,f.useRef)(null);(0,f.useEffect)((function(){j&&null!==le.current&&le.current.scrollTo({top:ae,behavior:"smooth"})}),[ae,j]);var re=G.length===J.length,oe=(0,f.useCallback)((function(e){var t=(0,v.Z)(J);"send"===e&&(t.push(!0),K(t))}),[J,K]),ue=(G||[]).filter((function(e){return null!==e})),se=ue.map((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.timing,n=void 0===t?null:t,a=e.message,l=void 0===a?null:a,i=arguments.length>1?arguments[1]:void 0;if(null!==n)return n;if(0===i)return 0;var r=40*((l||"").length||10);return r<2e3?r:2e3})),ce=ue.map((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.hesitation,n=void 0===t?null:t;return null!==n?n:1e3})),de=(0,f.useMemo)((function(){return(G||[]).map((function(){return(0,H.Z)()}))}),[G]),me=R||L||F||Z||I,pe=!I&&me||!d,ge=null!==s&&!0===s.active,ye=(0,f.useState)(!1),he=(0,u.Z)(ye,2),ve=he[0],be=he[1],we=(0,y.useResizeObserver)(),Ce=we.ref,Ee=(we.entry.contentRect||{}).height,Me=void 0===Ee?0:Ee,Se=re&&!F&&ge||!j,ke=(0,f.useCallback)((function(e){e.initial&&P("scroll","Screen"),be(!0)}),[P]),Te=(0,f.useCallback)((function(){be(!1)}),[be]);return f.createElement("div",{className:c()([xt.container,(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,xt.isPlaceholder,F),t)]),"data-screen-ready":!0},F?null:f.createElement(D,{background:o,width:S,height:k,resolution:N,playing:z,shouldLoad:q}),f.createElement(fe,{width:S,height:k},f.createElement(pt.default,{ref:le,disabled:pe,onScrolledBottom:ke,onScrolledNotBottom:Te},f.createElement("div",{ref:ne},f.createElement(xe,{className:xt.layout,style:F?null:{padding:l,paddingTop:(T&&!Z?x:0)+l}},f.createElement(p.ScreenElement,{placeholder:"conversation",emptyLabel:f.createElement(i.Z,{id:"NmCfTO",defaultMessage:[{type:0,value:"Conversation"}]}),emptyClassName:xt.empty,isEmpty:0===G.length&&null===n},f.createElement(p.Transitions,{transitions:C,playing:d,disabled:me},ee?f.createElement(ft,Object.assign({},n,{className:xt.title,isEmpty:null===n})):null,f.createElement("div",{className:xt.conversation},ue.map((function(e,t){var n=0!==t?G[t-1]:null,a=t+1<G.length?G[t+1]:null,l=e.speaker,i=(W||[]).find((function(e){return e.id===l}))||null,r=0===t||!0===J[t-1],o=ce[t],u=se[t];return f.createElement(Ot,{key:"".concat(e.message,"-").concat(de[t]),message:e,previousMessage:n,nextMessage:a,nextMessageState:J[t+1]||!j,currentSpeaker:i,conversationTiming:o,typingTiming:u,onChange:oe,withAnimation:j,isPlaying:d&&r,messageStyle:U,speakerStyle:Y})}))),Se?f.createElement("div",{style:{minHeight:Me}},f.createElement(ie,{ref:Ce,className:xt.callToAction,disabled:!ve,animationDisabled:Z,callToAction:s,focusable:d&&A,screenSize:{width:S,height:k}})):null,f.createElement("div",{ref:$}))))))))};Zt.propTypes=At,Zt.defaultProps={title:null,timing:"sequence",spacing:20,background:null,callToAction:null,current:!0,active:!0,type:null,conversation:null,transitions:null,className:null};var Ft=f.memo(Zt),It={id:"conversation",type:"screen",group:{label:(0,l.defineMessage)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:3},title:(0,l.defineMessage)({id:"rBPIgw",defaultMessage:[{type:0,value:"Conversation"}]}),component:Ft,layouts:["normal"],fields:[{name:"timing",type:"select",options:[{value:"instant",label:"Instant"},{value:"sequence",label:"Sequence"}],label:(0,l.defineMessage)({id:"6DV50M",defaultMessage:[{type:0,value:"Timing"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"conversation",type:"conversation",label:(0,l.defineMessage)({id:"8tANs8",defaultMessage:[{type:0,value:"Conversation"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},Rt=n(5128),Lt=n.n(Rt),zt=n(9546),qt=n.n(zt),jt={layout:a.PropTypes.gridLayout,items:m().arrayOf(m().node),width:m().number,height:m().number,spacing:m().number,vertical:m().bool,className:m().string,axisClassName:m().string,crossClassName:m().string};function Bt(e){var t=e.items,n=e.layout,a=e.width,l=e.height,i=e.spacing,o=e.vertical,u=e.className,s=e.axisClassName,d=e.crossClassName,m=0,p=qt()(n)?n:[{rows:o?t.map((function(){return 1})):1,columns:o?1:t.map((function(){return 1}))}],g=p.reduce((function(e,t){var n=t.rows,a=void 0===n?1:n,l=t.columns;return e+(o?void 0===l?1:l:a)}),0);return f.createElement("div",{className:c()(["micromag-element-grid-container",(0,r.Z)({},u,null!==u)]),style:{width:a,height:l,padding:null!==i&&i>0?i/2:null}},f.createElement("div",{className:"micromag-element-grid-items",style:{flexDirection:o?"row":"column"}},p.map((function(e,n){var a=e.rows,l=e.columns,u="".concat((o?l:a)/g*100,"%"),p=o?a:l,y=qt()(p)?p:[p],h=y.reduce((function(e,t){return e+t}),0);return f.createElement("div",{key:"cross-".concat(n),className:c()(["micromag-element-grid-cross",(0,r.Z)({},d,null!==d)]),style:{flexDirection:o?"column":"row",width:o?u:null,height:o?null:u}},y.map((function(e,n){var a="".concat(e/h*100,"%"),l=t[m];return m+=1,f.createElement("div",{key:"axis-".concat(n),className:c()(["micromag-element-grid-axis",(0,r.Z)({},s,null!==s)]),style:{width:o?null:a,height:o?a:null,padding:i>0?i/2:0}},l)})))}))))}Bt.propTypes=jt,Bt.defaultProps={layout:null,items:[],width:null,height:null,spacing:0,vertical:!1,className:null,axisClassName:null,crossClassName:null};var Dt=n(7896),Vt={"two-vertical-equal":{vertical:!0,layout:[{columns:1,rows:[1,1]}]},"two-vertical-top":{vertical:!0,layout:[{columns:1,rows:[2,1]}]},"two-vertical-bottom":{vertical:!0,layout:[{columns:1,rows:[1,2]}]},"three-vertical":{vertical:!0,layout:[{columns:1,rows:[1,1,1]}]},"one-two":{layout:[{rows:2,columns:[1]},{rows:1,columns:[1,1]}]},"two-one":{layout:[{rows:1,columns:[1,1]},{rows:2,columns:[1]}]},"two-by-two":{layout:[{rows:1,columns:[1,1]},{rows:1,columns:[1,1]}]},"four-vertical":{vertical:!0,layout:[{columns:1,rows:[1,1,1,1]}]},"one-two-one":{layout:[{rows:3,columns:[1]},{rows:2,columns:[1,1]},{rows:3,columns:[1]}]},"four-mosaic":{vertical:!0,layout:[{columns:1,rows:[2,1]},{columns:1,rows:[1,2]}]},"two-one-two":{layout:[{rows:2,columns:[1,1]},{rows:3,columns:[1]},{rows:2,columns:[1,1]}]},"one-two-two":{layout:[{rows:3,columns:[1]},{rows:2,columns:[1,1]},{rows:2,columns:[1,1]}]},"two-two-one":{layout:[{rows:2,columns:[1,1]},{rows:2,columns:[1,1]},{rows:3,columns:[1]}]},"two-by-three":{layout:[{rows:1,columns:[1,1]},{rows:1,columns:[1,1]},{rows:1,columns:[1,1]}]},"one-one-two-two":{layout:[{rows:1,columns:[1]},{rows:1,columns:[1]},{rows:1,columns:[1,1]},{rows:1,columns:[1,1]}]},"two-two-one-one":{layout:[{rows:1,columns:[1,1]},{rows:1,columns:[1,1]},{rows:1,columns:[1]},{rows:1,columns:[1]}]}},Wt={container:"micromag-screen-gallery-container",content:"micromag-screen-gallery-content",image:"micromag-screen-gallery-image",disabled:"micromag-screen-gallery-disabled",hidden:"micromag-screen-gallery-hidden",placeholder:"micromag-screen-gallery-placeholder",emptyCaption:"micromag-screen-gallery-emptyCaption",emptyImage:"micromag-screen-gallery-emptyImage",grid:"micromag-screen-gallery-grid",gridItem:"micromag-screen-gallery-gridItem",imageContainer:"micromag-screen-gallery-imageContainer",caption:"micromag-screen-gallery-caption"},_t={layout:m().oneOf(["two-vertical-equal","two-vertical-top","two-vertical-bottom","three-vertical","one-two","two-one","two-by-two","four-vertical","one-two-one","four-mosaic","two-one-two","one-two-two","two-two-one","two-by-three","one-one-two-two","two-two-one-one"]),images:m().oneOfType([a.PropTypes.imageMedias,a.PropTypes.imageElements]),withCaptions:m().bool,spacing:m().number,captionMaxLines:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},Gt=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,o=e.background,s=e.callToAction,d=e.current,m=e.active,b=e.spacing,w=e.captionMaxLines,C=e.transitions,E=e.transitionStagger,M=e.className,S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=S.menuOverScreen,x=S.resolution,P=(0,g.useViewer)().menuSize,O=(0,g.useScreenRenderContext)(),A=O.isView,Z=O.isPreview,F=O.isPlaceholder,I=O.isEdit,R=O.isStatic,L=O.isCapture,z=d&&(A||I),q=d||m||!A,j=F?5:b,B=Lt()(Vt[n])?Vt[n]:{},V=B.layout,W=void 0===V?[]:V,_=B.vertical,G=void 0!==_&&_,H=W.reduce((function(e,t){var n=t.rows,a=t.columns;return e+(G?n:a).length}),0),U=(0,f.useState)(0),X=(0,u.Z)(U,2),Q=X[0],J=X[1],K=null!==a?Math.min(H,a.length):0,$=Q>=K,ee=d&&$,te=R||L||F||Z||I,ne=(0,f.useCallback)((function(){J(Q+1)}),[Q,J]),ae=(0,f.useRef)([]),le=(0,f.useState)([]),re=(0,u.Z)(le,2),oe=re[0],ue=re[1],se=(0,y.useResizeObserver)(),ce=se.ref,de=se.entry.contentRect||{},me=de.width,pe=void 0===me?null:me,ge=de.height,ye=void 0===ge?null:ge;(0,f.useEffect)((function(){ae.current.length&&ue(ae.current.map((function(e){return null!==e?{width:e.offsetWidth,height:e.offsetHeight}:{}})))}),[pe,ye,n,ue]);var he=null!==s&&!0===s.active,ve=(0,y.useResizeObserver)(),be=ve.ref,we=(ve.entry.contentRect||{}).height,Ce=void 0===we?0:we,Ee=(0,v.Z)(Array(H)).map((function(e,t){var n=null!==a?a[t]:null,r=oe[t]||{},o=l?n:{media:n},u=(o||{}).caption,s=void 0===u?null:u,c=(0,h.isImageFilled)(o),d=(0,h.isTextFilled)(s);return f.createElement("div",{key:"item-".concat(t),className:Wt.gridItem},f.createElement("div",{className:Wt.imageContainer,ref:function(e){ae.current[t]=e}},f.createElement(p.Transitions,{transitions:C,delay:t*E,playing:ee,disabled:te,fullscreen:!0},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:Wt.placeholder,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Wt.emptyImage,isEmpty:!c},f.createElement(Nt,Object.assign({className:Wt.image},o,r,{resolution:x,objectFit:{fit:"cover"},playing:z,onLoaded:ne}))))),l?f.createElement(p.Transitions,{transitions:C,delay:t*E,playing:ee,disabled:te},f.createElement(p.ScreenElement,{placeholder:"line",emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:Wt.emptyCaption,isEmpty:!d},f.createElement("div",{className:Wt.caption},f.createElement(Y,Object.assign({},s,{className:Wt.captionText,lineClamp:w}))))):null)}));return f.createElement("div",{className:c()([Wt.container,(t={},(0,r.Z)(t,M,null!==M),(0,r.Z)(t,Wt.isPlaceholder,F),t)]),"data-screen-ready":$},F?null:f.createElement(D,{background:o,width:k,height:T,resolution:x,playing:z,shouldLoad:q}),f.createElement(fe,{width:k,height:T},f.createElement("div",{className:Wt.content,style:{paddingTop:N&&!Z?P:null,paddingBottom:he?Ce-j:0},ref:ce},f.createElement(Bt,Object.assign({className:Wt.grid,spacing:j,items:Ee},B)),!F&&he?f.createElement("div",{style:{marginTop:-j}},f.createElement(ie,{ref:be,className:Wt.callToAction,callToAction:s,animationDisabled:Z,focusable:d&&A,screenSize:{width:k,height:T}})):null)))};Gt.propTypes=_t,Gt.defaultProps={layout:"four-mosaic",withCaptions:!1,images:[],spacing:20,captionMaxLines:2,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:50,className:null};var Ht=f.memo(Gt),Ut=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.images,a=(0,Le.Iy)(e,{images:n}),l=a.story,i=a.component,r=(0,Le.W2)(l,(0,v.Z)(i?[i]:[])),u=r.story,s=r.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(s?[s]:[]))})}}),Yt=[{id:"gallery",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,l.defineMessage)({id:"jaFXki",defaultMessage:[{type:0,value:"Gallery"}]}),component:Ht,layouts:["two-vertical-equal","two-vertical-top","two-vertical-bottom","three-vertical","one-two","two-one","two-by-two","four-vertical","one-two-one","four-mosaic","two-one-two","one-two-two","two-two-one","two-by-three","one-one-two-two","two-two-one-one"],transforms:Ut,fields:[{name:"layout",type:"screen-layout",defaultValue:"two-vertical-equal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"images",type:"visuals",label:(0,l.defineMessage)({id:"muYwrB",defaultMessage:[{type:0,value:"Images"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"gallery-captions",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,l.defineMessage)({id:"MmJQ7o",defaultMessage:[{type:0,value:"Gallery with captions"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(Ht,Object.assign({},t,{withCaptions:!0}))},layouts:["two-vertical-equal","two-vertical-top","two-vertical-bottom","three-vertical","one-two","two-one","two-by-two","four-vertical","one-two-one","four-mosaic","two-one-two","one-two-two","two-two-one","two-by-three","one-one-two-two","two-two-one-one"],transforms:Ut,fields:[{name:"layout",type:"screen-layout",defaultValue:"two-vertical-equal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"images",type:"visuals-with-caption",theme:{caption:{textStyle:"text"}},label:(0,l.defineMessage)({id:"59f2bg",defaultMessage:[{type:0,value:"Images"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],Xt={container:"micromag-screen-gallery-feed-container",emptyCaption:"micromag-screen-gallery-feed-emptyCaption",emptyImage:"micromag-screen-gallery-feed-emptyImage",callToAction:"micromag-screen-gallery-feed-callToAction",isPlaceholder:"micromag-screen-gallery-feed-isPlaceholder",layout:"micromag-screen-gallery-feed-layout"},Qt={layout:m().oneOf(["normal","reverse"]),images:m().oneOfType([a.PropTypes.imageElementsWithCaption,a.PropTypes.imageMedias]),withCaptions:m().bool,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,type:m().string,className:m().string},Jt=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,o=e.spacing,s=e.background,d=e.callToAction,m=e.current,b=e.active,w=e.transitions,C=e.transitionStagger,E=e.type,M=e.className,S=(0,y.useTrackScreenEvent)(E),k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=k.menuOverScreen,P=k.resolution,O=(0,g.useViewer)().menuSize,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=A.isStatic,z=A.isCapture,q=m&&(Z||R),j=m||b||!Z,B=null!==a?a.length:0,V=(0,f.useState)(0),W=(0,u.Z)(V,2),_=W[0],G=W[1],H=_>=B,U=m&&H,X=L||z||I||F||R,Q=!R&&X||!m,J=(0,f.useCallback)((function(){G(_+1)}),[_,G]),K="reverse"===n,$=[],ee=R&&0===B?[null]:a,te=I?(0,v.Z)(Array(5)):ee,ne=(0,y.useResizeObserver)(),ae=ne.ref,le=(ne.entry.contentRect||{}).width;(te||[]).forEach((function(e,t){var n=l?e:{media:e},a=(n||{}).caption,r=void 0===a?null:a,u=(0,h.isImageFilled)(n),s=(0,h.isTextFilled)(r),c=f.createElement(p.ScreenElement,{key:"image-".concat(t),placeholder:"image",emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Xt.emptyImage,isEmpty:!u},f.createElement("div",{className:Xt.imageContainer,ref:0===t?ae:null},f.createElement(Nt,Object.assign({},n,{width:le,resolution:P,onLoaded:J,playing:q})))),d=null;if(l){var m=!K||t>0?o/2:0,g=K||t<(te||[]).length-1?o/2:0;d=f.createElement(p.ScreenElement,{key:"caption-".concat(t),placeholder:"text",placeholderProps:{lines:2},emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:Xt.emptyCaption,isEmpty:!s},f.createElement("div",{className:Xt.caption,style:{marginTop:m,marginBottom:g}},f.createElement(Y,Object.assign({},r,{className:Xt.captionText}))))}K?(l&&$.push(d),$.push(c)):($.push(c),l&&$.push(d)),!I&&t<(te||[]).length-1&&$.push(f.createElement("div",{key:"spacing-".concat(t),style:{height:o}}))}));var re=null!==d&&!0===d.active,oe=(0,f.useState)(!1),ue=(0,u.Z)(oe,2),se=ue[0],ce=ue[1],de=(0,y.useResizeObserver)(),me=de.ref,pe=(de.entry.contentRect||{}).height,ge=void 0===pe?0:pe;!I&&re&&$.push(f.createElement("div",{key:"cta-spacer",style:{height:ge}}));var ye=(0,f.useCallback)((function(e){e.initial&&S("scroll","Screen"),ce(!0)}),[S]),he=(0,f.useCallback)((function(){ce(!1)}),[ce]);return f.createElement("div",{className:c()([Xt.container,(t={},(0,r.Z)(t,M,null!==M),(0,r.Z)(t,Xt.isPlaceholder,I),t)]),"data-screen-ready":H},I?null:f.createElement(D,{background:s,width:T,height:N,resolution:P,playing:q,shouldLoad:j}),f.createElement(fe,{width:T,height:N},f.createElement(pt.default,{disabled:Q,onScrolledBottom:ye,onScrolledNotBottom:he},f.createElement(xe,{className:Xt.layout,style:I?null:{padding:o,paddingTop:(x&&!F?O:0)+o}},f.createElement(p.TransitionsStagger,{transitions:w,stagger:C,disabled:X,playing:U},$))),!I&&re?f.createElement(ie,{ref:me,className:Xt.callToAction,disabled:!se,animationDisabled:F,callToAction:d,focusable:m&&Z,screenSize:{width:T,height:N}}):null))};Jt.propTypes=Qt,Jt.defaultProps={layout:"normal",images:null,withCaptions:!1,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:75,type:null,className:null};var Kt=f.memo(Jt),$t=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.images,a=(0,Le.ri)(e,{images:n}),l=a.story,i=a.component,r=(0,Le.W2)(l,(0,v.Z)(i?[i]:[])),u=r.story,s=r.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(s?[s]:[]))})}}),en=[{id:"gallery-feed",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,l.defineMessage)({id:"4bHvRS",defaultMessage:[{type:0,value:"Gallery Feed"}]}),component:Kt,layouts:["normal"],transforms:$t,fields:[{name:"images",type:"visuals",label:(0,l.defineMessage)({id:"muYwrB",defaultMessage:[{type:0,value:"Images"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"gallery-feed-captions",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,l.defineMessage)({id:"XTJGzY",defaultMessage:[{type:0,value:"Gallery feed with captions"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(Kt,Object.assign({},t,{withCaptions:!0}))},layouts:["normal","reverse"],transforms:$t,fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"images",type:"visuals-with-caption",theme:{caption:{textStyle:"text"}},label:(0,l.defineMessage)({id:"T9NZPQ",defaultMessage:[{type:0,value:"Images"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],tn={container:"micromag-screen-image-container",image:"micromag-screen-image-image",disabled:"micromag-screen-image-disabled",hidden:"micromag-screen-image-hidden",placeholder:"micromag-screen-image-placeholder",content:"micromag-screen-image-content",emptyImage:"micromag-screen-image-emptyImage",emptyLegend:"micromag-screen-image-emptyLegend",emptyText:"micromag-screen-image-emptyText",emptyTitle:"micromag-screen-image-emptyTitle",imageContainer:"micromag-screen-image-imageContainer",placeholderImage:"micromag-screen-image-placeholderImage",callToAction:"micromag-screen-image-callToAction",isPlaceholder:"micromag-screen-image-isPlaceholder",layout:"micromag-screen-image-layout",isCard:"micromag-screen-image-isCard",isCardReverse:"micromag-screen-image-isCardReverse",isFullscreen:"micromag-screen-image-isFullscreen"},nn={layout:m().oneOf(["normal","fullscreen","reverse","card","card-reverse","title-top"]),image:a.PropTypes.imageMedia,imageFit:m().oneOf(["contain","cover"]),defaultImageFit:m().string,title:a.PropTypes.headingElement,text:a.PropTypes.textElement,legend:a.PropTypes.textElement,withTitle:m().bool,withText:m().bool,withLegend:m().bool,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,className:m().string},an=function(e){var t,n=e.layout,a=e.image,l=e.imageFit,o=e.defaultImageFit,s=e.title,d=e.text,m=e.legend,v=e.withTitle,b=e.withText,w=e.withLegend,C=e.spacing,E=e.background,M=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.className,x=(0,f.useMemo)((function(){return{fit:l||o}}),[l,o]),P=(0,g.useScreenSize)(),O=P.width,A=P.height,Z=P.menuOverScreen,F=P.resolution,I=(0,g.useViewer)().menuSize,R=(0,g.useScreenRenderContext)(),L=R.isView,z=R.isPreview,q=R.isPlaceholder,j=R.isEdit,B=R.isStatic,V=R.isCapture,W=S&&(L||j),_=S||k||!L,G=null!==a,H=(0,h.isTextFilled)(s),U=(0,h.isTextFilled)(d),X=(0,h.isTextFilled)(m),Q=(0,f.useState)(!G),J=(0,u.Z)(Q,2),K=J[0],$=J[1],ee=S&&K,te=B||V||q||z||j,ne=(0,f.useCallback)((function(){$(!0)}),[$]),ae="reverse"===n||"card-reverse"===n,le="title-top"===n,re="card"===n||"card-reverse"===n,oe="card-reverse"===n,ue="fullscreen"===n,se=ue||q?0:C,ce=(0,y.useResizeObserver)(),de=ce.ref,me=ce.entry.contentRect||{},pe=me.width,ge=me.height,ye=oe?"".concat(se/2,"px ").concat(-se/2,"px 0"):"0 ".concat(-se/2,"px ").concat(se/2,"px"),he=re||oe?ye:se/2,ve=[f.createElement("div",{key:"image",ref:de,className:tn.imageContainer,style:q?null:{margin:he}},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:tn.placeholderImage,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:tn.emptyImage,isEmpty:!G},G?f.createElement(p.Transitions,{transitions:T,playing:ee,disabled:te,fullscreen:!0},f.createElement(Nt,{className:tn.image,media:a,objectFit:x,width:pe,height:ge,resolution:F,playing:W,onLoaded:ne})):null)),v&&f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:tn.emptyTitle,isEmpty:!H},H?f.createElement(p.Transitions,{transitions:T,playing:ee,disabled:te},f.createElement("div",{style:q?null:{margin:se/2}},f.createElement(ft,s))):null),b&&f.createElement(p.ScreenElement,{key:"text",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:tn.emptyText,isEmpty:!U},U?f.createElement(p.Transitions,{transitions:T,playing:ee,disabled:te},f.createElement("div",{style:q?null:{margin:se/2}},f.createElement(Y,d))):null),w&&f.createElement(p.ScreenElement,{key:"legend",placeholder:"shortText",emptyLabel:f.createElement(i.Z,{id:"dqnkQk",defaultMessage:[{type:0,value:"Legend"}]}),emptyClassName:tn.emptyLegend,isEmpty:!X},X?f.createElement(p.Transitions,{transitions:T,playing:ee,disabled:te},f.createElement("div",{style:q?null:{margin:se/2}},f.createElement(Y,m))):null)];ae?ve.reverse():le&&v&&(H||q)&&ve.splice(0,0,ve.splice(1,1)[0]);var be=null!==M&&!0===M.active;!q&&be&&ve.push(f.createElement("div",{style:{margin:-se/2,marginTop:0},key:"call-to-action"},f.createElement(ie,{className:tn.callToAction,callToAction:M,animationDisabled:z,focusable:S&&L,screenSize:{width:O,height:A}})));var we=se/2,Ce=(Z&&!z?I:0)+se/2;return(re||ue)&&(Ce=0),oe&&(Ce=Z?I:se/2,we=0),f.createElement("div",{className:c()([tn.container,(t={},(0,r.Z)(t,N,null!==N),(0,r.Z)(t,tn.isReversed,ae),(0,r.Z)(t,tn.isPlaceholder,q),(0,r.Z)(t,tn.isCard,re),(0,r.Z)(t,tn.isCardReverse,oe),(0,r.Z)(t,tn.isFullscreen,ue),t)]),"data-screen-ready":K},q?null:f.createElement(D,{background:E,width:O,height:A,resolution:F,playing:W,shouldLoad:_}),f.createElement(fe,{width:O,height:A},f.createElement(xe,{className:tn.layout,fullscreen:!0,style:q?null:{padding:se/2,paddingTop:Ce,paddingBottom:we}},ve)))};an.propTypes=nn,an.defaultProps={layout:"normal",image:null,imageFit:null,defaultImageFit:"cover",title:null,text:null,legend:null,withTitle:!1,withText:!1,withLegend:!1,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,className:null};var ln=f.memo(an),rn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.layout,a=t.image,l=t.text,i=t.title,r=(0,Le.Ee)(e,a),u=r.story,s=r.component,c=(0,Le.nL)(u,i),d=c.story,m=c.component,f=(0,Le.xv)(d,l),p=f.story,g=f.component,y=[];switch(n){case"reverse":y=[].concat((0,v.Z)(g?[g]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(s?[s]:[]));break;case"title-top":y=[].concat((0,v.Z)(m?[m]:[]),(0,v.Z)(s?[s]:[]),(0,v.Z)(g?[g]:[]));break;default:y=[].concat((0,v.Z)(s?[s]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(g?[g]:[]))}var h=(0,Le.W2)(p,y),b=h.story,w=h.component;return(0,o.Z)((0,o.Z)({},b),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(w?[w]:[]))})}}),on=[{id:"image",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,l.defineMessage)({id:"uJ9eBc",defaultMessage:[{type:0,value:"Image"}]}),component:ln,layouts:["normal","fullscreen"],transforms:rn,fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,l.defineMessage)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,l.defineMessage)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"image-title",type:"screen",group:{label:(0,l.defineMessage)({id:"S/mavZ",defaultMessage:[{type:0,value:"Text and Images"}]}),order:3},title:(0,l.defineMessage)({id:"AA8TV9",defaultMessage:[{type:0,value:"Image with title"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(ln,Object.assign({},t,{withTitle:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:rn,fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,l.defineMessage)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,l.defineMessage)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"title",type:"heading-element",inline:!0,theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"image-text",type:"screen",group:{label:(0,l.defineMessage)({id:"S/mavZ",defaultMessage:[{type:0,value:"Text and Images"}]}),order:3},title:(0,l.defineMessage)({id:"CJmQeh",defaultMessage:[{type:0,value:"Image with text"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(ln,Object.assign({},t,{withText:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:rn,fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,l.defineMessage)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,l.defineMessage)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"image-title-text",type:"screen",group:{label:(0,l.defineMessage)({id:"S/mavZ",defaultMessage:[{type:0,value:"Text and Images"}]}),order:3},title:(0,l.defineMessage)({id:"eWIM/8",defaultMessage:[{type:0,value:"Image with title and text"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(ln,Object.assign({},t,{withTitle:!0,withText:!0}))},layouts:["normal","reverse","title-top","card","card-reverse"],transforms:rn,fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",isHorizontal:!1,label:(0,l.defineMessage)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,l.defineMessage)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"title",type:"text-element",inline:!0,theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"image-legend",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,l.defineMessage)({id:"H1YcaV",defaultMessage:[{type:0,value:"Image with legend"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(ln,Object.assign({},t,{withLegend:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:rn,fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,l.defineMessage)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,l.defineMessage)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"legend",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"3OS3Ms",defaultMessage:[{type:0,value:"Legend"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],un=n(6522),sn=n(2289),cn=n.n(sn),dn=[{elementType:"geometry",stylers:[{color:"#f5f5f5"}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{elementType:"labels.text.stroke",stylers:[{color:"#f5f5f5"}]},{featureType:"administrative.land_parcel",stylers:[{visibility:"off"}]},{featureType:"administrative.land_parcel",elementType:"labels.text.fill",stylers:[{color:"#bdbdbd"}]},{featureType:"administrative.neighborhood",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"poi",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"poi.business",stylers:[{visibility:"off"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#ffffff"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#dadada"}]},{featureType:"road.highway",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"road.local",stylers:[{visibility:"off"}]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"transit.line",elementType:"geometry",stylers:[{color:"#e5e5e5"}]},{featureType:"transit.station",elementType:"geometry",stylers:[{color:"#eeeeee"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#c9c9c9"}]},{featureType:"water",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]}],mn={onClick:["click",function(e){return e.getCenter()}],onCenterChanged:["center_changed",function(e){return e.getCenter()}],onBoundsChanged:["bounds_changed",function(e){return e.getBounds()}],onDragEnd:["dragend",function(e){return e.getCenter()}],onTilesLoaded:["tilesloaded",function(){}]},fn={center:m().shape({lat:m().number,lng:m().number}),zoom:m().number,maxZoom:m().number,bounds:m().object,draggable:m().bool,withoutStyle:m().bool,events:m().object,fitBounds:m().bool,zoomControl:m().bool,mapTypeControl:m().bool,scaleControl:m().bool,streetViewControl:m().bool,rotateControl:m().bool,fullscreenControl:m().bool,className:m().string,children:m().node,focusable:m().bool},pn=function(e){var t,n=e.center,a=e.zoom,l=e.maxZoom,i=e.bounds,o=e.draggable,s=e.withoutStyle,d=e.events,m=e.fitBounds,p=e.zoomControl,h=e.mapTypeControl,v=e.scaleControl,b=e.streetViewControl,w=e.rotateControl,C=e.fullscreenControl,E=e.className,M=e.children,S=e.focusable,k=function(e){var t=e.zoom,n=e.maxZoom,a=void 0===n?null:n,l=e.center,i=void 0===l?null:l,r=e.withoutStyle,o=void 0!==r&&r,s=e.fitBounds,c=void 0!==s&&s,d=e.bounds,m=void 0===d?null:d,p=e.events,h=e.draggable,v=void 0!==h&&h,b=e.zoomControl,w=e.mapTypeControl,C=e.scaleControl,E=e.streetViewControl,M=e.rotateControl,S=e.fullscreenControl,k=(0,g.useGoogleMapsClient)(),T=(0,f.useState)(!1),N=(0,u.Z)(T,2),x=N[0],P=N[1],O=(0,f.useRef)(null),A=(0,f.useRef)(null),Z=(0,y.useResizeObserver)(),F=Z.ref,I=Z.entry.contentRect||{},R=I.width,L=void 0===R?null:R,z=I.height,q=void 0===z?null:z;(0,f.useEffect)((function(){var e=A.current;if(null!==e&&null!==i){var t=i||{},n=t.lat,a=void 0===n?null:n,l=t.lng,r=void 0===l?null:l;e.panTo({lat:a||0,lng:r||0})}}),[i]),(0,f.useEffect)((function(){var e=A.current;null!==e&&null!==t&&e.setZoom(Math.min(a,t))}),[t,a]);var j=(0,f.useCallback)((function(e,t){null===t||t.equals(e.getBounds())||(e.fitBounds(t),e.getZoom()>a&&e.setZoom(a),e.panToBounds(t))}),[a]);return(0,f.useEffect)((function(){var e=A.current;null!==e&&c&&j(e,m)}),[j,m,c,L,q]),(0,f.useEffect)((function(){var e=A.current;x&&null!==e&&e.setOptions({draggable:v,scrollWheel:v,disableDoubleClickZoom:!v,gestureHandling:v?"cooperative":"none"})}),[x,v]),(0,f.useEffect)((function(){if(null===k||null===O.current||null!==A.current)return function(){};var e=new k.maps.Map(O.current,{zoom:t,center:i,styles:o?null:dn,zoomControl:b,mapTypeControl:w,scaleControl:C,streetViewControl:E,rotateControl:M,fullscreenControl:S});return c&&j(e,m),A.current=e,null!==p&&Object.keys(p).forEach((function(t){null!==p[t]&&e.addListener(mn[t][0],(function(){return p[t](mn[t][1](e))}))})),P(!0),function(){}}),[k,P]),{ref:(0,f.useCallback)((function(e){F.current=e,O.current=e}),[]),map:A.current,ready:x,loading:!x}}({zoom:a,maxZoom:l,bounds:i,draggable:o,fitBounds:m,center:n,events:d,withoutStyle:s,zoomControl:p,mapTypeControl:h,scaleControl:v,streetViewControl:b,rotateControl:w,fullscreenControl:C}),T=k.map,N=k.ref;return f.createElement("div",{className:c()(["micromag-element-map-container",(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,"micromag-element-map-preventScroll",!o),t)])},f.createElement("div",{ref:N,className:"micromag-element-map-map",tabIndex:S?"0":"-1"}),f.Children.map(M,(function(e){return f.cloneElement(e,{map:T})})))};pn.propTypes=fn,pn.defaultProps={center:null,zoom:null,maxZoom:16,bounds:null,events:null,fitBounds:!1,draggable:!0,withoutStyle:!1,zoomControl:!1,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,rotateControl:!1,fullscreenControl:!1,className:null,children:null,focusable:!0};var gn={onClick:"click",onDoubleClick:"dblclick"},yn={map:m().object,position:m().shape({lat:m().number,lng:m().number}).isRequired,type:m().string,events:m().object,active:m().bool,title:m().string,image:a.PropTypes.imageMedia,iconSize:m().shape({width:m().number,height:m().number})},hn=function(e){var t=e.map,n=e.position,a=e.type,l=e.events,i=e.active;return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.position,a=void 0===n?null:n,l=t.icon,i=void 0===l?null:l,r=t.iconSize,o=void 0===r?null:r,u=t.events,s=t.title,c=(0,g.useGoogleMapsClient)(),d=(0,f.useRef)(null);(0,f.useEffect)((function(){var e=d.current;null!==e&&null!==a&&e.setPosition(a)}),[a]);var m=(0,f.useCallback)((function(e,t){if(null!==c)if(cn()(t)){var n=(t||{}).url,a=void 0===n?null:n;e.setIcon({url:a,scaledSize:new c.maps.Size(o.width,o.height)})}else e.setIcon(t)}),[c,o]);(0,f.useEffect)((function(){var e=d.current;null!==e&&null!==c&&m(e,i)}),[c,i,m]),(0,f.useEffect)((function(){if(null===c||null===e||null!==d.current)return function(){};var t=new c.maps.Marker({position:a,map:e,title:s});return m(t,i),Object.keys(u).forEach((function(e){t.addListener(gn[e],u[e])})),d.current=t,function(){c.maps.event.clearInstanceListeners(t),t.setMap(null)}}),[c,e]),d.current}(t,{position:n,type:a,events:l,title:e.title,icon:e.image||(i?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAC+ElEQVR4AWIgBP7//88DxCGAWssB1pIkCsO1iLG27WCtYG17x3Ywtm3bthlNMLZtz/NrXvStM/cbP/Vln6RSOfq/xqlOi2nO10bxUe26RRKLRdnxiZOnTqVpQO6NOc5AiYSd6O4dRcbAnlJQv4rk/fWt5HzzkbDjEydPHfX0pQr6Q4dcI7RqqZP7Z1z8i/cSLuqop4/+ZCB3iOt214UFVkG9SoikvOijHx1fGAXeqWNm7u9f0Zj2oh+dCoHcOlfkA0oZiB66ZYaBZ53uo/N7pOiWGBqmyF21xKEg24uhQf/mOWJsmaYgYOiiDwfYn5yTRE2X42vNWy/KyKcelZ6PPMCOTzwhEH04ii8ABzMRaNwzj0uXB+8rs4gnAqIPR/HJ4UvgV8wdlICUXOR9+9GHo/jG8enxK+aR+cDI+/ajD0eJ50Vzvv3Yt5h35Acj79ePPhylbetyXuVfA70z9OEoXVy0pbBl40DfGfpwVMy1R1kTRnpBTqM1cZQHh3P2Tiwv1wzynKEPR2HaNI4VNmsQyBcE3bj+UTgYE1kncmCvFQQMXRGpfQsmcre27fNFHVtkFYSeOM459OHcDvw+/mwtzkQ2QOigh64qz7RlrXRmTw1nA4ZOXG+F3z/Iozrkmvm1/80IRD866CkfY1hqeSeOGZnA6EdHJWPaNjdYw/tH0wHRR38q/43Padcx8/75ISUQ9fTRr1IxiUZbR7ZtSulxUk9fsoySZ8+xjxZ1bpkUiDrq6Uv3f/9TXVxk53z3qS+IPHXUq0xMbHuRNWGk77CQp05laiLysoRCbu4vn5cLIk6eOpUN06a52J46zisPRpy8ypaJyOvaMqycrz4sAcInTl5l07RprC3u1qYEDJ+4yraJSI3w5vVmiXO1dYNJPAjYQzo+CDlfvi+A2PGJqyBMG8aegiY1BRg7vgrKYqY53RjUS4Cx4wcGk1isa3zUNTB2/OBgIvVDq5bawNjxg4R96Z07U5T393fCjh8k7E7t2PPEi7rs+Kn0XwF82Z38cjx5pwAAAABJRU5ErkJggg==":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTA3VDE2OjQ0OjQ4LTA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0wN1QxNzo1MToxMi0wNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNC0wN1QxNzo1MToxMi0wNDowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMDRhNzAzOS01Mjk1LTQzNjktYmMxNS1kYzEzODM3NDQ0MmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA0YTcwMzktNTI5NS00MzY5LWJjMTUtZGMxMzgzNzQ0NDJiIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTA0YTcwMzktNTI5NS00MzY5LWJjMTUtZGMxMzgzNzQ0NDJiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDRhNzAzOS01Mjk1LTQzNjktYmMxNS1kYzEzODM3NDQ0MmIiIHN0RXZ0OndoZW49IjIwMjAtMDQtMDdUMTY6NDQ6NDgtMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5lxvhNAAAEzUlEQVRYhbWXTWgbRxiG329mNLuKtVrrEMlEQsL4YhNIIoiQffFhcwkG44MugRBIXFpyq2+BUnJom0Mgh/bWQ35EcimE3kJoAg605BZMqLB7SEKMChKKA7bDypK1vz1UNrZr70qx+l52Z76fZ2b4ZoYhhMj3/RiAi51O55LneWeFECeFEEOO42w5jvORMfanoii/APiNiJpBuSgAMmxZ1k3O+fVarWZVKhW9Xq/DNE20221Eo1FomoZTp07hzJkzn9LptHRd92cp5XdEtNkzzPf9km3bD1ZWVsTi4mK02QwcMAAgFovhwoUL7dOnTzuRSOQaEf0aCPN9n2zb/t627YVHjx4NNRqNUMhBjYyM4MqVK1uRSORHKeW3R8Isy/phc3Pz63K5HGu1Wn2DdnTixAlcvXq1OTw8/NNeINv56S7dwnFBANBqtVAul2O2bS/4vl/a6acuaNi27b/v37+vfc7SHaWRkRHMz8+bkUgkS0SbDAAsy7q5vLwsBgkCgEajgZWVFWFZ1k0AYL7vxzjn11+8eBEdKKmrxcXFKOf8uu/7MQHgYq1Ws5rNZiisWq1ibW1td58lk0nkcrnAmGaziVqtZmWz2Yui0+lcqlQqehjo9evX2NjY2G2bpgnTNLG+vo58Ph8YW6lU9FQqdYl5nne2Xq+HzmgvaK82NjZQrVYD4+v1OjzPO8uEECdN0wx0XltbO5bdNE0IIU4yzvlQu90OdB6EnXM+xGzbXo/H44HO0Whw7YTZ4/E4bNteZ57nVROJRKBzMpk8lj2RSMDzvCrjnC+l02k3yDmXy+GoASUSidDyz2QyLud8iUkp7xYKheBFB5DP5zE2NgZN0yCEgKZpGBsbCy17ADh//nxbSnlXENFSu93+MDo6GltdXQ0MyuVyobM4qNHRUUQikQYRLTEAkFLeNgxjq68sPcowjC1VVW8D3SuGMfYgmUx+Gh8fHyhofHwcqVRqE0B5F0ZEjpTyy5mZmS3O+UBAnHPMzMxsRSKRr4jI2YV1gU+llH8YhmENAmYYhiWl/J2Inu70sb0OiqLMFwoFK2zfhCmZTKJQKFiKonyxt38fjIganPOFUqkUfFiGqFQqmZzzBSLadxuzg46c83u6ri8Xi0Xnc0DFYtHRdX2Zc37voO0/MABQFOWyYRjbYWfmQcXjcRiGsa0oyuXD7IfCiGhVCHFrbm6ur+Wcm5szhRC3iOjQ0+FQGAAwxu5kMpkPExMTPYEmJiaQyWQ+MMbuHJnzKEN3712bnZ1tCSECQUIIzM7OtqSU13b2VF+wLvAl5/z51NRUYLFMTU05nPPnRPQyyC8QBgBSyhvT09OOqqqH2lVVxfT0tCOlvBGWKxRGRG8cx3k2OTl56J03OTnpOo7zjIjeHBsGAKqqflMsFrcZ2+/OGEOxWNxWVfWbXvL0BCOivwC8OliZ3farrn0wMABQVfXhuXPn9r0K8/l8U1XVh73m6BkG4EkulxNE/z7piAjZbFYAeDJwGBF9dF33bTqdBgCk02m4rvuWiD4OHNZVJZVKAQC630o/wX3BFEV5r2maDwCapvmKorz/32BEVNd1vQ0Auq63iSj4RXIcGIB32WzW1jQN2WzWBvCuz/je5fs+63Q6j13XbXc6nce+7/c12H8A3aa8zLNKuWMAAAAASUVORK5CYII="),iconSize:e.iconSize}),null};hn.propTypes=yn,hn.defaultProps={map:null,events:null,active:!0,title:null,image:null,iconSize:{width:50,height:50}},m().object,m().arrayOf(m().shape({lat:m().number,lng:m().number})).isRequired,m().object,m().object,m().bool;var vn={center:m().shape({lat:m().number,lng:m().number}),zoom:m().number,draggable:m().bool,markers:m().arrayOf(m().object),onClickMap:m().func,onClickMarker:m().func,className:m().string,onReady:m().func,onCenterChanged:m().func,onBoundsChanged:m().func,onDragEnd:m().func,withoutStyle:m().bool,fitBounds:m().bool,zoomControl:m().bool,mapTypeControl:m().bool,scaleControl:m().bool,streetViewControl:m().bool,rotateControl:m().bool,fullscreenControl:m().bool,focusable:m().bool},bn=function(e){var t=e.center,n=e.zoom,a=e.draggable,l=e.markers,i=e.onClickMap,o=e.onClickMarker,s=e.className,d=e.onReady,m=e.onCenterChanged,p=e.onBoundsChanged,y=e.onDragEnd,h=e.withoutStyle,v=e.fitBounds,b=e.zoomControl,w=e.mapTypeControl,C=e.scaleControl,E=e.streetViewControl,M=e.rotateControl,S=e.fullscreenControl,k=e.focusable,T=(0,g.useGoogleMapsClient)(),N=(0,f.useCallback)((function(e){null!==i&&i(e)}),[i]),x=(0,f.useMemo)((function(){var e=(l||[]).filter((function(e){return null!==e&&null!==(e.geoPosition||null)}));return null===T||null===e||0===e.length?null:e.reduce((function(e,t){var n=t.geoPosition,a=(void 0===n?null:n)||{},l=a.lat,i=void 0===l?null:l,r=a.lng,o=void 0===r?null:r;return null!==i&&null!==o&&e.extend(new T.maps.LatLng(i,o)),e}),new T.maps.LatLngBounds)}),[T,l]),P=(0,f.useState)(!1),O=(0,u.Z)(P,2),A=O[0],Z=O[1];(0,f.useEffect)((function(){null!==T&&A&&null!==d&&d(T)}),[T,A,d]);var F=(0,f.useCallback)((function(){return Z(!0)}),[Z]),I=(0,f.useMemo)((function(){return{onClick:N,onCenterChanged:m,onBoundsChanged:p,onDragEnd:y,onTilesLoaded:F}}),[N,m,p,y,F]);return f.createElement("div",{className:c()(["micromag-element-map-container",(0,r.Z)({},s,null!==s)])},f.createElement(pn,{center:t,zoom:n,withoutStyle:h,bounds:x,draggable:a,events:I,fitBounds:v,zoomControl:b,mapTypeControl:w,scaleControl:C,streetViewControl:E,rotateControl:M,fullscreenControl:S,focusable:k},null!==l?l.map((function(e,t){var n=e.active,a=void 0===n||n,l=e.geoPosition,i=void 0===l?null:l,r=e.image,u=void 0===r?null:r,s=e.title,c=void 0===s?null:s;return null!==i&&null!==(i.lat||null)&&null!==(i.lng||null)?f.createElement(hn,{key:"marker-".concat(t),active:a,title:null!==c&&(0,un.Z)(c.body)?c.body:null,image:u,position:i,events:{onClick:null!==o?function(e){return o(e,t)}:function(){return console.log(t)}}}):f.createElement("div",null)})):null))};bn.propTypes=vn,bn.defaultProps={center:null,zoom:null,draggable:!0,markers:[],onClickMap:null,onClickMarker:null,className:null,onReady:null,onCenterChanged:null,onBoundsChanged:null,onDragEnd:null,withoutStyle:!1,fitBounds:!1,zoomControl:!1,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,rotateControl:!1,fullscreenControl:!1,focusable:!0};var wn={container:"micromag-screen-map-container",markerOverlayContainer:"micromag-screen-map-markerOverlayContainer",markerOverlayScrollable:"micromag-screen-map-markerOverlayScrollable",splash:"micromag-screen-map-splash",disabled:"micromag-screen-map-disabled",hidden:"micromag-screen-map-hidden",placeholder:"micromag-screen-map-placeholder",content:"micromag-screen-map-content",markerOverlaySafe:"micromag-screen-map-markerOverlaySafe",markerOverlay:"micromag-screen-map-markerOverlay",markerOverlayContent:"micromag-screen-map-markerOverlayContent",markerOverlayContentInner:"micromag-screen-map-markerOverlayContentInner",swipeIndicator:"micromag-screen-map-swipeIndicator",description:"micromag-screen-map-description",title:"micromag-screen-map-title",button:"micromag-screen-map-button",emptyButton:"micromag-screen-map-emptyButton",emptyDescription:"micromag-screen-map-emptyDescription",emptyTitle:"micromag-screen-map-emptyTitle",splashButton:"micromag-screen-map-splashButton",closeButton:"micromag-screen-map-closeButton",markerDescription:"micromag-screen-map-markerDescription",markerImage:"micromag-screen-map-markerImage",markerSubtitle:"micromag-screen-map-markerSubtitle",markerTitle:"micromag-screen-map-markerTitle",hasSelectedMarker:"micromag-screen-map-hasSelectedMarker",opened:"micromag-screen-map-opened"},Cn={layout:m().oneOf(["normal"]),draggable:m().bool,markers:m().oneOfType([a.PropTypes.markers,a.PropTypes.markersWithImage]),title:a.PropTypes.textElement,description:a.PropTypes.textElement,button:a.PropTypes.textElement,openedMarkerSpacerHeight:m().number,withMarkerImages:m().bool,center:a.PropTypes.geoPosition,zoom:m().number,fitBounds:m().bool,background:a.PropTypes.backgroundElement,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,onEnableInteraction:m().func,onDisableInteraction:m().func,type:m().string,className:m().string};function En(e){var t,n,a=e.layout,l=e.draggable,s=e.markers,d=e.title,m=e.description,v=e.button,b=e.openedMarkerSpacerHeight,w=e.withMarkerImages,C=e.zoom,E=e.center,M=e.fitBounds,S=e.background,k=e.current,T=e.active,N=e.transitions,x=e.onEnableInteraction,P=e.onDisableInteraction,O=e.type,A=e.className,Z=(0,Pe.Z)().locale,F=(0,g.useGoogleKeys)().apiKey,I=void 0===F?null:F,R=(0,y.useTrackScreenEvent)(O),L=(0,f.useState)(null),z=(0,u.Z)(L,2),j=z[0],B=z[1],D=null!==j,V=(0,f.useRef)(null),W=(0,g.useScreenSize)(),_=W.width,H=W.height,U=W.resolution,X=(S||{}).color,Q=(0,h.getStyleFromColor)(X),J=(0,g.useScreenRenderContext)(),K=J.isView,$=J.isPreview,ee=J.isPlaceholder,te=J.isEdit,ne=J.isStatic,ae=J.isCapture,le=(0,g.useScreenState)(),ie=(0,f.useState)(!1),re=(0,u.Z)(ie,2),oe=re[0],ue=re[1],se=k&&oe,ce=ne||ae||ee||$||te,de=!te&&ce||!k,me=k&&(K||te),pe=k||T||!K,ge=(0,f.useState)(ne||ae),ye=(0,u.Z)(ge,2),he=ye[0],ve=ye[1],be=(0,f.useCallback)((function(){return ue(!0)}),[ue]),we=(0,f.useMemo)((function(){return(s||[]).map((function(e,t){return(0,o.Z)((0,o.Z)({},e),{},{active:t===j})}))}),[s,j]),Ce=(0,f.useCallback)((function(){var e=we[j];V.current=e,B(null)}),[we,j,B]),Ee=(0,f.useCallback)((function(){var e=we[j];R("click_marker_close","Marker ".concat(j+1,": ").concat(e.title.body),{marker:e,markerIndex:j}),Ce()}),[we,j,R,Ce]),Me=(0,f.useCallback)((function(e,t){var n=we[t];B(t),R("click_marker_open","Marker ".concat(t+1,": ").concat(n.title.body),{marker:n,markerIndex:t})}),[we,B,R]),Se=(0,f.useCallback)((function(){ve(!0),null!==P&&P(),R("click_button",v.body)}),[ve,P,R,v]),ke=(0,f.useCallback)((function(){ve(!1),null!==x&&x(),R("click_close","Close icon"),Ce()}),[ve,x,R]),Te=(0,f.useCallback)((function(e){var t=e.toJSON();R("drag_map","Latitude: ".concat(t.lat.toFixed(4),", Longitude: ").concat(t.lng.toFixed(4)),{coords:t})}),[R]),Ne=(0,f.useCallback)((function(e){if(e.initial){var t=(s||[])[j];R("scroll","Marker ".concat(j+1,": ").concat(t.title.body),{marker:t,markerIndex:j})}}),[R,s,j]),xe=(0,y.useResizeObserver)({disabled:!K}),Oe=xe.ref,Ae=(xe.entry.contentRect||{}).width,Ze=void 0===Ae?"100%":Ae,Fe=(0,f.useState)(0),Ie=(0,u.Z)(Fe,2),Re=Ie[0],Le=Ie[1],ze=Re===(s||[]).length,qe=oe&&(!w||ze);if((0,f.useEffect)((function(){if(w&&null!==s&&(s||[]).length){Le(0);var e=s.map((function(e){var t=(e||{}).image,n=((void 0===t?null:t)||{}).url,a=void 0===n?null:n;if(null!==a){var l=new Image;return l.src=a,l.onload=function(){Le((function(e){return Le(e+1)}))},l}return null}));return function(){e.filter((function(e){return null!==e})).forEach((function(e){e.onload=function(){}}))}}return function(){}}),[w,s]),(0,f.useEffect)((function(){if(te||$){var e=null!==le?le.split("."):[],t=(0,u.Z)(e,2),n=t[0],a=void 0===n?null:n,l=t[1],i=void 0===l?null:l;"intro"===a?(ve(!1),B(null)):"map"===a?(ve(!0),B(null)):"markers"===a&&(ve(!0),B(parseInt(i,10)))}}),[le,te,ve]),_>0&&H>0&&null!==I){var je=null!==s?s.filter((function(e){return null!==e})).filter((function(e){var t=e.geoPosition;return null!==(void 0===t?null:t)})):null;if(n="https://maps.googleapis.com/maps/api/staticmap?size=".concat(Math.round(_),"x").concat(Math.round(H)),null!==E&&(null===je||0===je.length)){var Be=E||{},De=Be.lat,Ve=void 0===De?null:De,We=Be.lng,_e=void 0===We?null:We;n+="&center=".concat(Ve,",").concat(_e)}null!==C&&(n+="&zoom=".concat(C)),null!==I&&(n+="&key=".concat(I)),null!==Z&&(n+="&language=".concat(Z)),null!==je&&(n+=je.map((function(e){var t=(e||{}).geoPosition,n=(void 0===t?null:t)||{},a=n.lat,l=void 0===a?null:a,i=n.lng,r=void 0===i?null:i,o=(e||{}).image,u=((void 0===o?null:o)||{}).url,s=void 0===u?null:u;return null!==l&&null!==r?"&markers=".concat(null!==s?"icon:".concat(s):"","%7C").concat(l,",").concat(r):""})).join(""))}var Ge=(D?we[j]:V.current)||{},He=Ge.title,Ue=void 0===He?null:He,Ye=Ge.subtitle,Xe=void 0===Ye?null:Ye,Qe=Ge.description,Je=void 0===Qe?null:Qe,Ke=Ge.image,$e=void 0===Ke?null:Ke,et=null!==Ue,tt=null!==Xe,nt=null!==Je,at=null!==$e,lt=(0,h.isTextFilled)(d),it=(0,h.isTextFilled)(m),rt=(0,h.isTextFilled)(v);return f.createElement("div",{className:c()([wn.container,(t={},(0,r.Z)(t,A,null!==A),(0,r.Z)(t,wn["".concat(a,"Layout")],null!==a),(0,r.Z)(t,wn.opened,he||$&&"intro"!==le),(0,r.Z)(t,wn.hasSelectedMarker,D),t)]),"data-screen-ready":qe},ee?null:f.createElement(q,{color:{color:"#FFFFFF",alpha:1},width:_,height:H,resolution:U,playing:me,shouldLoad:pe}),f.createElement(fe,{width:_,height:H},ee?f.createElement(p.PlaceholderMap,{className:wn.placeholder,withImages:w}):f.createElement(p.Transitions,{transitions:N,playing:se,fullscreen:!0,disabled:ce},$?f.createElement(Mt,{media:null!==n?{url:n,metadata:{width:Math.min(640,_),height:Math.min(640,H)}}:null,width:_,height:H,resolution:U,objectFit:{fit:"cover"}}):f.createElement(bn,{key:"map",center:E,zoom:C,draggable:l,markers:we,fitBounds:M,onClickMarker:Me,onReady:be,onDragEnd:Te}),f.createElement("div",{key:"marker-overlay",className:wn.markerOverlayContainer},f.createElement("div",{className:wn.markerOverlayScrollable},f.createElement(pt.default,{fullscreen:!0,disabled:de,onScrolledBottom:Ne},f.createElement(p.Button,{className:wn.markerOverlaySafe,onClick:Ee,withoutStyle:!0,style:{height:H*b},disabled:$,focusable:k&&K}),f.createElement("div",{className:wn.markerOverlay,style:{minHeight:H*(1-b)}},f.createElement("div",{className:wn.markerOverlayContent,style:Q},f.createElement("div",{className:wn.swipeIndicator}),f.createElement("div",{className:wn.markerOverlayContentInner,key:"markerContent-".concat(j),ref:Oe},at?f.createElement(Mt,{className:wn.markerImage,media:$e,width:Ze,resolution:U}):null,et?f.createElement(ft,Object.assign({className:wn.markerTitle},Ue)):null,tt?f.createElement(ft,Object.assign({size:3,className:wn.markerSubtitle},Xe)):null,nt?f.createElement(Y,Object.assign({className:wn.markerDescription},Je)):null)))))),f.createElement("div",{key:"splash",className:c()([wn.splash])},f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:wn.emptyTitle,isEmpty:!lt},f.createElement(ft,Object.assign({className:wn.title},d))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:wn.emptyDescription,isEmpty:!it},f.createElement(Y,Object.assign({className:wn.description},m))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:wn.emptyButton,isEmpty:!rt},f.createElement(G,{className:wn.splashButton,onClick:Se,buttonStyle:null!==v?v.buttonStyle:null,focusable:k&&K},rt?f.createElement(Y,Object.assign({},v,{className:wn.button})):f.createElement(i.Z,{id:"sXfFFw",defaultMessage:[{type:0,value:"Enter"}]})))),ne||ae||$||te?null:f.createElement(p.Button,{key:"close-button",className:wn.closeButton,onClick:ke,focusable:k&&K},"×"))))}En.propTypes=Cn,En.defaultProps={layout:"normal",draggable:!0,markers:[],center:{lat:45.5,lng:-73.56},zoom:10,fitBounds:!0,title:null,description:null,button:null,openedMarkerSpacerHeight:.75,withMarkerImages:!1,background:null,current:!0,active:!0,transitions:null,onEnableInteraction:null,onDisableInteraction:null,type:null,className:null};var Mn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.markers.find((function(e){var t=e.geoPosition,n=void 0===t?null:t;return null!==n&&null!==n.latitude&&null!==n.longitude}))||{}).geoPosition,a=(void 0===n?{}:n)||{},l=a.lat,i=void 0===l?null:l,r=a.lng,u=void 0===r?null:r,s=(0,Le.D5)(e,{latitude:i,longitude:u}),c=s.story,d=s.component,m=(0,Le.W2)(c,(0,v.Z)(d?[d]:[])),f=m.story,p=m.component;return(0,o.Z)((0,o.Z)({},f),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(p?[p]:[]))})}}),Sn=[{id:"map",type:"screen",group:{label:(0,l.defineMessage)({id:"Z27IP6",defaultMessage:[{type:0,value:"Map"}]}),order:6},title:(0,l.defineMessage)({id:"dPYwJG",defaultMessage:[{type:0,value:"Map"}]}),component:En,layouts:["normal"],transforms:Mn,states:[{id:"intro",label:(0,l.defineMessage)({id:"BgrRxZ",defaultMessage:[{type:0,value:"Intro"}]}),fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"button",type:"button-element",theme:{textStyle:"button"},label:(0,l.defineMessage)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})}]},{id:"map",label:(0,l.defineMessage)({id:"eYHEYe",defaultMessage:[{type:0,value:"Map"}]}),fields:[{name:"draggable",type:"toggle",defaultValue:!0,label:(0,l.defineMessage)({id:"A7ncT3",defaultMessage:[{type:0,value:"Draggable"}]})},{name:"fitBounds",type:"toggle",defaultValue:!0,label:(0,l.defineMessage)({id:"NVUpOG",defaultMessage:[{type:0,value:"Map fit markers"}]})},{name:"zoom",type:"slider",defaultValue:9,min:0,max:16,label:(0,l.defineMessage)({id:"vRzzo6",defaultMessage:[{type:0,value:"Zoom"}]})},{name:"center",type:"geo-position",label:(0,l.defineMessage)({id:"W5qWPj",defaultMessage:[{type:0,value:"Center"}]})}]},{id:"markers",label:(0,l.defineMessage)({id:"+LvOvJ",defaultMessage:[{type:0,value:"Markers"}]}),repeatable:!0,fieldName:"markers",fields:[{name:"title",type:"heading-element",label:(0,l.defineMessage)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"geoPosition",type:"geo-position",label:(0,l.defineMessage)({id:"u3ok54",defaultMessage:[{type:0,value:"Position"}]})}]}],fields:[{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"map-images",type:"screen",group:{label:(0,l.defineMessage)({id:"Z27IP6",defaultMessage:[{type:0,value:"Map"}]}),order:6},title:(0,l.defineMessage)({id:"ro6yHS",defaultMessage:[{type:0,value:"Map with image markers"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(En,Object.assign({},t,{withMarkerImages:!0}))},layouts:["normal"],transforms:Mn,fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"button",type:"button-element",theme:{textStyle:"button"},label:(0,l.defineMessage)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})},{name:"draggable",type:"toggle",defaultValue:!0,label:(0,l.defineMessage)({id:"A7ncT3",defaultMessage:[{type:0,value:"Draggable"}]})},{name:"markers",type:"markers-with-image",theme:{title:{textStyle:"heading3"},description:{textStyle:"text"}},label:(0,l.defineMessage)({id:"CW3KAC",defaultMessage:[{type:0,value:"Markers with image"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]}],kn=n(1757),Tn=n(7773),Nn={emptyAnswer:"micromag-screen-quiz-answers-emptyAnswer",button:"micromag-screen-quiz-answers-button",container:"micromag-screen-quiz-answers-container",items:"micromag-screen-quiz-answers-items",item:"micromag-screen-quiz-answers-item",rightAnswer:"micromag-screen-quiz-answers-rightAnswer",answered:"micromag-screen-quiz-answers-answered",userAnswer:"micromag-screen-quiz-answers-userAnswer",willCollapse:"micromag-screen-quiz-answers-willCollapse",didCollapsed:"micromag-screen-quiz-answers-didCollapsed",withoutGoodAnswer:"micromag-screen-quiz-answers-withoutGoodAnswer",isPlaceholder:"micromag-screen-quiz-answers-isPlaceholder",withGoodAnswer:"micromag-screen-quiz-answers-withGoodAnswer",resultIcon:"micromag-screen-quiz-answers-resultIcon",itemContent:"micromag-screen-quiz-answers-itemContent"},xn={items:a.PropTypes.quizAnswers.isRequired,answeredIndex:m().number,answersCollapseDelay:m().number,buttonsStyle:a.PropTypes.boxStyle,goodAnswerColor:a.PropTypes.color,badAnswerColor:a.PropTypes.color,withoutGoodAnswer:m().bool,focusable:m().bool,collapsed:m().bool,transitions:a.PropTypes.transitions,transitionPlaying:m().bool,transitionStagger:m().number,transitionDisabled:m().bool,onClick:m().func,onCollapse:m().func,onCollapsed:m().func,onTransitionEnd:m().func,className:m().string},Pn=function(e){var t,n=e.items,a=e.answeredIndex,l=e.answersCollapseDelay,s=e.buttonsStyle,d=e.goodAnswerColor,m=e.badAnswerColor,b=e.withoutGoodAnswer,w=e.focusable,C=e.collapsed,E=e.transitions,M=e.transitionPlaying,S=e.transitionStagger,k=e.transitionDisabled,T=e.onClick,N=e.onCollapse,x=e.onCollapsed,P=e.onTransitionEnd,O=e.className,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=null!==a,z=(null!==a?n[a]:{}).good,q=void 0!==z&&z,j=(0,y.useResizeObserver)(),B=j.ref,D=(j.entry.contentRect||{}).height,V=(0,y.useResizeObserver)(),W=V.ref,_=(V.entry.contentRect||{}).height,H=(0,f.useMemo)((function(){return null!==W.current?W.current.offsetTop:0}),[_]),U=!b,J=(0,f.useState)(null!==a),K=(0,u.Z)(J,2),$=K[0],ee=K[1],te=(0,f.useState)(C||null!==a),ne=(0,u.Z)(te,2),ae=ne[0],le=ne[1];(0,f.useEffect)((function(){var e=null;return null!==a&&U&&(e=setTimeout((function(){ee(!0),null!==N&&N()}),q?500:l)),function(){null!==e&&clearTimeout(e)}}),[a,b,ee,N,l,q]);var ie=(0,f.useCallback)((function(){null!==P&&P(),U&&$&&!ae&&(le(!0),null!==x&&x())}),[U,$,ae,ee,x,P]);return f.createElement("div",{className:c()([Nn.container,(t={},(0,r.Z)(t,Nn.answered,L),(0,r.Z)(t,Nn.withoutGoodAnswer,b),(0,r.Z)(t,Nn.withGoodAnswer,!b),(0,r.Z)(t,Nn.willCollapse,U&&$),(0,r.Z)(t,Nn.didCollapsed,U&&ae),(0,r.Z)(t,Nn.isPlaceholder,I),(0,r.Z)(t,O,null!==O),t)]),ref:B,style:L&&!ae&&(Z||R)&&U?{height:$?_:D}:null},null!==n||I?f.createElement("div",{className:Nn.items},(I||R&&0===n.length?(0,v.Z)(new Array(2)):n).map((function(e,t){var n,l=t===a,u=e||{},g=u.good,y=void 0!==g&&g,v=u.label,C=void 0===v?null:v,N=u.buttonStyle,x=void 0===N?null:N,P=(0,h.isTextFilled)(C);return ae&&!y?null:f.createElement("div",{key:"answer-".concat(t),ref:y?W:null,className:c()([Nn.item,(n={},(0,r.Z)(n,Nn.rightAnswer,y&&!b),(0,r.Z)(n,Nn.userAnswer,l),n)]),style:$&&y&&!ae&&U?{transform:"translateY(".concat(-H,"px)")}:null,onTransitionEnd:y||b&&l?ie:null},f.createElement("div",{className:Nn.itemContent},f.createElement(p.ScreenElement,{placeholder:"quizAnswer",placeholderProps:{good:0===t},emptyLabel:f.createElement(i.Z,{id:"+Ok+7S",defaultMessage:[{type:0,value:"Answer"}]}),emptyClassName:Nn.emptyAnswer,isEmpty:!P},P?f.createElement(p.Transitions,{transitions:E,playing:M,delay:(t+1)*S,disabled:k},f.createElement(G,{className:Nn.button,onClick:function(){return T(e,t)},disabled:F||L,focusable:w,buttonStyle:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromBox)(s)),(0,h.getStyleFromBox)(x))},!b&&y?f.createElement("span",{className:Nn.resultIcon,style:(0,h.getStyleFromColor)(d,"backgroundColor")},f.createElement(Q.FontAwesomeIcon,{className:Nn.faIcon,icon:X.faCheck})):null,!b&&L&&!q&&l?f.createElement("span",{className:Nn.resultIcon,style:(0,h.getStyleFromColor)(m,"backgroundColor")},f.createElement(Q.FontAwesomeIcon,{className:Nn.faIcon,icon:X.faTimes})):null,f.createElement(Y,Object.assign({},C,{className:Nn.optionLabel})))):null)))}))):null)};Pn.propTypes=xn,Pn.defaultProps={answeredIndex:null,answersCollapseDelay:2e3,buttonsStyle:null,goodAnswerColor:null,badAnswerColor:null,withoutGoodAnswer:!1,focusable:!1,collapsed:!1,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,onClick:null,onCollapse:null,onCollapsed:null,onTransitionEnd:null,className:null};var On={container:"micromag-screen-quiz-question-container",emptyQuestion:"micromag-screen-quiz-question-emptyQuestion",emptyResult:"micromag-screen-quiz-question-emptyResult",question:"micromag-screen-quiz-question-question",index:"micromag-screen-quiz-question-index",result:"micromag-screen-quiz-question-result",resultContent:"micromag-screen-quiz-question-resultContent",resultVisible:"micromag-screen-quiz-question-resultVisible",isPlaceholder:"micromag-screen-quiz-question-isPlaceholder"},An={question:a.PropTypes.textElement,answers:a.PropTypes.quizAnswers,result:m().shape({image:a.PropTypes.imageElement,text:a.PropTypes.textElement}),index:m().number,totalCount:m().number,answeredIndex:m().number,buttonsStyle:a.PropTypes.boxStyle,goodAnswerColor:a.PropTypes.color,badAnswerColor:a.PropTypes.color,focusable:m().bool,layout:m().string,callToActionHeight:m().number,showInstantAnswer:m().bool,withResult:m().bool,withoutGoodAnswer:m().bool,withoutIndex:m().bool,transitions:a.PropTypes.transitions,transitionPlaying:m().bool,transitionStagger:m().number,transitionDisabled:m().bool,onAnswerClick:m().func,onAnswerTransitionEnd:m().func,className:m().string,style:m().objectOf(m().oneOfType([m().string,m().number]))},Zn=function(e){var t,n=e.question,a=e.answers,l=e.result,o=e.index,s=e.totalCount,d=e.answeredIndex,m=e.buttonsStyle,v=e.goodAnswerColor,b=e.badAnswerColor,w=e.focusable,C=e.showInstantAnswer,E=e.withResult,M=e.withoutGoodAnswer,S=e.withoutIndex,k=e.layout,T=e.callToActionHeight,N=e.transitions,x=e.transitionPlaying,P=e.transitionStagger,O=e.transitionDisabled,A=e.onAnswerClick,Z=e.onAnswerTransitionEnd,F=e.className,I=e.style,R=(0,g.useScreenRenderContext)().isPlaceholder,L="split"===k,z=L?null:k,q=(0,h.isTextFilled)(n),j=(0,h.isTextFilled)(l),B=(0,f.useState)(C),D=(0,u.Z)(B,2),V=D[0],W=D[1],_=null!==d,G=(0,y.useResizeObserver)(),H=G.ref;(G.entry.contentRect||{}).height;var U=(0,f.useCallback)((function(){W(!0)}),[W]),X=null!==o&&null!==s;return f.createElement(xe,{className:c()([On.container,(t={},(0,r.Z)(t,On.isPlaceholder,R),(0,r.Z)(t,On.resultVisible,V),(0,r.Z)(t,F,null!==F),t)]),fullscreen:!0,verticalAlign:z,style:I},[!S&&X?f.createElement(p.ScreenElement,{key:"stats",placeholder:f.createElement("div",{className:On.index},"1 / 10")},s>1?f.createElement(p.Transitions,{transitions:N,playing:x,disabled:O},f.createElement("div",{className:On.index},o+1," / ",s)):null):null,f.createElement(p.ScreenElement,{key:"question",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"FOmgqv",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:On.emptyQuestion,isEmpty:!q},q?f.createElement(p.Transitions,{transitions:N,playing:x,disabled:O},f.createElement(ft,Object.assign({},n,{className:On.question}))):null),L?f.createElement(Ee,{key:"spacer"}):null,f.createElement(Pn,{key:"answers",items:a||[],answeredIndex:d,goodAnswerColor:v,badAnswerColor:b,withoutGoodAnswer:M,buttonsStyle:m,focusable:w,transitions:N,transitionStagger:P,transitionPlaying:x,transitionDisabled:O,onClick:A,onCollapse:U,onTransitionEnd:Z}),E?f.createElement("div",{className:On.result,key:"results",ref:H},f.createElement("div",{className:On.resultContent},f.createElement(p.ScreenElement,{emptyLabel:_?f.createElement(i.Z,{id:"li7ADr",defaultMessage:[{type:0,value:"Result"}]}):null,isEmpty:_&&!j,emptyClassName:On.emptyResult},j&&null!==a?f.createElement(p.Transitions,{transitions:N,playing:x,delay:(1+a.length)*P,disabled:O},f.createElement(Y,Object.assign({},l,{className:On.resultText})),null!==T?f.createElement("div",{style:{height:T}}):null):null))):null])};Zn.propTypes=An,Zn.defaultProps={question:null,answers:null,result:null,index:null,totalCount:null,answeredIndex:null,buttonsStyle:null,goodAnswerColor:null,badAnswerColor:null,focusable:!1,layout:null,callToActionHeight:null,showInstantAnswer:!1,withResult:!1,withoutGoodAnswer:!1,withoutIndex:!1,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,onAnswerClick:null,onAnswerTransitionEnd:null,className:null,style:null};var Fn={container:"micromag-screen-quiz-container",disabled:"micromag-screen-quiz-disabled",hidden:"micromag-screen-quiz-hidden",placeholder:"micromag-screen-quiz-placeholder",content:"micromag-screen-quiz-content",layout:"micromag-screen-quiz-layout",callToAction:"micromag-screen-quiz-callToAction",transition:"micromag-screen-quiz-transition",intro:"micromag-screen-quiz-intro",question:"micromag-screen-quiz-question",results:"micromag-screen-quiz-results",enter:"micromag-screen-quiz-enter",left:"micromag-screen-quiz-left",enterActive:"micromag-screen-quiz-enterActive",exit:"micromag-screen-quiz-exit",exitActive:"micromag-screen-quiz-exitActive",background:"micromag-screen-quiz-background"},In={id:m().string,layout:m().oneOf(["top","middle","bottom","split"]),question:a.PropTypes.textElement,answers:a.PropTypes.quizAnswers,result:m().shape({image:a.PropTypes.imageElement,text:a.PropTypes.textElement}),buttonsStyle:a.PropTypes.boxStyle,goodAnswerColor:a.PropTypes.color,badAnswerColor:a.PropTypes.color,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,type:m().string,className:m().string},Rn=function(e){var t=e.id,n=e.layout,a=e.question,l=e.answers,i=e.result,o=e.buttonsStyle,s=e.goodAnswerColor,d=e.badAnswerColor,m=e.spacing,p=e.background,h=e.callToAction,v=e.current,b=e.active,w=e.transitions,C=e.transitionStagger,E=e.type,M=e.className,S=t||"screen-id",k=(0,y.useTrackScreenEvent)(E),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=T.resolution,A=(0,g.useViewer)().menuSize,Z=(0,g.useScreenRenderContext)(),F=Z.isView,I=Z.isPreview,R=Z.isPlaceholder,L=Z.isEdit,z=Z.isStatic,q=Z.isCapture,j=v,B=z||q||R||I||L,V=v&&(F||L),W=v||b||!F,_=null!==h&&!0===h.active,G=(0,y.useResizeObserver)(),H=G.ref,U=(G.entry.contentRect||{}).height,Y=void 0===U?0:U,X=z||q,Q=null!==l?l.findIndex((function(e){return null!==e&&e.good})):null,J=(0,f.useState)(X?Q:null),K=(0,u.Z)(J,2),$=K[0],ee=K[1],te=ut({screenId:S}).create,ne=(0,f.useCallback)((function(e,t){null===$&&(ee(t),k("click_answer","".concat($+1,": ").concat(e.label.body),{answer:e,answerIndex:t}))}),[$,ee,k,l]);return(0,f.useEffect)((function(){!v&&L&&null!==$&&ee(null)}),[L,v,$,ee]),(0,f.useEffect)((function(){if(null!==$){var e=null!==$&&l?l[$]:{},t=e.good,n=void 0!==t&&t,a=e.label,i=((void 0===a?{}:a)||{}).body;te({choice:(void 0===i?"":i)||$,value:n?1:0})}}),[$,l,te]),f.createElement("div",{className:c()([Fn.container,(0,r.Z)({},M,null!==M)]),"data-screen-ready":!0},R?null:f.createElement(D,{background:p,width:N,height:x,resolution:O,playing:V,shouldLoad:W}),f.createElement(fe,{width:N,height:x},f.createElement(Zn,{question:a,answers:l,result:i,answeredIndex:$,buttonsStyle:o,goodAnswerColor:s,badAnswerColor:d,focusable:v&&F,showInstantAnswer:X,withResult:!0,layout:n,callToActionHeight:Y,transitions:w,transitionPlaying:j,transitionStagger:C,transitionDisabled:B,onAnswerClick:ne,className:Fn.question,style:R?null:{padding:m,paddingTop:(P&&!I?A:0)+m}}),!R&&_?f.createElement(ie,{ref:H,className:Fn.callToAction,callToAction:h,animationDisabled:I,focusable:v&&F,screenSize:{width:N,height:x}}):null))};Rn.propTypes=In,Rn.defaultProps={id:null,layout:"middle",question:null,answers:null,result:null,buttonsStyle:null,goodAnswerColor:null,badAnswerColor:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,type:null,className:null};var Ln={container:"micromag-screen-quiz-results-container",emptyDescription:"micromag-screen-quiz-results-emptyDescription",emptyTitle:"micromag-screen-quiz-results-emptyTitle",title:"micromag-screen-quiz-results-title",isPlaceholder:"micromag-screen-quiz-results-isPlaceholder"},zn={title:a.PropTypes.textElement,description:a.PropTypes.textElement,layout:m().string,transitions:a.PropTypes.transitions,transitionPlaying:m().bool,transitionStagger:m().number,transitionDisabled:m().bool,className:m().string,style:m().objectOf(m().oneOfType([m().string,m().number]))},qn=function(e){var t=e.layout,n=e.title,a=e.description,l=e.transitions,o=e.transitionPlaying,u=e.transitionStagger,s=e.transitionDisabled,d=e.className,m=e.style,g="split"===t,y=g?null:t,v=(0,h.isTextFilled)(n),b=(0,h.isTextFilled)(a);return f.createElement(xe,{className:c()([Ln.container,(0,r.Z)({},d,null!==d)]),fullscreen:!0,verticalAlign:y,style:m},[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Ln.emptyTitle,isEmpty:!v},v?f.createElement(p.Transitions,{transitions:l,playing:o,disabled:s},f.createElement(ft,Object.assign({},n,{className:Ln.title}))):null),g?f.createElement(Ee,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Ln.emptyDescription,isEmpty:!b},v?f.createElement(p.Transitions,{transitions:l,playing:o,disabled:s,delay:u},f.createElement(Y,Object.assign({},a,{className:Ln.description}))):null)])};qn.propTypes=zn,qn.defaultProps={title:null,description:null,layout:null,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,className:null,style:null};var jn={container:"micromag-screen-quiz-title-container",emptyDescription:"micromag-screen-quiz-title-emptyDescription",emptyTitle:"micromag-screen-quiz-title-emptyTitle",description:"micromag-screen-quiz-title-description",title:"micromag-screen-quiz-title-title",isPlaceholder:"micromag-screen-quiz-title-isPlaceholder"},Bn={title:a.PropTypes.textElement,description:a.PropTypes.textElement,button:a.PropTypes.textElement,layout:m().string,focusable:m().bool,transitions:a.PropTypes.transitions,transitionPlaying:m().bool,transitionStagger:m().number,transitionDisabled:m().bool,className:m().string,style:m().objectOf(m().oneOfType([m().string,m().number])),onClickButton:m().func},Dn=function(e){var t=e.layout,n=e.title,a=e.description,l=e.button,o=e.focusable,u=e.transitions,s=e.transitionPlaying,d=e.transitionStagger,m=e.transitionDisabled,y=e.className,v=e.style,b=e.onClickButton,w=(0,g.useScreenRenderContext)(),C=w.isPreview,E=w.isEdit,M="split"===t,S=M?null:t,k=(0,h.isTextFilled)(n),T=(0,h.isTextFilled)(a),N=(0,h.isTextFilled)(l);return f.createElement(xe,{className:c()([jn.container,(0,r.Z)({},y,null!==y)]),fullscreen:!0,verticalAlign:S,style:v},[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:jn.emptyTitle,isEmpty:!k},k?f.createElement(p.Transitions,{transitions:u,playing:s,disabled:m},f.createElement(ft,Object.assign({},n,{className:jn.title}))):null),f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:jn.emptyDescription,isEmpty:!T},T?f.createElement(p.Transitions,{transitions:u,playing:s,disabled:m,delay:d},f.createElement(Y,Object.assign({},a,{className:jn.description}))):null),M?f.createElement(Ee,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"button",placeholder:"button"},f.createElement(p.Transitions,{transitions:u,playing:s,disabled:m,delay:2*d},f.createElement(G,{disabled:C||E,focusable:o,buttonStyle:null!==l?l.buttonStyle:null,className:jn.button,onClick:b},N?f.createElement(Y,Object.assign({},l,{className:jn.label})):f.createElement(i.Z,{id:"D7LIZQ",defaultMessage:[{type:0,value:"Start"}]}))))])};Dn.propTypes=Bn,Dn.defaultProps={title:null,description:null,layout:null,button:null,focusable:!1,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,className:null,style:null,onClickButton:null};var Vn={id:m().string,layout:m().oneOf(["top","middle","bottom","split"]),introLayout:m().oneOf(["top","middle","bottom","split"]),title:a.PropTypes.textElement,description:a.PropTypes.textElement,questions:m().arrayOf(m().shape({text:a.PropTypes.textElement,answers:a.PropTypes.quizAnswers})),results:m().arrayOf(m().shape({title:a.PropTypes.textElement,description:a.PropTypes.textElement})),buttonsStyle:a.PropTypes.boxStyle,goodAnswerColor:a.PropTypes.color,badAnswerColor:a.PropTypes.color,spacing:m().number,background:a.PropTypes.backgroundElement,introButton:a.PropTypes.textElement,introBackground:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,type:m().string,className:m().string},Wn=function(e){var t,n=e.id,a=e.layout,l=e.introLayout,i=e.title,s=e.description,d=e.questions,m=e.results,p=e.buttonsStyle,h=e.goodAnswerColor,v=e.badAnswerColor,b=e.spacing,w=e.background,C=e.introBackground,E=e.introButton,M=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.transitionStagger,x=e.type,P=e.className,O=n||"screen-id",A=(0,y.useTrackScreenEvent)(x),Z=(0,g.useScreenSize)(),F=Z.width,I=Z.height,R=Z.menuOverScreen,L=Z.resolution,z=(0,g.useViewer)().menuSize,q=(0,g.useScreenRenderContext)(),j=q.isView,B=q.isPreview,V=q.isPlaceholder,W=q.isEdit,_=q.isStatic,G=q.isCapture,H=(0,g.useScreenState)(),U=null!==H?H.split("."):[],Y=(0,u.Z)(U,2),X=Y[0],Q=void 0===X?null:X,J=Y[1],K=void 0===J?0:J,$=S,ee=_||G||V||B||W,te=S&&(j||W),ne=S||k||!j,ae=null!==M&&!0===M.active,le=(0,y.useResizeObserver)(),re=le.ref,oe=(le.entry.contentRect||{}).height,ue=void 0===oe?0:oe,se=_||G,ce=null!==i||null!==s||W||"intro"===Q,de=(0,f.useState)(null),me=(0,u.Z)(de,2),pe=me[0],ge=me[1],ye="intro";null!==Q?ye="questions"===Q?parseInt(K,10):Q:!V&&ce||(ye=0);var he=(0,f.useState)(ye),ve=(0,u.Z)(he,2),be=ve[0],we=ve[1];(0,f.useEffect)((function(){B&&ce&&"intro"!==be&&we("intro")}),[B,ce,be,we]);var Ce=(0,f.useCallback)((function(e,t){ge((0,o.Z)((0,o.Z)({},pe),{},(0,r.Z)({},be,t))),A("click_answer","Question #".concat(be+1," ").concat(t+1,": ").concat(e.label.body),{question:d[be],questionIndex:be,answer:e,answerIndex:t})}),[pe,ge,A,d,be]),Ee=(0,f.useCallback)((function(){var e=be+1,t=d.length;e<t?we(e):e===t&&we("results")}),[d,be,we]),Me=(0,f.useCallback)((function(){we(0)}),[we]);(0,f.useEffect)((function(){!S&&W&&null!==pe&&ge(null)}),[W,S,pe,ge]);var Se=null!==d&&d.length>0&&d[be]||{},ke=Se.text,Te=void 0===ke?null:ke,Ne=Se.answers,xe=void 0===Ne?[]:Ne,Pe=Se.background,Oe=void 0===Pe?null:Pe,Ae=Se.layout,Ze=void 0===Ae?null:Ae,Fe=null!==pe&&void 0!==pe[be]?pe[be]:null,Ie=(0,f.useMemo)((function(){return null!==pe?Object.keys(pe).reduce((function(e,t){var n=(null!==d&&d[t]||{}).answers,a=((void 0===n?[]:n)[pe[t]]||{}).points;return(void 0===a?0:a)+e}),0):0}),[pe,d]),Re=ce&&"intro"===be,Le="results"===be,ze=!Re&&!Le,qe=(0,f.useMemo)((function(){return Le?"results"===Q?(m||[])[parseInt(K,10)]||null:(m||[]).sort((function(e,t){var n=e.points,a=void 0===n?0:n,l=t.points,i=void 0===l?0:l;return a===i?0:a>i?1:-1})).reduce((function(e,t){var n=(e||{}).points,a=void 0===n?0:n,l=(t||{}).points;return Ie>=a&&Ie<=(void 0===l?0:l)?t:e}),null):null}),[Le,m,Ie,Q,K]),je=qe||{},Be=je.background,De=void 0===Be?null:Be,Ve=je.layout,We=void 0===Ve?null:Ve,_e=ut({screenId:O}).create;(0,f.useEffect)((function(){Le&&!W&&_e({choice:pe,value:Ie})}),[Le,pe,_e]),(0,f.useEffect)((function(){(W||B)&&("questions"===Q?we(parseInt(K,10)):"results"===Q?we("results"):"intro"===Q&&we("intro"))}),[Q,K,W,we]);var Ge=w,He="background";Re&&null!==C?(Ge=C,He="results"):Le&&null!==De?(Ge=De,He="results"):ze&&null!==Oe&&(Ge=Oe,He="question_".concat(be));var Ue=(0,f.useRef)(be),Ye=(0,f.useMemo)((function(){if(be===Ue.current)return null;var e=Ue.current;return Ue.current=be,"intro"===be||"results"===e||e>be?"left":(Ue.current=be,"right")}),[be]);return f.createElement("div",{className:c()([Fn.container,(t={},(0,r.Z)(t,Fn[Ye],null!==Ye),(0,r.Z)(t,P,null!==P),t)]),"data-screen-ready":!0},V?null:f.createElement(kn.Z,null,f.createElement(Tn.Z,{key:He,classNames:Fn,timeout:1e3},f.createElement(D,{background:Ge,width:F,height:I,resolution:L,playing:te,shouldLoad:ne,className:Fn.background}))),f.createElement(fe,{width:F,height:I},f.createElement(kn.Z,null,[Re?f.createElement(Tn.Z,{key:"intro",classNames:Fn,timeout:1e3},f.createElement(Dn,{title:i,description:s,layout:l||a,button:E,focusable:S&&j,transitions:T,transitionPlaying:$,transitionStagger:N,transitionDisabled:ee,className:Fn.intro,style:V?null:{padding:b,paddingTop:(R&&!B?z:0)+b},onClickButton:Me})):null,ze?f.createElement(Tn.Z,{key:"question-".concat(be),classNames:Fn,timeout:1e3},f.createElement(Zn,{index:be,totalCount:(d||[]).length,question:Te,answers:xe,answeredIndex:Fe,buttonsStyle:p,goodAnswerColor:h,badAnswerColor:v,focusable:S&&j,showInstantAnswer:se,layout:Ze||a,withoutGoodAnswer:!0,callToActionHeight:ue,transitions:T,transitionPlaying:$,transitionStagger:N,transitionDisabled:ee,onAnswerClick:Ce,onAnswerTransitionEnd:Ee,className:Fn.question,style:V?null:{padding:b,paddingTop:(R&&!B?z:0)+b}})):null,Le?f.createElement(Tn.Z,{key:"results",classNames:Fn,timeout:2e3},f.createElement(qn,Object.assign({},qe,{layout:We||a,transitions:T,transitionPlaying:$,transitionStagger:N,transitionDisabled:ee,className:Fn.results,style:V?null:{padding:b,paddingTop:(R&&!B?z:0)+b}}))):null]),!V&&ae?f.createElement(ie,{ref:re,className:Fn.callToAction,callToAction:M,animationDisabled:B,focusable:S&&j,screenSize:{width:F,height:I}}):null))};Wn.propTypes=Vn,Wn.defaultProps={id:null,layout:"middle",introLayout:null,title:null,description:null,questions:null,results:null,buttonsStyle:null,goodAnswerColor:null,badAnswerColor:null,spacing:20,background:null,introButton:null,introBackground:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,type:null,className:null};var _n=[{id:"quiz",type:"screen",group:{label:(0,l.defineMessage)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,l.defineMessage)({id:"zW7IVm",defaultMessage:[{type:0,value:"Quiz"}]}),component:Rn,layouts:["top","middle","bottom","split"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"question",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"hVE7TA",defaultMessage:[{type:0,value:"Question"}]})},{name:"answers",type:"quiz-answers",theme:{label:{textStyle:"button"}},label:(0,l.defineMessage)({id:"KHWeV7",defaultMessage:[{type:0,value:"Answers"}]})},{name:"result",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"FJygXH",defaultMessage:[{type:0,value:"Result"}]})},{type:"fields",isList:!0,label:(0,l.defineMessage)({id:"R9DB4a",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"buttonsStyle",type:"box-style-form",label:(0,l.defineMessage)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})},{name:"goodAnswerColor",type:"color",label:(0,l.defineMessage)({id:"I2bIHm",defaultMessage:[{type:0,value:"Good answer color"}]})},{name:"badAnswerColor",type:"color",label:(0,l.defineMessage)({id:"ru3tjH",defaultMessage:[{type:0,value:"Bad answer color"}]})}]},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"quiz-multiple",type:"screen",group:{label:(0,l.defineMessage)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,l.defineMessage)({id:"ACkeH6",defaultMessage:[{type:0,value:"Quiz with multiple questions"}]}),component:Wn,layouts:["top","middle","bottom","split"],states:[{id:"intro",label:(0,l.defineMessage)({id:"BgrRxZ",defaultMessage:[{type:0,value:"Intro"}]}),fields:[{name:"introLayout",type:"screen-layout",defaultValue:"middle",screenState:"intro",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"introButton",type:"button-element",theme:{textStyle:"button"},label:(0,l.defineMessage)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})},{name:"introBackground",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"questions",label:(0,l.defineMessage)({id:"VMd1oG",defaultMessage:[{type:0,value:"Questions"}]}),repeatable:!0,fieldName:"questions",fields:[{name:"text",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"hVE7TA",defaultMessage:[{type:0,value:"Question"}]})},{name:"answers",type:"quiz-points-answers",theme:{label:{textStyle:"button"}},label:(0,l.defineMessage)({id:"KHWeV7",defaultMessage:[{type:0,value:"Answers"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"results",label:(0,l.defineMessage)({id:"uiTxd7",defaultMessage:[{type:0,value:"Results"}]}),repeatable:!0,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",screenState:"results",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"points",type:"number",isHorizontal:!0,label:(0,l.defineMessage)({id:"jWAJW4",defaultMessage:[{type:0,value:"Points"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]}],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"OPxJx/",defaultMessage:[{type:0,value:"Layout"}]})},{type:"fields",label:(0,l.defineMessage)({id:"LOknw0",defaultMessage:[{type:0,value:"Styles"}]}),isList:!0,fields:[{name:"buttonsStyle",type:"box-style-form",label:(0,l.defineMessage)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})}]},{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],Gn={body:m().string,textStyle:a.PropTypes.textStyle,linksStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,showEmpty:m().bool,className:m().string,emptyClassName:m().string},Hn=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,u=e.showEmpty,s=e.className,d=e.emptyClassName,m=null,g=null;null!==a&&(m=(0,o.Z)((0,o.Z)({},m),(0,h.getStyleFromText)(a))),null!==i&&(m=(0,o.Z)((0,o.Z)({},m),(0,h.getStyleFromMargin)(i))),null!==l&&(g=(0,o.Z)((0,o.Z)({},g),(0,h.getStyleFromText)(l)));var y=(0,f.useMemo)((function(){return null!==g?"quote-component-".concat((0,H.Z)()):null}),[null!==g]);return f.createElement(f.Fragment,null,null!==g?f.createElement(p.LinkStyle,{selector:"#".concat(y),style:g}):null,f.createElement("blockquote",{id:y,className:c()(["micromag-element-quote-container",(t={},(0,r.Z)(t,"micromag-element-quote-showEmpty",u),(0,r.Z)(t,d,u&&null!==d),(0,r.Z)(t,s,null!==s),t)]),style:m,dangerouslySetInnerHTML:{__html:n}}))};Hn.propTypes=Gn,Hn.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,showEmpty:!1,className:null,emptyClassName:null};var Un={container:"micromag-screen-quote-container",disabled:"micromag-screen-quote-disabled",hidden:"micromag-screen-quote-hidden",placeholder:"micromag-screen-quote-placeholder",content:"micromag-screen-quote-content",emptyAuthor:"micromag-screen-quote-emptyAuthor",emptyQuote:"micromag-screen-quote-emptyQuote",quote:"micromag-screen-quote-quote",withMargin:"micromag-screen-quote-withMargin",isPlaceholder:"micromag-screen-quote-isPlaceholder",layout:"micromag-screen-quote-layout"},Yn={layout:m().oneOf(["top","middle","bottom","split"]),quote:a.PropTypes.textElement,author:a.PropTypes.textElement,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},Xn=function(e){var t,n=e.layout,a=e.quote,l=e.author,o=e.spacing,u=e.background,s=e.callToAction,d=e.current,m=e.active,y=e.transitions,v=e.transitionStagger,b=e.className,w=(0,g.useScreenSize)(),C=w.width,E=w.height,M=w.menuOverScreen,S=w.resolution,k=(0,g.useViewer)().menuSize,T=(0,g.useScreenRenderContext)(),N=T.isView,x=T.isPreview,P=T.isPlaceholder,O=T.isEdit,A=T.isStatic,Z=T.isCapture,F=(0,h.isTextFilled)(a),I=(0,h.isTextFilled)(l),R="split"===n,L="top"===n,z="middle"===n,q=R?null:n,j=F&&I&&!R,B=d,V=A||Z||P||x||O,W=d&&(N||O),_=d||m||!N,G=null!==s&&!0===s.active,H=[!P&&G&&z?f.createElement(Ee,{key:"spacer-cta-top"}):null,f.createElement(p.ScreenElement,{key:"quote",placeholder:"quote",emptyLabel:f.createElement(i.Z,{id:"CrzYgw",defaultMessage:[{type:0,value:"Quote"}]}),emptyClassName:Un.emptyQuote,isEmpty:!F},F?f.createElement(Hn,Object.assign({className:c()([Un.quote,(0,r.Z)({},Un.withMargin,j)])},a)):null),R&&f.createElement(Ee,{key:"spacer"}),f.createElement(p.ScreenElement,{key:"author",placeholder:"subtitle",emptyLabel:f.createElement(i.Z,{id:"xYqGzM",defaultMessage:[{type:0,value:"Author"}]}),emptyClassName:Un.emptyAuthor,isEmpty:!I},I?f.createElement(Y,Object.assign({className:Un.author},l)):null),!P&&G&&(L||z)?f.createElement(Ee,{key:"spacer-cta-bottom"}):null,!P&&G?f.createElement("div",{style:{margin:-o,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:s,animationDisabled:x,focusable:d&&N,screenSize:{width:C,height:E}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([Un.container,(t={},(0,r.Z)(t,b,b),(0,r.Z)(t,Un.isPlaceholder,P),t)]),"data-screen-ready":!0},P?null:f.createElement(D,{background:u,width:C,height:E,resolution:S,playing:W,shouldLoad:_}),f.createElement(fe,{width:C,height:E},f.createElement(xe,{className:Un.layout,fullscreen:!0,verticalAlign:q,style:P?null:{padding:o,paddingTop:(M&&!x?k:0)+o}},f.createElement(p.TransitionsStagger,{transitions:y,stagger:v,disabled:V,playing:B},H))))};Xn.propTypes=Yn,Xn.defaultProps={layout:"top",quote:null,author:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null};var Qn=f.memo(Xn),Jn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.quote,a=t.author,l=(0,Le.pu)(e,n),i=l.story,r=l.component,u=(0,Le.S3)(i,a),s=u.story,c=u.component,d=(0,Le.W2)(s,[].concat((0,v.Z)(r?[r]:[]),(0,v.Z)(c?[c]:[]))),m=d.story,f=d.component;return(0,o.Z)((0,o.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),Kn={id:"quote",type:"screen",group:{label:(0,l.defineMessage)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,l.defineMessage)({id:"3q9GPv",defaultMessage:[{type:0,value:"Quote"}]}),component:Qn,layouts:["top","middle","bottom","split"],transforms:Jn,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"quote",type:"heading-element",fieldType:"multi",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"88/Ge8",defaultMessage:[{type:0,value:"Quote"}]})},{name:"author",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},$n={container:"micromag-screen-ranking-container",empty:"micromag-screen-ranking-empty",item:"micromag-screen-ranking-item",rankText:"micromag-screen-ranking-rankText",description:"micromag-screen-ranking-description",title:"micromag-screen-ranking-title",callToAction:"micromag-screen-ranking-callToAction",sideLayout:"micromag-screen-ranking-sideLayout",layout:"micromag-screen-ranking-layout",content:"micromag-screen-ranking-content",rank:"micromag-screen-ranking-rank",isPlaceholder:"micromag-screen-ranking-isPlaceholder",scroll:"micromag-screen-ranking-scroll"},ea={layout:m().oneOf(["side","over"]),items:m().arrayOf(a.PropTypes.textElement),numbersStyle:a.PropTypes.textStyle,ascending:m().bool,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,type:m().string,className:m().string},ta=function(e){var t,n=e.layout,a=e.items,l=e.numbersStyle,o=e.ascending,s=e.spacing,d=e.background,m=e.callToAction,b=e.current,w=e.active,C=e.transitions,E=e.transitionStagger,M=e.type,S=e.className,k=(0,y.useTrackScreenEvent)(M),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=T.resolution,A=(0,g.useViewer)().menuSize,Z=(0,g.useScreenRenderContext)(),F=Z.isView,I=Z.isPreview,R=Z.isPlaceholder,L=Z.isEdit,z=Z.isStatic,q=Z.isCapture,j=R?(0,v.Z)(new Array(10)).map((function(){return{}})):a||[null],B=null!==j?j.length:0,V=b,W=z||q||R||I||L,_=!L&&W||!b,G=b&&(F||L),H=b||w||!F,U=(j||[]).map((function(e,t){var n=e||{},a=n.title,r=void 0===a?null:a,u=n.description,s=void 0===u?null:u,c=(0,h.isTextFilled)(r),d=(0,h.isTextFilled)(s),m=f.createElement("div",{className:$n.title},f.createElement(p.ScreenElement,{placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:$n.empty,isEmpty:!c},c?f.createElement(p.Transitions,{transitions:C,playing:V,delay:E*t,disabled:W},f.createElement(ft,r)):null)),g=f.createElement("div",{className:$n.description},f.createElement(p.ScreenElement,{placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:$n.empty,isEmpty:!d},d?f.createElement(p.Transitions,{transitions:C,playing:V,delay:E*t,disabled:W},f.createElement(Y,s)):null)),y="".concat(o?t+1:B-t);return f.createElement("div",{className:$n.item,key:"item-".concat(t)},f.createElement("div",{className:$n.rank},R?y:f.createElement(p.Transitions,{transitions:C,playing:V,delay:E*t,disabled:W},f.createElement(Y,{className:$n.rankText,body:y,textStyle:l}))),f.createElement("div",{className:$n.content},m,g))})),X=null!==m&&!0===m.active,Q=(0,f.useState)(!1),J=(0,u.Z)(Q,2),K=J[0],$=J[1],ee=(0,y.useResizeObserver)(),te=ee.ref,ne=(ee.entry.contentRect||{}).height,ae=void 0===ne?0:ne;X&&U.push(f.createElement("div",{key:"call-to-action-spacer",style:{height:ae}}));var le=(0,f.useCallback)((function(e){e.initial&&k("scroll","Screen"),$(!0)}),[k]),re=(0,f.useCallback)((function(){$(!1)}),[$]);return f.createElement("div",{className:c()([$n.container,(t={},(0,r.Z)(t,S,null!==S),(0,r.Z)(t,$n["".concat(n,"Layout")],null!==n),(0,r.Z)(t,$n.isPlaceholder,R),t)]),"data-screen-ready":!0},R?null:f.createElement(D,{background:d,width:N,height:x,resolution:O,playing:G,shouldLoad:H}),f.createElement(fe,{width:N,height:x},f.createElement(pt.default,{className:$n.scroll,verticalAlign:"middle",disabled:_,onScrolledBottom:le,onScrolledNotBottom:re},f.createElement(xe,{className:$n.layout,style:R?null:{padding:s,paddingTop:(P&&!I?A:0)+s}},U)),!R&&X?f.createElement(ie,{ref:te,className:$n.callToAction,disabled:!K,animationDisabled:I,callToAction:m,focusable:b&&F,screenSize:{width:N,height:x}}):null))};ta.propTypes=ea,ta.defaultProps={layout:"side",items:[null],numbersStyle:null,ascending:!1,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:75,type:null,className:null};var na=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.items,a=void 0===n?[]:n,l=t.ascending,i=a||[],r=(void 0!==l&&l?i.reverse():i).reduce((function(e,t){var n=(0,Le.xv)(e.story,t.title),a=n.story,l=n.component,i=(0,Le.xv)(a,t.description),r=i.story,o=i.component,u=(0,Le.W2)(r,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(o?[o]:[]))),s=u.story,c=u.component;return{story:s,components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))}}),{story:e,components:[]})||{},u=r.story,s=r.components,c=void 0===s?[]:s,d=(0,Le.W2)(u,c),m=d.story,f=d.component;return(0,o.Z)((0,o.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),aa={id:"ranking",type:"screen",group:{label:(0,l.defineMessage)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:8},title:(0,l.defineMessage)({id:"17BMn2",defaultMessage:[{type:0,value:"Ranking"}]}),component:ta,layouts:["side","over"],transforms:na,fields:[{name:"layout",type:"screen-layout",defaultValue:"side",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"items",type:"entries",theme:{title:{textStyle:"heading2"},description:{textStyle:"text"}},label:(0,l.defineMessage)({id:"sESmah",defaultMessage:[{type:0,value:"Entries"}]})},{name:"ascending",type:"toggle",label:(0,l.defineMessage)({id:"9DhYaZ",defaultMessage:[{type:0,value:"Ascending"}]})},{name:"numbersStyle",type:"text-style",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"UdrdRF",defaultMessage:[{type:0,value:"Numbers style"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},la={container:"micromag-screen-survey-container",disabled:"micromag-screen-survey-disabled",hidden:"micromag-screen-survey-hidden",placeholder:"micromag-screen-survey-placeholder",content:"micromag-screen-survey-content",emptyAnswer:"micromag-screen-survey-emptyAnswer",emptyQuestion:"micromag-screen-survey-emptyQuestion",question:"micromag-screen-survey-question",answers:"micromag-screen-survey-answers",items:"micromag-screen-survey-items",item:"micromag-screen-survey-item",placeholderAnswer:"micromag-screen-survey-placeholderAnswer",itemContent:"micromag-screen-survey-itemContent",resultContainer:"micromag-screen-survey-resultContainer",resultContent:"micromag-screen-survey-resultContent",result:"micromag-screen-survey-result",resultLabel:"micromag-screen-survey-resultLabel",itemInner:"micromag-screen-survey-itemInner",button:"micromag-screen-survey-button",itemLabel:"micromag-screen-survey-itemLabel",answered:"micromag-screen-survey-answered",userAnswer:"micromag-screen-survey-userAnswer",isPlaceholder:"micromag-screen-survey-isPlaceholder",layout:"micromag-screen-survey-layout"},ia={id:m().string,layout:m().oneOf(["top","middle","bottom","split"]),question:a.PropTypes.textElement,answers:a.PropTypes.answers,buttonsStyle:a.PropTypes.boxStyle,resultsStyle:m().shape({barColor:a.PropTypes.color,textColor:a.PropTypes.color}),spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,withPercentLabels:m().bool,withoutResults:m().bool,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,resultTransitionDuration:m().number,type:m().string,className:m().string},ra=function(e){var t,n=e.id,a=e.layout,l=e.question,s=e.answers,d=e.buttonsStyle,m=e.resultsStyle,w=e.spacing,C=e.background,E=e.callToAction,M=e.withPercentLabels,S=e.withoutResults,k=e.current,T=e.active,N=e.transitions,x=e.transitionStagger,P=e.resultTransitionDuration,O=e.type,A=e.className,Z=n||"screen-id",F=(0,y.useTrackScreenEvent)(O),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,q=I.resolution,j=(0,g.useViewer)().menuSize,B=ut({screenId:Z}).create,V=(0,g.useScreenRenderContext)(),W=V.isView,_=V.isPreview,H=V.isPlaceholder,U=V.isEdit,X=V.isStatic,Q=V.isCapture,J=null!==E&&!0===E.active,K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,n=e.opts,a=void 0===n?{}:n,l=nt(),i=(0,f.useCallback)((function(){return null!==l?l.quiz.results(t):null}),[l,t]),r=null!==l?it(i,a):{data:null},u=r.data,s=(0,b.Z)(r,ot);return(0,o.Z)({quiz:u||[]},s)}({screenId:Z,opts:{autoload:!H}}),$=K.quiz,ee=void 0===$?[]:$,te=(0,h.isTextFilled)(l),ne=X||Q,ae=(0,f.useState)(ne?-1:null),le=(0,u.Z)(ae,2),re=le[0],oe=le[1],ue=null!==re,se=(0,f.useMemo)((function(){var e=null!==s?(ee||[]).reduce((function(e,t){var n=t.count;return e+parseInt(void 0===n?0:n,10)}),null!==re&&re>-1?1:0):0,t=null!==s?(s||[]).reduce((function(t,n,a){var l=(n||{}).label,i=((void 0===l?{}:l)||{}).body,u=void 0===i?null:i,s=(ee.find((function(e){return e.choice===u}))||{}).count,c=void 0===s?0:s,d=a===re?c+1:c;return null!==u?(0,o.Z)((0,o.Z)({},t),{},(0,r.Z)({},u,{percent:e>0?d/e*100:0,count:d})):t}),{}):{},n=e>0?Object.keys(t).map((function(e){return t[e].percent||0})):[],a=(0,h.getLargestRemainderRound)(n,100);return Object.keys(t).reduce((function(e,n,l){return(0,o.Z)((0,o.Z)({},e),{},(0,r.Z)({},n,(0,o.Z)((0,o.Z)({},t[n]),{},{percent:a[l]})))}),{})}),[s,ee,re]),ce="split"===a,de="top"===a,me="middle"===a,pe=ce?null:a,ge=k,ye=X||Q||H||_||U,he=k&&(W||U),ve=k||T||!W,be=(0,f.useCallback)((function(e){if(null===re){oe(e);var t=s[e];B({choice:t.label.body||e,value:1}),F("click_answer","Answer ".concat(re+1,": ").concat(t.label.body),{answer:t,answerIndex:e})}}),[re,oe,F,B]);(0,f.useEffect)((function(){!k&&U&&null!==re&&oe(null)}),[U,k,re,oe]);var we=[f.createElement(p.ScreenElement,{key:"question",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"e1I+KU",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:la.emptyQuestion,isEmpty:!te},te?f.createElement(p.Transitions,{transitions:N,playing:ge,disabled:ye},f.createElement(ft,Object.assign({},l,{className:la.question}))):null)];(ce||!H&&J&&me)&&we.push(f.createElement(Ee,{key:"spacer"}));var Ce=(0,f.useRef)([]),Me=(0,f.useRef)([]),Se=(0,f.useState)(null),ke=(0,u.Z)(Se,2),Te=ke[0],Ne=ke[1],Pe=ne?0:"".concat(P,"ms"),Oe=(0,f.useState)(!1),Ae=(0,u.Z)(Oe,2),Ze=Ae[0],Fe=Ae[1];(0,f.useEffect)((function(){if(null!==s&&!H){var e=s.reduce((function(e,t,n){var a=Ce.current[n]||null,l=Me.current[n]||null;if(null!==a&&null!==l){var i=a.offsetWidth-a.clientWidth+l.getBoundingClientRect().width+20;return Math.max(e,i)}return e}),0);Ne(Math.min(.75*R,Math.max(.2*R,e))),Fe(!0)}}),[s,R,L,Ne,Pe,H]);var Ie=m||{},Re=Ie.barColor,Le=void 0===Re?null:Re,ze=Ie.textColor,qe=void 0===ze?null:ze;return we.push(f.createElement("div",{key:"answers",className:la.answers},null!==s||H?f.createElement("div",{className:la.items},(H?(0,v.Z)(new Array(3)):s).map((function(e,t){var n=null!==e,a=e||{},l=a.label,u=void 0===l?null:l,s=a.buttonStyle,m=void 0===s?null:s,g=a.resultStyle,y=(void 0===g?null:g)||{},v=y.barColor,b=void 0===v?null:v,w=y.textColor,C=(u||{}).body,E=void 0===C?null:C,T=(null!==E&&se[E]||{}).percent,P=void 0===T?0:T,O=(u||{}).textStyle,A=void 0===O?null:O,Z=(A||{}).color,F=void 0===Z?null:Z,I=(0,h.isTextFilled)(u),R=re===t;return f.createElement("div",{key:"answer-".concat(t),className:c()([la.item,(0,r.Z)({},la.userAnswer,R)])},f.createElement(p.ScreenElement,{placeholder:"surveyAnswer",placeholderProps:{className:la.placeholderAnswer},emptyLabel:f.createElement(i.Z,{id:"+Ok+7S",defaultMessage:[{type:0,value:"Answer"}]}),emptyClassName:la.emptyAnswer,isEmpty:!I},n?f.createElement(p.Transitions,{transitions:N,playing:ge,delay:(t+1)*x,disabled:ye},f.createElement("div",{className:la.itemContent},f.createElement("div",{className:la.itemInner,style:{width:ue&&!S?Te:null,transitionDuration:Pe}},f.createElement(G,{className:la.button,onClick:function(){return be(t)},refButton:function(e){Ce.current[t]=e},disabled:_,focusable:k&&W,buttonStyle:ue?null:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromBox)(d)),(0,h.getStyleFromBox)(m))},f.createElement("span",{className:la.itemLabel,ref:function(e){Me.current[t]=e}},f.createElement(Y,Object.assign({},u,{textStyle:A,inline:!0,className:la.itemText}))))),f.createElement("div",{className:la.resultContainer,style:{transitionDuration:Pe}},f.createElement("div",{className:la.resultContent,style:{transitionDelay:Pe,transitionDuration:Pe}},f.createElement("div",{className:la.result,style:(0,o.Z)({width:S?null:"".concat(P,"%")},(0,h.getStyleFromColor)(ue?b||Le||F:null,"backgroundColor"))},M&&!S?f.createElement("div",{className:la.resultLabel,style:(0,o.Z)({},(0,h.getStyleFromColor)(ue?w||qe||b||Le||F:null,"color"))},"".concat(P,"%")):null))))):null))}))):null)),!H&&J&&((de||me)&&we.push(f.createElement(Ee,{key:"spacer-cta-bottom"})),we.push(f.createElement("div",{style:{margin:-w,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:E,disabled:!ue,animationDisabled:_,focusable:k&&W,screenSize:{width:R,height:L}})))),f.createElement("div",{className:c()([la.container,(t={},(0,r.Z)(t,A,null!==A),(0,r.Z)(t,la.answered,ue),(0,r.Z)(t,la.isPlaceholder,H),t)]),"data-screen-ready":Ze},H?null:f.createElement(D,{background:C,width:R,height:L,resolution:q,playing:he,shouldLoad:ve}),f.createElement(fe,{width:R,height:L},f.createElement(xe,{className:la.layout,fullscreen:!0,verticalAlign:pe,style:H?null:{padding:w,paddingTop:(z&&!_?j:0)+w}},we)))};ra.propTypes=ia,ra.defaultProps={id:null,layout:"middle",question:null,answers:null,buttonsStyle:null,resultsStyle:null,spacing:20,background:null,callToAction:null,withPercentLabels:!0,withoutResults:!1,current:!0,active:!0,transitions:null,transitionStagger:100,resultTransitionDuration:500,type:null,className:null};var oa={id:"survey",type:"screen",group:{label:(0,l.defineMessage)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,l.defineMessage)({id:"650XRF",defaultMessage:[{type:0,value:"Survey"}]}),component:ra,layouts:["top","middle","bottom","split"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"question",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"hVE7TA",defaultMessage:[{type:0,value:"Question"}]})},{name:"answers",type:"answers",theme:{label:{textStyle:"button"}},label:(0,l.defineMessage)({id:"KHWeV7",defaultMessage:[{type:0,value:"Answers"}]})},{name:"withoutResult",type:"toggle",defaultValue:!1,label:(0,l.defineMessage)({id:"W3aj7x",defaultMessage:[{type:0,value:"Without results"}]})},{type:"fields",isList:!0,label:(0,l.defineMessage)({id:"R9DB4a",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"buttonsStyle",type:"box-style-form",label:(0,l.defineMessage)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})},{name:"resultsStyle",type:"field-with-form",label:(0,l.defineMessage)({id:"e4UTx9",defaultMessage:[{type:0,value:"Results"}]}),noValueLabel:(0,l.defineMessage)({id:"65rc70",defaultMessage:[{type:0,value:"Edit style..."}]}),field:{type:"graph-bar-style"}}]},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},ua={container:"micromag-screen-text-container",disabled:"micromag-screen-text-disabled",hidden:"micromag-screen-text-hidden",placeholder:"micromag-screen-text-placeholder",content:"micromag-screen-text-content",emptyText:"micromag-screen-text-emptyText",emptyTitle:"micromag-screen-text-emptyTitle",title:"micromag-screen-text-title",withMargin:"micromag-screen-text-withMargin",isPlaceholder:"micromag-screen-text-isPlaceholder",layout:"micromag-screen-text-layout"},sa={layout:m().oneOf(["top","middle","bottom","split"]),text:a.PropTypes.textElement,title:a.PropTypes.headingElement,withTitle:m().bool,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},ca=function(e){var t,n=e.layout,a=e.text,l=e.title,o=e.withTitle,u=e.spacing,s=e.background,d=e.callToAction,m=e.current,y=e.active,v=e.transitions,b=e.transitionStagger,w=e.className,C=(0,g.useScreenSize)(),E=C.width,M=C.height,S=C.menuOverScreen,k=C.resolution,T=(0,g.useViewer)().menuSize,N=(0,g.useScreenRenderContext)(),x=N.isView,P=N.isPreview,O=N.isPlaceholder,A=N.isEdit,Z=N.isStatic,F=N.isCapture,I=(0,h.isTextFilled)(l),R=(0,h.isTextFilled)(a),L="split"===n,z="top"===n,q="middle"===n,j=L?null:n,B=I&&R&&!L,V=m,W=Z||F||O||P||A,_=m&&(x||A),G=m||y||!x,H=null!==d&&!0===d.active,U=[!O&&H&&q?f.createElement(Ee,{key:"spacer-cta-top"}):null,o?f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:ua.emptyTitle,isEmpty:!I},I?f.createElement(ft,Object.assign({className:c()([ua.title,(0,r.Z)({},ua.withMargin,B)])},l)):null):null,L&&o?f.createElement(Ee,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:ua.emptyText,isEmpty:!R},R?f.createElement(Y,Object.assign({className:ua.text},a)):null),!O&&H&&(z||q)?f.createElement(Ee,{key:"spacer-cta-bottom"}):null,!O&&H?f.createElement("div",{style:{margin:-u,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:d,animationDisabled:P,focusable:m&&x,screenSize:{width:E,height:M}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([ua.container,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,ua.isPlaceholder,O),t)]),"data-screen-ready":!0},O?null:f.createElement(D,{background:s,width:E,height:M,resolution:k,playing:_,shouldLoad:G}),f.createElement(fe,{width:E,height:M},f.createElement(xe,{className:ua.layout,fullscreen:!0,verticalAlign:j,style:O?null:{padding:u,paddingTop:(S&&!P?T:0)+u}},f.createElement(p.TransitionsStagger,{transitions:v,stagger:b,disabled:W,playing:V},U))))};ca.propTypes=sa,ca.defaultProps={layout:"top",text:null,title:null,withTitle:!1,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null};var da=f.memo(ca),ma=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.text,a=t.title,l=(0,Le.nL)(e,a),i=l.story,r=l.component,u=(0,Le.xv)(i,n),s=u.story,c=u.component,d=(0,Le.W2)(s,[].concat((0,v.Z)(r?[r]:[]),(0,v.Z)(c?[c]:[]))),m=d.story,f=d.component;return(0,o.Z)((0,o.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),fa=[{id:"text",type:"screen",group:{label:(0,l.defineMessage)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,l.defineMessage)({id:"S9YpbV",defaultMessage:[{type:0,value:"Text"}]}),component:da,layouts:["top","middle","bottom"],transforms:ma,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"text-title",type:"screen",group:{label:(0,l.defineMessage)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,l.defineMessage)({id:"oCBQKV",defaultMessage:[{type:0,value:"Text with title"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(da,Object.assign({},t,{withTitle:!0}))},layouts:["top","middle","bottom","split"],transforms:ma,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",inline:!0,theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],pa={container:"micromag-screen-timeline-container",empty:"micromag-screen-timeline-empty",item:"micromag-screen-timeline-item",element:"micromag-screen-timeline-element",timeline:"micromag-screen-timeline-timeline",line:"micromag-screen-timeline-line",hidden:"micromag-screen-timeline-hidden",bullet:"micromag-screen-timeline-bullet",content:"micromag-screen-timeline-content",lastContent:"micromag-screen-timeline-lastContent",description:"micromag-screen-timeline-description",imageContainer:"micromag-screen-timeline-imageContainer",title:"micromag-screen-timeline-title",image:"micromag-screen-timeline-image",video:"micromag-screen-timeline-video",callToAction:"micromag-screen-timeline-callToAction",isPlaceholder:"micromag-screen-timeline-isPlaceholder",scroll:"micromag-screen-timeline-scroll",circleBulletShape:"micromag-screen-timeline-circleBulletShape",withoutLines:"micromag-screen-timeline-withoutLines"},ga={layout:m().oneOf(["normal","title-description-image","title-image-description","image-title-description"]),items:m().arrayOf(a.PropTypes.textElement),bulletColor:a.PropTypes.color,lineColor:a.PropTypes.color,bulletShape:m().oneOf(["circle","square"]),bulletFilled:m().bool,illustrated:m().bool,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,type:m().string,className:m().string},ya=function(e){var t,n=e.layout,a=e.items,l=e.bulletColor,s=e.lineColor,d=e.bulletShape,m=e.bulletFilled,b=e.illustrated,w=e.spacing,C=e.background,E=e.callToAction,M=e.current,S=e.active,k=e.transitions,T=e.transitionStagger,N=e.type,x=e.className,P=(0,y.useTrackScreenEvent)(N),O=(0,g.useScreenSize)(),A=O.width,Z=O.height,F=O.menuOverScreen,I=O.resolution,R=(0,g.useViewer)().menuSize,L=(0,g.useScreenRenderContext)(),z=L.isView,q=L.isPreview,j=L.isPlaceholder,B=L.isEdit,V=L.isStatic,W=L.isCapture,_=j?(0,v.Z)(new Array(5)).map((function(){return{}})):a||[null],G=null!==_?_.length:0,H=null!==_&&G?_.reduce((function(e,t){var n=(t||{}).image;return e+(null!==(void 0===n?null:n)?1:0)}),0):0,U=(0,f.useState)(0),X=(0,u.Z)(U,2),Q=X[0],J=X[1],K=Q>=H,$=M&&K,ee=V||W||j||q||B,te=!B&&ee||!M,ne=M&&(z||B),ae=M||S||!z,le=(0,f.useCallback)((function(){J(Q+1)}),[Q,J]),re=(0,f.useRef)(null),oe=(0,f.useRef)(null),ue=(0,f.useState)(0),se=(0,u.Z)(ue,2),ce=se[0],de=se[1];(0,f.useEffect)((function(){de(oe.current.offsetWidth-re.current.offsetWidth)}),[A,Z]);var me=(_||[]).map((function(e,t){var a=e||{},u=a.title,d=void 0===u?null:u,g=a.description,y=void 0===g?null:g,v=a.image,w=void 0===v?null:v,C=(0,h.isTextFilled)(d),E=(0,h.isTextFilled)(y),M=null!==w,S=("normal"===n?"title-description-image":n).split("-"),N=S.indexOf("title"),x=S.indexOf("image");b||S.splice(x,1);var P=S.length;return f.createElement("div",{className:pa.item,key:"item-".concat(t)},f.createElement(p.Transitions,{transitions:k,playing:$,delay:T*t,disabled:ee},S.map((function(e,n){var a,u=!1;switch(e){case"title":u=C,a=f.createElement("div",{className:pa.title},f.createElement(p.ScreenElement,{placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:pa.empty,isEmpty:!C},u?f.createElement(ft,d):null));break;case"image":u=M,a=f.createElement("div",{className:pa.imageContainer},f.createElement(p.ScreenElement,{placeholder:"image",emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:pa.empty,isEmpty:!M},u?f.createElement(Nt,{className:pa.image,videoClassName:pa.video,media:w,width:ce,resolution:I,playing:ne,onLoaded:le}):null));break;default:u=E,a=f.createElement("div",{className:pa.description},f.createElement(p.ScreenElement,{placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:pa.empty,isEmpty:!E},u?f.createElement(Y,y):null))}var g=0===t,v=t===G-1,b=n===P-1,S=g&&n<=N||v&&n>N,k=g&&n<N||v&&n>=N;return f.createElement("div",{key:"element-".concat(e),className:c()([pa.element,pa["element-".concat(e)]]),ref:0===t?oe:null},f.createElement("div",{className:pa.timeline,ref:0===t?re:null},f.createElement("div",{className:c()([pa.line,(0,r.Z)({},pa.hidden,S)]),style:(0,o.Z)({},S?null:(0,h.getStyleFromColor)(s,"backgroundColor"))}),"title"===e?f.createElement("div",{className:pa.bullet,style:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromColor)(l,"borderColor")),m?(0,h.getStyleFromColor)(l,"backgroundColor"):null)}):null,f.createElement("div",{className:c()([pa.line,(0,r.Z)({},pa.hidden,k)]),style:(0,o.Z)({},k?null:(0,h.getStyleFromColor)(s,"backgroundColor"))})),f.createElement("div",{className:c()([pa.content,(0,r.Z)({},pa.lastContent,b&&!v)])},a))}))))})),pe=null!==E&&!0===E.active,ge=(0,f.useState)(!1),ye=(0,u.Z)(ge,2),he=ye[0],ve=ye[1],be=(0,y.useResizeObserver)(),we=be.ref,Ce=(be.entry.contentRect||{}).height,Ee=void 0===Ce?0:Ce,Me=(0,f.useCallback)((function(e){e.initial&&P("scroll","Screen"),ve(!0)}),[P]),Se=(0,f.useCallback)((function(){ve(!1)}),[ve]);return f.createElement("div",{className:c()([pa.container,(t={},(0,r.Z)(t,x,null!==x),(0,r.Z)(t,pa.isPlaceholder,j),(0,r.Z)(t,pa["".concat(d,"BulletShape")],null!==d),(0,r.Z)(t,pa.withoutLines,G<2),t)]),"data-screen-ready":K},j?null:f.createElement(D,{background:C,width:A,height:Z,resolution:I,playing:ne,shouldLoad:ae}),f.createElement(fe,{width:A,height:Z},f.createElement(pt.default,{className:pa.scroll,verticalAlign:"middle",disabled:te,onScrolledBottom:Me,onScrolledNotBottom:Se},f.createElement(xe,{style:j?null:{padding:w,paddingTop:(F&&!q?R:0)+w}},me,!j&&pe?f.createElement("div",{style:{height:Ee}}):null)),!j&&pe?f.createElement(ie,{ref:we,className:pa.callToAction,disabled:!he,animationDisabled:q,callToAction:E,focusable:M&&z,screenSize:{width:A,height:Z}}):null))};ya.propTypes=ga,ya.defaultProps={layout:"normal",items:[null],bulletColor:null,lineColor:null,bulletShape:"circle",bulletFilled:!0,illustrated:!1,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:75,type:null,className:null};var ha=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.items,a=((void 0===n?[]:n)||[]).reduce((function(e,t){var n=(0,Le.xv)(e.story,t.title),a=n.story,l=n.component,i=(0,Le.xv)(a,t.description),r=i.story,o=i.component,u=(0,Le.W2)(r,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(o?[o]:[]))),s=u.story,c=u.component;return{story:s,components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))}}),{story:e,components:[]})||{},l=a.story,i=a.components,r=void 0===i?[]:i,u=(0,Le.W2)(l,r),s=u.story,c=u.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),va=[{id:"timeline",type:"screen",group:{label:(0,l.defineMessage)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:8},title:(0,l.defineMessage)({id:"GzoKNb",defaultMessage:[{type:0,value:"Timeline"}]}),component:ya,layouts:["normal"],transforms:ha,fields:[{name:"items",type:"entries",theme:{title:{textStyle:"heading2"},description:{textStyle:"text"}},label:(0,l.defineMessage)({id:"3ifj0j",defaultMessage:[{type:0,value:"Entries"}]})},{name:"bulletShape",type:"radios",defaultValue:"circle",options:[{value:"circle",label:(0,l.defineMessage)({id:"+uInZz",defaultMessage:[{type:0,value:"Circle"}]})},{value:"square",label:(0,l.defineMessage)({id:"fusnxf",defaultMessage:[{type:0,value:"Square"}]})}],label:(0,l.defineMessage)({id:"twTaAZ",defaultMessage:[{type:0,value:"Bullet shape"}]})},{name:"bulletFilled",type:"toggle",defaultValue:!1,label:(0,l.defineMessage)({id:"YWcp4v",defaultMessage:[{type:0,value:"Bullet filled"}]})},{name:"bulletColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,l.defineMessage)({id:"uNpHnA",defaultMessage:[{type:0,value:"Bullet color"}]})},{name:"lineColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,l.defineMessage)({id:"RHMS2f",defaultMessage:[{type:0,value:"Line color"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"timeline-illustrated",type:"screen",group:{label:(0,l.defineMessage)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:8},title:(0,l.defineMessage)({id:"33UbSd",defaultMessage:[{type:0,value:"Timeline with images"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(ya,Object.assign({},t,{illustrated:!0}))},layouts:["title-image-description","title-description-image","image-title-description"],fields:[{name:"layout",type:"screen-layout",defaultValue:"title-image-description",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"items",type:"entries-with-visual",theme:{title:{textStyle:"heading2"},description:{textStyle:"text"}},label:(0,l.defineMessage)({id:"3ifj0j",defaultMessage:[{type:0,value:"Entries"}]})},{name:"bulletShape",type:"radios",defaultValue:"circle",options:[{value:"circle",label:(0,l.defineMessage)({id:"+uInZz",defaultMessage:[{type:0,value:"Circle"}]})},{value:"square",label:(0,l.defineMessage)({id:"fusnxf",defaultMessage:[{type:0,value:"Square"}]})}],label:(0,l.defineMessage)({id:"twTaAZ",defaultMessage:[{type:0,value:"Bullet shape"}]})},{name:"bulletFilled",type:"toggle",defaultValue:!1,label:(0,l.defineMessage)({id:"YWcp4v",defaultMessage:[{type:0,value:"Bullet filled"}]})},{name:"bulletColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,l.defineMessage)({id:"uNpHnA",defaultMessage:[{type:0,value:"Bullet color"}]})},{name:"lineColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,l.defineMessage)({id:"RHMS2f",defaultMessage:[{type:0,value:"Line color"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],ba="micromag-screen-title-withMargin",wa="micromag-screen-title-box",Ca={layout:m().oneOf(["top","middle","bottom","split","split-top","split-bottom"]),title:a.PropTypes.headingElement,subtitle:a.PropTypes.headingElement,description:a.PropTypes.textElement,boxStyle:a.PropTypes.boxStyle,withSubtitle:m().bool,withDescription:m().bool,withBox:m().bool,spacing:m().number,descriptionEmptyLabel:a.PropTypes.label,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},Ea={layout:"top",title:null,subtitle:null,description:null,boxStyle:null,withSubtitle:!1,withDescription:!1,withBox:!1,spacing:20,descriptionEmptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null},Ma=function(e){var t,n=e.layout,a=e.title,l=e.subtitle,o=e.description,u=e.boxStyle,s=e.withSubtitle,d=e.withDescription,m=e.withBox,y=e.spacing,v=e.descriptionEmptyLabel,b=e.background,w=e.callToAction,C=e.current,E=e.active,M=e.transitions,S=e.transitionStagger,k=e.className,T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=T.resolution,A=(0,g.useViewer)().menuSize,Z=(0,g.useScreenRenderContext)(),F=Z.isView,I=Z.isPreview,R=Z.isPlaceholder,L=Z.isEdit,z=Z.isStatic,q=Z.isCapture,j=(0,h.isTextFilled)(a),B=(0,h.isTextFilled)(l),V=(0,h.isTextFilled)(o),W=n.split("-"),_="split"===W[0],G="top"===n,H="middle"===n,U=_?W[1]||null:W[0],X=j&&(B||V)&&(!_||"top"===U),Q=B&&V&&(!_||"bottom"===U),J=C,K=z||q||R||I||L,$=C&&(F||L),ee=C||E||!F,te=null!==w&&!0===w.active,ne=f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:"micromag-screen-title-emptyTitle",isEmpty:!j},j?f.createElement(ft,Object.assign({className:c()(["micromag-screen-title-title",(0,r.Z)({},ba,X)])},a,{size:1})):null),ae=s?f.createElement(p.ScreenElement,{key:"subtitle",placeholder:"subtitle",emptyLabel:f.createElement(i.Z,{id:"d60tSn",defaultMessage:[{type:0,value:"Subtitle"}]}),emptyClassName:"micromag-screen-title-emptySubtitle",isEmpty:!B},B?f.createElement(ft,Object.assign({className:c()(["micromag-screen-title-subtitle",(0,r.Z)({},ba,Q)])},l,{size:2})):null):null,le=d?f.createElement(p.ScreenElement,{key:"description",placeholder:"shortText",emptyLabel:v,emptyClassName:"micromag-screen-title-emptyDescription",isEmpty:!V},V?f.createElement(Y,o):null):null;return f.createElement("div",{className:c()(["micromag-screen-title-container",(t={},(0,r.Z)(t,k,null!==k),(0,r.Z)(t,"micromag-screen-title-isPlaceholder",R),t)]),"data-screen-ready":!0},R?null:f.createElement(D,{background:b,width:N,height:x,resolution:O,playing:$,shouldLoad:ee}),f.createElement(fe,{width:N,height:x},f.createElement(xe,{className:"micromag-screen-title-layout",fullscreen:!0,verticalAlign:U,style:R?null:{padding:y,paddingTop:(P&&!I?A:0)+y}},!R&&te&&H?f.createElement(Ee,{key:"spacer-cta-top"}):null,m&&!_?f.createElement("div",{className:wa,style:L||R||j||B||V?(0,h.getStyleFromBox)(u):null},f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:K,playing:J,focusable:C&&F},[ne,ae,le])):null,m&&_?f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:K,playing:J,focusable:C&&F},f.createElement("div",{className:wa,key:"top",style:L||R||j||d&&"top"===U&&B?(0,h.getStyleFromBox)(u):null},ne,d&&"top"===U?ae:null),f.createElement(Ee,{key:"spacer1"}),f.createElement("div",{className:wa,key:"bottom",style:L||R||V||(!d||"bottom"===U)&&B?(0,h.getStyleFromBox)(u):null},d&&"bottom"!==U?null:ae,le)):null,m?null:f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:K,playing:J,focusable:C&&F},ne,_&&(!d||"bottom"===U)&&f.createElement(Ee,{key:"spacer1"}),ae,_&&d&&"top"===U&&f.createElement(Ee,{key:"spacer2"}),le),!R&&te&&(G||H)?f.createElement(Ee,{key:"spacer-cta-bottom"}):null,!R&&te?f.createElement("div",{style:{margin:-y,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:w,animationDisabled:I,focusable:C&&F,screenSize:{width:N,height:x}})):null)))};Ma.propTypes=Ca,Ma.defaultProps=Ea;var Sa=f.memo(Ma),ka=["credits"],Ta={credits:a.PropTypes.textElement},Na=function(e){var t=e.credits,n=(0,b.Z)(e,ka);return f.createElement(Sa,Object.assign({},n,{description:t,withSubtitle:!0,withDescription:!0,descriptionEmptyLabel:f.createElement(i.Z,{id:"/hupzO",defaultMessage:[{type:0,value:"Credits"}]})}))};Na.propTypes=Ta,Na.defaultProps={credits:null};var xa=function(e){return f.createElement(Sa,Object.assign({},e,{withSubtitle:!0,withDescription:!0,withBox:!0}))};xa.propTypes={},xa.defaultProps={};var Pa=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.title,a=t.subtitle,l=t.credits,i=(0,Le.nL)(e,n),r=i.story,u=i.component,s=(0,Le.XJ)(r,a),c=s.story,d=s.component,m=(0,Le.xv)(c,l),f=m.story,p=m.component,g=(0,Le.W2)(f,[].concat((0,v.Z)(u?[u]:[]),(0,v.Z)(d?[d]:[]),(0,v.Z)(p?[p]:[]))),y=g.story,h=g.component;return(0,o.Z)((0,o.Z)({},y),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(h?[h]:[]))})}}),Oa=[{id:"title",type:"screen",group:{label:(0,l.defineMessage)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,l.defineMessage)({id:"dVcog7",defaultMessage:[{type:0,value:"Title"}]}),component:Sa,layouts:["top","middle","bottom"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"title-subtitle",type:"screen",group:{label:(0,l.defineMessage)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,l.defineMessage)({id:"P1dwGU",defaultMessage:[{type:0,value:"Title with subtitle"}]}),component:function(e){var t=(0,Dt.Z)({},e);return f.createElement(Sa,Object.assign({},t,{withSubtitle:!0}))},layouts:["top","middle","bottom","split"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"title-subtitle-credits",type:"screen",group:{label:(0,l.defineMessage)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,l.defineMessage)({id:"vZrFq6",defaultMessage:[{type:0,value:"Title with subtitle and credits"}]}),component:Na,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"credits",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"upzOTm",defaultMessage:[{type:0,value:"Credits"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},{id:"title-with-box",type:"screen",group:{label:(0,l.defineMessage)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,l.defineMessage)({id:"9a5s+m",defaultMessage:[{type:0,value:"Title with box"}]}),component:xa,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{type:"fields",isList:!0,label:(0,l.defineMessage)({id:"LOknw0",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"boxStyle",type:"box-style-form",label:(0,l.defineMessage)({id:"f5Yipd",defaultMessage:[{type:0,value:"Box"}]})}]},{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]}],Aa="micromag-element-link-container",Za={url:m().string,target:m().string,rel:m().string,external:m().bool,margin:a.PropTypes.margin,className:m().string,children:m().node,focusable:m().bool},Fa=function(e){var t=e.url,n=e.target,a=e.rel,l=e.external,i=e.margin,u=e.className,s=e.children,d=e.focusable,m=null;null!==i&&(m=(0,o.Z)((0,o.Z)({},m),(0,h.getStyleFromMargin)(i)));var p=(0,f.useMemo)((function(){return null!==m?"link-component-".concat((0,H.Z)()):null}),[null!==m]),g=l?{target:"_blank",rel:"noopener noreferer"}:{target:n,rel:a},y=g.target,v=g.rel;return t?f.createElement("a",{id:p,className:c()([Aa,(0,r.Z)({},u,null!==u)]),style:m,href:t,target:y,rel:v,tabIndex:d?"0":"-1"},s):f.createElement("div",{id:p,className:c()([Aa,(0,r.Z)({},u,null!==u)]),style:m},s)};Fa.propTypes=Za,Fa.defaultProps={url:null,target:null,rel:null,external:!0,margin:null,className:null,children:null,focusable:!0};var Ia={container:"micromag-element-urbania-author-avatar-container",shape:"micromag-element-urbania-author-avatar-shape",shapeCircle:"micromag-element-urbania-author-avatar-shapeCircle"},Ra={image:a.PropTypes.imageElement,width:m().number,height:m().number,resolution:m().number,isTag:m().bool,shape:m().oneOf([null,"tag","circle"]),className:m().string},La=function(e){var t,n=e.image,a=e.width,l=e.height,i=e.resolution,o=e.shape,u=e.isTag,s=e.className,d=(0,h.getOptimalImageUrl)(n,a,l,{resolution:i});return f.createElement("span",{className:c()([Ia.container,(t={},(0,r.Z)(t,Ia["shape".concat(o)],null!==o),(0,r.Z)(t,Ia.isTag,u),(0,r.Z)(t,s,null!==s),t)])},f.createElement("span",{className:Ia.shape,style:{backgroundImage:'url("'.concat(d,'")')}}))};La.propTypes=Ra,La.defaultProps={image:null,width:100,height:100,resolution:1,isTag:!1,shape:"Circle",className:null};var za={author:m().shape({slug:m().string,name:a.PropTypes.textElement,avatar:a.PropTypes.imageElement,url:m().string}),withAvatar:m().bool,withoutLink:m().bool,withoutPrefix:m().bool,isSmall:m().bool,linkUnderlineColor:m().string,className:m().string},qa=function(e){var t,n=e.author,a=e.withAvatar,l=e.withoutLink,i=e.withoutPrefix,o=e.isSmall,u=e.linkUnderlineColor,s=e.className,d=(0,Pe.Z)(),m=n||{},p=m.name,g=void 0===p?null:p,y=m.avatar,v=void 0===y?null:y,b=m.url,w=void 0===b?null:b,C=d.formatMessage({id:"jEK6B8",defaultMessage:[{type:0,value:"By"}]}),E=(0,h.isTextFilled)(g)?f.createElement(Y,Object.assign({className:"micromag-element-urbania-author-name"},g)):null;return f.createElement("div",{className:c()(["micromag-element-urbania-author-container",(t={},(0,r.Z)(t,"micromag-element-urbania-author-isSmall",o),(0,r.Z)(t,"micromag-element-urbania-author-withoutAvatar",!a||null===v),(0,r.Z)(t,s,null!==s),t)])},i?null:f.createElement(Y,Object.assign({},g,{className:"micromag-element-urbania-author-prefix",body:C})),a&&null!==v?f.createElement(La,{className:"micromag-element-urbania-author-avatar",image:v}):null,null===w||l?f.createElement("div",null,E):f.createElement(Fa,{className:"micromag-element-urbania-author-link",url:w,external:!0,style:{backgroundImage:null!==u?"linear-gradient(0deg, ".concat(u," 0, ").concat(u,")"):null}},E))};qa.propTypes=za,qa.defaultProps={author:null,withAvatar:!0,withoutLink:!1,withoutPrefix:!1,isSmall:!1,linkUnderlineColor:null,className:null};var ja={color:m().string,className:m().string},Ba=function(e){var t=e.color,n=e.className;return f.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0px",width:"48.53px",height:"12.38px",viewBox:"0 0 48.53 12.38",className:n,xmlSpace:"preserve"},f.createElement("g",{transform:"matrix(1, 0, 0, 1, 0, 0)"},f.createElement("path",{id:"b",fill:"none",stroke:t,strokeWidth:"3px",strokeLinejoin:"round",strokeLinecap:"round",d:"M1.5,10.88L24.26,1.5l22.77,9.38"})))};Ba.propTypes=ja,Ba.defaultProps={color:"currentColor",className:null};var Da={color:m().string,className:m().string},Va=function(e){var t=e.color,n=e.className;return f.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0px",width:"17.76px",height:"17.76px",viewBox:"0 0 17.76 17.76",className:n,xmlSpace:"preserve"},f.createElement("g",{transform:"translate(0 0)"},f.createElement("path",{fill:t,d:"M8.34,0h1.08s.06,.02,.1,.02c.89,.07,1.77,.26,2.6,.59,1.9,.74,3.48,2.11,4.48,3.88,.5,.88,.85,1.84,1.02,2.84,.06,.34,.1,.69,.14,1.04v1.05s-.02,.1-.03,.15c-.2,2.62-1.55,5.01-3.69,6.53-1.17,.85-2.54,1.39-3.98,1.57l-.64,.09h-1.08s-.1-.02-.15-.03c-.94-.07-1.87-.3-2.74-.66C2.55,15.85,.51,13.18,.08,10.06c-.03-.21-.06-.43-.08-.64v-1.08c0-.06,.02-.11,.03-.17C.21,5.84,1.32,3.67,3.1,2.15,4.4,1.02,6,.3,7.71,.08l.63-.08Zm7.94,8.71c-.09-4.09-3.48-7.32-7.57-7.23-4.09,.09-7.32,3.48-7.23,7.57,.09,4.09,3.48,7.32,7.57,7.23,.04,0,.07,0,.11,0,4.04-.16,7.2-3.53,7.12-7.56h0Z"}),f.createElement("path",{fill:t,d:"M7.42,8.89v-2.61c-.02-.2,.09-.4,.28-.48,.15-.06,.32-.04,.44,.06,.39,.28,.78,.56,1.17,.85,.82,.59,1.63,1.19,2.45,1.78,.22,.11,.3,.38,.19,.59-.04,.08-.11,.15-.19,.19-.6,.45-1.21,.89-1.82,1.33-.59,.43-1.18,.86-1.78,1.29-.16,.17-.43,.17-.6,0-.02-.02-.03-.03-.04-.05-.07-.11-.1-.24-.1-.37,0-.86,0-1.72,0-2.58h0Z"})))};Va.propTypes=Da,Va.defaultProps={color:"#222",className:null};var Wa={container:"micromag-screen-urbania-article-container",empty:"micromag-screen-urbania-article-empty",isVideo:"micromag-screen-urbania-article-isVideo",video:"micromag-screen-urbania-article-video",disabled:"micromag-screen-urbania-article-disabled",hidden:"micromag-screen-urbania-article-hidden",placeholder:"micromag-screen-urbania-article-placeholder",content:"micromag-screen-urbania-article-content",emptyContainer:"micromag-screen-urbania-article-emptyContainer",small:"micromag-screen-urbania-article-small",inner:"micromag-screen-urbania-article-inner",authors:"micromag-screen-urbania-article-authors",overTitle:"micromag-screen-urbania-article-overTitle",title:"micromag-screen-urbania-article-title",sponsors:"micromag-screen-urbania-article-sponsors",sponsor:"micromag-screen-urbania-article-sponsor",quatre95:"micromag-screen-urbania-article-quatre95",author:"micromag-screen-urbania-article-author",urbania:"micromag-screen-urbania-article-urbania",dehors:"micromag-screen-urbania-article-dehors",callToAction:"micromag-screen-urbania-article-callToAction",arrow:"micromag-screen-urbania-article-arrow",icon:"micromag-screen-urbania-article-icon",mediaControls:"micromag-screen-urbania-article-mediaControls",videoContainer:"micromag-screen-urbania-article-videoContainer",bottomContent:"micromag-screen-urbania-article-bottomContent",bottom:"micromag-screen-urbania-article-bottom",visible:"micromag-screen-urbania-article-visible",withGradient:"micromag-screen-urbania-article-withGradient",isPlaceholder:"micromag-screen-urbania-article-isPlaceholder",visual:"micromag-screen-urbania-article-visual"},_a={hasArticle:m().bool,type:m().oneOf(["article","video"]),image:a.PropTypes.visualElement,title:a.PropTypes.headingElement,overTitle:a.PropTypes.headingElement,authors:m().arrayOf(m().shape({})),author:a.PropTypes.authorElement,sponsor:m().arrayOf(m().shape({})),sponsorPrefix:m().oneOfType([m().node,m().func]),site:m().string,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,spacing:m().number,className:m().string},Ga=function(e){var t,n=e.hasArticle,a=e.type,l=e.image,o=e.title,u=e.overTitle,s=e.authors,d=e.author,m=e.sponsor,v=e.sponsorPrefix,b=e.site,w=e.background,C=e.callToAction,E=e.current,M=e.active,S=e.transitions,k=e.spacing,T=e.className,N=(0,g.useScreenSize)(),x=N.width,P=N.height,O=N.resolution,A=(0,y.useResizeObserver)(),Z=A.ref,F=A.entry.contentRect||{},I=F.height,R=F.top,L=(0,f.useMemo)((function(){return{imageHeight:P-I-R+1}}),[R,I,x,P]),z=L.minContentHeight,q=void 0===z?null:z,j=L.imageHeight,B=(0,g.useScreenRenderContext)(),V=B.isView,W=B.isPreview,_=B.isPlaceholder,G=B.isEdit,H=B.isStatic,U=B.isCapture,Y="video"===a,X=(0,h.isTextFilled)(u),Q=(0,h.isTextFilled)(o),J=(0,h.isTextFilled)(m),K=(s||[]).length>0||null!==d,$=((d||{}).name||{}).body,ee=(l||{}).url,te=null!==(void 0===ee?null:ee),ne=E&&(V||G),ae=E||M||!V,le=E,re=H||U||_||W||G,oe=null!==C&&!0===C.active,ue=[f.createElement(p.ScreenElement,{key:"overTitle",placeholder:f.createElement(p.PlaceholderSubtitle,{className:Wa.placeholder}),empty:f.createElement("div",{className:c()([Wa.emptyContainer,Wa.small])},f.createElement(p.Empty,{className:Wa.empty},f.createElement(i.Z,{id:"pRzSQ7",defaultMessage:[{type:0,value:"Overtitle"}]}))),isEmpty:!X},X?f.createElement(ft,Object.assign({className:c()([Wa.overTitle])},u)):null),f.createElement(p.ScreenElement,{key:"title",placeholder:f.createElement(p.PlaceholderTitle,{className:Wa.placeholder}),empty:f.createElement("div",{className:Wa.emptyContainer},f.createElement(p.Empty,{className:Wa.empty},f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}))),isEmpty:!Q},Q?f.createElement(ft,Object.assign({className:c()([Wa.title])},o)):null),Y?null:f.createElement(p.ScreenElement,{key:"authors",empty:f.createElement("div",{className:Wa.emptyContainer},f.createElement(p.Empty,{className:Wa.empty},f.createElement(i.Z,{id:"6jX5Tb",defaultMessage:[{type:0,value:"Authors"}]}))),isEmpty:!K},K?f.createElement("div",{className:c()([Wa.authors])},null!==d&&null!==$?f.createElement(qa,{author:d}):(s||[]).map((function(e){return f.createElement(qa,{author:e})}))):null),f.createElement(p.ScreenElement,{key:"sponsors",empty:f.createElement("div",{className:c()([Wa.emptyContainer,Wa.small])},f.createElement(p.Empty,{className:Wa.empty},f.createElement(i.Z,{id:"zGIcdn",defaultMessage:[{type:0,value:"Sponsors"}]}))),isEmpty:!J&&!n},J?f.createElement("div",{className:Wa.sponsors},null!==v?f.createElement("span",{className:Wa.sponsor},v):null," ",f.createElement(ft,Object.assign({className:Wa.sponsor,size:"6"},m))):null)].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([Wa.container,(t={},(0,r.Z)(t,T,null!==T),(0,r.Z)(t,Wa.isVideo,Y),(0,r.Z)(t,Wa.isPlaceholder,_),t)]),"data-screen-ready":H||U},f.createElement(D,{background:w,width:x,height:P,resolution:O,playing:ne,shouldLoad:ae}),f.createElement(fe,{className:Wa.inner,width:x,height:P},f.createElement("div",{className:c()([Wa.content,(0,r.Z)({},Wa["".concat(b)],null!==b)]),style:{paddingTop:k,minHeight:q},ref:Z},ue),f.createElement("div",{className:Wa.visual},f.createElement(p.Transitions,{playing:le,transitions:S,disabled:re},f.createElement(p.ScreenElement,{key:"image",placeholder:f.createElement(p.PlaceholderImage,{className:Wa.placeholder}),empty:f.createElement("div",{className:Wa.emptyContainer},f.createElement(p.Empty,{className:Wa.empty},f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}))),isEmpty:!te},te&&!Y?f.createElement(Nt,{className:Wa.image,media:l,width:x,height:j,resolution:O,objectFit:{fit:"cover"}}):null,te&&Y?f.createElement(Nt,{className:Wa.video,media:l,width:x,height:P,resolution:O,objectFit:{fit:"cover"}}):null),!_&&oe?f.createElement("div",{key:"call-to-action"},f.createElement(ie,{className:Wa.callToAction,buttonClassName:Wa.button,labelClassName:Wa.label,arrowClassName:Wa.arrow,callToAction:C,animationDisabled:W,focusable:E&&V,screenSize:{width:x,height:P},arrow:f.createElement(Ba,null),icon:"video"===a?f.createElement(Va,{className:Wa.icon}):null})):null))))};Ga.propTypes=_a,Ga.defaultProps={hasArticle:!1,type:null,image:null,title:null,overTitle:null,authors:null,author:null,sponsor:null,sponsorPrefix:null,site:null,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,className:null};var Ha=f.memo(Ga),Ua=["url","article"],Ya=["name","url"],Xa={url:m().string,article:m().shape({type:m().string})},Qa=function(e){var t=e.url,n=e.article,a=(0,b.Z)(e,Ua),l=(0,f.useState)(n),r=(0,u.Z)(l,2),s=r[0],c=r[1],d=(0,f.useMemo)((function(){var e=(null!==t?new URL(t):{}).hostname;return void 0===e?null:e}),[t]);(0,f.useEffect)((function(){null!==t&&(0,Ue.getJSON)("".concat(t,".json"),{mode:"cors"}).then((function(e){c(e)}))}),[t,c]);var m=(0,f.useMemo)((function(){var e=a||{},t=e.articleType,n=void 0===t?null:t,l=e.title,r=void 0===l?{}:l,u=e.overTitle,c=void 0===u?{}:u,m=e.sponsor,p=void 0===m?{}:m,g=e.author,y=void 0===g?null:g,v=e.image,w=void 0===v?{}:v,C=e.callToAction,E=void 0===C?null:C,M=(r||{}).body,S=void 0===M?null:M,k=(c||{}).body,T=void 0===k?null:k,N=(w||{}).url,x=void 0===N?null:N,P=s||{},O=P.type,A=void 0===O?null:O,Z=P.title,F=void 0===Z?null:Z,I=P.image,R=void 0===I?null:I,L=P.metadata,z=(void 0===L?{}:L)||{},q=z.authors,j=void 0===q?[]:q,B=z.sponsors,D=void 0===B?[]:B,V=z.site,W=void 0===V?null:V,_=z.canonical,G=void 0===_?null:_,H=(R||{}).sizes,U=(void 0===H?{}:H)||{},Y=U.medium,X=U.large,Q=n||A,J=(D||[]).length>0?(D||[]).map((function(e){var t=e.name;return void 0===t?null:t})).filter((function(e){return null!==e})).join(", ").trim():null,K=(0,h.isTextFilled)(p),$=K||null!==J?null:f.createElement(i.Z,{id:"+TPjd4",defaultMessage:[{type:0,value:"Presented by"}]});return{type:Q,title:null!==S?r:(0,o.Z)((0,o.Z)({},r),{},{body:F}),overTitle:null!==T?c:(0,o.Z)((0,o.Z)({},c),{},{body:"En vedette"}),authors:j.map((function(e){var t=e.name,n=void 0===t?null:t,a=e.url,l=void 0===a?null:a,i=(0,b.Z)(e,Ya);return(0,o.Z)({name:{body:"<p>".concat(n,"</p>")},url:"".concat(d).concat(l)},i)})),author:y,sponsor:K?p:(0,o.Z)((0,o.Z)({},p),{},{body:"<strong>".concat(J,"</strong>")}),sponsorPrefix:$,site:W,image:null!==x?w:(0,o.Z)((0,o.Z)({type:"image"},R),{},{sizes:{medium:Y,large:X}}),callToAction:(0,o.Z)({active:!0,type:"swipe-up",url:G,label:"video"===Q?{body:"Regarder"}:{body:"Lire"},icon:"video"===Q?{id:"play"}:null,inWebView:!0},E)}}),[s,t,d,a]);return f.createElement(Ha,Object.assign({},a,m,{hasArticle:null!==t}))};Qa.propTypes=Xa,Qa.defaultProps={url:null,article:null};var Ja=f.memo(Qa),Ka={id:"urbania-article",type:"screen",namespaces:["urbania"],group:{label:(0,l.defineMessage)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,l.defineMessage)({id:"Oqks/j",defaultMessage:[{type:0,value:"Urbania article screen"}]}),component:Ja,fields:[{name:"url",type:"url",label:(0,l.defineMessage)({id:"2pO2Cj",defaultMessage:[{type:0,value:"Url"}]})},{name:"articleType",type:"select",label:(0,l.defineMessage)({id:"ppq6CK",defaultMessage:[{type:0,value:"Type"}]}),options:[{value:"article",label:(0,l.defineMessage)({id:"pE7UhY",defaultMessage:[{type:0,value:"Article"}]})},{value:"video",label:(0,l.defineMessage)({id:"J9e9Qb",defaultMessage:[{type:0,value:"Video"}]})}]},{name:"overTitle",type:"heading-element",theme:{textStyle:"heading2"},defaultValue:{body:"En vedette"},label:(0,l.defineMessage)({id:"z2I2bJ",defaultMessage:[{type:0,value:"Overtitle"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"author",type:"author-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"sponsor",type:"heading-element",label:(0,l.defineMessage)({id:"7YE/VU",defaultMessage:[{type:0,value:"Sponsor"}]})},{name:"image",type:"visual",label:(0,l.defineMessage)({id:"k+coTi",defaultMessage:[{type:0,value:"Image"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},$a={container:"micromag-screen-urbania-recommendation-container",disabled:"micromag-screen-urbania-recommendation-disabled",hidden:"micromag-screen-urbania-recommendation-hidden",placeholder:"micromag-screen-urbania-recommendation-placeholder",content:"micromag-screen-urbania-recommendation-content",emptyText:"micromag-screen-urbania-recommendation-emptyText",emptyTitle:"micromag-screen-urbania-recommendation-emptyTitle",textCard:"micromag-screen-urbania-recommendation-textCard",isPlaceholder:"micromag-screen-urbania-recommendation-isPlaceholder",category:"micromag-screen-urbania-recommendation-category",noBottomBorder:"micromag-screen-urbania-recommendation-noBottomBorder",categoryPlaceholder:"micromag-screen-urbania-recommendation-categoryPlaceholder",dateTitleRow:"micromag-screen-urbania-recommendation-dateTitleRow",bottomBorder:"micromag-screen-urbania-recommendation-bottomBorder",dateContainer:"micromag-screen-urbania-recommendation-dateContainer",rightBorder:"micromag-screen-urbania-recommendation-rightBorder",date:"micromag-screen-urbania-recommendation-date",centerDate:"micromag-screen-urbania-recommendation-centerDate",titleContainer:"micromag-screen-urbania-recommendation-titleContainer",leftBorder:"micromag-screen-urbania-recommendation-leftBorder",title:"micromag-screen-urbania-recommendation-title",sponsor:"micromag-screen-urbania-recommendation-sponsor",sponsorPlaceholder:"micromag-screen-urbania-recommendation-sponsorPlaceholder",description:"micromag-screen-urbania-recommendation-description",descriptionPlaceholder:"micromag-screen-urbania-recommendation-descriptionPlaceholder",background:"micromag-screen-urbania-recommendation-background",roll:"micromag-screen-urbania-recommendation-roll",layout:"micromag-screen-urbania-recommendation-layout"},el={category:a.PropTypes.headingElement,date:a.PropTypes.textElement,title:a.PropTypes.headingElement,sponsor:a.PropTypes.textElement,description:a.PropTypes.textElement,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,animateBackground:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},tl=function(e){var t,n,a,l,s,d,m,v,b=e.category,w=e.date,C=e.title,E=e.sponsor,M=e.description,S=e.spacing,k=e.background,T=e.callToAction,N=e.current,x=e.active,P=e.animateBackground,O=e.transitions,A=e.transitionStagger,Z=e.className,F=(0,y.useTrackScreenEvent)(),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,q=I.resolution,j=(0,g.useViewer)().menuSize,B=(0,g.useScreenRenderContext)(),V=B.isView,W=B.isPreview,_=B.isPlaceholder,G=B.isEdit,H=B.isStatic,U=B.isCapture,X=(0,h.isTextFilled)(b),Q=(0,h.isTextFilled)(w),J=(0,h.isTextFilled)(C),K=(0,h.isTextFilled)(E),$=(0,h.isTextFilled)(M),ee=X&&!Q&&!J&&!K&&!$,te=X||Q||J||K||$,ne=N,ae=H||U||_||W||G,le=!G&&ae||!N,re=N&&(V||G),oe=N||x||!V,ue=P&&!_&&!H&&!W,se=null!==T&&!0===T.active,ce=(0,f.useState)(!1),de=(0,u.Z)(ce,2),me=de[0],pe=de[1],ge=(0,f.useCallback)((function(e){e.initial&&F("scroll","Screen"),pe(!0)}),[F]),ye=(0,f.useCallback)((function(){pe(!1)}),[pe]),he=(0,f.useMemo)((function(){return(0,o.Z)({fit:"contain",horizontalAlign:"left",verticalAlign:"-20%",repeat:!0},k)}),[k]),ve=[_?null:f.createElement(Ee,{key:"spacer-cta-top"}),te||_?f.createElement(fe,{className:c()([$a.textCard,(t={},(0,r.Z)(t,Z,null!==Z),(0,r.Z)(t,$a.isPlaceholder,_),t)])},f.createElement(p.ScreenElement,{key:"category",placeholder:f.createElement(p.PlaceholderTitle,{className:$a.categoryPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"I5+AHN",defaultMessage:[{type:0,value:"Category"}]}),emptyClassName:$a.emptyText,isEmpty:!X},X?f.createElement(ft,Object.assign({className:c()([$a.category,(n={},(0,r.Z)(n,Z,null!==Z),(0,r.Z)(n,$a.noBottomBorder,ee),n)])},b)):null),Q||J||_?f.createElement("div",{className:c()([$a.dateTitleRow,(a={},(0,r.Z)(a,Z,null!==Z),(0,r.Z)(a,$a.bottomBorder,K||!K&&$),(0,r.Z)(a,$a.isPlaceholder,_),a)])},f.createElement(p.ScreenElement,{key:"date",placeholder:f.createElement(p.PlaceholderText,{className:$a.datePlaceholder}),emptyLabel:f.createElement(i.Z,{id:"/MsgWe",defaultMessage:[{type:0,value:"Date"}]}),emptyClassName:$a.emptyText,isEmpty:!Q},Q?f.createElement("div",{className:c()([$a.dateContainer,(l={},(0,r.Z)(l,Z,null!==Z),(0,r.Z)(l,$a.rightBorder,J),l)])},f.createElement(Y,Object.assign({className:c()([$a.date,(s={},(0,r.Z)(s,Z,null!==Z),(0,r.Z)(s,$a.centerDate,!J),s)])},w))):null),f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:$a.emptyTitle,isEmpty:!J},J?f.createElement("div",{className:c()([$a.titleContainer,(d={},(0,r.Z)(d,Z,null!==Z),(0,r.Z)(d,$a.leftBorder,Q),d)])},f.createElement(ft,Object.assign({className:$a.title},C))):null)):null,f.createElement(p.ScreenElement,{key:"sponsor",placeholder:f.createElement(p.PlaceholderText,{className:$a.sponsorPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"Bv1Q38",defaultMessage:[{type:0,value:"Sponsor"}]}),emptyClassName:$a.emptyText,isEmpty:!K},K?f.createElement(Y,Object.assign({className:c()([$a.sponsor,(m={},(0,r.Z)(m,Z,null!==Z),(0,r.Z)(m,$a.bottomBorder,$),m)])},E)):null),f.createElement(p.ScreenElement,{key:"description",placeholder:f.createElement(p.PlaceholderText,{className:$a.descriptionPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"EQdIAR",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:$a.emptyText,isEmpty:!$},$?f.createElement(Y,Object.assign({className:$a.description},M)):null)):null,_?null:f.createElement(Ee,{key:"spacer-cta-bottom"}),!_&&se?f.createElement("div",{style:{margin:-S,marginTop:"10px"},key:"call-to-action"},f.createElement(ie,{callToAction:T,disabled:!me,animationDisabled:W,focusable:N&&V,screenSize:{width:R,height:L}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([$a.container,(v={},(0,r.Z)(v,Z,null!==Z),(0,r.Z)(v,$a.isPlaceholder,_),v)]),"data-screen-ready":!0},_?null:f.createElement(D,{background:he,width:R,height:L,resolution:q,playing:re,shouldLoad:oe,backgroundClassName:ue?$a.background:null}),f.createElement(fe,{width:R,height:L},f.createElement(pt.default,{disabled:le,onScrolledBottom:ge,onScrolledNotBottom:ye,verticalAlign:"middle"},f.createElement(xe,{className:$a.layout,style:_?null:{padding:S,paddingTop:(z&&!W?j:0)+S}},f.createElement(p.TransitionsStagger,{transitions:O,stagger:A,disabled:ae,playing:ne},ve)))))};tl.propTypes=el,tl.defaultProps={category:null,date:null,title:null,sponsor:null,description:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,animateBackground:!1,transitions:null,transitionStagger:100,className:null};var nl=f.memo(tl),al=[{id:"urbania-recommendation",type:"screen",namespaces:["urbania"],group:{label:(0,l.defineMessage)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,l.defineMessage)({id:"18XpuL",defaultMessage:[{type:0,value:"Urbania recommendation screen"}]}),component:nl,fields:[{name:"category",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"4grcMU",defaultMessage:[{type:0,value:"Category"}]})},{name:"date",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"yEG9zh",defaultMessage:[{type:0,value:"Date"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"sponsor",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"WY14Zu",defaultMessage:[{type:0,value:"Sponsor"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"Y7bs1v",defaultMessage:[{type:0,value:"Description"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{label:{textStyle:"cta"},boxStyle:"cta"}}]}],ll={container:"micromag-screen-urbania-trivia-container",content:"micromag-screen-urbania-trivia-content",empty:"micromag-screen-urbania-trivia-empty",emptyContainer:"micromag-screen-urbania-trivia-emptyContainer",fullscreen:"micromag-screen-urbania-trivia-fullscreen",image:"micromag-screen-urbania-trivia-image",placeholder:"micromag-screen-urbania-trivia-placeholder",disabled:"micromag-screen-urbania-trivia-disabled",hidden:"micromag-screen-urbania-trivia-hidden",itemsContainer:"micromag-screen-urbania-trivia-itemsContainer",videoContainer:"micromag-screen-urbania-trivia-videoContainer",video:"micromag-screen-urbania-trivia-video",isCustomBackground:"micromag-screen-urbania-trivia-isCustomBackground",isAnimated:"micromag-screen-urbania-trivia-isAnimated",spin:"micromag-screen-urbania-trivia-spin",heading:"micromag-screen-urbania-trivia-heading",hideHeading:"micromag-screen-urbania-trivia-hideHeading",callToAction:"micromag-screen-urbania-trivia-callToAction",bottom:"micromag-screen-urbania-trivia-bottom",visible:"micromag-screen-urbania-trivia-visible",withGradient:"micromag-screen-urbania-trivia-withGradient",mediaControls:"micromag-screen-urbania-trivia-mediaControls",videoPlaceholder:"micromag-screen-urbania-trivia-videoPlaceholder",bottomContent:"micromag-screen-urbania-trivia-bottomContent"},il={image:{type:"image",url:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1083.95 1920'%3e %3cg id='a'/%3e %3cg id='b'%3e %3cg id='c'%3e %3cpath d='M1083.95%2c0h-103.4l-438.55%2c959.95L1083.95%2c109.31V0Zm0%2c295L542.02%2c959.96l541.93-498.87v-166.08Zm0%2c274.99l-541.92%2c389.98%2c541.92-279.64v-110.34Zm0%2c190.53l-541.92%2c199.46%2c541.92-110.89v-88.57Zm0%2c158.17l-541.92%2c41.31%2c541.92%2c41.31v-82.61Zm0%2c152.21l-541.92-110.89%2c541.92%2c199.46v-88.58Zm0%2c168.77l-541.92-279.64%2c541.92%2c389.98v-110.34Zm0%2c219.25l-541.93-498.87%2c541.93%2c664.95v-166.08Zm0%2c351.77L542%2c960.05l438.55%2c959.95h103.4v-109.31ZM854.8%2c0h-138.91l-173.9%2c959.94L854.8%2c0Zm0%2c1920l-312.81-959.94%2c173.9%2c959.94h138.91ZM606.75%2c0h-129.56l64.78%2c959.94L606.75%2c0Zm0%2c1920l-64.78-959.94-64.78%2c959.94h129.56Zm-64.79-960.06L368.06%2c0H229.15l312.81%2c959.94Zm0%2c.12L229.15%2c1920h138.91l173.9-959.94Zm-.01-.11L103.4%2c0H0V109.31L541.94%2c959.95Zm0%2c.11L0%2c1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2c295.01v166.08l541.93%2c498.87Zm0%2c.09L0%2c1458.91v166.08L541.93%2c960.04Zm-.01-.07L0%2c570v110.34l541.92%2c279.63Zm0%2c.02L0%2c760.52v88.57l541.92%2c110.89Zm0%2c.02L0%2c918.69v82.61l541.92-41.31Zm0%2c.02L0%2c1070.9v88.57l541.92-199.46Zm0%2c.02L0%2c1239.66v110.34l541.92-389.97Z' fill='%2312bbd7'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e",width:1083,height:1919},color:"#00cbff"},rl={image:{type:"image",url:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1083.95 1920'%3e %3cg id='a'/%3e %3cg id='b'%3e %3cg id='c'%3e %3cpath d='M1083.95%2c0h-103.4l-438.55%2c959.95L1083.95%2c109.31V0Zm0%2c295L542.02%2c959.96l541.93-498.87v-166.08Zm0%2c274.99l-541.92%2c389.98%2c541.92-279.64v-110.34Zm0%2c190.53l-541.92%2c199.46%2c541.92-110.89v-88.57Zm0%2c158.17l-541.92%2c41.31%2c541.92%2c41.31v-82.61Zm0%2c152.21l-541.92-110.89%2c541.92%2c199.46v-88.58Zm0%2c168.77l-541.92-279.64%2c541.92%2c389.98v-110.34Zm0%2c219.25l-541.93-498.87%2c541.93%2c664.95v-166.08Zm0%2c351.77L542%2c960.05l438.55%2c959.95h103.4v-109.31ZM854.8%2c0h-138.91l-173.9%2c959.94L854.8%2c0Zm0%2c1920l-312.81-959.94%2c173.9%2c959.94h138.91ZM606.75%2c0h-129.56l64.78%2c959.94L606.75%2c0Zm0%2c1920l-64.78-959.94-64.78%2c959.94h129.56Zm-64.79-960.06L368.06%2c0H229.15l312.81%2c959.94Zm0%2c.12L229.15%2c1920h138.91l173.9-959.94Zm-.01-.11L103.4%2c0H0V109.31L541.94%2c959.95Zm0%2c.11L0%2c1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2c295.01v166.08l541.93%2c498.87Zm0%2c.09L0%2c1458.91v166.08L541.93%2c960.04Zm-.01-.07L0%2c570v110.34l541.92%2c279.63Zm0%2c.02L0%2c760.52v88.57l541.92%2c110.89Zm0%2c.02L0%2c918.69v82.61l541.92-41.31Zm0%2c.02L0%2c1070.9v88.57l541.92-199.46Zm0%2c.02L0%2c1239.66v110.34l541.92-389.97Z' fill='hsla(0%2c0%25%2c100%25%2c.6)'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e",width:1083,height:1919},color:null},ol={layout:m().oneOf(["middle","full"]),title:a.PropTypes.headingElement,video:a.PropTypes.videoElement,gotoNextScreenOnEnd:m().bool,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,spacing:m().number,padding:m().number,getMediaRef:m().func,className:m().string},ul=function(e){var t,n,a,l,s=e.layout,d=e.title,m=e.video,h=e.gotoNextScreenOnEnd,v=e.background,b=e.callToAction,w=e.current,C=e.active,E=e.transitions,M=e.spacing,S=e.padding,k=e.getMediaRef,T=e.className,N=(0,y.useTrackScreenMedia)("video"),x=(0,g.useScreenSize)(),P=x.width,A=x.height,Z=x.resolution,F=(0,g.useScreenRenderContext)(),I=F.isView,L=F.isPreview,z=F.isPlaceholder,q=F.isEdit,j=F.isStatic,B=F.isCapture,V=(0,g.useViewerNavigation)().gotoNextScreen,W=w&&(I||q),_=w||C||!I,G=w||C||!I,H=h&&I&&w,U=(d||{}).body,Y=void 0===U?"":U,X=m||{},Q=X.autoPlay,J=void 0===Q||Q,K=X.media,$=void 0===K?null:K,ee=X.closedCaptions,te=void 0===ee?null:ee,ne=X.withSeekBar,ae=void 0!==ne&&ne,le=X.withPlayPause,re=void 0!==le&&le,oe=X.withTime,ue=void 0!==oe&&oe,se=(0,f.useRef)(),ce=se.current||{},me=ce.togglePlay,pe=ce.toggleMute,ge=ce.seek,ye=ce.play,he=ce.pause,ve=ce.mediaRef,be=void 0===ve?null:ve;(0,f.useEffect)((function(){null!==be&&null!==k&&k(be.current)}),[be,k]);var we=(0,f.useRef)(null),Ce=(0,f.useState)(!1),Ee=(0,u.Z)(Ce,2),Me=Ee[0],Se=Ee[1],ke=(0,f.useState)(null),Te=(0,u.Z)(ke,2),Ne=Te[0],xe=Te[1],Pe=(0,f.useState)(null),Oe=(0,u.Z)(Pe,2),Ae=Oe[0],Ze=Oe[1],Fe=(0,f.useState)(!1),Ie=(0,u.Z)(Fe,2),Le=Ie[0],ze=Ie[1],qe=(0,f.useState)(!1),je=(0,u.Z)(qe,2),Be=je[0],De=je[1],Ve=(0,f.useCallback)((function(e){xe(e)}),[Ze,Ae]),We=(0,f.useCallback)((function(e){N(m,"progress_".concat(Math.round(100*e,10),"%"))}),[N,m]),_e=(0,f.useCallback)((function(e){Ze(e)}),[Ze]),Ge=(0,f.useCallback)((function(e){var t=e.initial;ze(!0),N(m,t?"play":"resume")}),[N,m]),He=(0,f.useCallback)((function(e){var t=e.midway;ze(!1),N(m,t?"pause":"ended")}),[N,m]),Ue=(0,f.useCallback)((function(e){De(e),N(m,e?"mute":"unmute")}),[N,m]),Ye=(0,f.useCallback)((function(e){ge(e),ye()}),[ge,ye]),Xe=(0,f.useCallback)((function(e){e>0&&N(m,"seek")}),[N,m]),Qe=(0,f.useCallback)((function(){Be&&!Le&&ye(),pe()}),[Be,pe]),Je=(0,f.useCallback)((function(){H&&V()}),[H,ge,V]);(0,f.useEffect)((function(){!w&&Le&&he()}),[Le,w]);var Ke=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;Se(!0),null!==we.current&&clearTimeout(we.current),we.current=setTimeout((function(){Se(!1),we.current=null}),t)}),[Se]),$e=(0,f.useCallback)((function(){Le?re?Ke(null,3e3):he():ye()}),[ye,Le,he,Ke,re,Se]),et=(0,y.useLongPress)({onLongPress:$e,onClick:Ke}),tt="full"===s,nt=null!==b&&!0===b.active,at=v||{},lt=at.image,it=void 0===lt?null:lt,rt=at.video,ot=null===v||null===it&&null===(void 0===rt?null:rt),ut=null!==m,st=(0,f.useState)(ut),ct=(0,u.Z)(st,2),dt=ct[0],mt=ct[1],pt=w&&dt,gt=j||B||z||L||q,yt=(0,f.useMemo)((function(){return ut?(0,o.Z)((0,o.Z)({},m),{},{autoPlay:!L&&!j&&!B&&J&&w}):null}),[ut,m,L,j,B,J,w]),ht=$||{},vt=ht.metadata,bt=void 0===vt?null:vt,wt=ht.url,Ct=void 0===wt?null:wt,Et=ht.thumbnail_url,St=void 0===Et?null:Et,kt=null!==Ct,Tt=bt||{},Nt=Tt.width,xt=void 0===Nt?0:Nt,Pt=Tt.height,Ot=void 0===Pt?0:Pt,At=(0,y.useResizeObserver)(),Zt=At.ref,Ft=At.entry.contentRect,It=((void 0===Ft?null:Ft)||{}).height,Rt=A-(void 0===It?0:It)-(S?2*S:40),Lt=(0,O.getSizeWithinBounds)(xt,Ot,P,Rt,{cover:tt}),zt=Lt.width,jt=Lt.height,Bt=-(zt-P)/2,Dt=(0,f.useMemo)((function(){return qt()(v)&&v.length>0?v:null!==v?(0,o.Z)((0,o.Z)({},il),v):il}),[v]),Vt=tt?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){mt(!kt)}),[Ct,kt,mt]);var Wt=(0,f.useCallback)((function(){mt(!0)}),[mt]),_t=!J&&!Le||Be||Me,Gt=[f.createElement(fe,{className:ll.itemsContainer},f.createElement(p.ScreenElement,{key:"heading",className:ll.headingScreenElement,placeholder:f.createElement(p.PlaceholderTitle,Object.assign({className:ll.placeholder},Vt)),empty:f.createElement("div",{className:ll.emptyContainer},f.createElement(p.Empty,{className:ll.empty},f.createElement(i.Z,{id:"oAtOlP",defaultMessage:[{type:0,value:"Heading"}]}))),isEmpty:0===Y.length},f.createElement("div",{ref:Zt},f.createElement(ft,Object.assign({className:c()([ll.heading,(t={},(0,r.Z)(t,T,null!==T),(0,r.Z)(t,ll.hideHeading,0===Y.length),t)]),body:Y},d)))),f.createElement(p.ScreenElement,{key:"video",className:ll.videoScreenElement,placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:ll.videoPlaceholder,height:"300px"},Vt)),empty:f.createElement("div",{className:ll.emptyContainer},f.createElement(p.Empty,{className:ll.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!kt},kt?f.createElement("div",{className:ll.videoContainer,style:{width:Math.min(P,zt),height:jt,left:Bt>0?Bt:null,maxHeight:Rt}},L||B?f.createElement(Mt,{className:ll.image,media:{url:St,metadata:{width:xt,height:Ot}},width:Math.min(P,zt),height:jt,resolution:Z}):f.createElement(R,Object.assign({},yt,{ref:se,width:zt,height:jt,className:ll.video,onReady:Wt,onPlay:Ge,onPause:He,onTimeUpdate:Ve,onProgressStep:We,onDurationChanged:_e,onSeeked:Xe,onEnded:Je,onVolumeChanged:Ue,focusable:w&&I,preload:G?"auto":"metadata"})),z?null:f.createElement("div",{key:"bottom-content",className:ll.bottomContent},f.createElement(p.Transitions,{playing:pt,transitions:E,disabled:gt},null===te||L||B||j?null:f.createElement(de,{className:ll.closedCaptions,media:te,currentTime:Ne}),f.createElement("div",{className:c()([ll.bottom,(n={},(0,r.Z)(n,ll.visible,_t),(0,r.Z)(n,ll.withGradient,ae||re||Be),n)])},kt?f.createElement(Re,{className:c()([ll.mediaControls,(0,r.Z)({},ll.visible,_t)]),withSeekBar:ae,withPlayPause:re,withTime:ue,playing:Le,muted:Be,currentTime:Ne,duration:Ae,onTogglePlay:me,onToggleMute:Qe,onSeek:Ye,focusable:w&&I}):null,nt?f.createElement("div",{style:{marginTop:-M/2}},f.createElement(ie,{className:ll.callToAction,callToAction:b,animationDisabled:L,focusable:w&&I,screenSize:{width:P,height:A}})):null)))):null))];return f.createElement("div",Object.assign({className:c()([ll.container,(a={},(0,r.Z)(a,T,null!==T),(0,r.Z)(a,ll.fullscreen,tt),a)]),"data-screen-ready":j||B||dt},et,{onMouseMove:Ke}),z?f.createElement(D,{background:rl,className:ll.background,width:P,height:A,resolution:Z,styles:{backgroundColor:"red"}}):f.createElement(D,{background:Dt,className:c()([ll.background,(l={},(0,r.Z)(l,T,null!==T),(0,r.Z)(l,ll.isCustomBackground,ot),(0,r.Z)(l,ll.isAnimated,!j&&!L&&ot),l)]),width:P,height:A,resolution:Z,playing:W,shouldLoad:_}),f.createElement(fe,{width:P,height:A},f.createElement("div",{className:ll.content},Gt)))};ul.propTypes=ol,ul.defaultProps={layout:"full",title:null,video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,padding:20,getMediaRef:null,className:null};var sl=f.memo(ul),cl={id:"urbania-trivia",type:"screen",namespaces:["urbania"],group:{label:(0,l.defineMessage)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,l.defineMessage)({id:"eA6lME",defaultMessage:[{type:0,value:"Urbania trivia screen"}]}),component:sl,fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,l.defineMessage)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"gotoNextScreenOnEnd",type:"toggle",defaultValue:!1,label:(0,l.defineMessage)({id:"n8zmLY",defaultMessage:[{type:0,value:"Go to next screen on end"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})}]},dl={container:"micromag-screen-video-container",content:"micromag-screen-video-content",empty:"micromag-screen-video-empty",emptyContainer:"micromag-screen-video-emptyContainer",fullscreen:"micromag-screen-video-fullscreen",image:"micromag-screen-video-image",placeholder:"micromag-screen-video-placeholder",video:"micromag-screen-video-video",disabled:"micromag-screen-video-disabled",hidden:"micromag-screen-video-hidden",callToAction:"micromag-screen-video-callToAction",bottom:"micromag-screen-video-bottom",visible:"micromag-screen-video-visible",withGradient:"micromag-screen-video-withGradient",mediaControls:"micromag-screen-video-mediaControls",videoContainer:"micromag-screen-video-videoContainer",bottomContent:"micromag-screen-video-bottomContent"},ml={layout:m().oneOf(["middle","full"]),video:a.PropTypes.videoElement,gotoNextScreenOnEnd:m().bool,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,spacing:m().number,getMediaRef:m().func,className:m().string},fl=function(e){var t,n,a=e.layout,l=e.video,s=e.gotoNextScreenOnEnd,d=e.background,m=e.callToAction,h=e.current,v=e.active,b=e.transitions,w=e.spacing,C=e.getMediaRef,E=e.className,M=(0,y.useTrackScreenMedia)("video"),S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=S.resolution,x=(0,g.useScreenRenderContext)(),P=x.isView,A=x.isPreview,Z=x.isPlaceholder,F=x.isEdit,I=x.isStatic,L=x.isCapture,z=(0,g.useViewerNavigation)().gotoNextScreen,q=h&&(P||F),j=h||v||!P,B=h||v||!P,V=s&&P&&h,W=l||{},_=W.autoPlay,G=void 0===_||_,H=W.media,U=void 0===H?null:H,Y=W.closedCaptions,X=void 0===Y?null:Y,Q=W.withSeekBar,J=void 0!==Q&&Q,K=W.withPlayPause,$=void 0!==K&&K,ee=W.withTime,te=void 0!==ee&&ee,ne=(0,f.useRef)(),ae=ne.current||{},le=ae.togglePlay,re=ae.toggleMute,oe=ae.seek,ue=ae.play,se=ae.pause,ce=ae.mediaRef,me=void 0===ce?null:ce;(0,f.useEffect)((function(){null!==me&&null!==C&&C(me.current)}),[me,C]);var pe=(0,f.useRef)(null),ge=(0,f.useState)(!1),ye=(0,u.Z)(ge,2),he=ye[0],ve=ye[1],be=(0,f.useState)(null),we=(0,u.Z)(be,2),Ce=we[0],Ee=we[1],Me=(0,f.useState)(null),Se=(0,u.Z)(Me,2),ke=Se[0],Te=Se[1],Ne=(0,f.useState)(!1),xe=(0,u.Z)(Ne,2),Pe=xe[0],Oe=xe[1],Ae=(0,f.useState)(!1),Ze=(0,u.Z)(Ae,2),Fe=Ze[0],Ie=Ze[1],Le=(0,f.useCallback)((function(e){Ee(e)}),[Te,ke]),ze=(0,f.useCallback)((function(e){M(l,"progress_".concat(Math.round(100*e,10),"%"))}),[M,l]),qe=(0,f.useCallback)((function(e){Te(e)}),[Te]),je=(0,f.useCallback)((function(e){var t=e.initial;Oe(!0),M(l,t?"play":"resume")}),[M,l]),Be=(0,f.useCallback)((function(e){var t=e.midway;Oe(!1),M(l,t?"pause":"ended")}),[M,l]),De=(0,f.useCallback)((function(e){Ie(e),M(l,e?"mute":"unmute")}),[M,l]),Ve=(0,f.useCallback)((function(e){oe(e),ue()}),[oe,ue]),We=(0,f.useCallback)((function(e){e>0&&M(l,"seek")}),[M,l]),_e=(0,f.useCallback)((function(){Fe&&!Pe&&ue(),re()}),[Fe,re]),Ge=(0,f.useCallback)((function(){V&&z()}),[V,oe,z]);(0,f.useEffect)((function(){!h&&Pe&&se()}),[Pe,h]);var He=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;ve(!0),null!==pe.current&&clearTimeout(pe.current),pe.current=setTimeout((function(){ve(!1),pe.current=null}),t)}),[ve]),Ue=(0,f.useCallback)((function(){Pe?$?He(null,3e3):se():ue()}),[ue,Pe,se,He,$,ve]),Ye=(0,y.useLongPress)({onLongPress:Ue,onClick:He}),Xe="full"===a,Qe=null!==m&&!0===m.active,Je=null!==l,Ke=(0,f.useState)(Je),$e=(0,u.Z)(Ke,2),et=$e[0],tt=$e[1],nt=h&&et,at=I||L||Z||A||F,lt=(0,f.useMemo)((function(){return Je?(0,o.Z)((0,o.Z)({},l),{},{autoPlay:!A&&!I&&!L&&G&&h}):null}),[Je,l,A,I,L,G,h]),it=U||{},rt=it.metadata,ot=void 0===rt?null:rt,ut=it.url,st=void 0===ut?null:ut,ct=it.thumbnail_url,dt=void 0===ct?null:ct,mt=null!==st,ft=ot||{},pt=ft.width,gt=void 0===pt?0:pt,yt=ft.height,ht=void 0===yt?0:yt,vt=(0,O.getSizeWithinBounds)(gt,ht,k,T,{cover:Xe}),bt=vt.width,wt=vt.height,Ct=-(bt-k)/2,Et=-(wt-T)/2,St=Xe?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){tt(!mt)}),[st,mt,tt]);var kt=(0,f.useCallback)((function(){tt(!0)}),[tt]),Tt=!G&&!Pe||Fe||he,Nt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:dl.placeholder},St)),empty:f.createElement("div",{className:dl.emptyContainer},f.createElement(p.Empty,{className:dl.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!mt},mt?f.createElement("div",{className:dl.videoContainer,style:{width:bt,height:wt,left:Ct,top:Et}},A||L?f.createElement(Mt,{className:dl.image,media:{url:dt,metadata:{width:gt,height:ht}},width:bt,height:wt,resolution:N}):f.createElement(R,Object.assign({},lt,{ref:ne,className:dl.video,onReady:kt,onPlay:je,onPause:Be,onTimeUpdate:Le,onProgressStep:ze,onDurationChanged:qe,onSeeked:We,onEnded:Ge,onVolumeChanged:De,focusable:h&&P,preload:B?"auto":"metadata"}))):null),Z?null:f.createElement("div",{key:"bottom-content",className:dl.bottomContent},f.createElement(p.Transitions,{playing:nt,transitions:b,disabled:at},null===X||A||L||I?null:f.createElement(de,{className:dl.closedCaptions,media:X,currentTime:Ce}),f.createElement("div",{className:c()([dl.bottom,(t={},(0,r.Z)(t,dl.visible,Tt),(0,r.Z)(t,dl.withGradient,J||$||Fe),t)])},mt?f.createElement(Re,{className:c()([dl.mediaControls,(0,r.Z)({},dl.visible,Tt)]),withSeekBar:J,withPlayPause:$,withTime:te,playing:Pe,muted:Fe,currentTime:Ce,duration:ke,onTogglePlay:le,onToggleMute:_e,onSeek:Ve,focusable:h&&P}):null,Qe?f.createElement("div",{style:{marginTop:-w/2}},f.createElement(ie,{className:dl.callToAction,callToAction:m,animationDisabled:A,focusable:h&&P,screenSize:{width:k,height:T}})):null)))];return f.createElement("div",Object.assign({className:c()([dl.container,(n={},(0,r.Z)(n,E,null!==E),(0,r.Z)(n,dl.fullscreen,Xe),n)]),"data-screen-ready":I||L||et},Ye,{onMouseMove:He}),Z?null:f.createElement(D,{background:d,width:k,height:T,resolution:N,playing:q,shouldLoad:j}),f.createElement(fe,{width:k,height:T},f.createElement("div",{className:dl.content},Nt)))};fl.propTypes=ml,fl.defaultProps={layout:"middle",video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,getMediaRef:null,className:null};var pl=f.memo(fl),gl=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.video||{}).media,a=void 0===n?null:n,l=(0,Le.nk)(e,a),i=l.story,r=l.component,u=(0,Le.W2)(i,(0,v.Z)(r?[r]:[])),s=u.story,c=u.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),yl={id:"video",type:"screen",group:{label:(0,l.defineMessage)({id:"+9akmg",defaultMessage:[{type:0,value:"Audio and Video"}]}),order:5},title:(0,l.defineMessage)({id:"UBXIYP",defaultMessage:[{type:0,value:"Video"}]}),component:pl,layouts:["middle","full"],transforms:gl,fields:[{name:"layout",type:"screen-layout",defaultValue:"middle",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,l.defineMessage)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"gotoNextScreenOnEnd",type:"toggle",defaultValue:!1,label:(0,l.defineMessage)({id:"n8zmLY",defaultMessage:[{type:0,value:"Go to next screen on end"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},hl={container:"micromag-screen-video-360-container",canvasButton:"micromag-screen-video-360-canvasButton",canvas:"micromag-screen-video-360-canvas",content:"micromag-screen-video-360-content",placeholder:"micromag-screen-video-360-placeholder",video:"micromag-screen-video-360-video",disabled:"micromag-screen-video-360-disabled",hidden:"micromag-screen-video-360-hidden",empty:"micromag-screen-video-360-empty",videoContainer:"micromag-screen-video-360-videoContainer",mediaControls:"micromag-screen-video-360-mediaControls",bottomContent:"micromag-screen-video-360-bottomContent",showVideo:"micromag-screen-video-360-showVideo"},vl=null,bl={layout:m().oneOf(["full"]),video:a.PropTypes.videoElement,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,onPrevious:m().func,onNext:m().func,type:m().string,spacing:m().number,className:m().string},wl=function(e){var t;e.layout;var a=e.video,l=e.background,s=e.callToAction,d=e.current,m=e.active,h=e.transitions,v=e.onPrevious,b=e.onNext,w=e.type,C=e.spacing,E=e.className,M=function(){var e=(0,f.useState)({package:vl}),t=(0,u.Z)(e,2),a=t[0].package,l=t[1];return(0,f.useEffect)((function(){var e=!1;return null!==a||n.e(917).then(n.bind(n,5917)).then((function(t){var n=t.Scene,a=t.PerspectiveCamera,i=t.SphereBufferGeometry,r=t.VideoTexture,o=t.MeshBasicMaterial,u=t.Mesh,s=t.WebGLRenderer,c=t.MathUtils;vl={Scene:n,PerspectiveCamera:a,SphereBufferGeometry:i,VideoTexture:r,MeshBasicMaterial:o,Mesh:u,WebGLRenderer:s,MathUtils:c},e||l({package:vl})})),function(){e=!0}}),[a,l]),a}(),S=(0,y.useTrackScreenEvent)(w),k=(0,y.useTrackScreenMedia)("video_360"),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.landscape,A=T.resolution,Z=(0,g.useScreenRenderContext)(),F=Z.isView,I=Z.isPreview,L=Z.isPlaceholder,z=Z.isEdit,q=Z.isStatic,j=Z.isCapture,B=d&&(F||z),V=d||m||!F,W=(0,f.useRef)(),_=(0,f.useRef)(),G=_.current||{},H=G.togglePlay,U=G.toggleMute,Y=G.seek,X=G.play,Q=G.pause,J=(0,f.useState)(null),K=(0,u.Z)(J,2),$=K[0],ee=K[1],te=(0,f.useState)(null),ne=(0,u.Z)(te,2),ae=ne[0],le=ne[1],re=(0,f.useState)(!1),oe=(0,u.Z)(re,2),ue=oe[0],se=oe[1],ce=(0,f.useState)(!1),me=(0,u.Z)(ce,2),pe=me[0],ge=me[1],ye=(0,f.useCallback)((function(e){ee(e)}),[le,ae]),he=(0,f.useCallback)((function(e){k(a,"progress_".concat(Math.round(100*e,10),"%"))}),[k,a]),ve=(0,f.useCallback)((function(e){le(e)}),[le]),be=(0,f.useCallback)((function(e){var t=e.initial;se(!0),k(a,t?"play":"resume")}),[k,a]),we=(0,f.useCallback)((function(e){var t=e.midway;se(!1),k(a,t?"pause":"ended")}),[k,a]),Ce=(0,f.useCallback)((function(e){ge(e),k(a,e?"mute":"unmute")}),[k,a]),Ee=(0,f.useCallback)((function(e){e>0&&k(a,"seek")}),[k,a]),Me=(0,f.useCallback)((function(){pe&&!ue&&X(),U()}),[pe,U]);(0,f.useEffect)((function(){!d&&ue&&Q()}),[ue,d]);var Se=null!==a,ke=(0,f.useState)(!Se),Te=(0,u.Z)(ke,2),Ne=Te[0],xe=Te[1],Pe=d&&Ne,Oe=q||j||L||I||z,Ae=a||{},Ze=Ae.media,Fe=void 0===Ze?null:Ze,Ie=Ae.closedCaptions,Le=void 0===Ie?null:Ie,ze=Ae.withSeekBar,qe=void 0!==ze&&ze,je=Ae.withPlayPause,Be=void 0!==je&&je,De=Ae.autoPlay,Ve=void 0===De||De,We=Se?(0,o.Z)((0,o.Z)({},a),{},{autoPlay:!I&&!q&&!j&&Ve&&d}):null,_e=Fe||{},Ge=_e.metadata,He=void 0===Ge?null:Ge,Ue=_e.url,Ye=void 0===Ue?null:Ue,Xe=_e.thumbnail_url,Qe=void 0===Xe?null:Xe,Je=null!==Ye,Ke=He||{},$e=Ke.width,et=void 0===$e?0:$e,tt=Ke.height,nt=void 0===tt?0:tt,at=null!==Qe,lt=(0,f.useState)(!at),it=(0,u.Z)(lt,2),rt=it[0],ot=it[1],ut=Je&&(F||z)&&!j&&!q,st=(0,O.getSizeWithinBounds)(et,nt,N,x,{cover:!0}),ct=st.width,dt=st.height,mt=-(ct-N)/2,ft=-(dt-x)/2;(0,f.useEffect)((function(){xe(!Je)}),[Ye,Je,xe]),(0,f.useEffect)((function(){ot(!at)}),[Qe,at,ot]);var pt=(0,f.useCallback)((function(){xe(!0)}),[xe]),gt=(0,f.useCallback)((function(){ot(!0)}),[rt]),yt=(0,f.useRef)(null),ht=(0,f.useRef)(null),vt=(0,f.useRef)(null),bt=(0,f.useRef)(null),wt=(0,f.useRef)(0),Ct=(0,f.useRef)(0),Et=(0,f.useRef)(0),St=(0,f.useRef)(0),kt=(0,f.useRef)(50),Tt=(0,f.useRef)(!1),Nt=(0,f.useRef)(0),xt=(0,f.useRef)(0),Pt=(0,f.useRef)(0),Ot=(0,f.useRef)(0),At=(0,f.useCallback)((function(){var e=M.MathUtils;Ct.current=Math.max(-85,Math.min(85,Ct.current)),Et.current=e.degToRad(90-Ct.current),St.current=e.degToRad(wt.current),ht.current.position.x=kt.current*Math.sin(Et.current)*Math.cos(St.current),ht.current.position.y=kt.current*Math.cos(Et.current),ht.current.position.z=kt.current*Math.sin(Et.current)*Math.sin(St.current),ht.current.lookAt(0,0,0),bt.current.render(vt.current,ht.current)}),[]);(0,f.useEffect)((function(){if(null!==M&&Je&&ut){var e=M.Scene,t=M.PerspectiveCamera,n=M.SphereBufferGeometry,a=M.VideoTexture,l=M.MeshBasicMaterial,i=M.Mesh,r=M.WebGLRenderer,o=yt.current,u=o.offsetWidth,s=o.offsetHeight;ht.current=new t(75,u/s,1,1100),vt.current=new e;var c=new n(500,60,40);c.scale(-1,1,1);var d=(_.current||{}).mediaRef,m=((void 0===d?null:d)||{}).current,f=new i(c,new l({map:new a(void 0===m?null:m)}));vt.current.add(f),bt.current=new r({canvas:yt.current}),bt.current.setPixelRatio("undefined"!=typeof window?window.devicePixelRatio:1),bt.current.setSize(u,s),At()}return function(){ut&&(ht.current=null,vt.current=null,bt.current=null)}}),[Je,ut,At]),(0,y.useAnimationFrame)(At,{disabled:!ut}),(0,f.useEffect)((function(){null!==ht.current&&null!==bt.current&&(ht.current.aspect=N/x,ht.current.updateProjectionMatrix(),bt.current.setSize(N,x))}),[N,x]);var Zt=(0,f.useRef)(null),Ft=(0,f.useCallback)((function(e){Tt.current=!0,Nt.current=e.clientX,xt.current=e.clientY,Pt.current=wt.current,Ot.current=Ct.current,null!==Zt.current&&clearTimeout(Zt.current),Zt.current=setTimeout((function(){H(),Zt.current=null}),300)}),[H]),It=(0,f.useRef)(0),Rt=(0,f.useRef)(null),Lt=(0,f.useRef)(!1),zt=(0,f.useCallback)((function(e){if(Tt.current){var t=e||{},n=t.clientX,l=void 0===n?null:n,i=t.clientY,r=void 0===i?null:i,o=Nt.current-l,u=xt.current-r;wt.current=.2*o+Pt.current,Ct.current=.2*u+Ot.current;var s=Rt.current||{},c=s.x,d=void 0===c?l:c,m=s.y,f=void 0===m?r:m,p=Math.abs(d-l)||0,g=Math.abs(f-r)||0;It.current+=p+g,!Lt.current&&It.current>Math.min(N,x)&&(S("drag_sphere",a.name),Lt.current=!0),Rt.current={x:l,y:r},(Math.abs(o)>3||Math.abs(u)>3)&&null!==Zt.current&&(clearTimeout(Zt.current),Zt.current=null)}}),[N,x,S,a]),qt=(0,f.useCallback)((function(e){var t=W.current;if(Tt.current&&null!==t){var n=Math.abs(Nt.current-e.clientX),a=Math.abs(xt.current-e.clientY);if(!P&&null!==Zt.current&&n<3&&a<3){var l=t.getBoundingClientRect(),i=l.left,r=void 0===i?0:i,o=l.width;e.clientX-r<.5*o?null!==v&&v():null!==b&&b()}null!==Zt.current&&(clearTimeout(Zt.current),Zt.current=null)}Tt.current=!1}),[v,b,P]),jt=null!==s&&!0===s.active,Bt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo360,{className:hl.placeholder,width:"100%",height:"100%"}),emptyClassName:hl.empty,emptyLabel:f.createElement(i.Z,{id:"oLtEu6",defaultMessage:[{type:0,value:"Video 360"}]}),isEmpty:!ut},f.createElement(p.Transitions,{playing:Pe,transitions:h,disabled:Oe,fullscreen:!0},ut?f.createElement(f.Fragment,null,f.createElement("canvas",{ref:yt,className:hl.canvas}),f.createElement("button",{className:hl.canvasButton,type:"button","aria-label":"canvas-interaction",onPointerDown:Ft,onPointerMove:zt,onPointerUp:qt,tabIndex:d&&F?null:"-1"})):f.createElement("div",{className:hl.videoContainer,style:{width:ct,height:dt,left:mt,top:ft}},f.createElement(Mt,{className:hl.video,media:{url:Qe,metadata:{width:et,height:nt}},width:ct,height:dt,resolution:A})))),L?null:f.createElement("div",{key:"bottom-content",className:hl.bottomContent},f.createElement(p.Transitions,{playing:Pe,transitions:h,disabled:Oe},null===Le||I||j||q?null:f.createElement(de,{className:hl.closedCaptions,media:Le,currentTime:$}),ut?f.createElement(Re,{className:hl.mediaControls,withSeekBar:qe,withPlayPause:Be,playing:ue,muted:pe,currentTime:$,duration:ae,onTogglePlay:H,onToggleMute:Me,onSeek:Y,focusable:d&&F}):null,jt?f.createElement("div",{style:{marginTop:-C/2}},f.createElement(ie,{callToAction:s,animationDisabled:I,focusable:d&&F,screenSize:{width:N,height:x}})):null))];return f.createElement("div",{className:c()([hl.container,(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,hl.showVideo,I||q||j),t)]),"data-screen-ready":(q||j)&&rt||Ne},L?null:f.createElement(D,{background:l,width:N,height:x,resolution:A,playing:B,shouldLoad:V}),f.createElement(fe,{width:N,height:x},ut?f.createElement("div",{ref:W,className:hl.videoContainer,style:{width:ct,height:dt,left:mt,top:ft}},f.createElement(R,Object.assign({},We,{ref:_,className:hl.video,withoutCors:!0,onReady:pt,onPlay:be,onPause:we,onTimeUpdate:ye,onProgressStep:he,onDurationChanged:ve,onSeeked:Ee,onVolumeChanged:Ce,onPosterLoaded:gt,focusable:d&&F}))):null,f.createElement("div",{className:hl.content},Bt)))};wl.propTypes=bl,wl.defaultProps={layout:"full",video:null,background:null,callToAction:null,current:!0,active:!0,transitions:null,onPrevious:null,onNext:null,type:null,spacing:20,className:null};var Cl=f.memo(wl),El=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.video||{}).media,a=void 0===n?null:n,l=(0,Le.nk)(e,a),i=l.story,r=l.component,u=(0,Le.W2)(i,(0,v.Z)(r?[r]:[])),s=u.story,c=u.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),Ml={id:"video-360",type:"screen",group:{label:(0,l.defineMessage)({id:"+9akmg",defaultMessage:[{type:0,value:"Audio and Video"}]}),order:5},title:(0,l.defineMessage)({id:"GRVidW",defaultMessage:[{type:0,value:"360 Video"}]}),component:Cl,layouts:["full"],transforms:El,fields:[{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,l.defineMessage)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{boxStyle:"cta",label:{textStyle:"cta"}}}]},Sl=new a.ScreensManager;Sl.addDefinition(Ve),Sl.addDefinition(Ct),Sl.addDefinition(It),Sl.addDefinition(Yt),Sl.addDefinition(en),Sl.addDefinition(on),Sl.addDefinition(Sn),Sl.addDefinition(_n),Sl.addDefinition(Kn),Sl.addDefinition(aa),Sl.addDefinition(oa),Sl.addDefinition(fa),Sl.addDefinition(va),Sl.addDefinition(Oa),Sl.addDefinition(yl),Sl.addDefinition(Ml),Sl.addDefinition(Ka),Sl.addDefinition(cl),Sl.addDefinition(al);var kl=new a.ScreensManager;kl.merge(Sl);var Tl=["children"],Nl={children:m().node.isRequired},xl=function(e){var t=e.children,n=(0,b.Z)(e,Tl);return f.createElement(g.ScreensProvider,Object.assign({},n,{manager:kl}),t)};xl.propTypes=Nl,xl.defaultProps={}},8001:function(e,t,n){"use strict";var a=n(417),l=n(1538),i=n(1260),r=(n(8689),n(2985),n(6009),n(6368),n(1892));function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(a),s=o(i),c=o(r),d={name:"Format\\TextStyle",description:"The object for defining the text style (font family, size, color, and so on) that you can apply to ranges of text.",version:"1.7+",from_class:null,extends:null,typed:null,url:"https://developer.apple.com/documentation/apple_news/textstyle",properties:[{name:"backgroundColor",type:"Color",required:!1,description:"The background color for text lines. The value defaults to transparent.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalTextStyle",required:!1,description:"An array of text style properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"fontFamily",type:"string",required:!1,description:"The font family to use for text rendering, for example Gill Sans. Using a combination of fontFamily, fontWeight, fontWidth and fontStyle you can define the appearance of the text. News automatically selects the appropriate font variant from the available variants in that family.",typed:!1},{name:"fontName",type:"string",required:!1,description:"The fontName to refer to an explicit font variant’s PostScript name, such as GillSans-Bold. Alternatively, you can use a combination of fontFamily, fontWeight, fontWidth and/or fontStyle to have News automatically select the appropriate variant depending on the text formatting used.",typed:!1},{name:"fontSize",type:"integer",required:!1,description:"The size of the font, in points. By default, the font size will be inherited from a parent component or a default style. As a best practice, try not to go below 16 points for body text. The fontSize may be automatically resized for different device sizes or for iOS devices with Larger Accessibility Sizes enabled.",typed:!1},{name:"fontStyle",type:"enum:string",required:!1,description:"The font style to apply for the selected font.",enum_values:["normal","italic","oblique"],typed:!1},{name:"fontWeight",type:"enum:integer|string",required:!1,description:"The font weight to apply for font selection. In addition to explicit weights (named or numerical), lighter and bolder are available, to set text in a lighter or bolder font as compared to its surrounding text.",enum_values:[100,200,300,400,500,600,700,800,900,"thin","extra-light","extralight","ultra-light","light","regular","normal","book","roman","medium","semi-bold","semibold","demi-bold","demibold","bold","extra-bold","extrabold","ultra-bold","ultrabold","black","heavy","lighter","bolder"],typed:!1},{name:"fontWidth",type:"enum:string",required:!1,description:"The font width for font selection (known in CSS as font-stretch). Defines the width characteristics of a font variant between normal, condensed and expanded. Some font families have separate families assigned for different widths (for example, Avenir Next and Avenir Next Condensed), so make sure that the fontFamily you select supports the specified fontWidth.",enum_values:["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],typed:!1},{name:"orderedListItems",type:"Format\\ListItemStyle",required:!1,description:"An object for use with text components with HTML markup. You can create text styles containing an orderedListItems definition to configure how list items inside <ol> tags should be displayed.",typed:!1},{name:"strikethrough",type:["Format\\TextDecoration","boolean"],required:!1,description:"The text strikethrough. Set strikethrough to true to use the text color inherited from the textColor property as the strikethrough color, or provide a text decoration definition with a different color. By default strikethrough is omitted (false).",typed:!1},{name:"stroke",type:"Format\\TextStrokeStyle",required:!1,description:"The stroke style for the text outline. By default, stroke will be omitted.",typed:!1},{name:"textColor",type:"Color",required:!1,description:"The text color.",typed:!1},{name:"textShadow",type:"Format\\Shadow",required:!1,description:"The text shadow for this style.",typed:!1},{name:"textTransform",type:"enum:string",required:!1,description:"The transform to apply to the text.",enum_values:["uppercase","lowercase","capitalize","none"],typed:!1},{name:"tracking",type:"number",required:!1,description:"The amount of tracking (spacing between characters) in text, as a percentage of the fontSize. The actual spacing between letters is determined by combining information from the font and font size.",default:0,typed:!1},{name:"underline",type:["Format\\TextDecoration","boolean"],required:!1,description:"The text underlining. This style can be used for links. Set underline to true to use the text color as the underline color, or provide a text decoration with a different color. By default underline is omitted (false).",typed:!1},{name:"unorderedListItems",type:"Format\\ListItemStyle",required:!1,description:"An object for use with text components with HTML markup. You can create text styles containing an unorderedListItems definition to configure how list items inside <ul> tags should be displayed.",typed:!1},{name:"verticalAlignment",type:"enum:string",required:!1,description:"The vertical alignment of the text. You can use this property for superscripts and subscripts.",enum_values:["superscript","subscript","baseline"],typed:!1}]},m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.fontFamily,n=void 0===t?null:t,a=e.fontSize,i=void 0===a?null:a,r=e.lineHeight,o=void 0===r?null:r,u=e.color,s=void 0===u?null:u,c={fontFamily:n,fontSize:i,lineHeight:o?Math.floor(i*o):null,textColor:s&&s.color?s.color:null};return l.validate(c,d)},f={name:"Format\\Audio",description:"The component for adding a playable audio clip.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/audio",properties:[{name:"role",type:"string",required:!0,description:"Always audio for this component.",value:"audio",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of an audio file (http or https only). This component supports all AVPlayer audio formats, including the following:",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the content of the audio file. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A caption that describes the content of the audio file. This text is also used by VoiceOver for iOS and VoiceOver for macOS if accessibilityCaption is not provided, or it can be shown when the audio cannot be played.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates the audio may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"imageURL",type:"string",required:!1,description:"The URL of an image file that represents the audio file, such as a cover image.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},p=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"audio",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=t||{},s=o.url,c=u.default(u.default({role:n},r[n]?{layout:n}:{}),{},{URL:s}),d=l.validate(c,a);return{story:e,component:d}},g={name:"Format\\Text",description:"Properties shared by all text component types.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/text",properties:[{name:"role",type:"string",required:!0,description:"The role of a text component depends on the type of content it contains. For example, a PullQuote should have a role of pullquote, and for text in the article body, the role should be body. See Component.",typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, rangeLength, and either a text style or the identifier of a text style that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"text",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.componentLayouts,o=void 0===r?{}:r,d=t||{},f=d.body,p=void 0===f?null:f,g=d.textStyle,y=void 0===g?null:g,h=y?m(y):null,v=null!==h?c.default(h):null,b=null!==h&&null!==v,w=u.default(u.default({role:n},o[n]?{layout:n}:{}),{},{text:p,format:"html"},i),C=a?l.validate(w,a):null;return{story:u.default(u.default({},e),{},{componentStyles:u.default(u.default({},e.componentStyles||{}),null!==C&&b?s.default({},v,h):{})}),component:C}},h={name:"Format\\Container",description:"Properties shared by all container types.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/container",properties:[{name:"role",type:"string",required:!0,description:"Always container for this component.",value:"container",read_only:!0,typed:!1},{name:"additions",type:"array:Format\\ComponentLink",required:!1,description:"An array of ComponentLink objects. This can be used to create a ComponentLink, allowing a link to anywhere in News. Adding a link to a container component makes the entire component interactable. Any links used in its child components are not interactable.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"components",type:"array:Format\\Component",required:!1,description:"An array of components to display as child components. Child components are positioned and rendered relative to their parent component.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalContainer",required:!1,description:"An array of container properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"contentDisplay",type:["Format\\CollectionDisplay","Format\\HorizontalStackDisplay"],required:!1,description:"The object that defines the way child components should be positioned within this container component. A HorizontalStackDisplay for example, allows for displaying child components side-by-side.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},v={name:"Format\\Gallery",description:"The component for displaying a sequence of images in a specific order as a horizontal strip.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/gallery",properties:[{name:"items",type:"array:Format\\GalleryItem",required:!0,description:"An array of the images that appear in the gallery. The order used in the array is the order of the images in the gallery. Gallery items can be JPEG (with .jpg or .jpeg extension), PNG, or GIF images.",typed:!1},{name:"role",type:"string",required:!0,description:"Always gallery for this component.",value:"gallery",read_only:!0,typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},b=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"gallery",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=t||{},s=o.images,c=void 0===s?[]:s,d=null!==c?c.map((function(e){if(null==e)return null;var t=e||{},n=t.media,a=void 0===n?null:n,i=t.url,r=void 0===i?null:i,o=t.caption,s=void 0===o?null:o,c=null!==a&&a.url?a.url:null,d=null!==r?r:null,m=d||c,f=null!==s&&s.body?l.stripTags(s.body):null;return m?u.default({URL:d||c},null!==f?{caption:f}:{}):null})).filter((function(e){return null!==e})):[],m=u.default(u.default({role:n},r[n]?{layout:n}:{}),{},{items:d}),f=l.validate(m,a);return{story:e,component:f}},w={name:"Format\\Heading",description:"The text component for adding a heading.",version:"1.7+",from_class:null,extends:"Format\\Text",typed:null,url:"https://developer.apple.com/documentation/apple_news/heading",properties:[{name:"role",type:"enum:string",required:!0,description:"Always one of these roles for this component: heading, heading1, heading2, heading3, heading4, heading5, or heading6.",enum_values:["heading","heading1","heading2","heading3","heading4","heading5","heading6"],value:"heading",typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text components that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, a rangeLength, and either a TextStyle object or the identifier of a TextStyle that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},C={name:"Format\\Image",description:"The component for displaying JPEG, PNG, or GIF images.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/image",properties:[{name:"role",type:"string",required:!0,description:"Always image for this component.",value:"image",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of an image file.",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the image. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"additions",type:"array:Format\\ComponentLink",required:!1,description:"An array of ComponentLink objects. This can be used to create a ComponentLink, allowing a link to anywhere in News.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:["Format\\CaptionDescriptor","string"],required:!1,description:"A caption that describes the image. The text is seen when the image is in full screen. This text is also used by VoiceOver for iOS and VoiceOver for macOS, if accessibilityCaption text is not provided. The caption text does not appear in the main article view. To display a caption in the main article view, use the Caption component.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates the image may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},E={name:"Format\\Map",description:"The component for adding a map.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/map",properties:[{name:"latitude",type:"number",required:!0,description:"The latitude of the map’s center. Provide both a latitude and longitude, or an array of items.",typed:!1},{name:"longitude",type:"number",required:!0,description:"The longitude of the map’s center. Provide both a latitude and longitude, or an array of items.",typed:!1},{name:"role",type:"string",required:!0,description:"Always map for this component.",value:"map",read_only:!0,typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"The caption that describes what is visible on the map. The text is used for VoiceOver for iOS and VoiceOver for macOS. The value in this property should describe the contents of the map for non-sighted users. If accessibilityCaption is not provided the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A string that describes what is displayed on the map. The caption is displayed in the full screen version of the map. This text is also used by VoiceOver for iOS and VoiceOver for macOS, if accessibilityCaption text is not provided.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"items",type:"array:Format\\MapItem",required:!1,description:"An array of MapItems. If latitude and longitude are not set, at least one item containing latitude and longitude should be added to the items array.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"mapType",type:"enum:string",required:!1,description:"A string that defines the type of map to display by default.",default:"standard",enum_values:["standard","hybrid","satellite"],typed:!1},{name:"span",type:"Format\\MapSpan",required:!1,description:"An object for defining the visible area of a map, relative to its center. A span is defined in deltas for latitude and longitude.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},M={name:"Format\\Mosaic",description:"The component for displaying a set of images as tiles in no particular order.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/mosaic",properties:[{name:"items",type:"array:Format\\GalleryItem",required:!0,description:"An array of the images that will appear in the mosaic. The order used in the array may affect layout and positioning in the mosaic, depending on the device or width. Gallery items can be JPEG (with .jpg or .jpeg extension), PNG, or GIF images. If the GIF is animated, the animation plays only in full screen.",typed:!1},{name:"role",type:"string",required:!0,description:"Always mosaic for this component.",value:"mosaic",read_only:!0,typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},S={name:"Format\\Quote",description:"The component for including a quote.",version:"1.7+",from_class:null,extends:"Format\\Text",typed:null,url:"https://developer.apple.com/documentation/apple_news/quote",properties:[{name:"role",type:"string",required:!0,description:"Always quote for this component.",value:"quote",read_only:!0,typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text components that can be applied conditionally and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, rangeLength, and either a TextStyle object or the identifier of a TextStyle that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},k={name:"Format\\Video",description:"The component for adding a video.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/video",properties:[{name:"role",type:"string",required:!0,description:"Always video for this component.",value:"video",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of a video file that can be played using AVPlayer. HTTP Live Streaming (HLS) is highly recommended (.M3U8). For more information on HLS, refer to the iOS developer documentation on HTTP Live Streaming, especially the following sections of the HTTP Live Streaming Overview:",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the content of the video. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"aspectRatio",type:"number",required:!1,description:"The aspect ratio of the video: width divided by height. The aspect ratio determines the height of the video player.",default:1.777,typed:!1},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A caption that describes the content of the video file. This text is also used by VoiceOver for iOS and VoiceOver for macOS if accessibilityCaption is not provided, or it can be shown when the video cannot be played.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates that the video or its still image may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"stillURL",type:"uri",required:!1,description:"The URL of an image file that should be shown when the video has not yet been played.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]};t.Bb=function(e,t){return p(e,t,"audio",f)},t.S3=function(e,t){return y(e,t,"text",g,{textStyle:"style-author"})},t.W2=function(e,t){var n={role:"container",components:t},a=l.validate(n,h);return{story:e,component:t&&t.length>0?a:null}},t.ri=function(e,t){return b(e,t,"gallery",v)},t.nL=function(e,t){return y(e,t,"heading1",w)},t.XJ=function(e,t){return y(e,t,"heading2",w)},t.Ee=function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=(t||{}).url,s=u.default(u.default({role:n},r[n]?{layout:n}:{}),{},{URL:o}),c=l.validate(s,a);return{story:e,component:c}}(e,t,"image",C)},t.D5=function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"map",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=t||{},s=o.latitude,c=void 0===s?null:s,d=o.longitude,m=void 0===d?null:d,f=u.default(u.default({role:n},r[n]?{layout:n}:{}),{},{latitude:c,longitude:m}),p=l.validate(f,a);return{story:e,component:p}}(e,t,"map",E)},t.Iy=function(e,t){return b(e,t,"mosaic",M)},t.pu=function(e,t){return y(e,t,"quote",S)},t.xv=function(e,t){return y(e,t,"text",g)},t.nk=function(e,t){return p(e,t,"video",k)}},1538:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(1260),l=n(417),i=n(8689),r=n(2985),o=n(6009),u=n(6368);function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(a),d=s(l),m=s(i),f=s(r),p=s(o),g=s(u);t.stripTags=function(e){return e?e.replace(/(<([^>]+)>)/gi,""):null},t.validate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=e?Object.keys(e).reduce((function(n,a){var l=e[a]||null;if(t&&t.properties){var i=t.properties.find((function(e){return e.name===a}))||null;if(null!==i){var r=!0;switch(i.type){case"string":r=m.default(l);break;case"integer":r=f.default(l);break;case"float":r=p.default(l);break;default:r=null!==l}if(!r&&i.required)return console.log("VALIDATION ERROR: SKIPPED BECAUSE REQUIRED",e,a),null;if(null!==n&&r)return d.default(d.default({},n),{},c.default({},a,l));console.log("VALIDATION ERROR: VALID TYPE",a,e)}}return n}),{}):{};return g.default(n)?null:n}},4124:function(e,t,n){"use strict";var a=n(417),l=n(2220),i=n(7641),r=n(6204),o=n(3857),u=n(4406),s=n(2807),c=n(2801),d=n(2026),m=n(4139),f=n(1010),p=n(1260),g=n(1068),y=n(5182),h=n(5681),v=n(5372),b=n(5587),w=n(5537),C=n(1354),E=n(1098),M=n(8436),S=n(631),k=n(239),T=n(4696),N=n(4161),x=n(3057),P=n(5976),O=n(6461);function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Z=A(a),F=A(l),I=A(i),R=A(r),L=A(d),z=A(p),q=A(g),j=A(y),B=A(h),D=A(w),V=A(P),W=I.default.shape({home:I.default.string.isRequired,screen:I.default.string.isRequired});function _(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=t||{},l=a.maxDistance,i=void 0===l?5:l,r=a.tags,o=void 0===r?["BUTTON","A","INPUT","TEXTAREA"]:r,u=e||{},s=u.tagName,c=void 0===s?null:s,d=u.parentNode,m=void 0===d?null:d;return"BODY"!==c&&(o.map((function(e){return e.toLowerCase()})).indexOf(c.toLowerCase())>-1||n<i&&_(m,t,n+1))}var G={container:"micromag-viewer-container",menuPreview:"micromag-viewer-menuPreview",menuPreviewContainer:"micromag-viewer-menuPreviewContainer",screen:"micromag-viewer-screen",screenInner:"micromag-viewer-screenInner",content:"micromag-viewer-content",menuDotsContainer:"micromag-viewer-menuDotsContainer",menuDots:"micromag-viewer-menuDots",current:"micromag-viewer-current",handTap:"micromag-viewer-handTap",landscape:"micromag-viewer-landscape",visible:"micromag-viewer-visible",withSiblings:"micromag-viewer-withSiblings",hideMenu:"micromag-viewer-hideMenu",ready:"micromag-viewer-ready",hasInteracted:"micromag-viewer-hasInteracted"},H="micromag-viewer-menus-menu-dots-closeButton",U={container:"micromag-viewer-menus-menu-dot-container",button:"micromag-viewer-menus-menu-dot-button",dot:"micromag-viewer-menus-menu-dot-dot",subDot:"micromag-viewer-menus-menu-dot-subDot",dots:"micromag-viewer-menus-menu-dot-dots",vertical:"micromag-viewer-menus-menu-dot-vertical"},Y={current:I.default.bool,active:I.default.bool,colors:I.default.shape({primary:I.default.string,secondary:I.default.string}),count:I.default.number,subIndex:I.default.number,vertical:I.default.bool,onClick:I.default.func,className:I.default.string},X=function(e){var t,n=e.current,a=e.active,l=e.colors,i=e.count,o=e.subIndex,u=e.vertical,s=e.onClick,c=e.className,d=l||{},m=d.primary,f=void 0===m?"rgba(255, 255, 255, 1)":m,p=d.secondary,g=void 0===p?"rgba(200, 200, 200, 0.5)":p,y=S.useSpring((function(){return{x:0,config:{duration:0}}})),h=q.default(y,2);h[0];var v=h[1];r.useEffect((function(){v.start({reset:!0,immediate:!1,from:{x:0},to:{x:1},config:{duration:1e3}})}),[!0,1,0,v]);var b=n&&i>1?R.default.createElement("span",{className:U.dots},j.default(Array(i).keys()).map((function(e){return R.default.createElement("span",{className:B.default([U.dot,U.subDot]),style:{width:"".concat(parseFloat(1/i*100).toFixed(2),"%"),backgroundColor:a&&e<=o?f:g}})}))):R.default.createElement("span",{className:U.dot,style:{backgroundColor:a?f:g}});return R.default.createElement("li",{className:B.default([U.container,(t={},z.default(t,U.active,n),z.default(t,U.vertical,u),z.default(t,c,null!==c),t)]),"aria-hidden":"true"},R.default.createElement("button",{type:"button",className:U.button,onClick:s,tabIndex:"-1"},b))};X.propTypes=Y,X.defaultProps={current:!1,active:!1,colors:null,count:1,subIndex:0,vertical:!1,onClick:null,className:null};var Q={},J={size:I.default.number,spacing:I.default.number,color:I.default.string,className:I.default.string},K=function(e){var t=e.size,n=e.spacing,a=e.color,l=e.className,i=(t-2*n)/3;return R.default.createElement("svg",{className:B.default([Q.container,z.default({},l,null!==l)]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(t," ").concat(t),"aria-hidden":"true"},j.default(new Array(9)).map((function(e,t){var l=t%3*(i+n),r=Math.floor(t/3)*(i+n);return R.default.createElement("rect",{key:"square-".concat(t),fill:a,x:l,y:r,width:i,height:i})})))};K.propTypes=J,K.defaultProps={size:100,spacing:8,color:"white",className:null};var $={direction:I.default.oneOf(["horizontal","vertical"]),withShadow:I.default.bool,items:s.PropTypes.menuItems,onClickItem:I.default.func,onClickMenu:I.default.func,colors:I.default.shape({primary:I.default.string,secondary:I.default.string}),closeable:I.default.bool,withItemClick:I.default.bool,withoutScreensMenu:I.default.bool,onClose:I.default.func,className:I.default.string},ee=function(e){var t,n=e.direction,a=e.withShadow,l=e.items,i=e.onClickItem,r=e.onClickMenu,o=e.colors,u=e.closeable,s=e.withItemClick,c=e.withoutScreensMenu,d=e.onClose,m=e.className,f=(o||{}).primary,p=void 0===f?"rgba(255, 255, 255, 1)":f,g=b.useIntl(),y=l.findIndex((function(e){var t=e.current;return void 0!==t&&t}));return R.default.createElement("nav",{className:B.default(["micromag-viewer-menus-menu-dots-container",(t={},z.default(t,m,null!==m),z.default(t,"micromag-viewer-menus-menu-dots-vertical","vertical"===n),z.default(t,"micromag-viewer-menus-menu-dots-withShadow",a),t)]),"aria-label":g.formatMessage({id:"bLYuuN",defaultMessage:[{type:0,value:"You are on screen "},{type:1,value:"current"},{type:0,value:" of "},{type:1,value:"total"},{type:0,value:"."}]},{current:y+1,total:l.length})},R.default.createElement("ul",{className:"micromag-viewer-menus-menu-dots-items"},l.map((function(e,t){var a=e||{},l=a.current,u=void 0!==l&&l,d=a.count,m=void 0===d?1:d,f=a.subIndex,p=void 0===f?0:f;return R.default.createElement(X,{key:"item-".concat(t+1),current:u,active:t<=y,colors:o,count:m,subIndex:p,onClick:function(){(s||c)&&null!==i?i(e):s||null===r||r()},vertical:"vertical"===n})})),c?null:R.default.createElement("li",{className:"micromag-viewer-menus-menu-dots-menu"},R.default.createElement(K,{className:"micromag-viewer-menus-menu-dots-menuIcon",color:p}),R.default.createElement("button",{type:"button",title:g.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),"aria-label":g.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),className:"micromag-viewer-menus-menu-dots-menuButton",onClick:r})),u?R.default.createElement("li",{className:H,style:{color:p}},R.default.createElement("button",{type:"button",className:H,onClick:d,title:g.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":g.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]})},R.default.createElement(x.FontAwesomeIcon,{icon:N.faTimes}))):null))};ee.propTypes=$,ee.defaultProps={direction:"horizontal",withShadow:!1,items:[],onClickItem:null,onClickMenu:null,colors:null,closeable:!1,withItemClick:!1,withoutScreensMenu:!1,onClose:null,className:null};var te="micromag-viewer-menus-menu-preview-button",ne="micromag-viewer-menus-menu-preview-icon",ae={container:"micromag-viewer-partials-share-modal-container",content:"micromag-viewer-partials-share-modal-content",opened:"micromag-viewer-partials-share-modal-opened"},le={url:I.default.string,title:I.default.string,opened:I.default.bool,className:I.default.string,onShare:I.default.func,onCancel:I.default.func},ie=function(e){var t,n=e.url,a=e.title,l=e.opened,i=e.className,o=e.onShare,u=e.onCancel,s=r.useRef(null),c=r.useCallback((function(e){null!==o&&o(e)}),[o]),d=r.useMemo((function(){return{url:n,onShareWindowClose:function(){null!==u&&u()}}}),[n,u]),m=r.useMemo((function(){return{size:32,round:!0}}),[]),f=r.useCallback((function(e){var t=e.currentTarget;s.current&&!s.current.contains(t)&&null!==u&&u()}),[l,u]);return E.useDocumentEvent("click",f,l),R.default.createElement("div",{className:B.default([ae.container,(t={},z.default(t,i,i),z.default(t,ae.opened,l),t)]),ref:s,"aria-hidden":l?null:"-1"},R.default.createElement("div",{className:ae.content},R.default.createElement("div",{className:ae.buttons},R.default.createElement(O.FacebookShareButton,Object.assign({},d,{quote:a,beforeOnClick:function(){return c("Facebook"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.FacebookIcon,m)),R.default.createElement(O.TwitterShareButton,Object.assign({},d,{title:a,beforeOnClick:function(){return c("Twitter"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.TwitterIcon,m)),R.default.createElement(O.EmailShareButton,Object.assign({},d,{subject:a,beforeOnClick:function(){return c("Email"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.EmailIcon,m)))))};ie.propTypes=le,ie.defaultProps={url:null,title:null,opened:!1,className:null,onShare:null,onCancel:null};var re={title:I.default.string,url:I.default.string,className:I.default.string,buttonClassName:I.default.string,onShare:I.default.func,children:I.default.node,focusable:I.default.bool},oe=function(e){var t=e.title,n=e.url,a=e.className,l=e.buttonClassName,i=e.onShare,o=e.children,u=e.focusable,s=b.useIntl(),c=r.useState(!1),d=q.default(c,2),m=d[0],f=d[1],p=r.useCallback((function(){f((function(e){return!e}))}),[f]),g=r.useCallback((function(e){f(!1),null!==i&&i(e)}),[f,i]),y=r.useCallback((function(){f(!1)}),[f]);return R.default.createElement("div",{className:B.default(["micromag-viewer-partials-share-button-container",z.default({},a,null!==a)])},R.default.createElement(C.Button,{className:B.default([z.default({},l,null!==l)]),onClick:p,title:s.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),"aria-label":s.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),focusable:u},o),R.default.createElement(ie,{className:"micromag-viewer-partials-share-button-shareModal",opened:m,title:t,url:n,onShare:g,onCancel:y}))};oe.propTypes=re,oe.defaultProps={title:null,url:null,className:null,buttonClassName:null,onShare:null,children:null,focusable:!1};var ue={viewerTheme:s.PropTypes.viewerTheme,screenSize:s.PropTypes.screenSize,menuWidth:I.default.number,title:I.default.string,shareUrl:I.default.string,items:s.PropTypes.menuItems,focusable:I.default.bool,onClickItem:I.default.func,onClose:I.default.func,onShare:I.default.func,maxThumbsWidth:I.default.number,toggleFullscreen:I.default.func,fullscreenActive:I.default.bool,fullscreenEnabled:I.default.bool,className:I.default.string},se=function(e){var t=e.viewerTheme,n=e.screenSize,a=e.menuWidth,l=e.title,i=e.shareUrl,o=e.items,u=e.focusable,s=e.onClickItem,c=e.onClose,d=e.onShare,m=e.maxThumbsWidth,f=e.toggleFullscreen,p=e.fullscreenActive,g=e.fullscreenEnabled,y=e.className,h=b.useIntl(),v=n||{},w=v.width,S=v.height,k=E.useResizeObserver(),P=k.ref,O=k.entry.contentRect,A=E.useResizeObserver(),F=A.ref,I=A.entry.contentRect,L=(O||{}).width,j=void 0===L?0:L,D=(I||{}).width,W=void 0===D?0:D,_=Math.max(Math.floor(W/m),3),G=t||{},H=G.colors,U=void 0===H?null:H,Y=G.background,X=void 0===Y?null:Y,Q=G.textStyles,J=void 0===Q?null:Q,K=G.logo,$=void 0===K?null:K,ee=(J||{}).title,ae=void 0===ee?null:ee,le=U||{},ie=le.primary,re=void 0===ie?null:ie,ue=le.secondary,se=void 0===ue?null:ue,ce=X||{},de=ce.color,me=void 0===de?null:de,fe=ce.image,pe=((void 0===fe?null:fe)||{}).url,ge=void 0===pe?null:pe,ye=M.getStyleFromColor(re,"borderColor"),he=M.getStyleFromColor(se,"color"),ve=M.getStyleFromColor(me,"backgroundColor"),be=($||{}).url,we=void 0===be?null:be,Ce=null!==ge?{backgroundImage:"url(".concat(ge,")")}:null,Ee=null!==ae?M.getStyleFromText(ae):null,Me=r.useState(!1),Se=q.default(Me,2),ke=Se[0],Te=Se[1],Ne=T.useDrag((function(e){var t=q.default(e.direction,2)[1],n=e.last;!e.tap&&n&&ke&&t<0&&null!==c&&c()}),{filterTaps:!0,eventOptions:{capture:!0}}),xe=r.useCallback((function(){Te(!0)}),[Te]),Pe=r.useCallback((function(){Te(!1)}),[Te]);return R.default.createElement("div",Object.assign({className:B.default(["micromag-viewer-menus-menu-preview-container",z.default({},y,null!==y)]),style:Z.default(Z.default(Z.default({},ve),Ce),{},{width:a}),"aria-hidden":u?null:"true"},Ne()),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-header"},null!==we?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-organisation",style:{backgroundImage:"url(".concat(we,")")}}):null,R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-title",style:Ee},l),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-buttons",style:he},R.default.createElement(oe,{className:"micromag-viewer-menus-menu-preview-shareButton",buttonClassName:te,onShare:d,url:i,title:l,focusable:u},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:N.faShare})),g?R.default.createElement(C.Button,{className:te,onClick:f,title:h.formatMessage({id:"AuxqcG",defaultMessage:[{type:0,value:"Fullscreen"}]}),"aria-label":h.formatMessage({id:"AuxqcG",defaultMessage:[{type:0,value:"Fullscreen"}]}),focusable:u},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:p?N.faCompress:N.faExpand})):null,R.default.createElement(C.Button,{className:te,onClick:c,title:h.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":h.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),focusable:u},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:N.faTimes})))),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-content",ref:F},R.default.createElement(V.default,{className:"micromag-viewer-menus-menu-preview-scroll",onScrolledBottom:xe,onScrolledNotBottom:Pe},R.default.createElement("nav",{className:"micromag-viewer-menus-menu-preview-nav"},R.default.createElement("ul",{className:"micromag-viewer-menus-menu-preview-items"},o.map((function(e,t){var n=e.current,a=void 0!==n&&n,l=e.screen;e.count;var i="".concat(h.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:t+1})).concat(a?" ".concat(h.formatMessage({id:"vmrJ8U",defaultMessage:[{type:0,value:"(current screen)"}]})):"");return R.default.createElement("li",{className:B.default(["micromag-viewer-menus-menu-preview-item",z.default({},"micromag-viewer-menus-menu-preview-active",a)]),key:"item-".concat(t),style:{width:"".concat(100/_,"%")}},R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-itemContent"},R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-screenContainer",ref:0===t?P:null},w>0&&S>0?R.default.createElement(C.ScreenPreview,{screenWidth:w,screenHeight:S,width:j,screen:l,focusable:!1,withSize:!0}):null,a?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-activeScreenBorder",style:ye}):null)),R.default.createElement("button",{type:"button",className:"micromag-viewer-menus-menu-preview-screenButton",onClick:function(){null!==s&&s(e)},"aria-label":i,onKeyUp:function(t){"Enter"===t.key&&null!==s&&s(e)},tabIndex:u?"0":"-1"}))})))))))};se.propTypes=ue,se.defaultProps={viewerTheme:null,screenSize:null,menuWidth:null,title:null,shareUrl:null,items:[],focusable:!0,onClickItem:null,onClose:null,onShare:null,maxThumbsWidth:140,toggleFullscreen:null,fullscreenActive:!1,fullscreenEnabled:!1,className:null};var ce={story:s.PropTypes.story.isRequired,currentScreenIndex:I.default.number,opened:I.default.bool,toggleFullscreen:I.default.func,fullscreenActive:I.default.bool,fullscreenEnabled:I.default.bool,closeable:I.default.bool,withShadow:I.default.bool,trackingEnabled:I.default.bool,shareBasePath:I.default.string,theme:s.PropTypes.viewerTheme,screenSize:s.PropTypes.screenSize,menuWidth:I.default.number,withDotItemClick:I.default.bool,withoutScreensMenu:I.default.bool,onRequestOpen:I.default.func,onRequestClose:I.default.func,onClickItem:I.default.func,onClickMenu:I.default.func,onClickCloseViewer:I.default.func,refDots:I.default.shape({current:I.default.any})},de=function(e){var t=e.story,n=e.currentScreenIndex,a=e.opened,l=e.toggleFullscreen,i=e.fullscreenActive,o=e.fullscreenEnabled,u=e.closeable,s=e.withShadow,c=e.shareBasePath,d=e.trackingEnabled,m=e.theme,f=e.screenSize,p=e.menuWidth,g=e.withDotItemClick,y=e.withoutScreensMenu,h=e.onRequestOpen,v=e.onRequestClose,b=e.onClickItem,w=e.onClickMenu,C=e.onClickCloseViewer,M=e.refDots,N=t.components,x=void 0===N?[]:N,P=t.title,O=void 0===P?null:P,A=null!==x&&x[n]||{},F=A.id,I=void 0===F?null:F,L=A.type,z=void 0===L?null:L,j=r.useMemo((function(){return x.map((function(e){var t=x.filter((function(t){return t.parentId===e.id})),n=t.find((function(e){return e.id===I}))||null,a=t.findIndex((function(e){return e.id===I}))+1;return{screen:e,screenId:e.id,current:I===e.id||null!==n,visible:null===((null==e?void 0:e.parentId)||null),count:t.length+1||1,subIndex:a||0}})).filter((function(e){var t=e.visible;return void 0===t||t}))}),[x,I]),B=E.useTrackEvent(),D=r.useCallback((function(e,t,a){d&&B(e,t,a,{screenId:I,screenIndex:n,screenType:z})}),[B,I,n,z]),V=r.useMemo((function(){var e="undefined"!=typeof window?window.location.origin.replace(/\/+$/,""):"";return null!==c?"".concat(e).concat(c):e}),[c]),W=S.useSpring((function(){return{y:0,config:Z.default(Z.default({},S.config.stiff),{},{clamp:!0})}})),_=q.default(W,2),H=_[0].y,U=_[1],Y=r.useRef(a);Y.current!==a&&(Y.current=a),r.useEffect((function(){U.start({y:a?1:0})}),[a]);var X=E.useResizeObserver(),Q=X.ref,J=(X.entry.contentRect||{}).height,K=void 0===J?0:J,$={transform:H.to((function(e){return"translateY(".concat(e*K,"px)")}))},te=T.useDrag((function(e){var t=q.default(e.movement,2)[1],n=e.first,a=e.last,l=q.default(e.direction,2)[1],i=e.cancel,r=e.canceled,o=e.tap;if(!r&&!o){var u=Y.current;if(n&&u)i();else{var s=Math.max(0,Math.min(1,t/K+(u?1:0)));if(a){var c=l>0&&s>.1;Y.current=c,U.start({y:c?1:0}),c&&null!==h?h():c||null===v||v()}else U.start({y:s})}}}),{axis:"y",filterTaps:!0}),ne=r.useCallback((function(e){null!==w&&w(e),D("viewer_menu","click_open","Menu icon")}),[w,D]),ae=r.useCallback((function(e){null!==b&&b(e);var t=j.findIndex((function(e){return e.id===I}));D("viewer_menu","click_screen_change","Screen ".concat(t+1))}),[b,j,I,D]),le=r.useCallback((function(){null!==v&&v(),D("viewer_menu","click_close","Close icon")}),[v,D]),ie=r.useCallback((function(e){return D("viewer_menu","click_share",e)}),[D]),re=(m||{}).menuTheme,oe=void 0===re?null:re;return R.default.createElement(R.default.Fragment,null,R.default.createElement("div",Object.assign({className:G.menuDotsContainer,ref:M,style:{width:p}},te()),R.default.createElement(ee,Object.assign({},oe,{direction:"horizontal",withShadow:s,items:j,onClickItem:ae,onClickMenu:ne,closeable:u,withItemClick:g,withoutScreensMenu:y,onClose:C,className:G.menuDots}))),R.default.createElement(k.animated.div,{className:G.menuPreviewContainer,style:$,ref:Q},R.default.createElement(se,{viewerTheme:m,title:O,shareUrl:V,className:G.menuPreview,screenSize:f,menuWidth:p,focusable:a,items:j,onClickItem:ae,onClose:le,onShare:ie,toggleFullscreen:l,fullscreenActive:i,fullscreenEnabled:o})))};de.propTypes=ce,de.defaultProps={currentScreenIndex:0,opened:!1,toggleFullscreen:null,fullscreenActive:!1,fullscreenEnabled:!1,closeable:!1,withShadow:!1,trackingEnabled:!1,shareBasePath:null,theme:null,screenSize:null,menuWidth:null,withDotItemClick:!1,withoutScreensMenu:!1,onRequestOpen:null,onRequestClose:null,onClickItem:null,onClickMenu:null,onClickCloseViewer:null,refDots:null};var me={container:"micromag-viewer-screen-container",current:"micromag-viewer-screen-current"},fe={screen:s.PropTypes.screenComponent,renderContext:s.PropTypes.renderContext,screenState:I.default.string,current:I.default.bool,active:I.default.bool,onPrevious:I.default.func,onNext:I.default.func,onEnableInteraction:I.default.func,onDisableInteraction:I.default.func,getMediaRef:I.default.func},pe=function(e){var t,n=e.screen,a=e.renderContext,l=e.screenState,i=e.active,r=e.current,o=e.onPrevious,u=e.onNext,s=e.onEnableInteraction,c=e.onDisableInteraction,d=e.getMediaRef;return null!==n?R.default.createElement("div",{className:B.default([me.container,(t={},z.default(t,me.active,i),z.default(t,me.current,r),t)]),"aria-hidden":r?null:"true"},R.default.createElement(C.Screen,{screen:n,renderContext:a,screenState:l,active:i,current:r,onPrevious:o,onNext:u,onEnableInteraction:s,onDisableInteraction:c,getMediaRef:d})):null};pe.propTypes=fe,pe.defaultProps={screen:null,renderContext:null,screenState:null,current:!1,active:!0,onPrevious:null,onNext:null,onEnableInteraction:null,onDisableInteraction:null,getMediaRef:null};var ge={container:"micromag-viewer-partials-hand-tap-container",circle:"micromag-viewer-partials-hand-tap-circle",pulse:"micromag-viewer-partials-hand-tap-pulse",hand:"micromag-viewer-partials-hand-tap-hand",panY:"micromag-viewer-partials-hand-tap-panY"},ye={color:I.default.string,className:I.default.string},he=function(e){var t=e.color,n=e.className;return R.default.createElement("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 367.24 482.87"},R.default.createElement("path",{d:"M488.84,255.91a44.68,44.68,0,0,0-19.15,4.3A44.77,44.77,0,0,0,406,226.49a44.75,44.75,0,0,0-62.67-32.66V105.4a44.81,44.81,0,1,0-89.61,0V265.17l-1.15-2.7a44.78,44.78,0,1,0-82.84,34.06l64.87,157.76.34.73a156.29,156.29,0,0,0,141.42,88.44c86.7,0,157.24-70.53,157.24-157.26V300.7a44.82,44.82,0,0,0-44.78-44.79ZM507.46,386.2c0,72.3-58.78,131.1-131.07,131.1a130.29,130.29,0,0,1-117.73-73.36L193.93,286.61a18.64,18.64,0,1,1,34.53-14.07L279.91,394V105.4a18.64,18.64,0,1,1,37.28,0v196a13.08,13.08,0,0,0,26.16,0V234.56a18.64,18.64,0,0,1,37.27,0v89.95a13.07,13.07,0,1,0,26.13,0V266.86a18.64,18.64,0,1,1,37.28,0v80.71h0s0,.08,0,.11a13.08,13.08,0,0,0,26.15,0v-47a18.63,18.63,0,1,1,37.26,0v85.5Z",transform:"translate(-166.38 -60.59)",fill:t,fillRule:"evenodd"}))};he.propTypes=ye,he.defaultProps={color:"currentColor",className:null};var ve={className:I.default.string},be=function(e){var t=e.className;return R.default.createElement("div",{className:B.default([ge.container,z.default({},t,null!==t)])},R.default.createElement("div",{className:ge.inner},R.default.createElement("div",{className:ge.circle}),R.default.createElement(he,{className:ge.hand})))};be.propTypes=ve,be.defaultProps={className:null};var we={story:s.PropTypes.story,basePath:I.default.string,theme:s.PropTypes.viewerTheme,width:I.default.number,height:I.default.number,screen:I.default.string,screenState:I.default.string,deviceScreens:s.PropTypes.deviceScreens,renderContext:s.PropTypes.renderContext,onScreenChange:I.default.func,tapNextScreenWidthPercent:I.default.number,neighborScreensActive:I.default.number,storyIsParsed:I.default.bool,landscapeScreenMargin:I.default.number,withMetadata:I.default.bool,withoutMenu:I.default.bool,withoutScreensMenu:I.default.bool,withoutMenuShadow:I.default.bool,withoutFullscreen:I.default.bool,withLandscapeSiblingsScreens:I.default.bool,withNavigationHint:I.default.bool,closeable:I.default.bool,onClose:I.default.func,onInteraction:I.default.func,onEnd:I.default.func,onViewModeChange:I.default.func,currentScreenMedia:s.PropTypes.ref,menuIsScreenWidth:I.default.bool,screensMedias:s.PropTypes.ref,screenSizeOptions:I.default.shape({withoutMaxSize:I.default.bool,desktopHeightRatio:I.default.number,screenRatio:I.default.number}),className:I.default.string},Ce={story:null,theme:null,basePath:null,width:null,height:null,screen:null,screenState:null,deviceScreens:M.getDeviceScreens(),renderContext:"view",onScreenChange:null,tapNextScreenWidthPercent:.8,neighborScreensActive:2,storyIsParsed:!1,landscapeScreenMargin:20,withMetadata:!1,withoutMenu:!1,withoutScreensMenu:!1,withoutMenuShadow:!1,withoutFullscreen:!1,withLandscapeSiblingsScreens:!1,withNavigationHint:!1,menuIsScreenWidth:!1,closeable:!1,onClose:null,onInteraction:null,onEnd:null,onViewModeChange:null,currentScreenMedia:null,screensMedias:null,screenSizeOptions:null,className:null},Ee=function(e){var t,n=e.story,a=e.basePath,l=e.theme,i=e.width,o=e.height,u=e.screen,s=e.screenState,d=e.deviceScreens,m=e.renderContext,f=e.onScreenChange,p=e.tapNextScreenWidthPercent,g=e.neighborScreensActive,y=e.storyIsParsed,h=e.landscapeScreenMargin,w=e.withMetadata,M=e.withoutMenu,S=e.withoutScreensMenu,k=e.withoutMenuShadow;e.withoutFullscreen;var T=e.withLandscapeSiblingsScreens,N=e.withNavigationHint,x=e.menuIsScreenWidth,P=e.closeable,O=e.onClose,A=e.onInteraction,F=e.onEnd,I=e.onViewModeChange,L=e.currentScreenMedia,V=e.screensMedias,W=e.screenSizeOptions,H=e.className,U=b.useIntl(),Y=E.useParsedStory(n,{disabled:y})||{},X=Y.components,Q=void 0===X?[]:X,J=Y.title,K=void 0===J?null:J,$=Y.metadata,ee=void 0===$?null:$,te=Y.fonts,ne=void 0===te?null:te,ae=r.useMemo((function(){return new D.default}),[Y]),le=((l||{}).textStyles||{}).title,ie=((void 0===le?null:le)||{}).fontFamily,re=void 0===ie?null:ie,oe=r.useMemo((function(){return[].concat(j.default(ne||[]),[re]).filter((function(e){return null!==e}))}),[ne]);E.useLoadedFonts(oe).loaded;var ue="view"===m,se="static"===m||"capture"===m,ce=E.useTrackScreenView(),me=r.useRef(null),fe=E.useScreenSizeFromElement(Z.default({width:i,height:o,screens:d},W)),ge=fe.ref,ye=fe.screenSize,he=fe.scale,ve=ye||{},we=ve.width,Ce=void 0===we?null:we,Ee=ve.height,Me=void 0===Ee?null:Ee,Se=ve.landscape,ke=void 0!==Se&&Se,Te=ve.menuOverScreen,Ne=void 0!==Te&&Te,xe=null!==he?Ce*he:Ce,Pe=null!==he?Me*he:Me,Oe=Ce>0&&Me>0;r.useEffect((function(){Oe&&null!==I&&I({landscape:ke})}),[Oe,ke,I]);var Ae=r.useRef([]),Ze=r.useMemo((function(){return Math.max(0,Q.findIndex((function(e){return"".concat(e.id)==="".concat(u)})))}),[u,Q]);null!==L&&(L.current=Ae.current[Ze]),null!==V&&(V.current=Ae.current);var Fe=r.useCallback((function(e){e!==Ze&&(null!==L&&(L.current=Ae.current[e]),null!==f&&f(Q[e],e))}),[Ze,Q,f]),Ie=ue,Re=Q[Ze]||null;r.useEffect((function(){Ie&&null!==Re&&ce(Re,Ze)}),[Re,ce,Ie]);var Le=r.useRef(null),ze=r.useCallback((function(){Fe(Math.max(0,Ze-1)),Le.current.focus()}),[Fe]),qe=r.useCallback((function(){Fe(Math.min(Q.length-1,Ze+1)),Le.current.focus()}),[Fe]),je=Q.length,Be=r.useState(!1),De=q.default(Be,2),Ve=De[0],We=De[1],_e=r.useCallback((function(){null!==A&&A(),Ve||We(!0)}),[A,Ve,We]),Ge=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screens,n=e.screenIndex,a=e.screenWidth,l=e.isView,i=void 0!==l&&l,o=e.clickOnSiblings,u=void 0!==o&&o,s=e.nextScreenWidthPercent,c=void 0===s?.5:s,d=e.eventsManager,m=void 0===d?null:d,f=e.onClick,p=void 0===f?null:f,g=e.onEnd,y=void 0===g?null:g,h=e.onChangeScreen,v=void 0===h?null:h,b=r.useState(t.reduce((function(e,t){var n=t.id;return Z.default(Z.default({},e),{},z.default({},n,!0))}),{})),w=q.default(b,2),C=w[0],E=w[1],M=(t[n]||{}).id,S=void 0===M?n:M,k=C[S],T=void 0===k||k,N=r.useCallback((function(e){var n=C[S];(void 0===n||n)!==e&&E(t.reduce((function(t,n){var a=n.id;return S===a?Z.default(Z.default({},t),{},z.default({},a,e)):Z.default(Z.default({},t),{},z.default({},a,void 0===C[a]||!0===C[a]))}),{}))}),[t,S,C,E]),x=r.useCallback((function(){return N(!0)}),[N]),P=r.useCallback((function(){return N(!1)}),[N]),O=r.useCallback((function(e,l){null!==p&&p(e,l);var r=t.length,o=n===l;if(null!==m&&m.emit("tap",e,l),!(!i&&o||_(e.target)||o&&!T)){var s=n,d=e.currentTarget.getBoundingClientRect().left,f=void 0===d?0:d,g=e.clientX;(o?g-f<a*(1-c):n>l)?(s=u?l:Math.max(0,n-1),null!==m&&m.emit("tap_previous",s)):(s=u?l:Math.min(r-1,n+1),n===r-1&&null!==y?(y(),null!==m&&m.emit("tap_end")):m&&m.emit("tap_next",s)),null!==m&&m.emit("change_screen",s),v(s)}}),[a,t,n,m,p,y,v,n,C,T,c,i,u]);return{onClick:O,currentScreenInteractionEnabled:T,enableInteraction:x,disableInteraction:P}}({screens:Q,screenIndex:Ze,screenWidth:xe,isView:ue,clickOnSiblings:ke&&T,nextScreenWidthPercent:p,eventsManager:ae,onClick:_e,onEnd:F,onChangeScreen:Fe}),He=Ge.onClick,Ue=Ge.currentScreenInteractionEnabled,Ye=Ge.enableInteraction,Xe=Ge.disableInteraction,Qe=0===je||Ue,Je=r.useState(!1),Ke=q.default(Je,2),$e=Ke[0],et=Ke[1],tt=r.useCallback((function(){return et(!0)}),[et]),nt=r.useCallback((function(){return et(!1)}),[et]),at=r.useCallback((function(){_e(),et(!0)}),[Fe,_e,et]),lt=r.useCallback((function(e){var t=e.screenId;_e();var n=Q.findIndex((function(e){return e.id===t}));Fe(n),$e&&et(!1)}),[_e,Fe,$e,et]),it=r.useCallback((function(e){return!!ke||(e.preventDefault(),!1)}),[ke]),rt=R.default.createElement("style",{type:"text/css"},"body { overscroll-behavior: contain; }"),ot=E.useFullscreen(ge.current||null),ut=ot.toggle,st=ot.active,ct=ot.enabled;!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).disabled,n=void 0!==t&&t;r.useEffect((function(){var t=function(t){if(!["input","textarea"].reduce((function(e,n){return e||t.target.matches(n)}),!1)){var n=t.key.toLowerCase();void 0!==e[n]&&e[n]()}};return n||window.addEventListener("keydown",t),function(){n||window.removeEventListener("keydown",t)}}),[n,e])}(r.useMemo((function(){return{f:function(){return ut()},m:function(){return et(!$e)},escape:function(){return et(!1)},arrowleft:function(){return ze()},arrowright:function(){return qe()}," ":function(){return qe()}}}),[$e,et,ze,qe]),{disabled:"view"!==m});var dt=((Re||{}).parameters||{}).metadata||{},mt=dt.title,ft=void 0===mt?null:mt,pt=dt.description,gt=void 0===pt?null:pt,yt=null!==ft?ft:K,ht=r.useMemo((function(){return null!==gt?Z.default(Z.default({},ee),{},{description:gt}):ee}),[ee]),vt=E.useResizeObserver(),bt=vt.ref,wt=(vt.entry.contentRect||{}).height,Ct=void 0===wt?0:wt;return R.default.createElement(c.ScreenSizeProvider,{size:ye},R.default.createElement(c.ViewerProvider,{events:ae,menuVisible:Qe,menuSize:Ct,gotoPreviousScreen:ze,gotoNextScreen:qe,disableInteraction:Xe,enableInteraction:Ye},w?R.default.createElement(C.Meta,{title:yt,metadata:ht},rt):R.default.createElement(v.Helmet,null,rt),R.default.createElement(C.FontFaces,{fonts:oe}),R.default.createElement("div",{className:B.default([G.container,ye.screens.map((function(e){return"story-screen-".concat(e)})),(t={},z.default(t,G.landscape,ke),z.default(t,G.blings,T),z.default(t,G.hideMenu,!Qe),z.default(t,G.ready,Oe||se),z.default(t,G.hasInteracted,Ve),z.default(t,H,H),t)]),ref:ge,onContextMenu:it},M?null:R.default.createElement(de,{story:Y,currentScreenIndex:Ze,opened:$e,withShadow:Ne&&!k,toggleFullscreen:ut,fullscreenActive:st,fullscreenEnabled:ct,closeable:P,shareBasePath:a,screenSize:ye,menuWidth:x?xe:null,trackingEnabled:Ie,onClickItem:lt,onClickMenu:at,onClickCloseViewer:O,onRequestOpen:tt,onRequestClose:nt,withDotItemClick:xe>400,withoutScreensMenu:S,refDots:bt}),Oe||se?R.default.createElement("div",{ref:me,className:G.content},Q.map((function(e,t){var n,a,l=t===Ze,i=t>Ze-g&&t<Ze+g,r=R.default.createElement(pe,{screen:e,screenState:l?s:null,renderContext:m,index:t,current:l,active:i,onPrevious:ze,onNext:qe,onEnableInteraction:Ye,onDisableInteraction:Xe,getMediaRef:function(e){Ae.current[t]=e}}),o="screen-viewer-".concat(e.id||"","-").concat(t+1);return a=ke?T?"translateX(calc(".concat((xe+h)*(t-Ze),"px - 50%)) scale(").concat(l?1:.9,")"):null:"translateX(".concat(l?0:"100%",")"),R.default.createElement(R.default.Fragment,{key:o},l&&Ze>0?R.default.createElement("button",{type:"button",className:"sr-only",onClick:ze,tabIndex:"-1"},R.default.createElement(b.FormattedMessage,{id:"zYH/31",defaultMessage:[{type:0,value:"Go to previous screen"}]})):null,R.default.createElement("div",{ref:l?Le:null,style:{width:xe,height:Pe,transform:se?null:a},className:B.default([G.screen,(n={},z.default(n,G.current,l),z.default(n,G.visible,l||T),n)]),tabIndex:i?"0":"-1","aria-hidden":l?null:"true","aria-label":U.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:t+1}),onKeyUp:function(e){"Enter"===e.key&&He(e,t)},onClick:function(e){return He(e,t)}},R.default.createElement("div",{className:G.scaler,style:{width:Ce,height:Me,transform:null!==he?"scale(".concat(he,")"):null,transformOrigin:null!==he?"0 0":null}},r),N&&!T&&l&&0===Ze?R.default.createElement(be,{className:G.handTap}):null),l&&Ze<Q.length?R.default.createElement("button",{type:"button",className:"sr-only",onClick:qe,tabIndex:"-1"},R.default.createElement(b.FormattedMessage,{id:"v9bqYj",defaultMessage:[{type:0,value:"Go to next screen"}]})):null)}))):null)))};Ee.propTypes=we,Ee.defaultProps=Ce;var Me=["children","onScreenChange"],Se={children:I.default.func,onScreenChange:I.default.func},ke=function(e){e.children;var t=e.onScreenChange,n=F.default(e,Me),a=c.useRoutes(),l=c.useRoutePush(),i=r.useCallback((function(e){l("screen",{screen:e.id}),null!==t&&t(e)}),[l,t]);return R.default.createElement(o.Switch,null,R.default.createElement(o.Route,{path:a.home,exact:!0,render:function(){return R.default.createElement(Ee,Object.assign({},n,{onScreenChange:i}))}}),R.default.createElement(o.Route,{path:a.screen,render:function(e){var t=e.match.params.screen;return R.default.createElement(Ee,Object.assign({},n,{screen:t,onScreenChange:i}))}}))};ke.propTypes=Se,ke.defaultProps={children:null,onScreenChange:null};var Te=["story","screenComponents","memoryRouter","basePath","routes","withoutRouter","googleApiKey","trackingVariables","locale","locales","translations"],Ne={story:s.PropTypes.story,screen:I.default.string,screenComponents:I.default.objectOf(I.default.elementType),memoryRouter:I.default.bool,basePath:I.default.string,routes:W,withoutRouter:I.default.bool,googleApiKey:I.default.string,trackingVariables:s.PropTypes.trackingVariables,locale:I.default.string,locales:I.default.arrayOf(I.default.string),translations:I.default.objectOf(I.default.string),children:I.default.func},xe={story:null,screen:null,screenComponents:null,memoryRouter:!1,basePath:null,routes:{home:"/",screen:"/:screen"},withoutRouter:!1,googleApiKey:null,trackingVariables:null,locale:"en",locales:["fr","en"],translations:null,children:null},Pe=function(e){var t=e.story,n=e.screenComponents,a=e.memoryRouter,l=e.basePath,i=e.routes,s=e.withoutRouter,d=e.googleApiKey,p=e.trackingVariables,g=e.locale,y=e.locales,h=e.translations,v=F.default(e,Te),b=a?o.MemoryRouter:u.BrowserRouter,w=r.useMemo((function(){if(null===t&&null===p)return null;var e=t.id,n=void 0===e?null:e,a=t.slug,l=void 0===a?null:a,i=t.title,r=void 0===i?null:i,o=t.components,u=void 0===o?[]:o;return Z.default({storyId:n,storySlug:l,storyTitle:r,screensCount:(u||[]).length},p)}),[t,p]),C=((t||{}).metadata||{}).language,E=void 0===C?g:C,M=R.default.createElement(m.IntlProvider,{locale:E,locales:y,extraMessages:h},R.default.createElement(c.GoogleKeysProvider,{apiKey:d},R.default.createElement(c.GoogleMapsClientProvider,{locale:E},R.default.createElement(c.FieldsProvider,{manager:L.default},R.default.createElement(f.ScreensProvider,null,R.default.createElement(c.ComponentsProvider,{namespace:c.SCREENS_NAMESPACE,components:n||{}},R.default.createElement(c.UserInteractionProvider,null,R.default.createElement(c.TrackingProvider,{variables:w},s?R.default.createElement(Ee,Object.assign({story:t,basePath:l},v)):R.default.createElement(ke,Object.assign({story:t,basePath:l},v))))))))));return s?M:R.default.createElement(b,{basename:a?null:l},R.default.createElement(c.RoutesProvider,{routes:i},M))};Pe.propTypes=Ne,Pe.defaultProps=xe,t.ZP=Pe}},function(e){e.O(0,[126],(function(){return 725,e(e.s=725)})),e.O()}]);
+//# sourceMappingURL=main.04d183c2.js.map