npm - @micromag/viewer-build - Versions diffs - 0.3.60 → 0.3.61 - Mend

@micromag/viewer-build 0.3.60 → 0.3.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/build/asset-manifest.json +6 -6
package/build/index.html +1 -1
package/build/static/css/main.ca9c9d5d.css +5 -0
package/build/static/css/main.ca9c9d5d.css.map +1 -0
package/build/static/js/main.2ac47d5a.js +2 -0
package/build/static/js/main.2ac47d5a.js.map +1 -0
package/build/static/js/main.89389d69.js +2 -0
package/build/static/js/main.89389d69.js.map +1 -0
package/package.json +7 -7

package/build/static/js/main.89389d69.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (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){s(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 s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=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!==u&&p(u,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),s=n(5681),u=n.n(s),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,s=e.height,c=e.disabled,d=e.verticalAlign,g=e.className,y=e.children,h=e.onScrolledBottom,v=e.onScrolledNotBottom,A=e.contain,b=e.scrollContainerRef,w={width:n,height:s},C=(0,m.useState)(!1),E=(0,l.Z)(C,2),M=E[0],S=E[1],k=(0,f.useResizeObserver)(),T=k.ref,N=(k.entry.contentRect\|\|{}).height;null!==b&&(b.current=T.current);var x=(0,f.useResizeObserver)(),P=x.ref,O=(x.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>=O-N;a?I.current\|\|(null!==h&&h({initial:!Z.current}),Z.current=!0):I.current&&(null!==v&&v({initial:!F.current}),F.current=!0),n!==M&&S(n),I.current=a}),{enabled:!c});return(0,m.useEffect)((function(){if(O>0&&N>0&&!c){S(Math.round(O)>Math.round(N));var e=O-N;T.current.scrollTop+1>=e?null!==h&&h({initial:!1}):null!==v&&v({initial:!1})}}),[N,O,S,c]),m.createElement("div",{className:u()([p.container,(t={},(0,a.Z)(t,p.withScroll,!c),(0,a.Z)(t,p.containOverscroll,A),(0,a.Z)(t,g,null!==g),(0,a.Z)(t,p[d],null!==d),(0,a.Z)(t,p.withArrow,M),t)]),style:w},m.createElement("div",Object.assign({className:p.scrollable,ref:T},R()),m.createElement("div",{className:p.scrollee,ref:P},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),s=n(4406),u=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),A=n(9229),b=n(2457),w=n(9546),C=n(3716),E=n(4290),M=n(2197),S=n(2289),k=n(5372),T=n(8689);n(3238);var N=n(6009),x=n(5839),P=n(631),O=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),B=Z(p),q=Z(g),j=Z(v),D=Z(A),V=Z(b),H=Z(w),W=Z(E),G=Z(M),U=Z(S),Q=Z(T),X=Z(N),Y={children:u.PropTypes.label.isRequired,isHtml:L.default.bool,values:L.default.object},_=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};_.propTypes=Y,_.defaultProps={isHtml:!1,values:{}};var K={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"},J=["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:u.PropTypes.buttonTheme,size:u.PropTypes.buttonSize,href:L.default.string,external:L.default.bool,direct:L.default.bool,target:L.default.string,label:u.PropTypes.label,children:u.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,u=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,A=e.disableOnLoading,b=e.small,w=e.big,C=e.withShadow,E=e.withoutStyle,M=e.withoutTheme,S=e.asLink,k=e.outline,T=e.onClick,N=e.className,x=e.iconClassName,P=e.labelClassName,O=e.refButton,Z=I.default(e,J),L=d\|\|m,B=null!==L?R.default.createElement(_,null,L):null,q=null!==d&&null!==m,j=null!==g,D=j&&("inline"===y\|\|null===B),V=j&&!D,H=R.default.createElement(R.default.Fragment,null,D?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([K.icon,F.default({},x,null!==x)])},g),null!==B?R.default.createElement("span",{className:z.default([K.label,F.default({},P,null!==P)])},B):null):null,V?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([K.left,F.default({},x,null!==x&&"left"===y)])},"left"===y?g:null),R.default.createElement("span",{className:z.default([K.center,F.default({},P,null!==P)])},B),R.default.createElement("span",{className:z.default([K.right,F.default({},x,null!==x&&"right"===y)])},"right"===y?g:null),q?m:null):null,j?null:B,q?m:null),W=!M&&!E&&!S,G=z.default([(t={btn:W},F.default(t,"btn-".concat(k?"outline-":"").concat(l),W&&null!==l),F.default(t,"btn-".concat(i),W&&null!==i),F.default(t,"active",!E&&p),t),K.container,(n={},F.default(n,K.withoutStyle,E),F.default(n,K.withIcon,j),F.default(n,K.withIconColumns,V),F.default(n,K.withText,null!==B),F.default(n,K.withShadow,C),F.default(n,K.isSmall,b),F.default(n,K.isBig,w),F.default(n,K.isLink,null!==r),F.default(n,K.asLink,S),F.default(n,K.isDisabled,h),F.default(n,K.isLoading,v),F.default(n,N,null!==N),n)]);if(null!==r){var U=z.default([G,F.default({disabled:h},K.linkDisabled,h)]);return o\|\|u?R.default.createElement("a",Object.assign({},Z,{href:h?null:r,className:U,onClick:T,target:o?c:null,ref:O,tabIndex:f?"":"-1"}),H):R.default.createElement(s.Link,{to:r,className:U,onClick:T,ref:O,tabIndex:f?"":"-1"},H)}return R.default.createElement("button",Object.assign({},Z,{type:a,className:G,onClick:T,disabled:h\|\|A&&v,ref:O,tabIndex:f?"0":"-1"}),H)};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:u.PropTypes.buttons,size:u.PropTypes.buttonSize,theme:u.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,s=void 0===o?null:o,u=e.onClick,c=void 0===u?null:u,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,s,null!==s),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 se={actions:"micromag-core-forms-form-actions",left:"micromag-core-forms-form-left",right:"micromag-core-forms-form-right"},ue=["type"],ce=["component","id","settings"],de={name:L.default.string,value:u.PropTypes.component,form:L.default.string,formComponents:u.PropTypes.components,fields:u.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,s=e.onChange,u=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,A=I.default(g,ue),b=null!==v&&f.getDefinition(v)\|\|j.default({},p),w=b.component,C=void 0===w?null:w;b.id,b.settings;var E=I.default(b,ce),M=y.useFieldComponent(C),S=d.getComponentFromName(a,l),k=D.default(n,t,null),T=i.useCallback((function(){return c(t,a)}),[t,a,c]),N={name:t,value:k,onChange:function(e){var a=d.setFieldValue(n,t.split("."),e);null!==s&&s(a)},gotoFieldForm:u,closeFieldForm:c,closeForm:T};return null!==a?null!==S?R.default.createElement(y.FieldContextProvider,{context:m},R.default.createElement(S,Object.assign({field:p},N,{className:o}))):null:null!==M?R.default.createElement(y.FieldContextProvider,{context:m},R.default.createElement(M,Object.assign({className:o},E,A,{isForm:!0},N))):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:u.PropTypes.formFields,initialValue:L.default.object,postForm:L.default.func,submitButtonLabel:u.PropTypes.label,submitButtonLoadingLabel:u.PropTypes.label,buttons:u.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,s=e.submitButtonLabel,u=e.submitButtonLoadingLabel,m=e.buttons,f=e.children,p=e.actionsAlign,g=e.withoutActions,v=e.withoutComplete,A=e.withoutBackButton,b=e.onComplete,w=e.onResponse,C=e.onMessage,E=e.onCancel,M=e.onCancelHref,S=e.onOpenFieldForm,k=e.onCloseFieldForm,T=e.className,N=e.fieldsClassName,x=e.actionsClassName,P=e.cancelClassName,O=i.useState(!1),Z=q.default(O,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 j=i.useCallback((function(e){null!==b&&b(e),v\|\|L(!0)}),[b,L]),D=h.useForm({value:r,action:n,fields:l,postForm:o,onComplete:j}),V=D.onSubmit,H=D.fields,W=D.status,G=D.value,U=D.setValue,Q=D.errors,X=D.response,Y=D.generalError,_=y.useFieldComponent("fields");i.useEffect((function(){null!==w&&(w(X),null!==C&&X&&X.message&&C(X.message))}),[X,w,C]);var K=d.validateFields(H,G),J=i.useState([]),$=q.default(J,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(B.default(te),[n])),null!==S&&S()}),[te,ne]),ie=i.useCallback((function(){var e=B.default(te);e.pop(),ne(B.default(e)),null!==k&&k()}),[te,ne]),re=te.length>0?te[te.length-1]:null,ue=null!==re?re.replace(/\//g,"."):null;return R.default.createElement("form",{action:n,className:z.default([se.container,F.default({},T,null!==T)]),method:a,onSubmit:V},!A&&null!==H&&H.length>0&&null!==re?R.default.createElement("div",{className:"mb-2"},R.default.createElement(oe,{theme:"secondary",outline:!0,onClick:ie})):null,null!==H&&H.length>0&&null!==re?R.default.createElement("div",{className:z.default(["w-100",se.panel]),key:"field"},R.default.createElement(me,{name:ue,fields:H,value:G,onChange:U,gotoFieldForm:ae,closeFieldForm:ie})):null,_&&null!==H&&H.length>0&&null===re?R.default.createElement(_,{fields:H,value:G,errors:Q,onChange:U,gotoFieldForm:ae,closeFieldForm:ie,className:z.default([se.fields,F.default({},N,null!==N)])}):null,Y?R.default.createElement("p",{className:"text-danger my-1"},Y):null,f,g\|\|null!==re?null:R.default.createElement("div",{className:z.default([se.actions,(t={},F.default(t,se[p],p),F.default(t,x,null!==x),t)])},null!==E\|\|null!==M?R.default.createElement(ee,{type:"button",onClick:E,href:M,theme:"secondary",outline:!0,disabled:"loading"===W,className:z.default(["me-2",F.default({},P,null!==P)])},R.default.createElement(c.FormattedMessage,{id:"PyxZY2",defaultMessage:[{type:0,value:"Cancel"}]})):null,null!==m?R.default.createElement(le,{buttons:m,className:se.buttons}):R.default.createElement(ee,{type:"submit",theme:"primary",disabled:"loading"===W\|\|!K},"loading"===W&&u\|\|s),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:u.PropTypes.label,rel:L.default.string,withoutStyle:L.default.bool,className:L.default.string},Ae=function(e){var t=e.href,n=e.external,a=e.children,l=e.target,i=e.rel,r=e.className,o=e.withoutStyle,u=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},u),R.default.createElement(_,null,a)):R.default.createElement(s.Link,Object.assign({className:z.default([r,F.default({},ye,o)]),to:t},u),R.default.createElement(_,null,a))};Ae.propTypes=ve,Ae.defaultProps={href:"",external:!1,target:"_blank",rel:"noopener noreferrer",children:null,withoutStyle:!1,className:null};var be=["label","className"],we={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:u.PropTypes.label,subtitle:u.PropTypes.label,children:L.default.node,afterBody:L.default.node,links:L.default.arrayOf(L.default.shape({label:u.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},Ce=function(e){var t,n=e.href,a=e.header,l=e.image,i=e.imageAlt,r=e.imageOverlay,o=e.beforeBody,s=e.title,u=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,A=e.titleClassName,b=e.subtitleClassName,w=e.bodyClassName,C=e.footerClassName,E=e.onClick,M=e.onClickBody,S=e.onClickFooter,k=(m\|\|[]).map((function(e,t){var n=e.label,a=e.className,l=void 0===a?null:a,i=I.default(e,be);return R.default.createElement(Ae,Object.assign({key:"link-".concat(n,"-").concat(t),className:z.default(["card-link",F.default({},l,null!==l)])},i),n)})),T=null!==s\|\|null!==u\|\|null!==c\|\|null!==m&&f?R.default.createElement(R.default.Fragment,null,null!==s?R.default.createElement("h5",{className:z.default(["card-title",F.default({},A,null!==A)])},R.default.createElement(_,null,s)):null,null!==u?R.default.createElement("h6",{className:z.default(["card-subtitle",F.default({},b,null!==b)])},R.default.createElement(_,null,u)):null,c,null!==m&&f?R.default.createElement("div",{className:"d-flex"},k):null):null,N=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(_,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!==T?null!==M?R.default.createElement("button",{type:"button",className:z.default(F.default({"card-body":!r,"card-img-overlay":r},w,null!==w)),onClick:M},T):R.default.createElement("div",{className:z.default(F.default({"card-body":!r,"card-img-overlay":r},w,null!==w))},T):null,d,null===m\|\|null===k\|\|f?null:R.default.createElement("div",{className:"card-body"},k),null!==p?null!==S?R.default.createElement("button",{type:"button",className:z.default(["card-footer",F.default({},C,null!==C)]),onClick:S},R.default.createElement(_,null,p)):R.default.createElement("div",{className:z.default(["card-footer",F.default({},C,null!==C)])},R.default.createElement(_,null,p)):null),x=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(Ae,{href:n,className:x},N):null!==E?R.default.createElement("button",{type:"button",className:z.default(["p-0","text-start",x]),onClick:E},N):R.default.createElement("div",{className:x},N)};Ce.propTypes=we,Ce.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 Ee={animated:L.default.bool,color:L.default.string,className:L.default.string},Me=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))))};Me.propTypes=Ee,Me.defaultProps={animated:!0,color:"currentColor",className:null};var Se={},ke=["description","loading","children","className"],Te={description:L.default.node,loading:L.default.bool,children:L.default.node,className:L.default.string},Ne=function(e){var t=e.description,n=e.loading,a=e.children,l=e.className,i=I.default(e,ke);return R.default.createElement(Ce,Object.assign({className:z.default([Se.container,F.default({},l,null!==l)])},i),t,n?R.default.createElement(Me,null):a)};Ne.propTypes=Te,Ne.defaultProps={description:null,loading:!1,children:null,className:null};var xe={items:u.PropTypes.menuItems,theme:u.PropTypes.bootstrapThemes,separator:L.default.oneOf([null,"arrow"]),withoutBar:L.default.bool,noWrap:L.default.bool,className:L.default.string},Pe=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,u=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:u},F.default(l,"micromag-core-menus-breadcrumb-arrow","arrow"===a),F.default(l,"text-".concat(n),u&&null!==n),l)]),key:"item-".concat(t)},u?R.default.createElement(_,null,r):null,!u&&i?R.default.createElement(s.Link,{to:i,onClick:d,className:z.default(["font-weight-bold","text-decoration-none",F.default({},"text-".concat(n),null!==n)])},R.default.createElement(_,null,r)):null,!u&&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(_,null,r)):null)}))))};Pe.propTypes=xe,Pe.defaultProps={items:[],theme:null,separator:null,withoutBar:!1,noWrap:!1,className:null};var Oe=["type","className","label","children","onClick","active"],Ze={items:u.PropTypes.menuItems,children:L.default.node,visible:L.default.bool,align:u.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,s=e.itemClassName,u=e.onClickItem,c=e.onClickOutside,d=i.useRef(null),m=i.useState(l),f=q.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,Oe),v="div";"link"===l?v=Ae:"button"===l?v="button":"header"===l?v="h6":"divider"===l&&(v="hr");var A=null!==p\|\|"link"===l&&null!==u?function(e){null!==p&&p(e),"link"===l&&null!==u&&u(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,s,null!==s),F.default(n,r,null!==r),n)]),onClick:A},h),null!==c?R.default.createElement(_,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:u.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:u.PropTypes.dropdownAlign},Le=function e(t){var n=t.items,a=t.tagName,l=t.itemTagName,r=t.children,o=t.linkAsItem,s=t.className,u=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,A=t.dropdownAlign,b=i.useState(n.map((function(){return!1}))),w=q.default(b,2),C=w[0],E=w[1],M=o?"div":a;return R.default.createElement(M,{className:s},null!==r?r:n.map((function(t,n){var a,i,r,s,b,w,M,S,k=t.id,T=t.className,N=void 0===T?null:T,x=t.linkClassName,P=void 0===x?null:x,O=t.href,Z=void 0===O?null:O,L=t.label,q=t.external,j=void 0!==q&&q,D=t.items,V=void 0===D?null:D,H=t.dropdown,W=void 0===H?null:H,G=t.active,U=void 0!==G&&G,Q=t.onClick,X=void 0===Q?null:Q,Y=I.default(t,Ie),_=null!==W?function(e){e.preventDefault(),E([].concat(B.default(C.slice(0,n)),[!C[n]],B.default(C.slice(n+1)))),null!==X&&X(e)}:X,K=null!==W?function(){E([].concat(B.default(C.slice(0,n)),[!1],B.default(C.slice(n+1))))}:null,J=l;return o?R.default.createElement(Ae,Object.assign({},Y,{key:"item-".concat(k\|\|n),onClick:_,href:Z,external:j,className:z.default((a={active:U},F.default(a,u,null!==u),F.default(a,N,null!==N),F.default(a,c,null!==c),F.default(a,P,null!==P),a))}),L):R.default.createElement(J,{key:"item-".concat(k\|\|n),className:z.default((i={dropdown:null!==W,active:U},F.default(i,u,null!==u),F.default(i,N,null!==N),F.default(i,d,null!==V&&null!==d),F.default(i,g,null!==V&&null!==g),i))},null!==Z?R.default.createElement(Ae,Object.assign({},Y,{onClick:_,href:Z,external:j,className:z.default((r={},F.default(r,c,null!==c),F.default(r,"dropdown-toggle",null!==W),F.default(r,P,null!==P),r))}),L):null,null===Z&&null!==_?R.default.createElement(ee,Object.assign({},Y,{onClick:_,className:z.default((s={},F.default(s,c,null!==c),F.default(s,"dropdown-toggle",null!==W),F.default(s,P,null!==P),s))}),L):null,null!==V?R.default.createElement(e,{items:V,className:m,itemClassName:z.default((b={},F.default(b,f,null!==f),F.default(b,u,null===f&&null!==u),b)),linkClassName:z.default((w={},F.default(w,p,null!==p),F.default(w,c,null===p&&null!==c),w))}):null,null!==W?R.default.createElement(Fe,{items:W,visible:C[n]\|\|!1,className:y,itemClassName:z.default((M={},F.default(M,h,null!==h),F.default(M,u,null===h&&null!==u),M)),linkClassName:z.default((S={},F.default(S,v,null!==v),F.default(S,c,null===v&&null!==c),S)),align:A,onClickItem:K,onClickOutside:K}):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},Be=function(e){var t,n,a=e.brand,l=e.brandLink,r=e.breadcrumbs,o=e.theme,s=e.size,u=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),A=q.default(v,2),b=A[0],w=A[1],C=i.useCallback((function(){return w(!b)}),[w,b]);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(s),!d),F.default(t,"navbar-expand",d),F.default(t,"py-2",u),F.default(t,"px-2",u),F.default(t,"flex-nowrap",c),F.default(t,p,null!==p),t)])},R.default.createElement("div",{className:z.default(["container-fluid",{"px-0":u}])},null!==a&&null!==l?R.default.createElement(Ae,{className:z.default(["navbar-brand",F.default({"py-0":u},g,null!==g)]),to:l},a):null,null!==a&&null===l?R.default.createElement("span",{className:z.default(["navbar-brand",F.default({"py-0":u},g,null!==g)])},a):null,null!==r?R.default.createElement("span",{className:z.default(["navbar-breadcrumbs",F.default({"py-0":u},y,null!==y)])},r):null,d\|\|m?null:R.default.createElement(ee,{className:"navbar-toggler",onClick:C,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",b),n)])},f)))};Be.propTypes=ze,Be.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 qe={},je=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,s=e.itemClassName,u=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=B.default(Array(n).keys()).map((function(e){return e+1}));return R.default.createElement("nav",{className:z.default([qe.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},s,null!==s)])},t>1?R.default.createElement(Ae,{className:z.default(["page-link",F.default({},u,null!==u)]),href:d(t-1),onClick:null!==c?function(){return c(t-1)}:null},je.previous):R.default.createElement("span",{className:z.default(["page-link",F.default({},u,null!==u)])},R.default.createElement(_,null,je.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},s,null!==s)])},R.default.createElement(Ae,{className:z.default(["page-link",F.default({},u,null!==u)]),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},s,null!==s)])},t<n?R.default.createElement(Ae,{className:z.default(["page-link",F.default({},u,null!==u)]),href:d(t+1),onClick:null!==c?function(){return c(t+1)}:null},je.next):R.default.createElement("span",{className:z.default(["page-link",F.default({},u,null!==u)])},R.default.createElement(_,null,je.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 He={container:"micromag-core-menus-tabs-container"},We={items:u.PropTypes.menuItems,size:u.PropTypes.buttonSize,theme:u.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([He.container,F.default({},r,r)])},R.default.createElement(le,{buttons:t,size:n,theme:a,renderButton:l,onClickButton:o,className:He.buttons,buttonClassName:z.default([He.button,F.default({},i,null!==i)])}))};Ge.propTypes=We,Ge.defaultProps={items:[],size:null,theme:"secondary",renderItemButton:null,buttonClassName:null,className:null,onClickItem:null};var Ue={modals:u.PropTypes.modals.isRequired,setModalsContainer:L.default.func.isRequired,className:L.default.string},Qe=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}))};Qe.propTypes=Ue,Qe.defaultProps={className:null};var Xe=y.withModals(Qe),Ye={id:L.default.string,data:L.default.object,container:L.default.object,register:L.default.func,unregister:L.default.func,children:L.default.node},_e=function(e){var t=e.id,n=e.data,a=e.children,l=e.container,r=e.register,o=e.unregister,s=i.useMemo((function(){return t\|\|"element-".concat((new Date).getTime())}),[t]);return i.useEffect((function(){return null!==r&&r(s,n),function(){null!==o&&o(s)}}),[s,n]),null!==l?V.default.createPortal(a,l):null};_e.propTypes=Ye,_e.defaultProps={id:null,data:null,container:null,register:null,unregister:null,children:null};var Ke={id:L.default.string,data:L.default.object,children:L.default.node},Je=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,s=l.unregister,u=void 0===s?null:s;return R.default.createElement(_e,{id:t,data:n,container:i,register:o,unregister:u},a)};Je.propTypes=Ke,Je.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(Je,{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:u.PropTypes.label,header:L.default.node,children:L.default.node,footer:L.default.node,buttons:u.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(_,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([u.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]),s=i.useMemo((function(){return H.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]),u=y.useUppy({onComplete:o,sources:a,allowedFileTypes:null!==s&&s.length>0?s:null});return i.useEffect((function(){null===u\|\|n\|\|u.reset()}),[u,n]),null!==u?R.default.createElement(C.DashboardModal,{uppy:u,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"},st={panels:u.PropTypes.panels,setPanelsContainer:L.default.func,className:L.default.string},ut=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}))};ut.propTypes=st,ut.defaultProps={panels:[],setPanelsContainer:null,className:null};var ct=y.withPanels(ut),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,s=l.register,u=void 0===s?null:s,c=l.unregister,d=void 0===c?null:c;return null===r?a:R.default.createElement(_e,{id:t,data:n,container:o,register:u,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,s=e.openedClassName,u=e.buttonClassName,c=i.useState(!1),d=q.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,s,p&&null!==s),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({},u,null!==u)]),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},At=function(e){var t=e.date,n=e.withTime,a=e.timeSeparator,l=i.useMemo((function(){return W.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)};At.propTypes=vt,At.defaultProps={date:null,withTime:!1,timeSeparator:", "};var bt={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},wt=function(e){var t=e.throttleDelay,n=e.threshold,a=e.onEnter,l=e.onLeave,r=e.onChange,o=e.disabled,s=e.children,u=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:u,ref:d},s)};wt.propTypes=bt,wt.defaultProps={throttleDelay:null,threshold:void 0,onEnter:null,onLeave:null,onChange:null,disabled:!1,children:null,className:null};var Ct={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},Et=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))};Et.propTypes=Ct,Et.defaultProps={width:"100%",height:"3em",outline:!1,className:null,boxClassName:null,children:null};var Mt={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},St=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(Et,r);var o=n[d.pascalCase(t)];return o?R.default.createElement(o,Object.assign({},a,{className:i})):"Bad component"};St.propTypes=Mt,St.defaultProps={props:{},isPlaceholder:!1,className:null,placeholderProps:null};var kt={container:"micromag-core-partials-empty-container",middle:"micromag-core-partials-empty-middle",withoutBorder:"micromag-core-partials-empty-withoutBorder",invertColor:"micromag-core-partials-empty-invertColor"},Tt={children:L.default.node,withoutBorder:L.default.bool,light:L.default.bool,className:L.default.string},Nt=function(e){var t,n=e.children,a=e.withoutBorder,l=e.light,i=e.className;return R.default.createElement("div",{className:z.default([kt.container,(t={},F.default(t,kt.withoutBorder,a),F.default(t,kt.light,l),F.default(t,i,i),t)])},R.default.createElement("div",{className:kt.middle},R.default.createElement(_,null,n)))};Nt.propTypes=Tt,Nt.defaultProps={children:null,withoutBorder:!1,light:!1,className:null};var xt={fonts:u.PropTypes.fonts,formats:L.default.arrayOf(L.default.oneOfType([L.default.string,L.default.shape({name:L.default.string,format:L.default.string})]))},Pt=function(e){var t=e.fonts,n=e.formats,a=(t\|\|[]).filter((function(e){return U.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=U.default(t)?t.format:t,a=U.default(t)?t.name:t,l=r["webfonts.".concat(a)]\|\|r[a]\|\|null;return null!==l?[].concat(B.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};Pt.propTypes=xt,Pt.defaultProps={fonts:[],formats:["eot","woff2","woff",{name:"otf",format:"opentype"},{name:"ttf",format:"truetype"},"svg"]};var Ot={},Zt={thumbnail:L.default.node,thumbnailAlign:L.default.oneOf(["top","center","bottom"]),children:L.default.node,title:u.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,s=e.titleClassName;return R.default.createElement("div",{className:z.default(["card",Ot.container,F.default({},i,null!==i)])},"string"==typeof t?R.default.createElement("img",{src:t,alt:l,className:z.default(["me-3",Ot.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",Ot.body,F.default({},o,null!==o)])},null!==l?R.default.createElement("h5",{className:z.default(["mt-0","text-truncate",Ot.title,F.default({},s,null!==s)])},R.default.createElement(_,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]),Bt=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 qt=L.default.oneOf(["_blank","_self","_parent"]),jt=L.default.oneOf(["tap","swipe"]);L.default.arrayOf(jt),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:Bt,url:L.default.string,external:L.default.bool,active:L.default.bool});L.default.arrayOf(Dt);var Vt=L.default.shape({label:Bt,url:L.default.string});L.default.arrayOf(Vt);var Ht=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Ht);var Wt=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Wt);var Gt=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Gt);var Ut=L.default.shape({label:Bt,onClick:L.default.func});L.default.arrayOf(Ut);var Qt=["primary","secondary","success","danger","warning","info","light","dark"];L.default.oneOf(Qt),L.default.oneOf([].concat(Qt,["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 Xt=L.default.oneOfType([L.default.object,L.default.func]);L.default.objectOf(Xt);var Yt=L.default.oneOfType([L.default.string,L.default.arrayOf(L.default.string)]);L.default.objectOf(Yt);var _t=L.default.oneOfType([L.default.string,L.default.shape({value:L.default.any,label:Bt})]);L.default.arrayOf(_t);var Kt=L.default.shape({name:L.default.string,component:Xt});L.default.arrayOf(Kt);var Jt={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(j.default({},Jt)),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(j.default(j.default({},en),{},{type:L.default.oneOf(["image","video"]),metadata:L.default.shape(j.default(j.default({},Jt),{},{width:L.default.number,height:L.default.number}))}));L.default.arrayOf(nn);var an=L.default.shape(j.default(j.default({},en),{},{type:L.default.oneOf(["font"]),metadata:L.default.shape(j.default({},Jt))}));L.default.arrayOf(an);var ln=L.default.shape(j.default(j.default({},en),{},{type:L.default.oneOf(["video"]),metadata:L.default.shape(j.default(j.default({},Jt),{},{width:L.default.number,height:L.default.number,duration:L.default.number}))}));L.default.arrayOf(ln);var rn=L.default.shape(j.default(j.default({},en),{},{type:L.default.oneOf(["audio"]),metadata:L.default.shape(j.default(j.default({},Jt),{},{duration:L.default.number}))}));L.default.arrayOf(rn);var on=L.default.shape(j.default(j.default({},en),{},{type:L.default.oneOf(["closed-captions"])})),sn=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(sn);var un=L.default.oneOf(["left","right","center"]),cn=L.default.shape({color:L.default.string,alpha:L.default.number}),dn=L.default.shape({fontFamily:sn,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:un,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}),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 vn=L.default.shape({color:cn,image:nn,video:ln}),An=L.default.shape({image:nn,caption:gn});L.default.arrayOf(An);var bn=L.default.oneOf(["horizontal","vertical"]),wn=L.default.oneOf(["start","center","end"]),Cn=L.default.oneOfType([L.default.number,L.default.oneOf(["between","evenly","around"])]);L.default.shape({direction:bn,align:wn,width:L.default.number,height:L.default.number,spacing:Cn,reverse:L.default.bool}),L.default.shape({layout:L.default.arrayOf(L.default.string),spacing:L.default.number});var En=L.default.shape({lat:L.default.number,lng:L.default.number}),Mn={id:L.default.number,geoPosition:En,title:yn,subtitle:yn,description:gn},Sn=L.default.shape(j.default({},Mn));L.default.arrayOf(Sn);var kn=L.default.shape(j.default(j.default({},Mn),{},{image:nn}));L.default.arrayOf(kn);var Tn={id:L.default.string,label:gn},Nn=L.default.shape(j.default({},Tn)),xn=L.default.shape(j.default(j.default({},Tn),{},{good:L.default.bool}));L.default.arrayOf(Nn),L.default.arrayOf(xn);var Pn=L.default.oneOf(["swipe-up","button"]);L.default.shape({active:L.default.bool,type:Pn,url:L.default.string,label:gn,buttonStyle:fn});var On=L.default.shape({id:L.default.string,name:L.default.string,avatar:nn,side:L.default.oneOf(["left","right"]),color:cn}),Zn=L.default.arrayOf(On),Fn=L.default.shape({speaker:L.default.string,message:L.default.string,image:nn}),In=L.default.arrayOf(Fn);L.default.shape({speakers:Zn,textStyle:dn,messages:In});var Rn={name:L.default.string,type:L.default.string.isRequired,label:zt},Ln=L.default.shape(j.default(j.default({},Rn),{},{isSection:L.default.bool,fields:L.default.arrayOf(L.default.shape(Rn))})),zn=L.default.arrayOf(Ln),Bn=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:zn});L.default.arrayOf(Bn);var qn=L.default.shape({id:L.default.string.isRequired,type:L.default.oneOf(["field"]).isRequired,title:zt.isRequired,fields:zn});L.default.arrayOf(qn);var jn={type:L.default.string.isRequired},Dn=L.default.shape(j.default({},jn));L.default.arrayOf(Dn);var Vn=L.default.shape(j.default({},jn)),Hn=L.default.arrayOf(Vn),Wn=L.default.shape({id:L.default.string,textStyles:L.default.objectOf(dn),background:vn,colors:L.default.objectOf(cn),components:Hn});L.default.shape(j.default({logo:nn},Wn));var Gn=L.default.shape({description:L.default.string,shareUrl:L.default.string,shareImage:nn,favIcon:nn});L.default.shape({id:L.default.string,theme:Wn,components:Hn,metadata:Gn});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:qt,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 Qn=L.default.shape({image:nn,text:L.default.string});L.default.arrayOf(Qn),L.default.shape({});var Xn=L.default.oneOf(["fade","scale","slide"]),Yn={duration:L.default.number,easing:L.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"])},_n=L.default.oneOfType([Xn.isRequired,L.default.shape(j.default({name:Xn.isRequired},Yn))]);L.default.shape({in:_n,out:_n});var Kn=L.default.shape({type:L.default.string,value:L.default.oneOf([L.default.string,L.default.number])});L.default.arrayOf(Kn);var Jn=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(Jn);var $n=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 ea={title:L.default.string,url:L.default.string,metadata:$n,fullTitle:L.default.string,suffix:L.default.string,children:L.default.node},ta=function(e){var t=e.title,n=e.url,a=e.metadata,l=e.fullTitle,i=e.suffix,r=e.children,o=a\|\|{},s=o.canonical,u=void 0===s?null:s,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,A=void 0===v?null:v,b=o.atomUrl,w=void 0===b?null:b,C=o.microformats,E=void 0===C?[]:C,M=o.language,S=void 0===M?null:M,T=null!==t?"".concat(t," \| ").concat(i):l,N=g\|\|{},x=N.url,P=void 0===x?null:x,O=N.metadata,Z=(void 0===O?{}:O)\|\|{},F=Z.width,I=void 0===F?null:F,L=Z.height,z=void 0===L?null:L,B=(h\|\|{}).url,q=void 0===B?null:B;return R.default.createElement(k.Helmet,null,R.default.createElement("title",null,null!==T&&T.length>0?T:"Micromag"),null!==d?R.default.createElement("meta",{name:"description",content:d}):null,null!==S?R.default.createElement("meta",{name:"language",content:S}):null,null!==f&&Q.default(f)?R.default.createElement("meta",{name:"keywords",content:f}):null,null!==f&&H.default(f)?R.default.createElement("meta",{name:"keywords",content:f.join(",")}):null,null!==u?R.default.createElement("link",{rel:"canonical",href:u}):null,null!==q?R.default.createElement("link",{rel:"icon",type:"image/png",href:q}):null,null!==A?R.default.createElement("link",{rel:"alternate",type:"application/rss+xml",href:A}):null,null!==w?R.default.createElement("link",{rel:"alternate",type:"application/atom+xml",href:w}):null,null!==P?R.default.createElement("meta",{property:"og:image",content:P}):null,null!==P?R.default.createElement("meta",{property:"og:image:url",content:P}):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:T}),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!==P?"summary_large_image":"summary"}),R.default.createElement("meta",{name:"twitter:title",content:T}),null!==d?R.default.createElement("meta",{name:"twitter:description",content:d}):null,null!==P?R.default.createElement("meta",{name:"twitter:image",content:P}):null,(E\|\|[]).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)};ta.propTypes=ea,ta.defaultProps={title:null,url:null,metadata:null,fullTitle:null,suffix:"Micromag",children:null};var na={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},aa=function(e){var t=e.items,n=e.auto,a=e.delay,l=e.width,r=e.height,o=e.className,s=e.children,u=i.useState(0),c=q.default(u,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)}))),s)};aa.propTypes=na,aa.defaultProps={items:[],auto:!0,delay:5e3,width:null,height:null,className:null,children:null};var la={icon:"micromag-core-placeholders-icon"},ia=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Et,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faAd,className:la.icon}))},ra=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Et,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faImage,className:la.icon}))},oa=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(Et,{width:n,height:l,className:i},R.default.createElement(m.FontAwesomeIcon,{icon:f.faMusic,className:la.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},ua=function(e){var t=e.lines,n=e.lineMargin,a=e.width,l=e.height,i=e.fontSize,r=e.className,o=null!==l&&X.default(l)?"".concat(Math.round(li),"px"):l,s=X.default(a)?.9a:"90%";return R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-text-container",F.default({},r,r)])},B.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:s,height:o,marginTop:n,marginBottom:n}})})))};ua.propTypes=sa,ua.defaultProps={lines:1,lineMargin:1,width:"100%",height:null,fontSize:16,className:null};var ca=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(Et,{outline:!0,width:n,height:l,className:i},R.default.createElement(ua,{line:1,height:"0.1em"}))},da=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Et,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faImage,className:la.icon}))},ma=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.shortText]),height:.2,lines:1}))},fa="micromag-core-placeholders-map-icon",pa=function(e){return R.default.createElement(Et,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:fa}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:fa}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:fa}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className:fa}))},ga=function(e){return R.default.createElement(Et,Object.assign({},e,{width:"100%",height:"70%",className:z.default([e.className,la.mapPath])}),R.default.createElement(m.FontAwesomeIcon,{icon:f.faMapMarkedAlt,size:"lg",className:la.icon}))},ya=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.subtitle]),height:.5,lines:6}))},ha=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.shortText]),height:.2,lines:2}))},va=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.subtitle]),height:.3,lines:1}))},Aa=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(ua,Object.assign({},e,{height:n,lines:l,lineMargin:r,className:z.default([e.className,la.text])}))},ba=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.timeline])}))},wa=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.title]),height:.5,lines:2,lineMargin:4}))},Ca=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Et,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faVideo,className:la.icon}))},Ea=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Et,{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"))},Ma=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Et,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faPlay,className:la.icon}),R.default.createElement(m.FontAwesomeIcon,{icon:f.faRedo,className:la.icon}))},Sa={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},ka=function(e){var t=e.width,n=e.height,a=e.fit,l=e.screenWidth,r=e.screenHeight,o=e.className,s=e.children,u=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,A=i.useMemo((function(){var e=t\|\|p\|\|null,i=n\|\|v\|\|null;if(null===e&&null===i)return{};var o=l/r,s=u?t\|\|io:e,c=u&&n\|\|e/o;if(null===a)return{width:s,height:c,transform:"scale(".concat(s/l,")")};var d=x.getSizeWithinBounds(l,r,s,c,{cover:"cover"===a}),m=d.width,f=d.height,g=d.scale,y=(s-m)/2,h=(c-f)/2;return{width:s,height:c,transform:"scale(".concat(g,") translate(").concat(y,"px, ").concat(h,"px)")}}),[l,r,t,n,a,p,v,u]),b=A.width,w=void 0===b?null:b,C=A.height,E=void 0===C?null:C,M=A.transform,S=void 0===M?null:M,k=i.useMemo((function(){return{screen:"mobile",screens:["mobile"],width:l,height:r}}),[l,r]),T=null!==w&&null!==E;return R.default.createElement("div",{styles:z.default(["micromag-core-screens-screen-sizer-container",F.default({},o,null!==o)]),ref:u?null:d},T?R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-frame",style:{width:w,height:E}},R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-screen",style:{width:l,height:r,transform:S}},R.default.createElement(y.ScreenSizeProvider,{size:k},R.default.cloneElement(s,{width:l,height:r})))):null)};ka.propTypes=Sa,ka.defaultProps={width:null,height:null,fit:null,screenWidth:320,screenHeight:480,className:null};var Ta={screen:u.PropTypes.storyComponent.isRequired,renderContext:u.PropTypes.renderContext,screenState:L.default.string,active:L.default.bool,current:L.default.bool,component:L.default.node,components:u.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},Na=function(e){var t=e.screen,n=e.renderContext,a=e.screenState,l=e.active,i=e.current,r=e.components,o=e.component,s=e.className,u=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,A=y.useScreenComponent(h),b=v\|\|A;return R.default.createElement(y.ScreenProvider,{data:t,renderContext:n,screenState:a},null!==b?R.default.createElement("div",{className:z.default(["micromag-core-screens-screen-container",F.default({},s,null!==s)])},R.default.createElement(b,Object.assign({},t,{active:l,current:i,onPrevious:u,onNext:c,onEnableInteraction:m,onDisableInteraction:f,getMediaRef:p}))):R.default.createElement("div",{className:s},o))};Na.propTypes=Ta,Na.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 xa=R.default.memo(Na),Pa=["screen","layout","screenWidth","screenHeight","screenState","withSize","className"],Oa={screen:u.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},Za=function(e){var t=e.screen,n=e.layout,a=e.screenWidth,l=e.screenHeight,i=e.screenState,r=e.withSize,o=e.className,s=I.default(e,Pa),u=R.default.createElement(xa,Object.assign({screen:t,renderContext:"placeholder",screenState:i,layout:n,className:z.default(["micromag-core-screens-screen-placeholder-screen",F.default({},o,!r)])},s));return r?R.default.createElement(ka,{className:o,screenWidth:a,screenHeight:l},u):u};Za.propTypes=Oa,Za.defaultProps={layout:void 0,screenState:null,screenWidth:100,screenHeight:150,withSize:!1,className:null};var Fa=R.default.memo(Za),Ia=["screen","screenState","width","height","screenWidth","screenHeight","className","withSize"],Ra={screen:u.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},La=function(e){var t=e.screen,n=e.screenState,a=e.width,l=e.height,i=e.screenWidth,r=e.screenHeight,o=e.className,s=e.withSize,u=I.default(e,Ia),c=R.default.createElement(xa,Object.assign({screen:t,renderContext:"preview",screenState:n,width:s?void 0:a,height:s?void 0:l,className:z.default(["micromag-core-screens-preview-screen",F.default({},o,!s)])},u));return s?R.default.createElement(ka,{className:o,screenWidth:i,screenHeight:r,width:a,height:l},c):c};La.propTypes=Ra,La.defaultProps={screenState:null,width:void 0,height:void 0,screenWidth:void 0,screenHeight:void 0,className:null,withSize:!1};var za=R.default.memo(La),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"},qa=Object.freeze({__proto__:null,AdFrame:ia,AdImage:ra,Audio:oa,Button:ca,Conversation:function(){return R.default.createElement("div",{className:Ba.container},B.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:da,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(Et,{outline:!0,width:n,height:l,className:i})},Line:ma,Map:pa,MapPath:ga,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,s=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",s),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:s?f.faCheck:f.faTimes})),R.default.createElement(Et,{outline:!0,width:a,height:i,className:"micromag-core-placeholders-quiz-answer-block"},R.default.createElement(ua,{line:1,height:"0.2em"})))},Quote:ya,ShortText:ha,Subtitle:va,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(Et,{outline:!0,width:n,height:l,className:"micromag-core-placeholders-survey-answer-block"},R.default.createElement(ua,{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:Aa,Timeline:ba,Title:wa,Video:Ca,Video360:Ea,VideoLoop:Ma}),ja={children:L.default.node,placeholder:L.default.oneOfType([L.default.string,L.default.node]),preview:L.default.node,empty:L.default.node,emptyLabel:u.PropTypes.label,isEmpty:L.default.bool,placeholderProps:L.default.object,emptyClassName:L.default.string},Da=function(e){var t=e.children,n=e.placeholder,a=e.empty,l=e.emptyLabel,i=e.preview,r=e.isEmpty,o=e.placeholderProps,s=e.emptyClassName,u=y.useScreenRenderContext(),c=u.isPlaceholder,m=u.isEdit,f=u.isPreview;if(c){var p=Q.default(n)?d.getComponentFromName(n,qa):null;return null!==p?R.default.createElement(p,o):n}return m&&r?null!==a?a:R.default.createElement(Nt,{className:s},l):f&&null!==i?i:t};Da.propTypes=ja,Da.defaultProps={children:null,placeholder:null,preview:null,empty:null,emptyLabel:null,isEmpty:!1,placeholderProps:null,emptyClassName:null};var Va={screens:u.PropTypes.storyComponents.isRequired,screen:L.default.string,className:L.default.string},Ha=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(xa,{key:"screen-".concat(t),screen:e,className:z.default(["micromag-core-screens-screen",F.default({},"micromag-core-screens-visible",n===t)])})})))};Ha.propTypes=Va,Ha.defaultProps={screen:null,className:null};var Wa={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 Ga(e){var t,n=e.fullscreen,a=e.from,l=e.to,r=e.playing,o=e.direction,s=e.delay,u=e.duration,c=e.easing,d=e.children,m=e.className,f=e.onStart,p=e.onComplete,g=P.useSpring((function(){return{}})),y=q.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!==u?u:void 0}},n=null;return s>0&&r&&"out"!==o?(v.start({to:a,immediate:!0}),n=setTimeout((function(){v.start(t)}),s)):v.start(t),function(){null!==n&&clearTimeout(n)}}),[r,o,s,u,c,a,l,v,f,p]),R.default.createElement(O.animated.div,{style:j.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)}Ga.propTypes=Wa,Ga.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 Ua={Fade:function(e){var t=i.useMemo((function(){return{opacity:0}}),[]),n=i.useMemo((function(){return{opacity:1}}),[]);return R.default.createElement(Ga,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(Ga,Object.assign({},e,{from:t,to:n}))}},Qa={fullscreen:L.default.bool,playing:L.default.bool,delay:L.default.number,transitions:u.PropTypes.transitions,disabled:L.default.bool,children:L.default.node};function Xa(e){var t=e.fullscreen,n=e.playing,a=e.delay,l=e.transitions,i=e.disabled,r=e.children,o=y.useScreenSize().landscape,s=n\|\|void 0!==o&&o,u={in:null,out:null},c=null!==l?l:{in:"fade",out:"fade"};Object.keys(c).forEach((function(e){var t=c[e];u[e]="string"==typeof t?{name:t}:t}));var m=u.in,f=void 0===m?null:m,p=u.out,g=void 0===p?null:p,h=null!==f?f:g,v=null!==g?g:f,A=(h\|\|{}).name,b=void 0===A?null:A,w=(v\|\|{}).name,C=void 0===w?null:w,E=b===C,M=null!==h?d.getComponentFromName(b,Ua,null):null,S=null===v\|\|E?null:d.getComponentFromName(C,Ua,null),k=null!==h?j.default(j.default({},h),{},{name:void 0,delay:a}):null,T=null!==v?j.default(j.default({},v),{},{name:void 0,delay:a}):null,N=null===S\|\|i?r:R.default.createElement(S,Object.assign({fullscreen:t,playing:s,direction:"out"},T),r);return null===M\|\|i?N:R.default.createElement(M,Object.assign({fullscreen:t,playing:s,direction:E?null:"in"},k),N)}Xa.propTypes=Qa,Xa.defaultProps={fullscreen:!1,playing:!1,delay:0,transitions:null,disabled:!1,children:null};var Ya={transitions:u.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},_a=function(e){var t=e.transitions,n=e.stagger,a=e.playing,l=e.disabled,i=e.delay,r=e.fullscreen,o=e.children,s=0;return R.default.Children.map(o,(function(e){if(!e)return null;var o=e.type,u=((void 0===o?null:o)\|\|{}).withoutTransitionsWrapper;if(l\|\|void 0!==u&&u)return e;var c=R.default.createElement(Xa,{transitions:t,delay:i+sn,playing:a,fullscreen:r},e);return s+=1,c}))};_a.propTypes=Ya,_a.defaultProps={transitions:null,stagger:0,playing:!1,disabled:!1,delay:0,fullscreen:!1,children:null};var Ka={selector:L.default.string,highlightSelector:L.default.string,style:L.default.objectOf(L.default.oneOfType([L.default.string,L.default.number]))},Ja=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};Ja.propTypes=Ka,Ja.defaultProps={selector:null,highlightSelector:"mark",style:null};var $a={selector:L.default.string,linkSelector: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.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};el.propTypes=$a,el.defaultProps={selector:null,linkSelector:"a",style:null},t.BackButton=oe,t.Breadcrumb=Pe,t.Button=ee,t.Buttons=le,t.Card=Ce,t.CollapsablePanel=ht,t.Date=At,t.Detector=wt,t.DropdownMenu=Fe,t.Element=St,t.Empty=Nt,t.FieldForm=me,t.FontFaces=Pt,t.Form=ge,t.FormPanel=Ne,t.HighlightStyle=Ja,t.Label=_,t.Link=Ae,t.LinkStyle=el,t.Media=Ft,t.Menu=Le,t.Meta=ta,t.Modal=tt,t.ModalDialog=lt,t.ModalPortal=Je,t.Modals=Xe,t.Navbar=Be,t.Pagination=Ve,t.Panel=pt,t.PanelPortal=mt,t.Panels=ct,t.PlaceholderAdFrame=ia,t.PlaceholderAdImage=ra,t.PlaceholderAudio=oa,t.PlaceholderButton=ca,t.PlaceholderImage=da,t.PlaceholderLine=ma,t.PlaceholderMap=pa,t.PlaceholderMapPath=ga,t.PlaceholderQuote=ya,t.PlaceholderShortText=ha,t.PlaceholderSubtitle=va,t.PlaceholderText=Aa,t.PlaceholderTimeline=ba,t.PlaceholderTitle=wa,t.PlaceholderVideo=Ca,t.PlaceholderVideo360=Ea,t.PlaceholderVideoLoop=Ma,t.Screen=xa,t.ScreenElement=Da,t.ScreenPlaceholder=Fa,t.ScreenPreview=za,t.ScreenSizer=ka,t.Screens=Ha,t.Slideshow=aa,t.Spinner=Me,t.Tabs=Ge,t.Transitions=Xa,t.TransitionsStagger=_a,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),s=n(1260),u=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),A=n(2220),b=n(8514),w=n(5537);function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(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 M=C(a),S=C(l),k=C(i),T=C(r),N=C(s),x=C(u),P=C(c),O=C(d),Z=C(f),F=C(A),I=C(w),R="modals",L="fields",z="forms",B="screens",q="elements",j=T.default.createContext(null),D=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=r.useContext(j),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},H=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;if(!S.default(e))return e\|\|t;var a=D(n);return r.useMemo((function(){return a.getComponent(e)\|\|t}),[a,e,t])},W={children:k.default.node.isRequired,namespace:k.default.string,manager:k.default.instanceOf(o.ComponentsManager),components:k.default.objectOf(k.default.oneOfType([k.default.object,k.default.func]))},G=function(e){var t=e.components,n=e.manager,a=e.namespace,l=e.children,i=D()\|\|null,s=r.useMemo((function(){return new o.ComponentsManager(M.default(M.default(M.default({},null!==i?i.getComponents():null),null!==n?n.getComponents():null),new o.ComponentsManager(t).addNamespace(a).getComponents()))}),[i,n,t,a]);return T.default.createElement(j.Provider,{value:s},l)};G.propTypes=W,G.defaultProps={namespace:null,components:{},manager:null};var U=T.default.createContext(null),Q=function(){return r.useContext(U)},X={fields:o.PropTypes.fieldDefinitions,manager:k.default.instanceOf(o.FieldsManager),children:k.default.node.isRequired},Y=function(e){var t=e.fields,n=e.manager,a=e.children,l=Q()\|\|null,i=r.useMemo((function(){var e=P.default([].concat(x.default(t\|\|[]),x.default(null!==n?n.getDefinitions():[]),x.default(null!==l?l.getDefinitions():[])),(function(e){return e.id})).reverse();return new o.FieldsManager(e)}),[l,n,t]),s=r.useMemo((function(){var e=i.getComponents();return Object.keys(e).reduce((function(t,n){var a=e[n];return S.default(a)?t:M.default(M.default({},t),{},N.default({},n,a))}),{})}),[i]);return T.default.createElement(U.Provider,{value:i},T.default.createElement(G,{namespace:L,components:s},a))};Y.propTypes=X,Y.defaultProps={fields:null,manager:null};var _=T.default.createContext(new o.ScreensManager),K=function(){return r.useContext(_)},J={screens:o.PropTypes.screenDefinitions,namespaces:k.default.arrayOf(k.default.string),filterNamespaces:k.default.bool,manager:k.default.instanceOf(o.ScreensManager),children:k.default.node.isRequired},$=function(e){var t=e.screens,n=e.namespaces,a=e.filterNamespaces,l=e.manager,i=e.children,s=K(),u=r.useMemo((function(){var e=null!==l?l:new o.ScreensManager(t);return null!==(s\|\|null)&&(e=s.merge(e)),a&&(e=s.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,s]),c=r.useMemo((function(){return u.getComponents()}),[u]),d=r.useState(c),m=O.default(d,2),f=m[0],p=m[1];return r.useEffect((function(){var e=function(){return p(u.getComponents())};return u.on("change",e),function(){u.off("change",e)}}),[u,p]),T.default.createElement(_.Provider,{value:u},T.default.createElement(G,{namespace:B,components:f},i))};$.propTypes=J,$.defaultProps={screens:null,namespaces:null,filterNamespaces:!1,manager:null};var ee=T.default.createContext(null),te=function(){return r.useContext(ee)},ne=function(){return te()},ae={story:k.default.oneOfType([o.PropTypes.story,o.PropTypes.theme]),children:k.default.node.isRequired},le=function(e){var t=e.story,n=e.children;return T.default.createElement(ee.Provider,{value:t},n)};le.propTypes=ae,le.defaultProps={story:null};var ie=T.default.createContext(null),re=function(){return r.useContext(ie)},oe={children:k.default.node.isRequired},se=function(e){var t=e.children,n=ne(),a=K(),l=Q(),i=r.useMemo((function(){return new o.ColorsParser({screensManager:a,fieldsManager:l})}),[a,l]),s=r.useCallback((function(e){return i.parse(e)}),[i]),u=r.useCallback((function(){return s(n)}),[s,n]);return T.default.createElement(ie.Provider,{value:{getColors:u}},t)};se.propTypes=oe,se.defaultProps={};var ue=T.default.createContext(null),ce={context:k.default.any,children:k.default.node.isRequired},de=function(e){var t=e.context,n=e.children;return T.default.createElement(ue.Provider,{value:t},n)};de.propTypes=ce,de.defaultProps={context:null};var me=T.default.createContext({apiKey:null}),fe=function(){return r.useContext(me)},pe={children:k.default.node.isRequired,apiKey:k.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 T.default.createElement(me.Provider,{value:l},t)};ge.propTypes=pe,ge.defaultProps={apiKey:null};var ye=T.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,s=r.useState(null),u=O.default(s,2),c=u[0],d=u[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,s=void 0===o?null:o,u=a.googleFonts,c=void 0===u?null:u,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:s,googleFonts:c,customFonts:m}}),[s,c,m]);return f},Ae={children:k.default.node.isRequired,systemFonts:o.PropTypes.fonts,customFonts:o.PropTypes.fonts},be=function(e){var t=e.systemFonts,n=e.customFonts,a=e.children,l=ve(),i=l.systemFonts,o=void 0===i?null:i,s=l.googleFonts,u=void 0===s?null:s,c=l.customFonts,d=r.useState(null),m=O.default(d,2),f=m[0],p=m[1],g=r.useMemo((function(){return{systemFonts:P.default([].concat(x.default(o\|\|[]),x.default(t\|\|[])),(function(e){return Z.default(e)?e.name:e})),googleFonts:P.default([].concat(x.default(u\|\|[]),x.default(f\|\|[])),(function(e){return Z.default(e)?e.name:e})),customFonts:P.default([].concat(x.default(c\|\|[]),x.default(n\|\|[])),(function(e){return Z.default(e)?e.name:e})),setGoogleFonts:p}}),[o,u,c,n,t,f,p]);return T.default.createElement(ye.Provider,{value:g},a)};be.propTypes=Ae,be.defaultProps={systemFonts:["Arial","Courier","Georgia","Times New Roman","Verdana"],customFonts:null};var we=T.default.createContext(null),Ce={children:k.default.node.isRequired},Ee=function(e){var t=e.children,n=fe().apiKey,a=r.useState(null),l=O.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]),T.default.createElement(we.Provider,{value:i},t)};Ee.propTypes=Ce,Ee.defaultProps={};var Me=T.default.createContext(null),Se=function(){return r.useContext(Me)},ke={children:k.default.node.isRequired,locale:k.default.string,libraries:k.default.arrayOf(k.default.string)},Te=function(e){var t=e.children,n=e.locale,a=e.libraries,l=fe().apiKey,i=Se(),o=r.useState(i),s=O.default(o,2),u=s[0],c=s[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]),T.default.createElement(Me.Provider,{value:u},t)};Te.propTypes=ke,Te.defaultProps={locale:"fr",libraries:null};var Ne=T.default.createContext({container:null}),xe={children:k.default.node.isRequired,container:k.default.object},Pe=function(e){var t=e.children,n=e.container,a=r.useState(n),l=O.default(a,2),i=l[0],o=l[1],s=r.useState([]),u=O.default(s,2),c=u[0],d=u[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(x.default(n),[M.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 T.default.createElement(Ne.Provider,{value:g},t)};Pe.propTypes=xe,Pe.defaultProps={container:null};var Oe=T.default.createContext({container:null}),Ze={children:k.default.node.isRequired,container:k.default.object},Fe=function(e){var t=e.children,n=e.container,a=r.useState(n),l=O.default(a,2),i=l[0],o=l[1],s=r.useState([]),u=O.default(s,2),c=u[0],d=u[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(x.default(n),[M.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 T.default.createElement(Oe.Provider,{value:g},t)};Fe.propTypes=Ze,Fe.defaultProps={container:null};var Ie=T.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:k.default.node.isRequired,routes:k.default.objectOf(k.default.string),basePath:k.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 T.default.createElement(Ie.Provider,{value:l},a)};ze.propTypes=Le,ze.defaultProps={routes:null,basePath:null};var Be=T.default.createContext({data:null,definition:null,renderContext:null}),qe=function(){return r.useContext(Be)},je={children:k.default.node.isRequired,data:o.PropTypes.screen,definition:o.PropTypes.screenDefinition,renderContext:o.PropTypes.renderContext,screenState:k.default.string},De=function(e){var t=e.data,n=e.definition,a=e.renderContext,l=e.screenState,i=e.children,o=qe()\|\|{},s=o.data,u=void 0===s?null:s,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\|\|u\|\|null,h=(y\|\|{}).type,v=void 0===h?null:h,A=K(),b=null!==A?A.getDefinition(v):null,w=n\|\|b\|\|d,C=a\|\|f\|\|"view",E=l\|\|g\|\|null,M=r.useMemo((function(){return{data:y,definition:w,renderContext:C,screenState:E}}),[y,w,C,E]);return T.default.createElement(Be.Provider,{value:M},i)};De.propTypes=je,De.defaultProps={data:null,definition:null,renderContext:null,screenState:null};var Ve=T.default.createContext({screen:null,screens:[],width:0,height:0,landscape:!1}),He={children:k.default.node.isRequired,size:o.PropTypes.screenSize},We=function(e){var t=e.size,n=e.children,a=r.useState(t),l=O.default(a,2),i=l[0],o=l[1],s=i.width,u=i.height,c=t.width,d=t.height;return r.useEffect((function(){s===c&&u===d\|\|o(t)}),[o,c,d,s,u,t]),T.default.createElement(Ve.Provider,{value:i},n)};We.propTypes=He,We.defaultProps={size:{}};var Ge=function(){return r.useContext(v.TrackingContext)},Ue={children:k.default.node.isRequired,variables:o.PropTypes.trackingVariables},Qe=function(e){var t=e.variables,n=e.children,a=Ge()\|\|null,l=r.useMemo((function(){return new o.Tracking({variables:M.default(M.default({},null!==a?a.getVariables():null),t)})}),[a,t]);return T.default.createElement(v.TrackingContainer,{tracking:l},n)};Qe.propTypes=Ue,Qe.defaultProps={variables:null};var Xe=null,Ye={},_e={fr:function(){return Promise.resolve().then((function(){return E(n(7877))}))},en:function(){return Promise.resolve().then((function(){return E(n(4309))}))}},Ke=["default"],Je={},$e={webcam:function(){return Promise.resolve().then((function(){return E(n(9119))}))},facebook:function(){return Promise.resolve().then((function(){return E(n(8704))}))},instagram:function(){return Promise.resolve().then((function(){return E(n(4069))}))},dropbox:function(){return Promise.resolve().then((function(){return E(n(9710))}))},"google-drive":function(){return Promise.resolve().then((function(){return E(n(3615))}))}},et=["default"],tt={},nt={transloadit:null,tus:function(){return Promise.resolve().then((function(){return E(n(683))}))},xhr:function(){return Promise.resolve().then((function(){return E(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 M.default(M.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?M.default(M.default({},e),{},N.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:M.default(M.default(M.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=T.default.createContext(null),ot={children:k.default.node.isRequired,transport:k.default.oneOf(["xhr","transloadit","tus"]),locale:k.default.string,sources:k.default.arrayOf(k.default.oneOf(["webcam","facebook","instagram","dropbox","google-drive"])),transloadit:k.default.shape({key:k.default.string.isRequired,templateId:k.default.string,waitForEncoding:k.default.bool}),companion:k.default.shape({url:k.default.string.isRequired,allowedHosts:k.default.string.isRequired}),tus:k.default.oneOfType([k.default.string,k.default.shape({endpoint:k.default.string.isRequired})]),xhr:k.default.oneOfType([k.default.string,k.default.shape({endpoint:k.default.string.isRequired})])},st=function(e){var t,a,l,i,o,s=e.children,u=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)\|\|{},A=v.transport,b=void 0===A?null:A,w=v.locale,C=void 0===w?null:w,k=v.sources,x=void 0===k?null:k,P=v.transloadit,I=void 0===P?null:P,R=v.companion,L=void 0===R?null:R,z=v.tus,B=void 0===z?null:z,q=v.xhr,j=u\|\|b\|\|"xhr",D=c\|\|C\|\|y,V=d\|\|x\|\|["webcam","facebook","instagram","dropbox","google-drive"],H=m\|\|I,W=f\|\|L,G=p\|\|B,U=g\|\|(void 0===q?null:q),Q=(t=r.useState({package:Xe}),l=(a=O.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 E(n(4182))})).then((function(t){var n=t.Uppy;Xe=n,e\|\|o({package:n})})),function(){e=!0}}),[i,o]),i),X=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=O.default(a,2),i=l[0].package,o=void 0===i?null:i,s=l[1],u=n[e]\|\|null;return r.useEffect((function(){var t=!1;return null!==o\|\|null===u\|\|u().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\|\|s({package:i})})),function(){t=!0}}),[u,o,s]),o}(j),Y=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=Je[t]\|\|null;return null===n?e:M.default(M.default({},e),{},N.default({},t,n))}),null)}),l=O.default(a,2),i=l[0].packages,o=void 0===i?[]:i,s=l[1],u=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===u.length\|\|Promise.all(u.map((function(e){return n[e]\|\|null})).filter((function(e){return null!==e})).map((function(e){return e()}))).then((function(t){var n=u.reduce((function(e,n,a){var l=t[a],i=l.default,r=F.default(l,Ke);return M.default(M.default({},e),{},N.default({},n,Object.keys(r).reduce((function(e,t){return e[t]=r[t],e}),i)))}),{});Je=M.default(M.default({},Je),n),e\|\|s({packages:n})})),function(){e=!0}}),[u,n,o,s]),0===u.length?o:null}(V),_=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?_e:t,a=r.useState({package:Ye[e]\|\|null}),l=O.default(a,2),i=l[0].package,o=void 0===i?null:i,s=l[1],u=n[e]\|\|null;return r.useEffect((function(){var e=!1;return null!==o\|\|null===u\|\|u().then((function(t){var n=t.default;e\|\|s({package:n})})),function(){e=!0}}),[u,o,s]),o}(D\|\|y),K=r.useMemo((function(){return null===Q\|\|null===_\|\|null===X\|\|null===Y?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 Q(M.default({locale:_},l));if("transloadit"===j){var r=H.key,o=H.templateId,s=H.waitForEncoding,u=void 0===s\|\|s,c=F.default(H,it);i.use(X,{params:M.default({auth:{key:r},template_id:o},c),waitForEncoding:u})}else"tus"===j?i.use(X,M.default({endpoint:"/tus",resume:!0,retryDelays:[0,1e3,3e3,5e3]},G)):"xhr"===j&&i.use(X,M.default({endpoint:S.default(U)?U:"/upload"},Z.default(U)?U:null));return"transloadit"===j\|\|null!==W?a.reduce((function(e,t){var n=Y[t]\|\|null;if(null===n)return e;var a=W\|\|{url:X.COMPANION\|\|null,allowedHosts:X.COMPANION_PATTERN\|\|null},l=a.url,r=a.allowedHosts;return i.use(n,{id:t,companionUrl:l,companionAllowedHosts:r})}),i):i}}),[Q,_,X,Y,j,V,H,W,G,U]),J=r.useMemo((function(){return{transport:j,locale:D,sources:V,transloadit:H,companion:W,tus:G,xhr:U,Uppy:Q,uppyTransport:X,uppySources:Y,uppyLocale:_,buildUppy:K}}),[j,D,V,H,W,G,U,Q,X,Y,_,K]);return T.default.createElement(rt.Provider,{value:J},s)};st.propTypes=ot,st.defaultProps={transport:null,locale:null,sources:null,transloadit:null,companion:null,tus:null,xhr:null};var ut={userInteracted:!1},ct=T.default.createContext(ut),dt={children:k.default.node.isRequired},mt=function(e){var t=e.children,n=r.useState(!1),a=O.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 T.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=T.default.createContext(ft),gt=function(){return r.useContext(pt)},yt={children:k.default.node.isRequired,events:k.default.instanceOf(I.default),menuVisible:k.default.bool,menuSize:k.default.number,gotoNextScreen:k.default.func.isRequired,gotoPreviousScreen:k.default.func.isRequired,disableInteraction:k.default.func,enableInteraction:k.default.func},ht=M.default({},ft),vt=function(e){var t=e.children,n=e.events,a=e.menuVisible,l=e.menuSize,i=e.gotoNextScreen,o=e.gotoPreviousScreen,s=e.disableInteraction,u=e.enableInteraction,c=r.useMemo((function(){return{events:n,menuVisible:a,menuSize:l,gotoNextScreen:i,gotoPreviousScreen:o,disableInteraction:s,enableInteraction:u}}),[n,a,l,i,o,s,u]);return T.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=j,t.ComponentsProvider=G,t.ELEMENTS_NAMESPACE=q,t.EditorContext=ie,t.EditorProvider=se,t.FIELDS_NAMESPACE=L,t.FORMS_NAMESPACE=z,t.FieldContext=ue,t.FieldContextProvider=de,t.FieldsContext=U,t.FieldsProvider=Y,t.FontsContext=ye,t.FontsProvider=be,t.GoogleApiClientContext=we,t.GoogleApiClientProvider=Ee,t.GoogleKeysContext=me,t.GoogleKeysProvider=ge,t.GoogleMapsClientContext=Me,t.GoogleMapsClientProvider=Te,t.MODALS_NAMESPACE=R,t.ModalsContext=Ne,t.ModalsProvider=Pe,t.PanelsContext=Oe,t.PanelsProvider=Fe,t.RoutesContext=Ie,t.RoutesProvider=ze,t.SCREENS_NAMESPACE=B,t.ScreenContext=Be,t.ScreenProvider=De,t.ScreenSizeContext=Ve,t.ScreenSizeProvider=We,t.ScreensContext=_,t.ScreensProvider=$,t.StoryContext=ee,t.StoryProvider=le,t.TrackingProvider=Qe,t.UppyContext=rt,t.UppyProvider=st,t.UserInteractionContext=ct,t.UserInteractionProvider=mt,t.ViewerContext=pt,t.ViewerProvider=vt,t.useComponent=H,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 H(e,t,q)},t.useElementsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(q,e)},t.useElementsComponentsManager=function(){return D(q)},t.useFieldComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return H(e,t,L)},t.useFieldContext=function(){return r.useContext(ue)},t.useFieldDefinition=function(e){return Q().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=Q,t.useFonts=ve,t.useFormComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return H(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(we)},t.useGoogleFonts=he,t.useGoogleKeys=fe,t.useGoogleMapsClient=Se,t.useModalComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return H(e,t,R)},t.useModals=function(){return r.useContext(Ne)\|\|{}},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(Oe)\|\|{}},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(S.default(n))t.push.apply(t,[e(n,a)].concat(i));else{var o=n\|\|{},s=o.pathname,u=void 0===s?null:s,c=o.search,d=void 0===c?null:c;t.push.apply(t,[{pathname:e(u,a),search:d}].concat(i))}}),[t,e]);return n},t.useRoutes=function(){return r.useContext(Ie).routes},t.useScreen=qe,t.useScreenComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return H(e,t,B)},t.useScreenData=function(){return(qe()\|\|{}).data},t.useScreenDefinition=function(){var e=h.useIntl(),t=(qe()\|\|{}).definition,n=(t\|\|{}).fields,a=r.useMemo((function(){return[].concat(x.default(n),[g.getScreenExtraField(e)])}),[n]);return M.default(M.default({},t),{},{fields:a})},t.useScreenRenderContext=function(){var e=(qe()\|\|{}).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(qe()\|\|{}).screenState},t.useScreensComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(B,e)},t.useScreensComponentsManager=function(){return D(B)},t.useScreensManager=K,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(b.v1()).concat(null!==n?".".concat(n):"")}:i,s=e.meta,u=void 0===s?null:s,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,A=r.useMemo((function(){return null!==h?h({meta:u,restrictions:{maxNumberOfFiles:d,allowedFileTypes:f},autoProceed:g}):null}),[h,u,d,f,g]);return r.useEffect((function(){if(null===A)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 A.on("complete",e),function(){A.off("complete",e)}}),[A,v,n]),r.useEffect((function(){if(null===A)return function(){};var e=function(e){var t=e.fileIDs;(void 0===t?[]:t).forEach((function(e){var t=A.getFile(e),n=o(t);null!==n&&A.setFileMeta(e,{name:n})}))};return A.on("upload",e),function(){A.off("upload",e)}}),[A]),r.useEffect((function(){return function(){null!==A&&A.close()}}),[A]),A},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 T.default.createElement(we.Consumer,null,(function(n){return T.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 T.default.createElement(Me.Consumer,null,(function(n){return T.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 T.default.createElement(Ne.Consumer,null,(function(n){var a=n.modals,l=n.container,i=n.setContainer,r=n.register,o=n.unregister;return T.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 T.default.createElement(Oe.Consumer,null,(function(n){var a=n.panels,l=n.setContainer,i=n.container,r=n.register,o=n.unregister;return T.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),s=n(2807),u=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),A=n(3244),b=n(631),w=n(4696),C=n(3478);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(l),k=E(r),T=E(o),N=E(c),x=E(m),P=E(f),O=E(p),Z=E(g),F=E(y),I=E(h),R=E(C),L="undefined"!=typeof document?new s.EventsManager(document):null,z=u.createUseEvent(L),B=["fields","injectInFields"],q=["fields"],j=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)?S.default(S.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?S.default(S.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)},s=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:s,unsubscribe:o,observer:r}},H=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D(t);j.has(e)\|\|j.set(e,{});var a=j.get(e);return void 0===a[n]&&(a[n]=V(e,t),j.set(e,a)),a[n]},W=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,s=t.threshold,u=void 0===s?null:s,c=t.disabled,d=void 0!==c&&c,m=a.useState(n),f=O.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!==u&&(l.threshold=u);var r=H(e,l),s=r.subscribe,c=r.unsubscribe;a=c,s(t,n)}return h.current=t,function(){null!==a&&a(t,n)}}),[e,v,d,i,o,u]),{ref:y,entry:p}},G=[0,1],U={target:null,time:null,isVisible:!1,isIntersecting:!1,intersectionRatio:0,intersectionRect:null,boundingClientRect:null,rootBounds:null},Q=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,s=void 0!==o&&o;return W("undefined"!=typeof window?IntersectionObserver:null,{root:n,rootMargin:l,threshold:r,disabled:s},U)},X={target:null,contentRect:null,contentBoxSize:null,borderBoxSize:null},Y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,n=void 0!==t&&t;return W("undefined"!=typeof window?ResizeObserver:null,{disabled:n},X)},_={loading:[],active:[]},K=function(e){return!!function(e){return"touches"in e}(e)&&(e.touches.length<2&&e.preventDefault&&e.preventDefault(),!1)},J=function(e){e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation()},$=[.1,.25,.5,.75,.9],ee=["width","height"],te=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,s=e.menuOverScreen,u=void 0!==s&&s,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;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\|\|A.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:u}}),[d,g,f,n,i,o,u])},ne=function(){return{width:"undefined"!=typeof window?window.innerWidth:null,height:"undefined"!=typeof window?window.innerHæeight:null}},ae=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\|\|{},s=o.screenId,u=void 0===s?null:s,c=o.screenType;return{screenId:null!==i?i:u,screenType:null!==r?r:void 0===c?null:c}},le=function(e){return void 0!==e},ie="undefined"!=typeof window?new s.EventsManager(window):null,re=u.createUseEvent(ie);t.getObserver=H,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=N.default(e,B),o=a.useMemo((function(){return n.length>0?n.map((function(e){return e.name})):[]}),[n]),s=d.useForm(S.default({fields:o},r)),u=s.fields,c=N.default(s,q);return S.default(S.default({},c),{},{fields:i?n.map((function(e){return S.default(S.default({},e),u[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:P.default((e={},x.default(e,t.enterRight,"right"===l),x.default(e,t.enterLeft,"left"===l),x.default(e,t.enterTop,"top"===l),x.default(e,t.enterBottom,"bottom"===l),e))\|\|"none",enterActive:P.default((n={},x.default(n,t.enterActiveHorizontal,"left"===l\|\|"right"===l),x.default(n,t.enterActiveVertical,"top"===l\|\|"bottom"===l),n))\|\|"none",leave:t.leave\|\|"none",leaveActive:P.default((a={},x.default(a,t.leaveActiveRight,"right"===l),x.default(a,t.leaveActiveLeft,"left"===l),x.default(a,t.leaveActiveTop,"top"===l),x.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(),s=T.default();return a.useCallback((function(e){var t=k.default(e)?T.default(e):e;return r&&t.format("YYYY-MM-DD")===s.format("YYYY-MM-DD")?o.formatMessage({id:"v4Qtl9",defaultMessage:[{type:0,value:"Today"}]}):o.formatDate(T.default(e).toDate(),S.default({year:"numeric",month:"long",day:"2-digit"},n))}),[s,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,s=void 0===o?2:o,u=i.useIntl(),c=T.default();return a.useCallback((function(e){var t=k.default(e)?T.default(e):e;return r&&t.format("YYYY-MM-DD")===c.format("YYYY-MM-DD")&&t.hour()===c.hour()&&t.minute()>c.minute()-s&&t.minute()<c.minute()+s?u.formatMessage({id:"3na7F8",defaultMessage:[{type:0,value:"Now"}]}):u.formatTime(t.toDate(),S.default({hour:"numeric",minute:"numeric"},n))}),[c,r,s,n])},t.useFullscreen=function(e){var t=Z.default.isEnabled,n=a.useState(!1),l=O.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]),s=a.useCallback((function(){Z.default.isEnabled&&Z.default.exit()}),[]),u=a.useCallback((function(){i?s():o()}),[i,o,s]);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:u,fullscreen:o,unFullscreen:s,active:i,enabled:t}},t.useIntersectionObserver=Q,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=Q({rootMargin:t,threshold:l}),s=o.ref,u=o.entry.isIntersecting,c=a.useRef(u);u&&!c.current&&(c.current=u);var d=!r&&u\|\|r&&c.current;return{ref:s,visible:d}},t.useLoadedFonts=function(e){var t=a.useState(!1),l=O.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!==_.loading.indexOf(e)}(l)\|\|function(e){return-1!==_.active.indexOf(e)}(l)?e:S.default(S.default({},e),{},x.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 M(n(9311))})).then((function(e){return e.default.load(S.default(S.default({},t),{},{timeout:3e3,active:function(){return r(!0)},fontloading:function(e){return function(e){_.active=_.active.filter((function(t){return t!==e})),_.loading=[].concat(F.default(_.loading),[e])}(e)},fontactive:function(e){return function(e){_.loading=_.loading.filter((function(t){return t!==e})),_.active=[].concat(F.default(_.active),[e])}(e)},fontinactive:function(e){return function(e){_.loading=_.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,s=e.delay,u=void 0===s?350:s,c=a.useState(!1),d=O.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",K,{passive:!1}),g.current.addEventListener("click",J,{passive:!1})),null!==n&&n(e),f(!0),p.current=null}),u)}),[n,u,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&&(K(e),g.current.removeEventListener("touchend",K),setTimeout((function(){g.current.removeEventListener("click",J)}),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,s=e.onProgressStep,u=void 0===s?null:s,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,A=void 0===v?null:v,b=e.onSeeked,w=void 0===b?null:b,C=e.onLoadStart,E=void 0===C?null:C,M=e.onCanPlayThough,S=void 0===M?null:M,k=e.onCanPlay,T=void 0===k?null:k,N=e.onLoadedData,x=void 0===N?null:N,P=e.onLoadedMetadata,Z=void 0===P?null:P,F=a.useRef(null),I=a.useState(i),R=O.default(I,2),L=R[0],z=R[1],B=a.useState(null),q=O.default(B,2),j=q[0],D=q[1],V=a.useState(null),H=O.default(V,2),W=H[0],G=H[1],U=a.useState(!1),Q=O.default(U,2),X=Q[0],Y=Q[1],_=a.useState(!1),K=O.default(_,2),J=K[0],ee=K[1],te=a.useState(!1),ne=O.default(te,2),ae=ne[0],le=ne[1],ie=a.useState(!0),re=O.default(ie,2),oe=re[0],se=re[1],ue=a.useRef({}),ce=!X,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&&(X?e.pause():e.play())}),[X]),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]),Ae=a.useCallback((function(){null!==g&&g({initial:oe}),oe&&se(!1),Y(!0)}),[oe,Y,g]),be=a.useCallback((function(e){var t=e.currentTarget;Y(!1),null!==h&&h({midway:t.currentTime>0&&t.currentTime<t.duration})}),[Y,h]),we=a.useCallback((function(e){e.currentTarget.currentTime=0,null!==A&&A(),se(!0)}),[se,A]),Ce=a.useCallback((function(e){var t=e.currentTarget;D(t.currentTime),null!==o&&o(t.currentTime);var n=t.currentTime/t.duration,a=ue.current;$.filter((function(e){return n>e&&void 0===a[e]})).forEach((function(e){null!==u&&u(e),a[e]=!0}))}),[D,o,u]),Ee=a.useCallback((function(e){var t=e.currentTarget;G(t.duration),null!==d&&d(t.duration)}),[G,d]),Me=a.useCallback((function(e){var t=e.currentTarget;null!==w&&w(t.currentTime)}),[w]),Se=a.useCallback((function(e){var t=e.currentTarget;z(t.muted),null!==f&&f(t.muted,t.volume)}),[z,f]),ke=a.useCallback((function(){null!==E&&E()}),[ee,E]),Te=a.useCallback((function(){ee(!0),null!==S&&S()}),[ee,S]),Ne=a.useCallback((function(){ee(!0),null!==T&&T()}),[ee,T]),xe=a.useCallback((function(){ee(!0),null!==Z&&Z()}),[ee,Z]),Pe=a.useCallback((function(){le(!0),null!==x&&x()}),[le,x]);return a.useEffect((function(){var e=F.current,t=void 0===e?null:e;return null!==t&&(t.addEventListener("timeupdate",Ce),t.addEventListener("durationchange",Ee),t.addEventListener("volumechange",Se),t.addEventListener("play",Ae),t.addEventListener("pause",be),t.addEventListener("ended",we),t.addEventListener("seeked",Me),t.addEventListener("loadstart",ke),t.addEventListener("canplaythrough",Te),t.addEventListener("canplay",Ne),t.addEventListener("loadedmetadata",xe),t.addEventListener("loadeddata",Pe)),null!==t&&t.readyState>1?le(!0):le(!1),null!==t&&t.readyState>3?ee(!0):ee(!1),function(){null!==t&&(t.removeEventListener("timeupdate",Ce),t.removeEventListener("durationchange",Ee),t.removeEventListener("volumechange",Se),t.removeEventListener("play",Ae),t.removeEventListener("pause",be),t.removeEventListener("ended",we),t.removeEventListener("seeked",Me),t.removeEventListener("loadstart",ke),t.removeEventListener("canplaythrough",Te),t.removeEventListener("canplay",Ne),t.removeEventListener("loadedmetadata",xe))}}),[n]),{ref:F,play:de,pause:me,togglePlay:fe,stop:pe,seek:ge,mute:ye,unMute:he,toggleMute:ve,muted:L,currentTime:j,duration:W,playing:X,paused:ce,ready:J,dataReady:ae}},t.useMediasParser=function(){var e=v.useScreensManager(),t=v.useFieldsManager(),n=a.useMemo((function(){return new s.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=W,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,u=void 0===o\|\|o,c=t.withFonts,d=void 0===c\|\|c,m=v.useScreensManager(),f=v.useFieldsManager(),p=a.useMemo((function(){return new s.StoryParser({screensManager:m,fieldsManager:f})}),[m,f]),g=a.useMemo((function(){return l?e:p.parse(e,{withMedias:u,withTheme:r,withFonts:d})}),[p,l,u,r,d,e]);return g},t.useResizeObserver=Y,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=N.default(e,ee),r=Y(),o=r.ref,s=r.entry.contentRect,u=s\|\|{},c=u.width,d=void 0===c?0:c,m=u.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,A=y.screenHeight,b=void 0===A?480:A,w=y.withoutMaxSize,C=void 0!==w&&w,E=y.landscapeMinHeight,M=void 0===E?600:E,k=y.menuAlwaysOverScreen,T=void 0===k\|\|k,x=y.landscapeMinRatio,P=void 0===x?2/3:x,O=y.withoutScale,Z=void 0!==O&&O,F=v/b,I=p/g,R=g>0&&I>(P\|\|F),L=R&&!C,z=p,B=g,q=!R;L&&(g<M\|\|T?q=!0:B=g-100,z=Math.round(BF)),z%2==1&&(z-=1),B%2==1&&(B-=1);var j=z/v,D=te(S.default({width:Z?z:v,height:Z?B:B/j,landscape:R,menuOverScreen:q},i));return{ref:o,screenSize:D,scale:Z?null:j}},t.useScreenSizeFromWindow=function(e){var t=a.useState(ne()),n=O.default(t,2),l=n[0],i=n[1];return a.useEffect((function(){var e=function(){return i(ne())};return"undefined"!=typeof window&&window.addEventListener("resize",e),function(){"undefined"!=typeof window&&window.removeEventListener("resize",e)}}),[i]),te(S.default(S.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,s=e.swipeWidthThreshold,u=void 0===s?3:s,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,A=void 0===v?null:v,C=e.onSwipeCancel,E=void 0===C?null:C,M=e.onTap,k=void 0===M?null:M,T=a.useRef(null),N=a.useRef(0),x=a.useRef(null),P=null!==n,Z="undefined"==typeof window\|\|P?null:window.innerWidth,F=P?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-N.current)F+(n?l:0),i=d&&!f&&n?1-Math.abs(l)/F/2:1;return L(a,t,i)}))}),[f,i,N,F,d]),B=b.useSprings(i.length,(function(e){return{x:f?0:eF,y:0,zIndex:e,config:S.default({},o?null:{duration:1})}})),q=O.default(B,2),j=q[0],D=q[1],V=w.useDrag((function(e){var t=e.down,n=O.default(e.movement,2),a=n[0],l=n[1],i=O.default(e.direction,1)[0],r=e.cancel,o=e.tap;if(f)r();else{t\|\|T.current!==N.current\|\|(x.current=null,null!==E&&E(N.current));var s=g&&"x"!==x.current?0:a,c=g&&"y"!==x.current?0:l;if(t&&Math.abs(s)>F/u)return N.current=R.default(N.current+(i>0?-1:1),0,I-1),x.current=null,r(),void(null!==A&&A(N.current));if(D(z({down:t,mx:s,my:c})),T.current!==N.current&&(t&&!o&&null!==h&&h(N.current),!t&&o&&null!==k&&k()),g&&t&&null===x.current){var d=Math.abs(a),m=Math.abs(l);d!==m&&(m>2\|\|d>2)&&(x.current=m>d?"y":"x")}T.current=t&&!o?N.current:null}}),{filterTaps:!0}),H=a.useCallback((function(){D(z())}),[f,i,N,F]),W=a.useCallback((function(e){N.current=e,H()}),[H]);return a.useEffect((function(){D(z())}),[i,n,D,f]),{items:j,bind:V,index:N.current,setIndex:W}},t.useThemeParser=function(){var e=v.useScreensManager(),t=a.useMemo((function(){return new s.ThemeParser({screensManager:e})}),[e]);return a.useCallback((function(e){return t.parse(e)}),[t])},t.useTrackEvent=function(){var e=v.useTracking();return le(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 le(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(!le(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,S.default(S.default({},i),ae(n,i)))}),[n])},t.useTrackScreenMedia=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=v.useTracking();if(!le(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,S.default(S.default({},i),ae(n,i)))}),[n])},t.useTrackScreenView=function(){var e=v.useTracking();return le(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=re},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),s=n(85),u=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),A=n(2220),b=n(1068);n(5558);var w=n(1132),C=n(8921),E=n(866),M=n(5787);function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var k=S(a),T=S(l),N=S(r),x=S(o),P=S(s),O=S(u),Z=S(c),F=S(d),I=S(m),R=S(f),L=S(p),z=S(g),B=S(y),q=S(h),j=S(A),D=S(b),V=S(w),H=S(C),W=S(E),G=T.default.shape({listen:T.default.func.isRequired,push:T.default.func.isRequired}),U=T.default.shape({pathname:T.default.string,search:T.default.string}),Q=T.default.shape({locale:T.default.string.isRequired,formatMessage:T.default.func.isRequired}),X=T.default.shape({type:T.default.number,value:T.default.string}),Y=T.default.oneOfType([T.default.string,T.default.arrayOf(X)]),_=T.default.shape({id:T.default.string,defaultMessage:Y.isRequired,description:T.default.string}),K=T.default.oneOfType([_,T.default.string]),J=T.default.oneOfType([_,T.default.node]),$=T.default.oneOf([401,403,404,500]),ee=T.default.oneOfType([T.default.shape({current:T.default.any}),T.default.func]),te=T.default.oneOf(["_blank","_self","_parent"]),ne=T.default.oneOf(["tap","swipe"]),ae=T.default.arrayOf(ne),le=T.default.objectOf(T.default.oneOfType([T.default.string,T.default.number,T.default.array])),ie=T.default.shape({currentTime:T.default.number,duration:T.default.number}),re=T.default.shape({id:T.default.number,firstname:T.default.string,lastname:T.default.string,email:T.default.string,gender:T.default.string,birthdate:T.default.string}),oe=T.default.shape({id:T.default.oneOfType([T.default.number,T.default.string]),label:J,url:T.default.string,external:T.default.bool,active:T.default.bool}),se=T.default.arrayOf(oe),ue=T.default.shape({label:J,url:T.default.string}),ce=T.default.arrayOf(ue),de=T.default.shape({id:T.default.string.isRequired}),me=T.default.arrayOf(de),fe=T.default.shape({id:T.default.string.isRequired}),pe=T.default.arrayOf(fe),ge=T.default.shape({id:T.default.string.isRequired}),ye=T.default.arrayOf(ge),he=T.default.shape({label:J,onClick:T.default.func}),ve=T.default.arrayOf(he),Ae=["primary","secondary","success","danger","warning","info","light","dark"],be=T.default.oneOf(Ae),we=T.default.oneOf([].concat(Ae,["outline-primary","outline-secondary","outline-success","outline-danger","outline-warning","outline-info","outline-light","outline-dark","outline-link",null])),Ce=T.default.oneOf(["lg","sm",null]),Ee=T.default.oneOf(["lg","sm",null]),Me=T.default.oneOf(["start","end"]),Se=T.default.oneOfType([T.default.object,T.default.func]),ke=T.default.objectOf(Se),Te=T.default.oneOfType([T.default.string,T.default.arrayOf(T.default.string)]),Ne=T.default.objectOf(Te),xe=T.default.oneOfType([T.default.string,T.default.shape({value:T.default.any,label:J})]),Pe=T.default.arrayOf(xe),Oe=T.default.shape({name:T.default.string,component:Se}),Ze=T.default.arrayOf(Oe),Fe={filename:T.default.string,size:T.default.number,mime:T.default.string},Ie=T.default.shape({id:T.default.string,handle:T.default.string,type:T.default.string,mime:T.default.string,url:T.default.string}),Re={id:T.default.string,type:T.default.string.isRequired,url:T.default.string,thumbnail_url:T.default.string,name:T.default.string,metadata:T.default.shape(k.default({},Fe)),files:T.default.objectOf(Ie)},Le=T.default.shape(Re),ze=T.default.arrayOf(Le),Be=T.default.oneOf(["image","video","audio","closed-captions","font"]),qe=T.default.shape(k.default(k.default({},Re),{},{type:T.default.oneOf(["image","video"]),metadata:T.default.shape(k.default(k.default({},Fe),{},{width:T.default.number,height:T.default.number}))})),je=T.default.arrayOf(qe),De=T.default.shape(k.default(k.default({},Re),{},{type:T.default.oneOf(["font"]),metadata:T.default.shape(k.default({},Fe))})),Ve=T.default.arrayOf(De),He=T.default.shape(k.default(k.default({},Re),{},{type:T.default.oneOf(["video"]),metadata:T.default.shape(k.default(k.default({},Fe),{},{width:T.default.number,height:T.default.number,duration:T.default.number}))})),We=T.default.arrayOf(He),Ge=T.default.shape(k.default(k.default({},Re),{},{type:T.default.oneOf(["audio"]),metadata:T.default.shape(k.default(k.default({},Fe),{},{duration:T.default.number}))})),Ue=T.default.arrayOf(Ge),Qe=T.default.shape(k.default(k.default({},Re),{},{type:T.default.oneOf(["closed-captions"])})),Xe=T.default.oneOfType([T.default.string,T.default.shape({type:T.default.oneOf(["system","google","custom"]),name:T.default.string,media:De})]),Ye=T.default.arrayOf(Xe),_e=T.default.oneOf(["left","right","center"]),Ke=T.default.shape({color:T.default.string,alpha:T.default.number}),Je=T.default.shape({fontFamily:Xe,fontSize:T.default.number,fontStyle:T.default.shape({bold:T.default.bool,italic:T.default.bool,underline:T.default.bool,upperCase:T.default.bool}),align:_e,color:Ke,letterSpacing:T.default.number,lineHeight:T.default.number}),$e=T.default.oneOf(["dotted","dashed","solid","double","groove","ridge","inset","outset","hidden"]),et=T.default.shape({width:T.default.number,style:$e,radius:T.default.number,color:Ke}),tt=T.default.shape({backgroundColor:Ke,borderRadius:T.default.number,borderWidth:T.default.number,borderColor:Ke,borderStyle:$e}),nt=T.default.shape({top:T.default.number,bottom:T.default.number}),at=T.default.arrayOf(T.default.shape({rows:T.default.oneOfType([T.default.number,T.default.arrayOf(T.default.number)]),columns:T.default.oneOfType([T.default.number,T.default.arrayOf(T.default.number)])})),lt=T.default.oneOf(["cover","contain",null]),it=T.default.shape({fit:lt,horizontalPosition:T.default.oneOf(["left","center","right"]),verticalPosition:T.default.oneOf(["top","center","bottom"])}),rt=T.default.shape({body:T.default.string,textStyle:Je}),ot=rt,st=T.default.shape({label:T.default.string,textStyle:Je}),ut=T.default.shape({media:qe}),ct=T.default.arrayOf(ut),dt=T.default.shape({media:He,autoPlay:T.default.bool,loop:T.default.bool,closedCaptions:Qe,withSeekBar:T.default.bool,withPlayPause:T.default.bool}),mt=T.default.shape({media:Ge,autoPlay:T.default.bool,loop:T.default.bool,closedCaptions:Qe,withPlayPause:T.default.bool}),ft=T.default.shape({media:Qe}),pt=T.default.shape({color:Ke,image:qe,video:He}),gt=T.default.shape({image:qe,caption:rt}),yt=T.default.arrayOf(gt),ht=T.default.oneOf(["horizontal","vertical"]),vt=T.default.oneOf(["start","center","end"]),At=T.default.oneOfType([T.default.number,T.default.oneOf(["between","evenly","around"])]),bt=T.default.shape({direction:ht,align:vt,width:T.default.number,height:T.default.number,spacing:At,reverse:T.default.bool}),wt=T.default.shape({layout:T.default.arrayOf(T.default.string),spacing:T.default.number}),Ct=T.default.shape({lat:T.default.number,lng:T.default.number}),Et={id:T.default.number,geoPosition:Ct,title:ot,subtitle:ot,description:rt},Mt=T.default.shape(k.default({},Et)),St=T.default.arrayOf(Mt),kt=T.default.shape(k.default(k.default({},Et),{},{image:qe})),Tt=T.default.arrayOf(kt),Nt={id:T.default.string,label:rt},xt=T.default.shape(k.default({},Nt)),Pt=T.default.shape(k.default(k.default({},Nt),{},{good:T.default.bool})),Ot=T.default.arrayOf(xt),Zt=T.default.arrayOf(Pt),Ft=T.default.oneOf(["swipe-up","button"]),It=T.default.shape({active:T.default.bool,type:Ft,url:T.default.string,label:rt,buttonStyle:tt}),Rt=T.default.shape({id:T.default.string,name:T.default.string,avatar:qe,side:T.default.oneOf(["left","right"]),color:Ke}),Lt=T.default.arrayOf(Rt),zt=T.default.shape({speaker:T.default.string,message:T.default.string,image:qe}),Bt=T.default.arrayOf(zt),qt=T.default.shape({speakers:Lt,textStyle:Je,messages:Bt}),jt={name:T.default.string,type:T.default.string.isRequired,label:K},Dt=T.default.shape(k.default(k.default({},jt),{},{isSection:T.default.bool,fields:T.default.arrayOf(T.default.shape(jt))})),Vt=T.default.arrayOf(Dt),Ht=T.default.shape({id:T.default.string.isRequired,type:T.default.oneOf(["screen"]).isRequired,title:K.isRequired,layouts:T.default.arrayOf(T.default.string),fields:Vt}),Wt=T.default.arrayOf(Ht),Gt=T.default.shape({id:T.default.string.isRequired,type:T.default.oneOf(["field"]).isRequired,title:K.isRequired,fields:Vt}),Ut=T.default.arrayOf(Gt),Qt={type:T.default.string.isRequired},Xt=T.default.shape(k.default({},Qt)),Yt=T.default.arrayOf(Xt),_t=T.default.shape(k.default({},Qt)),Kt=T.default.arrayOf(_t),Jt=_t,$t=T.default.shape({id:T.default.string,textStyles:T.default.objectOf(Je),background:pt,colors:T.default.objectOf(Ke),components:Kt}),en=T.default.shape(k.default({logo:qe},$t)),tn=T.default.shape({description:T.default.string,shareUrl:T.default.string,shareImage:qe,favIcon:qe}),nn=T.default.shape({id:T.default.string,theme:$t,components:Kt,metadata:tn}),an=T.default.shape({name:T.default.string.isRequired,mediaQuery:T.default.string}),ln=T.default.arrayOf(an),rn=T.default.shape({screen:T.default.string,screens:T.default.arrayOf(T.default.string),width:T.default.number,height:T.default.number,landscape:T.default.bool}),on=T.default.oneOf(["view","placeholder","edit","preview","static","capture"]),sn=T.default.shape({width:T.default.number,height:T.default.number}),un=T.default.shape({width:T.default.number,height:T.default.number,url:T.default.string,target:te,iframe:T.default.string,image:qe}),cn=T.default.shape({src:T.default.string,track:T.default.string,trackLng:T.default.number,controls:T.default.bool}),dn=T.default.shape({image:qe,text:T.default.string}),mn=T.default.arrayOf(dn),fn=T.default.shape({}),pn=T.default.oneOf(["fade","scale","slide"]),gn={duration:T.default.number,easing:T.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"])},yn=T.default.oneOfType([pn.isRequired,T.default.shape(k.default({name:pn.isRequired},gn))]),hn=T.default.shape({in:yn,out:yn}),vn=T.default.shape({type:T.default.string,value:T.default.oneOf([T.default.string,T.default.number])}),An=T.default.arrayOf(vn),bn=T.default.shape({id:T.default.oneOfType([T.default.string,T.default.number]),date:T.default.string,type:T.default.string,invoice_link:T.default.string,amount:T.default.oneOfType([T.default.string,T.default.number])}),wn=T.default.arrayOf(bn),Cn=T.default.shape({canonical:T.default.string,description:T.default.string,keywords:T.default.oneOfType([T.default.string,T.default.array]),image:T.default.shape({url:T.default.string}),favicon:T.default.shape({url:T.default.string}),rssUrl:T.default.string,atomUrl:T.default.string,microformats:T.default.arrayOf(T.default.shape({}))}),En=T.default.shape({name:T.default.string,avatar:T.default.shape({url:T.default.string})}),Mn=Object.freeze({__proto__:null,history:G,location:U,intl:Q,defaultMessageContent:X,defaultMessage:Y,message:_,text:K,label:J,statusCode:$,ref:ee,target:te,interaction:ne,interactions:ae,trackingVariables:le,progress:ie,user:re,menuItem:oe,menuItems:se,breadcrumb:ue,breadcrumbs:ce,device:de,devices:me,modal:fe,modals:pe,panel:ge,panels:ye,button:he,buttons:ve,bootstrapThemes:be,buttonTheme:we,buttonSize:Ce,formControlSize:Ee,dropdownAlign:Me,componentNames:function(e){return T.default.oneOf(Object.keys(e).map((function(e){return i.snakeCase(e)})))},component:Se,components:ke,errors:Te,formErrors:Ne,selectOption:xe,selectOptions:Pe,formField:Oe,formFields:Ze,mediaFile:Ie,media:Le,medias:ze,mediaTypes:Be,imageMedia:qe,imageMedias:je,fontMedia:De,fontMedias:Ve,videoMedia:He,videoMedias:We,audioMedia:Ge,audioMedias:Ue,closedCaptionsMedia:Qe,font:Xe,fonts:Ye,textAlign:_e,color:Ke,textStyle:Je,borderTypes:$e,borderStyle:et,boxStyle:tt,margin:nt,gridLayout:at,objectFitSize:lt,objectFit:it,textElement:rt,headingElement:ot,inputElement:st,imageElement:ut,imageElements:ct,videoElement:dt,audioElement:mt,closedCaptionsElement:ft,backgroundElement:pt,imageElementWithCaption:gt,imageElementsWithCaption:yt,stackDirection:ht,stackAlign:vt,stackSpacing:At,stackElement:bt,gridElement:wt,geoPosition:Ct,marker:Mt,markers:St,markerWithImage:kt,markersWithImage:Tt,answerShape:Nt,answer:xt,quizAnswer:Pt,answers:Ot,quizAnswers:Zt,callToActionTypes:Ft,callToAction:It,speaker:Rt,speakers:Lt,conversationMessage:zt,conversationMessages:Bt,conversation:qt,field:Dt,fields:Vt,screenDefinition:Ht,screenDefinitions:Wt,fieldDefinition:Gt,fieldDefinitions:Ut,storyComponent:Xt,storyComponents:Yt,screenComponent:_t,screenComponents:Kt,screen:Jt,theme:$t,viewerTheme:en,metadata:tn,story:nn,deviceScreen:an,deviceScreens:ln,screenSize:rn,renderContext:on,adFormats:sn,adFormat:un,audioComponent:cn,slide:dn,slides:mn,containerStyle:fn,transitionName:pn,transition:yn,transitions:hn,searchFilter:vn,searchFilters:An,paymentItem:bn,paymentItems:wn,pageMetadata:Cn,authorElement:En}),Sn=function(e){return R.default(e,["color","alpha"])},kn=function(e){return I.default(e,(function(e,t){return e.alpha===t.alpha&&e.color===t.color}))},Tn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;P.default(this,e),this.fieldsManager=n,this.screensManager=a}return O.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,s=void 0===o?[]:o,u=n.getColorFieldPatterns(s),c=e.getColorsFromPath(a,u).colors;return{colors:[].concat(x.default(i),x.default(c))}}),{colors:[]}),s=o.colors;if(null!==i){var u=this.parse(i);return null!==s\|\|null!==u?kn([].concat(x.default(Sn(u\|\|[])),x.default(Sn(s\|\|[])))):[]}return null!==s?Sn(kn(s\|\|[])):[]}},{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,s=void 0===o?null:o,u=[a,r].filter((function(e){return null!==e})).join("\\."),c=k.default(k.default({},null!==s?n.fieldsManager.getDefinition(s):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(x.default(t),x.default(e.fieldIsColor(c)?[new RegExp("^".concat(u,"$"))]:[]),x.default(n.getColorFieldPatterns(m,u)),x.default(n.getColorFieldPatterns(y,u)),x.default(null!==p?n.getColorFieldPatterns([p],"".concat(u,"\\.[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=Z.default(t),r=i?x.default(t.keys()):Object.keys(t);return r.reduce((function(r,o){var s=r.data,u=r.colors,c=void 0===u?null:u,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&&F.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(F.default(f)\|\|Z.default(f)){var v=e.getColorsFromPath(f,n,a,d);g=v.data,y=v.colors}else g=f;return{data:i?[].concat(x.default(s\|\|[]),[g]):k.default(k.default({},s),{},N.default({},o,g)),colors:null!==p?[].concat(x.default(c\|\|[]),x.default(y\|\|[]),[p]):[].concat(x.default(c\|\|[]),x.default(y\|\|[]))}}),{data:0===r.length?t:null,colors:a})}}]),e}(),Nn=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},xn=function(e){L.default(n,e);var t=z.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return P.default(this,n),(e=t.call(this)).components=a,e}return O.default(n,[{key:"addComponent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return this.addComponents(N.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 k.default(k.default({},n),{},N.default({},"".concat(t,".").concat(a),e[a]))}),{}):e;return this.components=k.default(k.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 k.default(k.default({},n),{},N.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 Nn(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?k.default(k.default({},n),{},N.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}(B.default),Pn=function(e){L.default(n,e);var t=z.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return P.default(this,n),(e=t.call(this)).definitions=a\|\|[],e}return O.default(n,[{key:"addDefinition",value:function(e){return this.addDefinitions(Z.default(e)?e:[e]),this}},{key:"addDefinitions",value:function(e){return this.definitions=V.default([].concat(x.default(e),x.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?k.default(k.default({},e),{},N.default({},n,l)):e}),{})}}]),n}(B.default),On=function(e){L.default(n,e);var t=z.default(n);function n(e){var a;return P.default(this,n),(a=t.call(this)).element=e,a.events={},a.listeners={},a}return O.default(n,[{key:"subscribe",value:function(e,t){this.on(e,t),this.events=k.default(k.default({},this.events),{},N.default({},e,[].concat(x.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 k.default(k.default({},a),{},N.default({},l,n.events[l]));var i=n.events[l].filter((function(e){return e!==t}));return i.length>0?k.default(k.default({},a),{},N.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}(B.default),Zn=function(e){L.default(n,e);var t=z.default(n);function n(){return P.default(this,n),t.apply(this,arguments)}return O.default(n,[{key:"filter",value:function(e){return new n(this.definitions.filter(e))}}]),n}(Pn),Fn=["medias"],In=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;P.default(this,e),this.fieldsManager=n,this.screensManager=a,this.fieldsPatternCache={}}return O.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),s=e.replaceMediasWithPaths(a,o),u=s.data,c=s.medias;return{components:[].concat(x.default(l),[u]),medias:k.default(k.default({},i),c)}}),{components:[],medias:null}),s=o.components,u=o.medias;if(null!==i){var c=this.toPath(i),d=c.medias,m=j.default(c,Fn);return null!==u\|\|null!==d?k.default(k.default({},t),{},{theme:m,components:s,medias:k.default(k.default({},d),u)}):t}return null!==u?k.default(k.default({},t),{},{components:s,medias:u}):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,s=a.medias,u=void 0===s?n:s;if(null===u&&null===i)return t;var c=e.getMediaPatternsFromData(o),d=null!==u&&c.length>0?e.replacePathsWithMedias(o,u,c):o;if(null!==i){var m=this.fromPath(i,u);return m!==i\|\|d!==o?k.default(k.default({},t),{},{theme:m,components:d}):t}return d!==o?k.default(k.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,s=void 0===o?null:o,u=[a,r].filter((function(e){return null!==e})).join("\\."),c=k.default(k.default({},null!==s?n.fieldsManager.getDefinition(s):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(x.default(t),x.default(e.fieldIsMedia(c)?[new RegExp("^".concat(u,"$"))]:[]),x.default(e.fieldIsFontFamily(c)?[new RegExp("^".concat(u,"\\.media$"))]:[]),x.default(n.getMediaFieldsPattern(m,u)),x.default(n.getMediaFieldsPattern(y,u)),x.default(null!==p?n.getMediaFieldsPattern([p],"".concat(u,"\\.[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=Z.default(t);return e.keys(t).reduce((function(r,o){var s,u=[l,o].filter((function(e){return null!==e})).join("."),c=a.reduce((function(e,t){return e\|\|t.test(u)}),!1),d=t[o];return s=c?F.default(d)?d:n[d]\|\|null:F.default(d)\|\|Z.default(d)?e.replacePathsWithMedias(d,n,a,u):d,i?[].concat(x.default(r),[s]):k.default(k.default({},r),{},N.default({},o,s))}),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=Z.default(t),r=e.keys(t);return r.reduce((function(r,o){var s,u=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&&F.default(f)){var y=e.getMediaPath(f);s=null!==y?y:f,p=null!==y?f:null}else if(F.default(f)\|\|Z.default(f)){var h=e.replaceMediasWithPaths(f,n,a,d);s=h.data,g=h.medias}else s=f;return{data:i?[].concat(x.default(u\|\|[]),[s]):k.default(k.default({},u),{},N.default({},o,s)),medias:null!==p?k.default(k.default(k.default({},c),g),{},N.default({},s,p)):k.default(k.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 q.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"!==H.default(t[a])\|\|!t[a])return k.default(k.default({},n),{},N.default({},a,t[a]));var l=e.dot(t[a]);return k.default(k.default({},n),e.keys(l).reduce((function(e,t){return k.default(k.default({},e),{},N.default({},"".concat(a,".").concat(t),l[t]))}),{}))}),{})}},{key:"keys",value:function(e){return Z.default(e)?x.default(e.keys()):Object.keys(e)}}]),e}(),Rn=function(e){L.default(n,e);var t=z.default(n);function n(){return P.default(this,n),t.apply(this,arguments)}return O.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}(Pn),Ln=function(){function e(t){var n=t.screensManager;P.default(this,e),this.screensManager=n,this.definitionCache={}}return O.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,s=void 0===o?[]:o,u=l.background,c=void 0===u?null:u,d=l.colors,m=void 0===d?{}:d,f=l.textStyles,p=void 0===f?null:f,g=r.reduce((function(e,n,a){var l=n.type,i=t.getDefinitionByScreen(l,s),r=i.definition,o=i.themeScreen,u=t.parseScreen(r,n,o,c,m,p);return u!==n\|\|null!==o?[].concat(x.default(e.slice(0,a)),[k.default(k.default({},o),u)],x.default(e.slice(a+1))):e}),r);return g!==r?k.default(k.default({},e),{},{components:g}):e}},{key:"parseScreen",value:function(e,t,n,a,l,i){var r=this,o=e.fields,s=void 0===o?[]:o,u=null===n&&null!==a?{}:n;null!==a&&void 0!==u.background?u.background=k.default(k.default({},a),u.background):null!==a&&(u.background=a);var c=Object.keys(t).reduce((function(e,n){var a=s.find((function(e){return e.name===n}))\|\|{},o=t[n],c=null!==u&&u[n]\|\|null,d=r.parseField(n,a,o,c,l,i);return d!==o?k.default(k.default({},e),{},N.default({},n,d)):e}),t);return null!==u?k.default(k.default({},u),c):c}},{key:"parseField",value:function(e,t,n,a,l,i){var r=t.theme,o=void 0===r?{}:r;if(Z.default(n)){var s=n.map((function(e){return null!==e?Object.keys(e).reduce((function(t,n){var a=o[n]\|\|{},r=a.textStyle,s=void 0===r?null:r,u=a.color,c=void 0===u?null:u;if(!F.default(e[n]))return t;var d=null!==c?{color:null!==c&&null!==l&&l[c]\|\|null}:null,m=null!==s?{textStyle:k.default(k.default({},null!==s&&null!==i&&i[s]\|\|null),e[n].textStyle\|\|null)}:null;return null===d&&null===m?t:k.default(k.default({},t),{},N.default({},n,k.default(k.default(k.default({},d),e[n]),m)))}),e):e}));return s}if(F.default(n)&&!Z.default(n)){var u=o\|\|{},c=u.textStyle,d=void 0===c?null:c,m=u.color,f=void 0===m?null:m,p=null!==f&&null!==l&&l[f]\|\|null,g=null!==p?{color:p}:null,y=null!==d&&null!==i&&i[d]\|\|null,h=null!==a&&a.textStyle\|\|null,v=null!==y\|\|null!==h?{textStyle:k.default(k.default(k.default({},y),h),n.textStyle\|\|null)}:null;return null!==g\|\|null!==a\|\|null!==v?k.default(k.default(k.default(k.default({},g),a),n),v):n}return n}}]),e}(),zn=["fonts"],Bn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;P.default(this,e),this.fieldsManager=n,this.screensManager=a,this.fieldsPatternCache={}}return O.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,s=W.default(o.reduce((function(t,a){var l=a.type,i=n.getFieldsPatternByScreen(l),r=e.extractFontsWithPaths(a,i);return r.length>0?[].concat(x.default(t),x.default(r)):t}),[]),"name");if(null!==i){var u=this.parse(i),c=u.fonts,d=void 0===c?[]:c,m=j.default(u,zn);return s.length>0\|\|d.length>0?k.default(k.default({},t),{},{theme:m,fonts:W.default([].concat(x.default(d),x.default(s)),"name")}):t}return s.length>0?k.default(k.default({},t),{},{fonts:s}):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,s=void 0===o?null:o,u=[a,r].filter((function(e){return null!==e})).join("\\."),c=k.default(k.default({},null!==s?n.fieldsManager.getDefinition(s):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(x.default(t),x.default(e.fieldIsFontFamily(c)?[new RegExp("^".concat(u,"$"))]:[]),x.default(n.getFieldsPattern(m,u)),x.default(n.getFieldsPattern(y,u)),x.default(null!==p?n.getFieldsPattern([p],"".concat(u,"\\.[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=Z.default(t),i=l?x.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),s=t[i],u=null,c=null;return o&&F.default(s)&&e.valueIsFont(s)?u=s:(F.default(s)\|\|Z.default(s))&&(c=e.extractFontsWithPaths(s,n,r)),null!==c\|\|null!==u?[].concat(x.default(l),x.default(c\|\|[]),x.default(null!==u?[u]:[])):l}),[])}}]),e}(),qn=function(){function e(t){var n=t.screensManager,a=t.fieldsManager;P.default(this,e),this.themeParser=new Ln({screensManager:n}),this.mediasParser=new In({screensManager:n,fieldsManager:a}),this.fontsParser=new Bn({screensManager:n,fieldsManager:a})}return O.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,s=void 0===o\|\|o;if(null===e)return e;var u=[[r,function(e){return t.mediasParser.fromPath(e)}],[l,function(e){return t.themeParser.parse(e)}],[s,function(e){return t.fontsParser.parse(e)}]];return u.reduce((function(e,t){var n=D.default(t,2),a=n[0],l=n[1];return a?l(e):e}),e)}}]),e}(),jn=["value"],Dn=["value","currentTime"],Vn=function(e){L.default(n,e);var t=z.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};P.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 O.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,s=void 0===o?null:o,u=l.metadata,c=((void 0===u?{}:u)\|\|{}).title;-1!==this.screensViewed.indexOf(r\|\|t)&&(this.screensViewed=[].concat(x.default(this.screensViewed),[r\|\|t]));var d={event:"screenView",screenId:r,screenType:s,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=j.default(a,jn),o=k.default(k.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,s=j.default(a,Dn),u=t\|\|{},c=u.id,d=void 0===c?null:c,m=u.name,f=void 0===m?null:m,p=u.duration,g=void 0===p?null:p,y=u.currentTime,h=void 0===y?o:y,v=u.metadata,A=void 0===v?{}:v,b=A\|\|{},w=b.duration,C=void 0===w?g:w,E=f,M=k.default(k.default({},s),{},{event:"eventInteraction",eventCategory:e,eventAction:n,eventLabel:E,eventValue:i,mediaId:d,mediaCurrentTime:null!==h?Math.round(h):null,mediaProgress:null!==h&&null!==C&&C>0?Math.round(h/C100):null});this.push(M)}}]),n}(M.Tracking);t.ColorsParser=Tn,t.ComponentsManager=xn,t.DefinitionsManager=Pn,t.EventsManager=On,t.FieldsManager=Zn,t.FontsParser=Bn,t.MediasParser=In,t.PropTypes=Mn,t.ScreensManager=Rn,t.StoryParser=qn,t.ThemeParser=Ln,t.Tracking=Vn},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),s=n(4265),u=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),A=h(i),b=h(o),w=h(s),C=h(c),E=h(d),M=h(m),S=h(f),k=h(p),T=h(g),N=h(y),x=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=b.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?w.default(l).setAlpha(null!==t?t:r).toRgbString():l},P=[{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)"}],O=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=A.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=x(e,n);return null!==a?k.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 E.default(E.default(E.default({},null!==n?{borderWidth:n}:null),null!==l?{borderStyle:l}:null),R(r,"borderColor"))};Object.defineProperty(t,"pascalCase",{enumerable:!0,get:function(){return u.pascalCase}}),Object.defineProperty(t,"snakeCase",{enumerable:!0,get:function(){return u.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;A.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=x,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=u.pascalCase(e);return t[a]\|\|t[e]\|\|n},t.getContrastingColor=function(e){var t=(e\|\|{}).color,n=void 0===t?"white":t;return w.default.equals(n,w.default("white"))?"lightblue":w.default.equals(n,w.default("black"))?"white":w.default(n).spin(30).toString()},t.getDeviceScreens=function(){return P},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=O,t.getFieldFromPath=function(e,t,n){return(M.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,s=t.field,u=void 0===s?null:s,c=t.itemsField,d=void 0===c?null:c,m=null!==u&&u.type\|\|i,f=null!==m?n.getDefinition(m):t,p=f.fields,g=void 0===p?null:p,y=f.settings,h=void 0===y?null:y,v=f.itemsField,A=d\|\|(void 0===v?null:v);return null!==A&&a.match(/^[0-9]+$/)?E.default(E.default({},A),{},{name:e.join("/"),listItems:!0}):O([].concat(C.default(o\|\|[]),C.default(g\|\|[]),C.default(h\|\|[])),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(!M.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?[]:(M.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,s=S.default(t,I);return[].concat(C.default(e),null!==a&&null!==i?[E.default({media:a},s),E.default({media:i},s)]:[E.default({media:o\|\|a\|\|i},s)])}),[])},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=T.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&&M.default(e)?e:Object.keys(e\|\|{}).reduce((function(t,n){return[].concat(C.default(t),[E.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]:800,l=e\|\|{},i=l.sizes,r=void 0===i?null:i,o=l.url,s=void 0===o?null:o,u=l.metadata,c=(u=void 0===u?{}:u).width,d=u.height;if(null===r\|\|null===t&&null===n)return s;var m=E.default({original:{url:s,width:c,height:d}},r),f=Object.keys(m).reduce((function(e,l){var i=e.diff,r=e.isLarger,o=e.size,s=m[l],u=s.url,c=s.width,d=void 0===c?null:c,f=s.height,p=void 0===f?null:f,g=null!==d&&null!==t?d-t:null,y=null!==p&&null!==n?p-n:null,h=(null===g\|\|g>=0)&&(null===y\|\|y>=0),v=[g,y].reduce((function(e,t){return null!==t?(e\|\|0)+Math.abs(t):e}),null);null===v&&(v=1/0);var A=(d\|\|0)+(p\|\|0)>o;return v<i&&h\|\|v<i&&(!r&&A\|\|i>a)\|\|v<=a&&!r&&h\|\|v<=a&&!r&&!h&&A?{key:l,url:u,diff:v,isLarger:h}:e}),{key:null,url:s,diff:1/0,isLarger:!1,size:0}),p=f.url;return p},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(".")),3600parseFloat(t[0],10)+60parseFloat(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=e.borderWidth,o=void 0===r?null:r,s=e.borderStyle,u=void 0===s?null:s,c=e.borderColor,d={width:o,style:u,color:void 0===c?null:c};return E.default(E.default(E.default(E.default({},R(n,"backgroundColor")),null!==l?{borderRadius:l}:null),L(d)),{},{padding:i})},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,s=void 0===o?null:o;return E.default(E.default(E.default({},r?{width:"".concat(r,"%")}:null),s?{height:"".concat(s,"%")}: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?x(l):null,r=null!==i?"0.05em 0px 0px ".concat(i,", -0.05em 0px 0px ").concat(i):null;return null!==l\|\|null!==n?E.default(E.default(E.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,s=void 0===o?{}:o,u=s.axisAlign,c=void 0===u?null:u,d=s.crossAlign,m=void 0===d?null:d;return E.default(E.default(E.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,s=a.underline,u=void 0!==s&&s;return E.default(E.default(E.default(E.default({},null!==n?R(n,"color"):null),i?{fontStyle:"italic"}:null),o?{fontWeight:"bold"}:null),u?{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 E.default(E.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,s=void 0===o?null:o,u=e.letterSpacing,c=void 0===u?null:u,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,A=void 0!==v&&v,b=g.underline,w=void 0!==b&&b,C=g.transform,M=g.outline,S=void 0!==M&&M;return E.default(E.default(E.default(E.default(E.default(E.default(E.default(E.default(E.default(E.default({fontFamily:Z(n)},null!==l?{fontSize:l}:null),h?{fontStyle:"italic"}:null),A?{fontWeight:"bold"}:null),w?{textDecoration:"underline"}:null),null!==C?{textTransform:C}:null),null!==m?{textAlign:m}:null),null!==s?{lineHeight:s}:null),null!==c?{letterSpacing:c}:null),R(p,"color")),S?{WebkitTextStroke:"2px ".concat(x(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 A.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(C.default(t.slice(0,r)),[n.length>0?e(null!==t&&t[r]\|\|null,n,a):a],C.default(t.slice(r+1))):[].concat(C.default(t.slice(0,r)),C.default(t.slice(r+1)));return o.length>0?o:null}return E.default(E.default({},t),{},k.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?u.paramCase(e):u.snakeCase(e),N.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 s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(i),c=s(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:"number",isHorizontal:!0,dataList:[5,10,20,30,40],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:"buttonStyle",type:"box-style-form",label:l.defineMessage({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})}]},A={id:"call-to-action-form",component:"call-to-action-form",fields:v.fields},b={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"}]})}]},w={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"}]})}},C=u.default(u.default({},w),{},{id:"entries-with-image",itemsField:{type:"entry-with-image",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),E=u.default(u.default({},w),{},{id:"entries-with-visual",itemsField:{type:"entry-with-visual",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),M={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"}]})}]},S=u.default(u.default({},M),{},{id:"entry-with-image",fields:[].concat(c.default(M.fields),[{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),k=u.default(u.default({},M),{},{id:"entry-with-visual",fields:[].concat(c.default(M.fields),[{name:"image",type:"visual",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),T={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"}]})}]},N={id:"text-element",component:"text-element",settings:[{name:"textStyle",type:"text-style"}]},x=u.default(u.default({},N),{},{id:"heading-element",size:"lg",inline:!0}),P={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"}]})}]},O={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"}]})}]},B={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"}]})}},q={id:"metadata",component:"field-with-form",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"}]})}]},j={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"}]})}},H={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"}]})}]}]},W={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"}]})}]},U={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"}]})}},Q={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"}]})}]}]},X={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"}]})}]},Y={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"}]})}]},_={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"}]})}},K={id:"visuals",component:"visuals",itemsField:{type:"visual",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},J=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:A,checkboxes:{id:"checkboxes",component:"checkboxes"},closedCaptions:{id:"closed-captions",component:"closed-captions"},color:{id:"color",component:"color"},conversation:b,email:{id:"email",component:"text",type:"email"},entriesWithImage:C,entriesWithVisual:E,entries:w,entryWithImage:S,entryWithVisual:k,entry:M,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:T,headingElement:x,imageWithCaption:P,image:{id:"image",component:"image",media:!0},imagesWithCaption:O,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:B,metadata:q,number:{id:"number",component:"number"},password:{id:"password",component:"text",type:"password"},parameters:j,quizAnswer:D,quizAnswers:V,quizPointsAnswer:H,quizPOintsAnswers:W,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:U,textElement:N,textStyle:Q,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:X,visual:{id:"visual",component:"visual",media:!0},visualWithCaption:Y,visualsWithCaption:_,visuals:K}),$=Object.keys(J).map((function(e){return J[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),s=n(7641),u=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(s),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,A=["en","fr"],b=g.default.createContext(A),w=function(){return o.useContext(b)},C={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},E={intlManager:v,locale:null,locales:null,extraMessages:null,children:null},M=function(e){var t=e.intlManager,n=e.locale,a=e.locales,l=e.children,i=e.extraMessages,r=w(),s=o.useContext(u.IntlContext)\|\|{},c=s.locale,m=void 0===c?null:c,f=s.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(u.IntlProvider,{locale:n,messages:y},g.default.createElement(b.Provider,{value:a\|\|r},l))};M.propTypes=C,M.defaultProps=E,t.IntlManager=h,t.IntlProvider=M,t.LocalesContext=b,t.default=v,t.useLocales=w,t.useOtherLocales=function(){var e=w(),t=o.useContext(u.IntlContext).locale;return o.useMemo((function(){return e.filter((function(e){return e!==t}))}),[e,t])}},18:function(e,t,n){"use strict";n.r(t),n.d(t,{ScreensProvider:function(){return Rl},default:function(){return Zl}});var a=n(2807),l=n(5587),i=n(6902),r=n(6666),o=n(3028),s=n(2867),u=n(5681),c=n.n(u),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),A=n(9740),b=n(631),w=n(239),C=n(4696),E=(n(4532),"micromag-element-audio-audio-wave-container"),M={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 S(e){var t=e.currentTime,n=e.duration,a=e.playing,l=e.sampleWidth,i=e.sampleMargin,o=e.minSampleHeight,u=e.backgroundColor,d=e.progressColor,m=e.audioLevels,p=e.className,g=e.onSeek,A=e.onResume,M=e.onReady,S=(0,f.useRef)(null),k=(0,f.useRef)(null),T=(0,f.useMemo)((function(){var e=(u\|\|{}).color;return void 0===e?"white":e}),[u]),N=(0,f.useMemo)((function(){return(0,h.getContrastingColor)(u,d)}),[d,u]),x=(0,y.useResizeObserver)(),P=x.ref,O=x.entry.contentRect\|\|{},Z=O.width,F=void 0===Z?null:Z,I=O.height,R=(0,b.useSpring)((function(){return{x:0,config:{duration:0}}})),L=(0,s.Z)(R,2),z=L[0],B=L[1];(0,f.useEffect)((function(){if(null!==t&&null!==n){var e=t/n;B.start({reset:!0,immediate:!a,from:{x:e},to:{x:a?1:e},config:{duration:1e3(n-t)}})}}),[a,n,t,B]),(0,f.useEffect)((function(){if(null!==m&&0!==m.length&&null!==P.current){var e=l+2i,t=Math.floor(F/e),n=m.length/t,a=(0,v.Z)(Array(t).keys()).reduce((function(e,t){for(var a=tn,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)),s=Math.max.apply(Math,(0,v.Z)(a))-r,u=a.map((function(e){return(e-r)/s})),c=S.current,d=k.current,f="undefined"!=typeof window?window.devicePixelRatio:1;c.width=d.width=Math.floor(Ff),c.height=d.height=Math.floor(If);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=T,g.fillStyle=N;var y=(F-te)/2;u.forEach((function(t,n){var a=Math.max(o,tI),r=en+y+i,s=I/2-a/2;p.fillRect(Math.round(r),Math.round(s),l,Math.round(a)),g.fillRect(Math.round(r),Math.round(s),l,Math.round(a))})),null!==M&&M()}}),[m,l,i,o,F,I,T,N,M]);var q=(0,f.useCallback)((function(e){var t=P.current.getBoundingClientRect().left,l=Math.max(0,Math.min(1,(e-t)/F));null!==g&&null!==n&&g(ln),a\|\|A()}),[n,a,g,A]),j=(0,C.useGesture)({onDrag:function(e){var t=(0,s.Z)(e.xy,1)[0],n=e.elapsedTime;!e.active&&n>300\|\|q(t)}},{drag:{axis:"x",filterTaps:!0}});return f.createElement("div",Object.assign({className:c()([E,(0,r.Z)({},p,null!==p)]),ref:P},j()),f.createElement("canvas",{ref:S,className:"micromag-element-audio-audio-wave-canvasBackground"}),f.createElement(w.animated.canvas,{ref:k,className:"micromag-element-audio-audio-wave-canvasProgress",style:{clipPath:z.x.to((function(e){return"polygon(0 0, ".concat(100e,"% 0, ").concat(100e,"% 100%, 0 100%)")}))}}))}S.propTypes=M,S.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 k=["ref"],T={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},N=function(e){var t=e.media,n=e.apiRef,a=e.initialMuted,l=e.autoPlay,i=e.loop,o=e.waveFake,u=e.waveProps,d=e.showWave,m=e.reduceBufferFactor,p=e.className,h=e.onReady,b=e.onPlay,w=e.onPause,C=e.onEnded,E=e.onSeeked,M=e.onTimeUpdate,T=e.onProgressStep,N=e.onDurationChanged,x=e.onVolumeChanged,P=t\|\|{},O=P.url,Z=void 0===O?null:O,F=P.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,B=(0,y.useMediaApi)({url:Z,initialMuted:z,onPlay:b,onPause:w,onEnded:C,onSeeked:E,onTimeUpdate:M,onProgressStep:T,onDurationChanged:N,onVolumeChanged:x}),q=B.ref,j=(0,A.Z)(B,k);null!==n&&(n.current=j,n.current.mediaRef=q);var D=j.currentTime,V=j.duration,H=j.playing,W=j.seek,G=j.ready,U=j.play,Q=j.pause,X=j.muted,Y=j.unMute,_=(0,f.useState)(null),K=(0,s.Z)(_,2),J=K[0],$=K[1],ee=(0,f.useState)(null),te=(0,s.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?(U(),"auto"===a&&X&&L&&Y()):Q()}),[l]),f.createElement("div",{className:c()(["micromag-element-audio-container",(0,r.Z)({},p,null!==p)])},f.createElement("audio",{key:Z,ref:q,src:o?Z:ne,autoPlay:l,muted:X,loop:i,crossOrigin:"anonymous",preload:"none"}),d?f.createElement(S,Object.assign({className:"micromag-element-audio-wave",media:t,currentTime:D},u,{duration:V,playing:H,onSeek:W,onResume:U,audioLevels:J})):null)};N.propTypes=T,N.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 x=f.forwardRef((function(e,t){return f.createElement(N,Object.assign({apiRef:t},e))})),P=n(5839),O=(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,s=e.initialMuted,u=e.autoPlay,d=e.loop,m=e.playsInline,p=e.preload,v=e.withoutCors,b=e.className,w=e.onReady,C=e.onPlay,E=e.onPause,M=e.onEnded,S=e.onSeeked,k=e.onTimeUpdate,T=e.onProgressStep,N=e.onDurationChanged,x=e.onVolumeChanged,P=e.focusable,F=e.supportedMimes,I=n\|\|{},R=I.url,L=void 0===R?null:R,z=I.files,B=void 0===z?null:z,q=I.metadata,j=(void 0===q?null:q)\|\|{},D=j.description,V=void 0===D?null:D,H=j.mime,W=void 0===H?null:H,G=(0,f.useMemo)((function(){return(0,h.getMediaFilesAsArray)(B)}),[B]),U=(0,f.useMemo)((function(){if(0===G.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=G.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]}))}),[G,F]),Q=G.find((function(e){return"original"===e.handle}))\|\|{},X=Q.type,Y=void 0===X?null:X,_=Q.mime,K=void 0===_?W:_,J=("image"===Y\|\|null!==K&&0===K.indexOf("image/"))&&(null===U\|\|0===U.length),$=(0,g.useUserInteracted)(),ee=!0===s\|\|"auto"===s&&u&&!$,te=(0,y.useMediaApi)({url:J?null:L,initialMuted:ee,onPlay:C,onPause:E,onEnded:M,onSeeked:S,onTimeUpdate:k,onProgressStep:T,onDurationChanged:N,onVolumeChanged:x}),ne=te.ref,ae=(0,A.Z)(te,Z);null!==i&&(i.current=ae,i.current.mediaRef=ne);var le=ae.playing,ie=ae.muted,re=ae.dataReady,oe=ae.play,se=ae.pause,ue=ae.unMute;(0,f.useEffect)((function(){re&&null!==w&&w()}),[re,w]);var ce=null!==a&&null!==l;(0,f.useEffect)((function(){u?(oe(),"auto"===s&&ie&&$&&ue()):se()}),[u]);var de=(0,f.useRef)(p),me=(0,f.useRef)("none"!==p&&"metadata"!==p);return(0,f.useEffect)((function(){var e=ne.current,t=void 0===e?null:e,n="none"!==p&&"metadata"!==p,a=de.current!==p;n&&a&&!me.current&&null!==t&&void 0!==t.load&&(me.current=!0,t.load())}),[p]),f.createElement("div",{className:c()([O.container,(t={},(0,r.Z)(t,b,null!==b),(0,r.Z)(t,O.paused,!le),(0,r.Z)(t,O.withSize,ce),t)]),style:ce?{width:a,height:l}:null},J?f.createElement("img",{src:L,alt:V,className:O.video}):f.createElement("video",{key:L,ref:ne,src:null===U?L:null,autoPlay:u,loop:d,muted:ie,preload:p,playsInline:m,crossOrigin:v?"anonymous":null,tabIndex:P?"0":"-1",className:O.video},(U\|\|[]).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,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},B=function(e){var t=e.width,n=e.height,a=e.fit,l=e.horizontalAlign,i=e.verticalAlign,s=e.repeat,u=e.color,d=e.media,m=e.className,p=e.playing,g=e.children,y=e.loadingMode,v=e.shouldLoad,A=d\|\|{},b=A.type,w=void 0===b?null:b,C=A.metadata,E=void 0===C?null:C,M=A.thumbnail_url,S=E\|\|{},k=S.width,T=void 0===k?0:k,N=S.height,x=void 0===N?0:N,O="video"===w,Z="image"===w,F=v\|\|"lazy"!==y,I=(0,f.useRef)(F);F&&!I.current&&(I.current=F);var z=I.current,B=(0,o.Z)({width:t,height:n},(0,h.getStyleFromColor)(u));if(null!==d&&(Z\|\|O&&!p)){var q=(0,h.getOptimalImageUrl)(O?{url:M}:d,t,n);B.backgroundImage=null!==q&&z?'url("'.concat(q,'")'):null,B.backgroundRepeat=s&&!O?"repeat":"no-repeat",B.backgroundPosition=[l,i].join(" "),null!==a?B.backgroundSize=a:s&&!O\|\|(B.backgroundSize="cover")}var j={};if(O&&p)if(t>0&&n>0){var D=(0,P.getSizeWithinBounds)(T,x,t,n,{cover:"cover"===a\|\|null===a}),V=D.width,H=void 0===V?0:V,W=D.height,G=void 0===W?0:W;j.width=H,j.height=G,j.left=-(H-t)/2,j.top=-(G-n)/2}else j.objectFit="cover";return f.createElement("div",{className:c()([L.container,(0,r.Z)({},m,null!==m)]),style:B},O&&p?f.createElement("div",{className:L.videoContainer,style:j},f.createElement(R,{className:L.video,media:d,autoPlay:p,initialMuted:!0,loop:!0,preload:z?"auto":"metadata"})):null,f.createElement("div",{className:L.content},g))};B.propTypes=z,B.defaultProps={width:null,height:null,fit:null,horizontalAlign:"center",verticalAlign:"center",repeat:!1,color:null,media:null,className:null,playing:!1,children:null,loadingMode:"lazy",shouldLoad:!0};var q=["horizontalAlign","verticalAlign"],j={width:m().number,height: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.background,l=e.playing,i=e.children,s=e.className,u=e.layerClassName,d=e.backgroundClassName,m=e.loadingMode,p=e.shouldLoad,g=t>0&&n>0,y=(0,f.useMemo)((function(){return(0,h.getLayersFromBackground)(a)}),[a]),v=y.length,b=(0,o.Z)({},g?{width:t,height:n}:null);return f.createElement("div",{className:c()([L.container,(0,r.Z)({},s,null!==s)]),style:b},f.createElement("div",{className:L.layers},y.map((function(e,a){var i,o=e.horizontalAlign,s=void 0===o?void 0:o,g=e.verticalAlign,y=void 0===g?void 0:g,h=(0,A.Z)(e,q);return f.createElement("div",{key:"background-".concat(a),className:c()([L.layer,(i={},(0,r.Z)(i,L.bottom,"bottom"===y),(0,r.Z)(i,L.right,"right"===s),(0,r.Z)(i,u,null!==u),i)]),style:{zIndex:v-a}},f.createElement(B,Object.assign({width:t,height:n,className:c()([L.background,(0,r.Z)({},d,null!==d)]),playing:l,horizontalAlign:s,verticalAlign:y,loadingMode:m,shouldLoad:p},h)))}))),f.createElement("div",{className:L.content},i))};D.propTypes=j,D.defaultProps={width:null,height:null,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"],H=["borderRadius","borderWidth","borderColor","borderStyle"],W={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,s=e.separateBorder,u=e.onClick,d=e.children,m=e.className,g=e.refButton,y=(0,A.Z)(e,V),v=null,b=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))),s){var w=v\|\|{},C=w.borderRadius,E=void 0===C?null:C,M=w.borderWidth,S=void 0===M?null:M,k=w.borderColor,T=void 0===k?null:k,N=w.borderStyle,x=void 0===N?null:N,P=(0,A.Z)(w,H);v=(0,o.Z)((0,o.Z)({},P),{},{borderRadius:E}),b={borderRadius:E,borderWidth:S,borderColor:T,borderStyle:x}}console.log("yo");var O=f.createElement(p.Button,Object.assign({className:c()(["micromag-element-button-container",(0,r.Z)({},m,null!==m)]),disabled:l,style:v,onClick:u,refButton:g,type:a,focusable:i},y),d);return null!==b?f.createElement("div",{className:"micromag-element-button-border",style:b},O):O};G.propTypes=W,G.defaultProps={textStyle:null,buttonStyle:null,type:"button",disabled:!1,focusable:!0,separateBorder:!0,onClick:null,children:null,className:null,refButton:null};var U=n(9641),Q={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},X=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,s=e.lineClamp,u=e.showEmpty,d=e.className,m=e.emptyClassName,g=e.inline,y=a\|\|{},v=y.link,A=void 0===v?null:v,b=y.highlight,w=void 0===b?null:b,C={},E=null!==A?(0,h.getStyleFromLink)(A):null,M=null!==w?(0,h.getStyleFromHighlight)(w):null;null!==a&&(C=(0,o.Z)((0,o.Z)({},C),(0,h.getStyleFromText)(a))),null!==s&&(C.WebkitLineClamp=s),null!==i&&(C=(0,o.Z)((0,o.Z)({},C),(0,h.getStyleFromMargin)(i))),null!==l&&(E=(0,o.Z)((0,o.Z)({},E),(0,h.getStyleFromText)(l)));var S=null!==E\|\|null!==w,k=(0,f.useMemo)((function(){return S?"text-component-".concat((0,U.Z)()):null}),[S]),T={id:k,className:c()(["micromag-element-text-container",(t={},(0,r.Z)(t,"micromag-element-text-withLineClamp",null!==s),(0,r.Z)(t,"micromag-element-text-showEmpty",u),(0,r.Z)(t,m,u&&null!==m),(0,r.Z)(t,d,null!==d),t)]),style:C,dangerouslySetInnerHTML:{__html:n}},N="".concat(g?"span":"div");return f.createElement(f.Fragment,null,null!==E?f.createElement(p.LinkStyle,{selector:"#".concat(k),style:E}):null,null!==M?f.createElement(p.HighlightStyle,{selector:"#".concat(k),style:M}):null,f.createElement(N,T))};X.propTypes=Q,X.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,lineClamp:null,showEmpty:!1,className:null,emptyClassName:null,inline:!1};var Y=n(4161),_=n(3057),K={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"},J={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,s=e.onClose,u=e.hidden,d=e.className;return f.createElement("div",{className:c()([K.container,(t={},(0,r.Z)(t,K.closeable,o),(0,r.Z)(t,d,null!==d),t)]),style:{width:l,height:i}},o?f.createElement("div",{className:K.top},f.createElement(G,{className:K.close,onClick:s},f.createElement(_.FontAwesomeIcon,{className:K.icon,icon:Y.faTimes,size:"lg"}))):null,u?null:f.createElement("iframe",{className:K.iframe,ref:n,title:"Popup",src:a}))}$.propTypes=J,$.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,u=e.icon,d=e.arrow,m=e.screenSize,p=e.dragAmount,g=e.className,y=e.buttonClassName,v=e.buttonBorderClassName,A=e.labelClassName,b=e.arrowClassName,w=e.focusable,E=i\|\|{},M=E.active,S=void 0!==M&&M,k=E.type,T=void 0===k?null:k,N=E.url,x=void 0===N?null:N,P=E.label,O=void 0===P?null:P,Z=E.buttonStyle,F=void 0===Z?null:Z,I=E.inWebView,R=void 0!==I&&I,L=(0,f.useState)(!1),z=(0,s.Z)(L,2),B=z[0],q=z[1],j=(0,f.useState)(!0),D=(0,s.Z)(j,2),V=D[0],H=D[1],W=null===T\|\|"swipe-up"===T,U=(0,f.useMemo)((function(){return(0,h.isValidUrl)(x)}),[x]),Q=(0,f.useRef)(null),Y=(O\|\|{}).textStyle,_=(Y=void 0===Y?{}:Y).fontSize,K=void 0===_?null:_,J=Y.color,ee=void 0===J?null:J,ae=(0,f.useMemo)((function(){return(0,o.Z)((0,o.Z)({},{fontSize:K}),(0,h.getStyleFromColor)(ee,"color"))}),[K,ee]);console.log(F);var le=(0,f.useRef)(null),ie=(0,f.useState)(!1),re=(0,s.Z)(ie,2),oe=re[0],se=re[1],ue=(0,C.useGesture)({onDrag:function(e){e.event.preventDefault()},onDragEnd:function(e){(0,s.Z)(e.movement,2)[1]<-p&&(R?(q(!0),H(!1)):(0,h.isIos)()?(le.current.click(),se(!0)):Q.current&&Q.current.click())}});(0,f.useEffect)((function(){var e=function(){se(!1)};return window.addEventListener("pagehide",e),function(){window.removeEventListener("pagehide",e)}}),[se]),(0,f.useEffect)((function(){var e=null;return R&&(B?H(!1):e=setTimeout((function(){H(!0)}),300)),function(){clearTimeout(e)}}),[B,H]);var ce=(0,f.useCallback)((function(){q(!0),H(!1)}),[q,H]),de=(0,f.useCallback)((function(){q(!1)}),[q]),me=null!==d?f.createElement("div",{className:c()([ne.arrow,(0,r.Z)({},b,null!==b)])},d):f.createElement(te,{className:c()([ne.arrow,(0,r.Z)({},b,null!==b)]),style:ae});return S?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,!U),(0,r.Z)(t,ne.inWebView,R),t)]),ref:n},oe?f.createElement("div",{className:ne.leavingFrame}):null,f.createElement("a",{className:ne.selfTargetLink,href:x,ref:le,tabIndex:w?"0":"-1"}),W?me: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:Q,focusable:w,buttonStyle:(0,o.Z)({marginBottom:10},F)},W&&!a?ue():null,R?{onClick:ce}:{href:x,external:!0}),f.createElement("span",{className:c()([ne.label,(0,r.Z)({},A,null!==A)])},null!==u?f.createElement("div",{className:ne.icon},u):null,f.createElement(X,Object.assign({},O,{inline:!0})))))),R?f.createElement($,Object.assign({className:c()([ne.webView,(0,r.Z)({},ne.visible,B)]),src:x,disabled:!B,closeable:!0,hidden:V,onClose:de},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),se=n(2351),ue=n.n(se),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,u=(0,f.useState)([]),d=(0,s.Z)(u,2),m=d[0],p=d[1],g=(0,f.useState)(-1),y=(0,s.Z)(g,2),v=y[0],A=y[1],b=null!==n?n.split(/[\t ]-->[\t ]/):null,w=null!==b&&b.length?(0,h.getSecondsFromTime)(b[0]):0;(0,f.useEffect)((function(){null!==o&&ue()(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,ue(),p]);var C=(0,f.useCallback)((function(e){var t=m.findIndex((function(t){return e>=t.start-w&&e<=t.end-w}));return t}),[m,w]);(0,f.useEffect)((function(){if(m.length>0){var e=C(t);e!==v&&A(e)}}),[t,m,C,A]);var E=-1!==v?m[v]:null,M=null!==E;return f.createElement("div",{className:c()(["micromag-element-closed-captions-container",(0,r.Z)({},l,null!==l)])},M?f.createElement("div",{className:"micromag-element-closed-captions-captions",dangerouslySetInnerHTML:M?{__html:E.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"}),Ae={children:m().node.isRequired,direction:m().oneOf(["vertical","horizontal"])};function be(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)}be.propTypes=Ae,be.defaultProps={direction:"vertical"};var we={size:m().number,minSize:m().number,maxSize:m().number,className:m().string};function Ce(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}})}Ce.propTypes=we,Ce.defaultProps={size:null,minSize:null,maxSize:null,className:null},Ce.withoutTransitionsWrapper=!0;var Ee={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 Me(e){var t=e.direction,n=e.align,a=e.spacing,l=e.reverse,i=e.size,o=e.minSize,s=e.maxSize,u=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(be,{direction:t},f.createElement("div",{className:c()(["micromag-element-stack-container",(0,r.Z)({},u,null!==u)]),style:{flexDirection:m,alignItems:p,justifyContent:g,width:"horizontal"===t?i:null,minWidth:"horizontal"===t?o:null,maxWidth:"horizontal"===t?s:null,height:"vertical"===t?i:null,minHeight:"vertical"===t?o:null,maxHeight:"vertical"===t?s:null}},f.Children.toArray(d).reduce((function(e,t,n){return t.type!==Ce&&null!==y&&n<h?[].concat((0,v.Z)(e),[t,f.createElement(Ce,{key:"spacer-".concat(n),size:y})]):[].concat((0,v.Z)(e),[t])}),[])))}function Se(e){return f.createElement(Me,Object.assign({},e,{direction:"horizontal"}))}function ke(e){return f.createElement(Me,Object.assign({},e,{direction:"vertical"}))}Me.propTypes=Ee,Me.defaultProps={direction:"horizontal",align:"center",spacing:null,reverse:!1,size:null,minSize:null,maxSize:null,className:null,children:null},Se.propTypes={},Se.defaultProps={},ke.propTypes={},ke.defaultProps={};var Te={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},Ne=function(e){var t,n=e.width,a=e.height,l=e.horizontalAlign,i=e.verticalAlign,s=e.distribution,u=e.fullscreen,d=e.className,m=e.children,p=e.style,g=null;null!==s?g="space-".concat(s):"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(be,{direction:"vertical"},f.createElement("div",{className:c()(["micromag-element-layout-container",(t={},(0,r.Z)(t,"micromag-element-layout-fullscreen",u),(0,r.Z)(t,d,null!==d),t)]),style:h},m))};Ne.propTypes=Te,Ne.defaultProps={width:null,height:null,horizontalAlign:"left",verticalAlign:"top",distribution:null,fullscreen:!1,className:null,children:null,style:null};var xe=n(8575),Pe="micromag-element-media-controls-seek-bar-time",Oe={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,u=e.withTime,d=e.onSeek,m=e.focusable,p=e.className,g=(0,xe.Z)(),y=(0,b.useSpring)((function(){return{x:0,config:{duration:0}}})),h=(0,s.Z)(y,2),v=h[0],A=h[1];(0,f.useEffect)((function(){if(null!==n&&null!==a){var e=n/a;A.start({reset:!0,immediate:!l,from:{x:e},to:{x:l?1:e},config:{duration:1e3(a-n)}})}}),[l,a,n,A]);var C=(0,f.useCallback)((function(e){if(null!==d&&null!==a){var t=e.currentTarget.getBoundingClientRect(),n=(e.pageX-t.left)/t.width;d(na)}}),[a]),E=(0,f.useMemo)((function(){return n>3600\|\|a>3600?11:14}),[n,a]),M=(0,f.useMemo)((function(){if(u){var e=new Date(null);return e.setSeconds(n),e.toISOString().substring(E,19)}return null}),[n,E,u]),S=(0,f.useMemo)((function(){if(u){var e=new Date(null);return e.setSeconds(a),e.toISOString().substring(E,19)}return null}),[a,E,u]);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",u),(0,r.Z)(t,p,null!==p),t)])},u?f.createElement("div",{className:Pe},M):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(w.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:C,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"})),u?f.createElement("div",{className:Pe},S):null)};Ze.propTypes=Oe,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,s=e.onToggleMute,u=e.onSeek,d=e.withSeekBar,m=e.withPlayPause,p=e.withTime,g=e.color,y=e.progressColor,v=e.className,A=e.focusable,b=(0,xe.Z)(),w=he()(g)?{color:g,alpha:1}:g,C=(w\|\|{}).color,E=void 0===C?"white":C,M=he()(g)?{progressColor:y,alpha:1}:g,S=(0,f.useMemo)((function(){return M\|\|(0,h.getContrastingColor)(w)}),[M,w]);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:E}},f.createElement("div",{className:Fe.toggles},f.createElement("button",{type:"button",className:Fe.playPauseButton,onClick:o,title:b.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),"aria-label":b.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),tabIndex:A?"0":"-1"},f.createElement(_.FontAwesomeIcon,{className:Fe.icon,icon:n?Y.faPause:Y.faPlay})),f.createElement("button",{type:"button",className:Fe.muteButton,onClick:s,title:b.formatMessage({id:"vzg8Es",defaultMessage:[{type:0,value:"Mute"}]}),"aria-label":b.formatMessage({id:"vzg8Es",defaultMessage:[{type:0,value:"Mute"}]}),tabIndex:A?"0":"-1"},f.createElement(_.FontAwesomeIcon,{className:Fe.icon,icon:Y.faVolumeUp}))),d?f.createElement(Ze,{className:Fe.seekBar,currentTime:l,duration:i,playing:n,onSeek:u,focusable:A,withTime:p,backgroundColor:E,progressColor:S}):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"},Be={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},qe=function(e){var t;e.layout;var n=e.audio,a=e.spacing,l=e.background,u=e.callToAction,d=e.current,m=e.active,v=e.transitions,A=e.getMediaRef,b=e.showWave,w=e.className,C=(0,y.useTrackScreenMedia)("audio"),E=(0,g.useScreenSize)(),M=E.width,S=E.height,k=E.menuOverScreen,T=(0,g.useScreenRenderContext)(),N=T.isPlaceholder,P=T.isPreview,O=T.isView,Z=T.isEdit,F=T.isStatic,I=T.isCapture,R=(0,g.useViewer)().menuSize,L=null!==u&&!0===u.active,z=(0,f.useState)(F\|\|N),B=(0,s.Z)(z,2),q=B[0],j=B[1],V=d&&(O\|\|Z),H=d\|\|m\|\|!O,W=d&&q,G=F\|\|I\|\|N\|\|P\|\|Z,U=null!==n,Q=n\|\|{},X=Q.media,Y=void 0===X?null:X,_=Q.autoPlay,K=void 0===_\|\|_,J=Q.closedCaptions,$=void 0===J?null:J,ee=Q.withPlayPause,te=void 0!==ee&&ee,ne=Q.color,ae=void 0===ne?null:ne,le=Q.progressColor,re=void 0===le?null:le,oe=(Y\|\|{}).url,se=null!==(void 0===oe?null:oe),ue=U?(0,o.Z)((0,o.Z)({},n),{},{autoPlay:!P&&!F&&!I&&K&&d}):null,ce=null!==$,me=(0,f.useCallback)((function(){j(!0)}),[j]),pe=(0,f.useRef)(),ge=pe.current\|\|{},ye=ge.togglePlay,he=ge.toggleMute,ve=ge.play,Ae=ge.pause,be=ge.seek,we=ge.mediaRef,Ee=void 0===we?null:we;(0,f.useEffect)((function(){null!==Ee&&null!==A&&A(Ee.current)}),[Ee,A]);var Me=(0,f.useState)(null),Se=(0,s.Z)(Me,2),ke=Se[0],Te=Se[1],xe=(0,f.useState)(null),Pe=(0,s.Z)(xe,2),Oe=Pe[0],Ze=Pe[1],Fe=(0,f.useState)(!1),Ie=(0,s.Z)(Fe,2),Le=Ie[0],Be=Ie[1],qe=(0,f.useState)(!1),je=(0,s.Z)(qe,2),De=je[0],Ve=je[1],He=(0,f.useMemo)((function(){return(0,h.isIos)()}),[h.isIos]),We=(0,f.useCallback)((function(e){Te(e)}),[Ze,Oe]),Ge=(0,f.useCallback)((function(e){C(n,"progress_".concat(Math.round(100e,10),"%"))}),[C,n]),Ue=(0,f.useCallback)((function(e){Ze(e)}),[Ze]),Qe=(0,f.useCallback)((function(e){var t=e.initial;Be(!0),C(n,t?"play":"resume")}),[C,n]),Xe=(0,f.useCallback)((function(e){var t=e.midway;Be(!1),C(n,t?"pause":"ended")}),[C,n]),Ye=(0,f.useCallback)((function(e){be(e),ve()}),[be,ve]),_e=(0,f.useCallback)((function(e){Ve(e),C(n,e?"mute":"unmute")}),[C,n]),Ke=(0,f.useCallback)((function(e){e>0&&C(n,"seek")}),[C,n]),Je=(0,f.useCallback)((function(){De&&!Le&&ve(),he()}),[De,he]);(0,f.useEffect)((function(){!d&&Le&&Ae()}),[Le,d]);var $e=(0,y.useLongPress)({onLongPress:ye}),et=!N&&L?f.createElement("div",{style:{marginTop:-a/2},key:"call-to-action"},f.createElement(ie,{callToAction:u,animationDisabled:P,focusable:d&&O,screenSize:{width:M,height:S}})):null,tt=[f.createElement(Ce,{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:W,disabled:G},f.createElement(x,Object.assign({},ue,{ref:pe,waveFake:He\|\|P,waveProps:P?{sampleWidth:10,sampleMargin:5,minSampleHeight:5,backgroundColor:ae,progressColor:re}:{backgroundColor:ae,progressColor:re},className:ze.audio,onReady:me,onPlay:Qe,onPause:Xe,onTimeUpdate:We,onProgressStep:Ge,onDurationChanged:Ue,onSeeked:Ke,onVolumeChanged:_e,showWave:b})))),f.createElement(Ce,{key:"spacer-middle"}),N?null:f.createElement("div",{key:"controls",className:ze.bottomContent},!ce\|\|P\|\|I\|\|F?null:f.createElement(de,{className:ze.closedCaptions,media:$,currentTime:ke}),se?f.createElement(Re,{className:ze.mediaControls,withPlayPause:te,playing:Le,muted:De,onTogglePlay:ye,onToggleMute:Je,focusable:d&&O,withSeekBar:!b,duration:Oe,currentTime:ke,onSeek:Ye}):null,et)].filter((function(e){return null!==e}));return f.createElement("div",Object.assign({className:c()([ze.container,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,ze.placeholder,N),(0,r.Z)(t,ze.isPreview,P),t)]),"data-screen-ready":q},$e),N?null:f.createElement(D,{background:l,width:M,height:S,playing:V,shouldLoad:H}),f.createElement(fe,{width:M,height:S},f.createElement(Ne,{fullscreen:!0,style:N?null:{padding:a,paddingTop:(k&&!P?R:0)+a}},tt)))};qe.propTypes=Be,qe.defaultProps={layout:"middle",audio:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,getMediaRef:null,showWave:!1,className:null};var je=f.memo(qe),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;console.log(a);var s=(0,Le.W2)(i,(0,v.Z)(r?[r]:[])),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{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:je,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:{label:{textStyle:"heading2"}}}]},He=n(7371),We=n(9249),Ge=n(5754),Ue=n(6906),Qe=n(3306),Xe=n(3857),Ye=n(5968),_e=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,We.Z)(this,e),this.options=(0,o.Z)((0,o.Z)({routes:{}},t),{},{baseUrl:t.baseUrl\|\|"https://micromag.ca/api"})}return(0,He.Z)(e,[{key:"requestGet",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=null!==t?(0,Ye.stringify)(t,{arrayFormat:"bracket"}):null;return(0,Qe.getJSON)("".concat(this.getFullUrl(e)).concat(null!==n&&n.length>0?"?".concat(n):""),{credentials:"include",headers:(0,Qe.getCSRFHeaders)()})}},{key:"requestPost",value:function(e,t){return(0,Qe.postJSON)(this.getFullUrl(e),t,{credentials:"include",headers:(0,Qe.getCSRFHeaders)()})}},{key:"requestPut",value:function(e,t){return(0,Qe.postJSON)(this.getFullUrl(e),(0,o.Z)({_method:"PUT"},t),{credentials:"include",headers:(0,Qe.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,Xe.generatePath)(n[e]\|\|e,t)}},{key:"getFullUrl",value:function(e){var t=this.options.baseUrl;return"".concat(t.replace(/\/$/,""),"/").concat(e.replace(/^\//,""))}}]),e}(),Ke=function(e){(0,Ge.Z)(n,e);var t=(0,Ue.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,We.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,He.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}(_e),Je=function(e){(0,Ge.Z)(n,e);var t=(0,Ue.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,We.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,He.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}(_e),$e=function(e){(0,Ge.Z)(n,e);var t=(0,Ue.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,We.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,He.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}(_e),et=function(e){(0,Ge.Z)(n,e);var t=(0,Ue.Z)(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,We.Z)(this,n),(e=t.call(this,a)).medias=new Je(a),e.contributions=new Ke(a),e.quiz=new $e(a),e}return(0,He.Z)(n)}(_e),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,s.Z)(r,2),u=o[0],c=o[1],d=(0,f.useState)(!1),m=(0,s.Z)(d,2),p=m[0],g=m[1],y=(0,f.useState)(a),h=(0,s.Z)(y,2),v=h[0],A=h[1],b=(0,f.useCallback)((function(){var t=!1;c(!0);var n=e.apply(void 0,arguments).then((function(e){return t\|\|(A(e),c(!1)),e})).catch((function(e){g(e),c(!1)}));return n.cancel=function(){t=!0,c(!1)},n}),[e,c,A]);return(0,f.useEffect)((function(){var e=null;return i&&(e=b()),function(){null!==e&&e.cancel()}}),[i,b]),{data:v,load:b,loading:u,error:p}},rt=["data"],ot=["data"],st=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,s.Z)(i,2),u=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:u}},ut={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=ut,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,s=e.className,u=e.headingRef,d="h".concat(t),m=a\|\|{},g=m.link,y=void 0===g?null:g,v=m.highlight,A=void 0===v?null:v,b=null,w=null!==y?(0,h.getStyleFromLink)(y):null,C=null!==A?(0,h.getStyleFromHighlight)(A):null;null!==a&&(b=(0,o.Z)((0,o.Z)({},b),(0,h.getStyleFromText)(a))),null!==i&&(b=(0,o.Z)((0,o.Z)({},b),(0,h.getStyleFromMargin)(i))),null!==l&&(w=(0,o.Z)((0,o.Z)({},w),(0,h.getStyleFromText)(l)));var E=null!==w\|\|null!==A,M=(0,f.useMemo)((function(){return E?"text-component-".concat((0,U.Z)()):null}),[E]);return f.createElement(f.Fragment,null,null!==w?f.createElement(p.LinkStyle,{selector:"#".concat(M),style:w}):null,null!==C?f.createElement(p.HighlightStyle,{selector:"#".concat(M),style:C}):null,f.createElement(d,{id:M,className:c()(["micromag-element-heading-container",(0,r.Z)({},s,null!==s)]),style:b,dangerouslySetInnerHTML:{__html:n},ref:u}))};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,s=e.buttonStyle,u=e.labelOutsideStyle,d=e.margin,m=e.multiline,p=e.value,g=e.onChange,y=e.onFocus,v=e.onBlur,A=e.required,b=e.disabled,w=e.focusable,C=e.className,E={},M={},S={};null!==d&&(E=(0,o.Z)((0,o.Z)({},E),(0,h.getStyleFromMargin)(d))),null!==u&&(M=(0,o.Z)((0,o.Z)({},M),(0,h.getStyleFromText)(u))),null!==i&&(S=(0,o.Z)((0,o.Z)({},S),(0,h.getStyleFromText)(i))),null!==s&&(S=(0,o.Z)((0,o.Z)({},S),(0,h.getStyleFromBox)(s)));var k={className:c()(["micromag-element-text-input-container",(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,gt,!a),t)]),style:E},T=(0,o.Z)((0,o.Z)({className:gt},a?null:k),{},{style:S,placeholder:a?void 0:n,value:p,onChange:g,onFocus:y,onBlur:v,required:A,disabled:b}),N=m?f.createElement("textarea",Object.assign({},T,{tabIndex:w?"0":"-1"})):f.createElement("input",Object.assign({},T,{type:"text",tabIndex:w?"0":"-1"}));return a?f.createElement("label",k,f.createElement("div",{className:l,style:M},n),N):N};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"},At={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},bt=function(e){var t,n=e.id,a=e.layout,l=e.title,u=e.name,d=e.message,m=e.submit,b=e.nameStyle,w=e.messageStyle,C=e.spacing,E=e.background,M=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.transitionStagger,x=e.resizeTransitionDuration,P=e.type,O=e.className,Z=n\|\|"screen-id",F=(0,y.useTrackScreenEvent)(P),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,B=(0,g.useViewer)().menuSize,q=(0,g.useScreenRenderContext)(),j=q.isView,V=q.isPreview,H=q.isPlaceholder,W=q.isEdit,U=q.isStatic,Q=q.isCapture,K=S&&(j\|\|W),J=S\|\|k\|\|!j,$=S,ee=U\|\|Q\|\|H\|\|V\|\|W,te=!W&&ee\|\|!S,ne=(0,h.isTextFilled)(l),ae=(0,h.isLabelFilled)(u),le=(0,h.isLabelFilled)(d),re=(0,h.isTextFilled)(m),oe=(0,f.useRef)(null),se=(0,f.useRef)(null),ue=(0,f.useState)(null),ce=(0,s.Z)(ue,2),de=ce[0],me=ce[1],pe=(0,f.useState)(""),ge=(0,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(""),Ae=(0,s.Z)(ve,2),be=Ae[0],we=Ae[1],Ce=(0,f.useState)(U\|\|Q?4:0),Ee=(0,s.Z)(Ce,2),Me=Ee[0],Se=Ee[1],ke=(0,f.useCallback)((function(){Se(2),F("submit_success","".concat(ye,": ").concat(be))}),[Se,F,ye,be]),Te=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,s.Z)(i,2),u=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:u}}({screenId:Z}),Ne=Te.create,xe=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,s.Z)(i,1)[0],u=(0,f.useCallback)((function(){return null!==l?l.contributions.get(t):null}),[l,t]),c=null!==l?it(u,a):{data:null},d=c.data,m=(0,A.Z)(c,rt);return(0,o.Z)({contributions:d\|\|r},m)}({screenId:Z,opts:{autoload:!H}}),Pe=xe.contributions,Oe=(0,f.useCallback)((function(e){he(e.currentTarget.value)}),[he]),Ze=(0,f.useCallback)((function(e){we(e.currentTarget.value)}),[we]),Fe=(0,f.useRef)(!1),Ie=(0,f.useCallback)((function(e){!Fe.current&&e.currentTarget.value.length>0&&(Fe.current=!0,F("input_filled","Name",{userName:e.currentTarget.value,userMessage:be}))}),[F,be]),Re=(0,f.useRef)(!1),Le=(0,f.useCallback)((function(e){!Re.current&&e.currentTarget.value.length>0&&(Re.current=!0,F("input_filled","Message",{userName:ye,userMessage:e.currentTarget.value}))}),[F,ye]),ze=null!==M&&!0===M.active,Be=(0,f.useState)(!1),qe=(0,s.Z)(Be,2),je=qe[0],De=qe[1],Ve=je&&4===Me,He=(0,y.useResizeObserver)(),We=He.ref,Ge=(He.entry.contentRect\|\|{}).height,Ue=void 0===Ge?0:Ge,Qe=(0,f.useCallback)((function(e){e.initial&&F("scroll","Contributions list"),De(!0)}),[F,De]),Xe=(0,f.useCallback)((function(){De(!1)}),[De]),Ye=(0,f.useCallback)((function(e){e.preventDefault(),0===Me&&(me(se.current.offsetHeight),Se(1),Ne({name:ye,message:be}),ke(),F("click_submit","".concat(ye,": ").concat(be),{userName:ye,userMessage:be}))}),[Me,Se,ye,be,F,ke]);(0,f.useEffect)((function(){var e=null;return 2===Me&&(e=setTimeout(Se,x,4),me(oe.current.offsetHeight),Se(3)),function(){3===Me&&null!==e&&clearTimeout(e)}}),[Me,me,Se,x]);var _e=[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:!ne},ne?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement(ft,Object.assign({},l,{className:vt.title}))):null)],Ke=[].concat((0,v.Z)(null!==ye&&null!==be?[{name:ye,message:be}]:[]),(0,v.Z)(Pe\|\|[]));return _e.push(f.createElement("div",{key:"form",className:vt.interactiveContainer,style:{height:Me<4?de:null,transitionDuration:"".concat(x,"ms")}},f.createElement("form",{className:vt.form,onSubmit:Ye,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:!ae},f.createElement(p.Transitions,{transitions:T,playing:$,delay:N,disabled:ee},f.createElement(ht,Object.assign({className:vt.inputName},u,{value:ye,onChange:function(e){return Oe(e)},onBlur:function(e){return Ie(e)},focusable:S&&j,disabled:V,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:!le},f.createElement(p.Transitions,{transitions:T,playing:$,delay:2N,disabled:ee},f.createElement(ht,Object.assign({className:vt.inputMessage},d,{value:be,onChange:function(e){return Ze(e)},onBlur:function(e){return Le(e)},disabled:V,focusable:S&&j,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:!re},f.createElement(p.Transitions,{transitions:T,playing:$,delay:3N,disabled:ee},f.createElement(G,{type:"submit",className:vt.buttonSubmit,disabled:V,buttonStyle:null!==m?m.buttonStyle:null,focusable:S&&j},f.createElement(X,Object.assign({},m,{inline:!0})))))),f.createElement("div",{className:vt.formLoading},f.createElement(_.FontAwesomeIcon,{className:vt.loadingIcon,icon:Y.faSpinner}))),f.createElement("div",{className:vt.contributionsContainer,"aria-hidden":4===Me?null:"true"},f.createElement("div",{className:vt.contributionsContent},f.createElement("div",{className:vt.contributions,ref:oe},Ke.map((function(e,t){var n=null!==b&&b.style\|\|null,a=null!==w&&w.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(X,{className:vt.contributionMessage,body:e.message,textStyle:a}))}))))),ze?f.createElement("div",{style:{height:Ue}}):null)),f.createElement("div",{className:c()([vt.container,(t={},(0,r.Z)(t,O,null!==O),(0,r.Z)(t,vt.isPlaceholder,H),(0,r.Z)(t,vt.submitting,1===Me),(0,r.Z)(t,vt.submitted,Me>1),(0,r.Z)(t,vt.showContributions,4===Me),t)]),"data-screen-ready":!0},H?null:f.createElement(D,{background:E,width:R,height:L,playing:K,shouldLoad:J}),f.createElement(fe,{width:R,height:L},f.createElement("div",{className:vt.content,style:H?null:{padding:C,paddingTop:(z&&!V?B:0)+C}},f.createElement(pt.default,{verticalAlign:a,disabled:te,onScrolledBottom:Qe,onScrolledNotBottom:Xe},_e),!H&&ze?f.createElement(ie,{ref:We,className:vt.callToAction,disabled:!Ve,animationDisabled:V,callToAction:M,focusable:S&&j,screenSize:{width:R,height:L}}):null)))};bt.propTypes=At,bt.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 wt={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:bt,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:{label:{textStyle:"heading2"}}}]},Ct={media:a.PropTypes.imageMedia,alt:m().string,width:m().oneOfType([m().number,m().string]),height:m().oneOfType([m().number,m().string]),objectFit:a.PropTypes.objectFit,containerStyle:a.PropTypes.containerStyle,imageStyle:a.PropTypes.containerStyle,className:m().string,imageClassName:m().string,onLoaded:m().func,loadingMode:m().string},Et=function(e){var t=e.media,n=e.alt,a=e.width,l=e.height,i=e.objectFit,u=e.containerStyle,d=e.imageStyle,m=e.className,p=e.imageClassName,g=e.onLoaded,y=e.loadingMode,v=t\|\|{};v.url;var A,b,w=v.metadata,C=(void 0===w?null:w)\|\|{},E=C.width,M=void 0===E?0:E,S=C.height,k=void 0===S?0:S,T=C.description,N=void 0===T?"image":T,x=M/k,O=(0,f.useState)({width:M,height:k}),Z=(0,s.Z)(O,2),F=Z[0],I=F.width,R=void 0===I?0:I,L=F.height,z=void 0===L?0:L,B=Z[1],q=(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===R&&i===z\|\|B({width:a\|\|0,height:i\|\|0}),null!==g&&g(e)}),[g]),j=R>0&&z>0;if(null!==i){var D=0,V=0,H=a,W=l,G=null,U=null,Q=i\|\|{},X=Q.fit,Y=void 0===X?null:X,_=Q.horizontalPosition,K=void 0===_?"center":_,J=Q.verticalPosition,$=void 0===J?"center":J;if(j){var ee=(0,P.getSizeWithinBounds)(R,z,a,l,{cover:"cover"===Y}),te=ee.width,ne=ee.height;H=te,W=ne,"center"===K?V=-(te-a)/2:"right"===K&&(V=-(te-a)),"center"===$?D=-(ne-l)/2:"bottom"===$&&(D=-(ne-l))}else G=Y,U="".concat(K," ").concat($);A={width:a,height:l},b={position:"absolute",width:H,height:W,top:D,left:V,objectFit:G,objectPosition:U}}else{var ae=null!==a?a:null!==l&&"number"==typeof l?lx:null,le=null!==l?l:null!==a&&"number"==typeof a?a/x:null;null===ae&&null===le&&(ae=R>0?M:null,le=z>0?k:null),A=b={width:ae,height:le}}A=(0,o.Z)((0,o.Z)({},A),u);var ie=b=(0,o.Z)((0,o.Z)({},b),d),re=ie.width,oe=void 0===re?null:re,se=ie.height,ue=void 0===se?null:se,ce=(0,h.getOptimalImageUrl)(t,oe,ue);return f.createElement("div",{className:c()(["micromag-element-image-container",(0,r.Z)({},m,null!==m)]),style:A},null!==ce?f.createElement("img",{src:ce,alt:n\|\|N,className:c()(["micromag-element-image-img",(0,r.Z)({},p,null!==p)]),style:b,onLoad:q,loading:y}):null)};Et.propTypes=Ct,Et.defaultProps={media:null,alt:null,width:null,height:null,objectFit:null,containerStyle:{},imageStyle:{},className:null,imageClassName:null,onLoaded:null,loadingMode:"lazy"};var Mt="micromag-element-visual-container",St=["media","width","height","objectFit","playing","videoLoop","videoInitialMuted","onLoaded","className","videoClassName"],kt={media:a.PropTypes.media,width:m().oneOfType([m().number,m().string]),height:m().oneOfType([m().number,m().string]),objectFit:a.PropTypes.objectFit,playing:m().bool,videoLoop:m().bool,videoInitialMuted:m().bool,onLoaded:m().func,className:m().string,videoClassName:m().string},Tt=function(e){var t=e.media,n=e.width,a=e.height,l=e.objectFit,i=e.playing,s=e.videoLoop,u=e.videoInitialMuted,d=e.onLoaded,m=e.className,p=e.videoClassName,g=(0,A.Z)(e,St),y=t\|\|{},h=y.type,v=void 0===h?null:h,b=y.thumbnail_url,w=void 0===b?null:b,C=y.metadata,E=y.url,M=(C\|\|{}).mime,S="video"===v,k="image"===v&&"image/gif"===M,T=(0,f.useMemo)((function(){return(0,o.Z)((0,o.Z)({},g),{},{media:t})}),[g,t]),N=(0,f.useMemo)((function(){var e=i\|\|!S&&!k?T:(0,o.Z)((0,o.Z)({},T),{},{media:{url:w}});return k&&i?(0,o.Z)((0,o.Z)({},T),{},{media:{url:E}}):e}),[S,k,T,w,E,i]),x=null;if(S&&null!==l&&i){var O=(l\|\|{}).fit,Z=void 0===O?"cover":O,F=(t\|\|{}).metadata,I=(void 0===F?null:F)\|\|{},L=I.width,z=void 0===L?0:L,B=I.height,q=void 0===B?0:B,j=(0,P.getSizeWithinBounds)(z,q,n,a,{cover:"cover"===Z}),D=j.width,V=j.height;x={width:D,height:V,left:-(D-n)/2,top:-(V-a)/2}}return null!==v?f.createElement(f.Fragment,null,"image"!==v&&i?null:f.createElement(Et,Object.assign({},N,{objectFit:l,width:n,height:a,onLoaded:d,className:c()([Mt,(0,r.Z)({},m,null!==m)])})),S&&i?f.createElement("div",{className:c()([Mt,(0,r.Z)({},m,null!==m)]),style:{width:n,height:a}},f.createElement("div",{className:c()(["micromag-element-visual-videoContainer",(0,r.Z)({},p,null!==p)]),style:x},f.createElement(R,Object.assign({},T,{width:null===l?n:null,height:null===l?a:null,autoPlay:!0,loop:s,initialMuted:u,onReady:d})))):null):null};Tt.propTypes=kt,Tt.defaultProps={media:null,width:null,height:null,objectFit:null,playing:!0,videoLoop:!0,videoInitialMuted:!0,onLoaded:null,className:null,videoClassName:null};var Nt={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"},xt={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},Pt=function(e){var t,n,a=e.message,l=e.previousMessage,i=e.nextMessage,u=e.nextMessageState,d=e.currentSpeaker,m=e.conversationTiming,p=e.typingTiming,g=e.onChange,y=e.withAnimation,v=e.isPlaying,A=e.messageStyle,b=e.speakerStyle,w=e.className,C=a\|\|{},E=C.message,M=C.image,S=void 0===M?null:M,k=d\|\|{},T=k.avatar,N=(T=void 0===T?{}:T).url,x=void 0===N?null:N,P=k.name,O=k.side,Z=void 0===O?"left":O,F=k.id,I=k.color,R="right"===Z,L=null!==l&&l.speaker===F,z=null!==i&&i.speaker===F,B=(0,f.useState)(y?"pause":"send"),q=(0,s.Z)(B,2),j=q[0],D=q[1],V=m,H=p;(0,f.useEffect)((function(){if(!y\|\|!v)return function(){};var e=null;return"pause"===j?e=setTimeout((function(){return D("typing")}),V):"typing"===j&&(e=setTimeout((function(){return D("send")}),H)),function(){null!==e&&clearTimeout(e)}}),[y,v,j,D,V,H]),(0,f.useEffect)((function(){"pause"!==j&&null!==g&&g(j)}),[j]);var W=z&&u;return"pause"!==j?f.createElement("div",{className:c()([Nt.messageContainer,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,Nt.withAnimation,!0===y),(0,r.Z)(t,Nt.right,R),t)])},"typing"===j?f.createElement("div",{className:Nt.loadingContainer},f.createElement("div",{className:Nt.loading},f.createElement("div",{className:Nt.dot}),f.createElement("div",{className:Nt.dot}),f.createElement("div",{className:Nt.dot})),f.createElement("div",{className:Nt.loadingSpeakerName},P)):f.createElement("div",{className:c()([Nt.message,(n={},(0,r.Z)(n,Nt.normalRight,R),(0,r.Z)(n,Nt.nextTheSame,!0===z&&L),(0,r.Z)(n,Nt.inBetweenRight,W&&R),(0,r.Z)(n,Nt.normalLeft,!R),(0,r.Z)(n,Nt.inBetweenLeft,W&&!R),(0,r.Z)(n,Nt.last,!1===z),n)]),style:(0,o.Z)({},(0,h.getStyleFromColor)(I))},L?null:f.createElement("div",{className:c()([Nt.speakerDetails,(0,r.Z)({},Nt.right,"right"===Z)])},null!==x?f.createElement("div",{className:c()([Nt.avatarContainer,(0,r.Z)({},Nt.right,"right"===Z)])},f.createElement("img",{className:Nt.avatar,src:x,alt:P})):null,f.createElement(X,{body:P,textStyle:b})),f.createElement("div",null),f.createElement("div",{className:Nt.messageBody},null!==S?f.createElement("div",{className:Nt.imageContainer},f.createElement(Tt,{media:S,width:"100%",playing:v})):null,f.createElement(X,{className:Nt.messageBody,body:E,textStyle:A})))):null};Pt.propTypes=xt,Pt.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 Ot={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,u=e.callToAction,d=e.current,m=e.active,A=e.type,b=e.conversation,w=e.transitions,C=e.className,E=(0,g.useScreenSize)(),M=E.width,S=E.height,k=E.menuOverScreen,T=(0,g.useViewer)().menuSize,N=(0,y.useTrackScreenEvent)(A),x=(0,g.useScreenRenderContext)(),P=x.isView,O=x.isPreview,Z=x.isPlaceholder,F=x.isEdit,I=x.isStatic,R=x.isCapture,L=d&&(P\|\|F),z=d\|\|m\|\|!P,B=P&&!I&&"sequence"===a,q=b\|\|{},j=q.speakers,V=void 0===j?null:j,H=q.messages,W=void 0===H?[]:H,G=q.messageStyle,Q=q.speakerStyle,X=(0,f.useState)([]),Y=(0,s.Z)(X,2),_=Y[0],K=Y[1],J=(0,f.useRef)(null),$=(0,h.isTextFilled)(n),ee=(0,y.useResizeObserver)(),te=ee.ref,ne=(ee.entry.contentRect\|\|{}).height,ae=(0,f.useRef)(null);(0,f.useEffect)((function(){B&&null!==ae.current&&ae.current.scrollTo({top:ne,behavior:"smooth"})}),[ne,B]);var le=W.length===_.length,re=(0,f.useCallback)((function(e){var t=(0,v.Z)(_);"send"===e&&(t.push(!0),K(t))}),[_,K]),oe=(W\|\|[]).filter((function(e){return null!==e})),se=oe.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})),ue=oe.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})),ce=(0,f.useMemo)((function(){return(W\|\|[]).map((function(){return(0,U.Z)()}))}),[W]),de=I\|\|R\|\|Z\|\|O\|\|F,me=!F&&de\|\|!d,pe=null!==u&&!0===u.active,ge=(0,f.useState)(!1),ye=(0,s.Z)(ge,2),he=ye[0],ve=ye[1],Ae=(0,y.useResizeObserver)(),be=Ae.ref,we=(Ae.entry.contentRect\|\|{}).height,Ce=void 0===we?0:we,Ee=le&&!Z&&pe\|\|!B,Me=(0,f.useCallback)((function(e){e.initial&&N("scroll","Screen"),ve(!0)}),[N]),Se=(0,f.useCallback)((function(){ve(!1)}),[ve]);return f.createElement("div",{className:c()([Nt.container,(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,Nt.isPlaceholder,Z),t)]),"data-screen-ready":!0},Z?null:f.createElement(D,{background:o,width:M,height:S,playing:L,shouldLoad:z}),f.createElement(fe,{width:M,height:S},f.createElement(pt.default,{ref:ae,disabled:me,onScrolledBottom:Me,onScrolledNotBottom:Se},f.createElement("div",{ref:te},f.createElement(Ne,{className:Nt.layout,style:Z?null:{padding:l,paddingTop:(k&&!O?T:0)+l}},f.createElement(p.ScreenElement,{placeholder:"conversation",emptyLabel:f.createElement(i.Z,{id:"NmCfTO",defaultMessage:[{type:0,value:"Conversation"}]}),emptyClassName:Nt.empty,isEmpty:0===W.length&&null===n},f.createElement(p.Transitions,{transitions:w,playing:d,disabled:de},$?f.createElement(ft,Object.assign({},n,{className:Nt.title,isEmpty:null===n})):null,f.createElement("div",{className:Nt.conversation},oe.map((function(e,t){var n=0!==t?W[t-1]:null,a=t+1<W.length?W[t+1]:null,l=e.speaker,i=(V\|\|[]).find((function(e){return e.id===l}))\|\|null,r=0===t\|\|!0===_[t-1],o=ue[t],s=se[t];return f.createElement(Pt,{key:"".concat(e.message,"-").concat(ce[t]),message:e,previousMessage:n,nextMessage:a,nextMessageState:_[t+1]\|\|!B,currentSpeaker:i,conversationTiming:o,typingTiming:s,onChange:re,withAnimation:B,isPlaying:d&&r,messageStyle:G,speakerStyle:Q})}))),Ee?f.createElement("div",{style:{minHeight:Ce}},f.createElement(ie,{ref:be,className:Nt.callToAction,disabled:!he,animationDisabled:O,callToAction:u,focusable:d&&P,screenSize:{width:M,height:S}})):null,f.createElement("div",{ref:J}))))))))};Zt.propTypes=Ot,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:{label:{textStyle:"heading2"}}}]},Rt=n(5128),Lt=n.n(Rt),zt=n(9546),Bt=n.n(zt),qt={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 jt(e){var t=e.items,n=e.layout,a=e.width,l=e.height,i=e.spacing,o=e.vertical,s=e.className,u=e.axisClassName,d=e.crossClassName,m=0,p=Bt()(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)({},s,null!==s)]),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,s="".concat((o?l:a)/g100,"%"),p=o?a:l,y=Bt()(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?s:null,height:o?null:s}},y.map((function(e,n){var a="".concat(e/h100,"%"),l=t[m];return m+=1,f.createElement("div",{key:"axis-".concat(n),className:c()(["micromag-element-grid-axis",(0,r.Z)({},u,null!==u)]),style:{width:o?null:a,height:o?a:null,padding:i>0?i/2:0}},l)})))}))))}jt.propTypes=qt,jt.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]}]}},Ht={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"},Wt={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,u=e.callToAction,d=e.current,m=e.active,A=e.spacing,b=e.captionMaxLines,w=e.transitions,C=e.transitionStagger,E=e.className,M=(0,g.useScreenSize)(),S=M.width,k=M.height,T=M.menuOverScreen,N=(0,g.useViewer)().menuSize,x=(0,g.useScreenRenderContext)(),P=x.isView,O=x.isPreview,Z=x.isPlaceholder,F=x.isEdit,I=x.isStatic,R=x.isCapture,L=d&&(P\|\|F),z=d\|\|m\|\|!P,B=Z?5:A,q=Lt()(Vt[n])?Vt[n]:{},j=q.layout,V=void 0===j?[]:j,H=q.vertical,W=void 0!==H&&H,G=V.reduce((function(e,t){var n=t.rows,a=t.columns;return e+(W?n:a).length}),0),U=(0,f.useState)(0),Q=(0,s.Z)(U,2),Y=Q[0],_=Q[1],K=null!==a?Math.min(G,a.length):0,J=Y>=K,$=d&&J,ee=I\|\|R\|\|Z\|\|O\|\|F,te=(0,f.useCallback)((function(){_(Y+1)}),[Y,_]),ne=(0,f.useRef)([]),ae=(0,f.useState)([]),le=(0,s.Z)(ae,2),re=le[0],oe=le[1],se=(0,y.useResizeObserver)(),ue=se.ref,ce=se.entry.contentRect\|\|{},de=ce.width,me=void 0===de?null:de,pe=ce.height,ge=void 0===pe?null:pe;(0,f.useEffect)((function(){ne.current.length&&oe(ne.current.map((function(e){return null!==e?{width:e.offsetWidth,height:e.offsetHeight}:{}})))}),[me,ge,n,oe]);var ye=null!==u&&!0===u.active,he=(0,y.useResizeObserver)(),ve=he.ref,Ae=(he.entry.contentRect\|\|{}).height,be=void 0===Ae?0:Ae,we=(0,v.Z)(Array(G)).map((function(e,t){var n=null!==a?a[t]:null,r=re[t]\|\|{},o=l?n:{media:n},s=(o\|\|{}).caption,u=void 0===s?null:s,c=(0,h.isImageFilled)(o),d=(0,h.isTextFilled)(u);return f.createElement("div",{key:"item-".concat(t),className:Ht.gridItem},f.createElement("div",{className:Ht.imageContainer,ref:function(e){ne.current[t]=e}},f.createElement(p.Transitions,{transitions:w,delay:tC,playing:$,disabled:ee,fullscreen:!0},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:Ht.placeholder,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Ht.emptyImage,isEmpty:!c},f.createElement(Tt,Object.assign({className:Ht.image},o,r,{objectFit:{fit:"cover"},playing:L,onLoaded:te}))))),l?f.createElement(p.Transitions,{transitions:w,delay:tC,playing:$,disabled:ee},f.createElement(p.ScreenElement,{placeholder:"line",emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:Ht.emptyCaption,isEmpty:!d},f.createElement("div",{className:Ht.caption},f.createElement(X,Object.assign({},u,{className:Ht.captionText,lineClamp:b}))))):null)}));return f.createElement("div",{className:c()([Ht.container,(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,Ht.isPlaceholder,Z),t)]),"data-screen-ready":J},Z?null:f.createElement(D,{background:o,width:S,height:k,playing:L,shouldLoad:z}),f.createElement(fe,{width:S,height:k},f.createElement("div",{className:Ht.content,style:{paddingTop:T&&!O?N:null,paddingBottom:ye?be-B:0},ref:ue},f.createElement(jt,Object.assign({className:Ht.grid,spacing:B,items:we},q)),!Z&&ye?f.createElement("div",{style:{marginTop:-B}},f.createElement(ie,{ref:ve,className:Ht.callToAction,callToAction:u,animationDisabled:O,focusable:d&&P,screenSize:{width:S,height:k}})):null)))};Gt.propTypes=Wt,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 Ut=f.memo(Gt),Qt=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]:[])),s=r.story,u=r.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components\|\|[]),(0,v.Z)(u?[u]:[]))})}}),Xt=[{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:Ut,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:Qt,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:{label:{textStyle:"heading2"}}}]},{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(Ut,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:Qt,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:{label:{textStyle:"heading2"}}}]}],Yt={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"},_t={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},Kt=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,o=e.spacing,u=e.background,d=e.callToAction,m=e.current,A=e.active,b=e.transitions,w=e.transitionStagger,C=e.type,E=e.className,M=(0,y.useTrackScreenEvent)(C),S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=S.menuOverScreen,x=(0,g.useViewer)().menuSize,P=(0,g.useScreenRenderContext)(),O=P.isView,Z=P.isPreview,F=P.isPlaceholder,I=P.isEdit,R=P.isStatic,L=P.isCapture,z=m&&(O\|\|I),B=m\|\|A\|\|!O,q=null!==a?a.length:0,j=(0,f.useState)(0),V=(0,s.Z)(j,2),H=V[0],W=V[1],G=H>=q,U=m&&G,Q=R\|\|L\|\|F\|\|Z\|\|I,Y=!I&&Q\|\|!m,_=(0,f.useCallback)((function(){W(H+1)}),[H,W]),K="reverse"===n,J=[],$=I&&0===q?[null]:a,ee=F?(0,v.Z)(Array(5)):$,te=(0,y.useResizeObserver)(),ne=te.ref,ae=(te.entry.contentRect\|\|{}).width;(ee\|\|[]).forEach((function(e,t){var n=l?e:{media:e},a=(n\|\|{}).caption,r=void 0===a?null:a,s=(0,h.isImageFilled)(n),u=(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:Yt.emptyImage,isEmpty:!s},f.createElement("div",{className:Yt.imageContainer,ref:0===t?ne:null},f.createElement(Tt,Object.assign({},n,{width:ae,onLoaded:_,playing:z})))),d=null;if(l){var m=!K\|\|t>0?o/2:0,g=K\|\|t<(ee\|\|[]).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:Yt.emptyCaption,isEmpty:!u},f.createElement("div",{className:Yt.caption,style:{marginTop:m,marginBottom:g}},f.createElement(X,Object.assign({},r,{className:Yt.captionText}))))}K?(l&&J.push(d),J.push(c)):(J.push(c),l&&J.push(d)),!F&&t<(ee\|\|[]).length-1&&J.push(f.createElement("div",{key:"spacing-".concat(t),style:{height:o}}))}));var le=null!==d&&!0===d.active,re=(0,f.useState)(!1),oe=(0,s.Z)(re,2),se=oe[0],ue=oe[1],ce=(0,y.useResizeObserver)(),de=ce.ref,me=(ce.entry.contentRect\|\|{}).height,pe=void 0===me?0:me;!F&&le&&J.push(f.createElement("div",{key:"cta-spacer",style:{height:pe}}));var ge=(0,f.useCallback)((function(e){e.initial&&M("scroll","Screen"),ue(!0)}),[M]),ye=(0,f.useCallback)((function(){ue(!1)}),[ue]);return f.createElement("div",{className:c()([Yt.container,(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,Yt.isPlaceholder,F),t)]),"data-screen-ready":G},F?null:f.createElement(D,{background:u,width:k,height:T,playing:z,shouldLoad:B}),f.createElement(fe,{width:k,height:T},f.createElement(pt.default,{disabled:Y,onScrolledBottom:ge,onScrolledNotBottom:ye},f.createElement(Ne,{className:Yt.layout,style:F?null:{padding:o,paddingTop:(N&&!Z?x:0)+o}},f.createElement(p.TransitionsStagger,{transitions:b,stagger:w,disabled:Q,playing:U},J))),!F&&le?f.createElement(ie,{ref:de,className:Yt.callToAction,disabled:!se,animationDisabled:Z,callToAction:d,focusable:m&&O,screenSize:{width:k,height:T}}):null))};Kt.propTypes=_t,Kt.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 Jt=f.memo(Kt),$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]:[])),s=r.story,u=r.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components\|\|[]),(0,v.Z)(u?[u]:[]))})}}),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:Jt,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:{label:{textStyle:"heading2"}}}]},{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(Jt,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:{label:{textStyle:"heading2"}}}]}],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,u=e.title,d=e.text,m=e.legend,v=e.withTitle,A=e.withText,b=e.withLegend,w=e.spacing,C=e.background,E=e.callToAction,M=e.current,S=e.active,k=e.transitions,T=e.className,N=(0,f.useMemo)((function(){return{fit:l\|\|o}}),[l,o]),x=(0,g.useScreenSize)(),P=x.width,O=x.height,Z=x.menuOverScreen,F=(0,g.useViewer)().menuSize,I=(0,g.useScreenRenderContext)(),R=I.isView,L=I.isPreview,z=I.isPlaceholder,B=I.isEdit,q=I.isStatic,j=I.isCapture,V=M&&(R\|\|B),H=M\|\|S\|\|!R,W=null!==a,G=(0,h.isTextFilled)(u),U=(0,h.isTextFilled)(d),Q=(0,h.isTextFilled)(m),Y=(0,f.useState)(!W),_=(0,s.Z)(Y,2),K=_[0],J=_[1],$=M&&K,ee=q\|\|j\|\|z\|\|L\|\|B,te=(0,f.useCallback)((function(){J(!0)}),[J]),ne="reverse"===n\|\|"card-reverse"===n,ae="title-top"===n,le="card"===n\|\|"card-reverse"===n,re="card-reverse"===n,oe="fullscreen"===n,se=oe\|\|z?0:w,ue=(0,y.useResizeObserver)(),ce=ue.ref,de=ue.entry.contentRect\|\|{},me=de.width,pe=de.height,ge=re?"".concat(se/2,"px ").concat(-se/2,"px 0"):"0 ".concat(-se/2,"px ").concat(se/2,"px"),ye=le\|\|re?ge:se/2,he=[f.createElement("div",{key:"image",ref:ce,className:tn.imageContainer,style:z?null:{margin:ye}},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:!W},W?f.createElement(p.Transitions,{transitions:k,playing:$,disabled:ee,fullscreen:!0},f.createElement(Tt,{className:tn.image,media:a,objectFit:N,width:me,height:pe,playing:V,onLoaded:te})):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:!G},G?f.createElement(p.Transitions,{transitions:k,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:se/2}},f.createElement(ft,u))):null),A&&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:k,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:se/2}},f.createElement(X,d))):null),b&&f.createElement(p.ScreenElement,{key:"legend",placeholder:"shortText",emptyLabel:f.createElement(i.Z,{id:"dqnkQk",defaultMessage:[{type:0,value:"Legend"}]}),emptyClassName:tn.emptyLegend,isEmpty:!Q},Q?f.createElement(p.Transitions,{transitions:k,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:se/2}},f.createElement(X,m))):null)];ne?he.reverse():ae&&v&&(G\|\|z)&&he.splice(0,0,he.splice(1,1)[0]);var ve=null!==E&&!0===E.active;!z&&ve&&he.push(f.createElement("div",{style:{margin:-se/2,marginTop:0},key:"call-to-action"},f.createElement(ie,{className:tn.callToAction,callToAction:E,animationDisabled:L,focusable:M&&R,screenSize:{width:P,height:O}})));var Ae=se/2,be=(Z&&!L?F:0)+se/2;return(le\|\|oe)&&(be=0),re&&(be=Z?F:se/2,Ae=0),f.createElement("div",{className:c()([tn.container,(t={},(0,r.Z)(t,T,null!==T),(0,r.Z)(t,tn.isReversed,ne),(0,r.Z)(t,tn.isPlaceholder,z),(0,r.Z)(t,tn.isCard,le),(0,r.Z)(t,tn.isCardReverse,re),(0,r.Z)(t,tn.isFullscreen,oe),t)]),"data-screen-ready":K},z?null:f.createElement(D,{background:C,width:P,height:O,playing:V,shouldLoad:H}),f.createElement(fe,{width:P,height:O},f.createElement(Ne,{className:tn.layout,fullscreen:!0,style:z?null:{padding:se/2,paddingTop:be,paddingBottom:Ae}},he)))};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),s=r.story,u=r.component,c=(0,Le.nL)(s,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)(u?[u]:[]));break;case"title-top":y=[].concat((0,v.Z)(m?[m]:[]),(0,v.Z)(u?[u]:[]),(0,v.Z)(g?[g]:[]));break;default:y=[].concat((0,v.Z)(u?[u]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(g?[g]:[]))}var h=(0,Le.W2)(p,y),A=h.story,b=h.component;return(0,o.Z)((0,o.Z)({},A),{},{components:[].concat((0,v.Z)(e.components\|\|[]),(0,v.Z)(b?[b]:[]))})}}),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:{label:{textStyle:"heading2"}}}]},{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:{label:{textStyle:"heading2"}}}]},{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:{label:{textStyle:"heading2"}}}]},{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:{label:{textStyle:"heading2"}}}]},{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:{label:{textStyle:"heading2"}}}]}],sn=n(6522),un=n(2289),cn=n.n(un),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,u=e.withoutStyle,d=e.events,m=e.fitBounds,p=e.zoomControl,h=e.mapTypeControl,v=e.scaleControl,A=e.streetViewControl,b=e.rotateControl,w=e.fullscreenControl,C=e.className,E=e.children,M=e.focusable,S=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,u=e.fitBounds,c=void 0!==u&&u,d=e.bounds,m=void 0===d?null:d,p=e.events,h=e.draggable,v=void 0!==h&&h,A=e.zoomControl,b=e.mapTypeControl,w=e.scaleControl,C=e.streetViewControl,E=e.rotateControl,M=e.fullscreenControl,S=(0,g.useGoogleMapsClient)(),k=(0,f.useState)(!1),T=(0,s.Z)(k,2),N=T[0],x=T[1],P=(0,f.useRef)(null),O=(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,B=void 0===z?null:z;(0,f.useEffect)((function(){var e=O.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=O.current;null!==e&&null!==t&&e.setZoom(Math.min(a,t))}),[t,a]);var q=(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=O.current;null!==e&&c&&q(e,m)}),[q,m,c,L,B]),(0,f.useEffect)((function(){var e=O.current;N&&null!==e&&e.setOptions({draggable:v,scrollWheel:v,disableDoubleClickZoom:!v,gestureHandling:v?"cooperative":"none"})}),[N,v]),(0,f.useEffect)((function(){if(null===S\|\|null===P.current\|\|null!==O.current)return function(){};var e=new S.maps.Map(P.current,{zoom:t,center:i,styles:o?null:dn,zoomControl:A,mapTypeControl:b,scaleControl:w,streetViewControl:C,rotateControl:E,fullscreenControl:M});return c&&q(e,m),O.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))}))})),x(!0),function(){}}),[S,x]),{ref:(0,f.useCallback)((function(e){F.current=e,P.current=e}),[]),map:O.current,ready:N,loading:!N}}({zoom:a,maxZoom:l,bounds:i,draggable:o,fitBounds:m,center:n,events:d,withoutStyle:u,zoomControl:p,mapTypeControl:h,scaleControl:v,streetViewControl:A,rotateControl:b,fullscreenControl:w}),k=S.map,T=S.ref;return f.createElement("div",{className:c()(["micromag-element-map-container",(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,"micromag-element-map-preventScroll",!o),t)])},f.createElement("div",{ref:T,className:"micromag-element-map-map",tabIndex:M?"0":"-1"}),f.Children.map(E,(function(e){return f.cloneElement(e,{map:k})})))};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,s=t.events,u=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:u});return m(t,i),Object.keys(s).forEach((function(e){t.addListener(gn[e],s[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},An=function(e){var t=e.center,n=e.zoom,a=e.draggable,l=e.markers,i=e.onClickMap,o=e.onClickMarker,u=e.className,d=e.onReady,m=e.onCenterChanged,p=e.onBoundsChanged,y=e.onDragEnd,h=e.withoutStyle,v=e.fitBounds,A=e.zoomControl,b=e.mapTypeControl,w=e.scaleControl,C=e.streetViewControl,E=e.rotateControl,M=e.fullscreenControl,S=e.focusable,k=(0,g.useGoogleMapsClient)(),T=(0,f.useCallback)((function(e){null!==i&&i(e)}),[i]),N=(0,f.useMemo)((function(){var e=(l\|\|[]).filter((function(e){return null!==e&&null!==(e.geoPosition\|\|null)}));return null===k\|\|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 k.maps.LatLng(i,o)),e}),new k.maps.LatLngBounds)}),[k,l]),x=(0,f.useState)(!1),P=(0,s.Z)(x,2),O=P[0],Z=P[1];(0,f.useEffect)((function(){null!==k&&O&&null!==d&&d(k)}),[k,O,d]);var F=(0,f.useCallback)((function(){return Z(!0)}),[Z]),I=(0,f.useMemo)((function(){return{onClick:T,onCenterChanged:m,onBoundsChanged:p,onDragEnd:y,onTilesLoaded:F}}),[T,m,p,y,F]);return f.createElement("div",{className:c()(["micromag-element-map-container",(0,r.Z)({},u,null!==u)])},f.createElement(pn,{center:t,zoom:n,withoutStyle:h,bounds:N,draggable:a,events:I,fitBounds:v,zoomControl:A,mapTypeControl:b,scaleControl:w,streetViewControl:C,rotateControl:E,fullscreenControl:M,focusable:S},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,s=void 0===r?null:r,u=e.title,c=void 0===u?null:u;return null!==i&&null!==(i.lat\|\|null)&&null!==(i.lng\|\|null)?f.createElement(hn,{key:"marker-".concat(t),active:a,title:null!==c&&(0,sn.Z)(c.body)?c.body:null,image:s,position:i,events:{onClick:null!==o?function(e){return o(e,t)}:function(){return console.log(t)}}}):f.createElement("div",null)})):null))};An.propTypes=vn,An.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 bn={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"},wn={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 Cn(e){var t,n,a=e.layout,l=e.draggable,u=e.markers,d=e.title,m=e.description,v=e.button,A=e.openedMarkerSpacerHeight,b=e.withMarkerImages,w=e.zoom,C=e.center,E=e.fitBounds,M=e.background,S=e.current,k=e.active,T=e.transitions,N=e.onEnableInteraction,x=e.onDisableInteraction,P=e.type,O=e.className,Z=(0,xe.Z)().locale,F=(0,g.useGoogleKeys)().apiKey,I=void 0===F?null:F,R=(0,y.useTrackScreenEvent)(P),L=(0,f.useState)(null),z=(0,s.Z)(L,2),q=z[0],j=z[1],D=null!==q,V=(0,f.useRef)(null),H=(0,g.useScreenSize)(),W=H.width,U=H.height,Q=(M\|\|{}).color,Y=(0,h.getStyleFromColor)(Q),_=(0,g.useScreenRenderContext)(),K=_.isView,J=_.isPreview,$=_.isPlaceholder,ee=_.isEdit,te=_.isStatic,ne=_.isCapture,ae=(0,g.useScreenState)(),le=(0,f.useState)(!1),ie=(0,s.Z)(le,2),re=ie[0],oe=ie[1],se=S&&re,ue=te\|\|ne\|\|$\|\|J\|\|ee,ce=!ee&&ue\|\|!S,de=S&&(K\|\|ee),me=S\|\|k\|\|!K,pe=(0,f.useState)(te\|\|ne),ge=(0,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useCallback)((function(){return oe(!0)}),[oe]),Ae=(0,f.useMemo)((function(){return(u\|\|[]).map((function(e,t){return(0,o.Z)((0,o.Z)({},e),{},{active:t===q})}))}),[u,q]),be=(0,f.useCallback)((function(){var e=Ae[q];V.current=e,j(null)}),[Ae,q,j]),we=(0,f.useCallback)((function(){var e=Ae[q];R("click_marker_close","Marker ".concat(q+1,": ").concat(e.title.body),{marker:e,markerIndex:q}),be()}),[Ae,q,R,be]),Ce=(0,f.useCallback)((function(e,t){var n=Ae[t];j(t),R("click_marker_open","Marker ".concat(t+1,": ").concat(n.title.body),{marker:n,markerIndex:t})}),[Ae,j,R]),Ee=(0,f.useCallback)((function(){he(!0),null!==x&&x(),R("click_button",v.body)}),[he,x,R,v]),Me=(0,f.useCallback)((function(){he(!1),null!==N&&N(),R("click_close","Close icon"),be()}),[he,N,R]),Se=(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]),ke=(0,f.useCallback)((function(e){if(e.initial){var t=(u\|\|[])[q];R("scroll","Marker ".concat(q+1,": ").concat(t.title.body),{marker:t,markerIndex:q})}}),[R,u,q]),Te=(0,y.useResizeObserver)({disabled:!K}),Ne=Te.ref,Pe=(Te.entry.contentRect\|\|{}).width,Oe=void 0===Pe?"100%":Pe,Ze=(0,f.useState)(0),Fe=(0,s.Z)(Ze,2),Ie=Fe[0],Re=Fe[1],Le=Ie===(u\|\|[]).length,ze=re&&(!b\|\|Le);if((0,f.useEffect)((function(){if(b&&null!==u&&(u\|\|[]).length){Re(0);var e=u.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(){Re((function(e){return Re(e+1)}))},l}return null}));return function(){e.filter((function(e){return null!==e})).forEach((function(e){e.onload=function(){}}))}}return function(){}}),[b,u]),(0,f.useEffect)((function(){if(ee\|\|J){var e=null!==ae?ae.split("."):[],t=(0,s.Z)(e,2),n=t[0],a=void 0===n?null:n,l=t[1],i=void 0===l?null:l;"intro"===a?(he(!1),j(null)):"map"===a?(he(!0),j(null)):"markers"===a&&(he(!0),j(parseInt(i,10)))}}),[ae,ee,he]),W>0&&U>0&&null!==I){var Be=null!==u?u.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(W),"x").concat(Math.round(U)),null!==C&&(null===Be\|\|0===Be.length)){var qe=C\|\|{},je=qe.lat,De=void 0===je?null:je,Ve=qe.lng,He=void 0===Ve?null:Ve;n+="&center=".concat(De,",").concat(He)}null!==w&&(n+="&zoom=".concat(w)),null!==I&&(n+="&key=".concat(I)),null!==Z&&(n+="&language=".concat(Z)),null!==Be&&(n+=Be.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,s=((void 0===o?null:o)\|\|{}).url,u=void 0===s?null:s;return null!==l&&null!==r?"&markers=".concat(null!==u?"icon:".concat(u):"","%7C").concat(l,",").concat(r):""})).join(""))}var We=(D?Ae[q]:V.current)\|\|{},Ge=We.title,Ue=void 0===Ge?null:Ge,Qe=We.subtitle,Xe=void 0===Qe?null:Qe,Ye=We.description,_e=void 0===Ye?null:Ye,Ke=We.image,Je=void 0===Ke?null:Ke,$e=null!==Ue,et=null!==Xe,tt=null!==_e,nt=null!==Je,at=(0,h.isTextFilled)(d),lt=(0,h.isTextFilled)(m),it=(0,h.isTextFilled)(v);return f.createElement("div",{className:c()([bn.container,(t={},(0,r.Z)(t,O,null!==O),(0,r.Z)(t,bn["".concat(a,"Layout")],null!==a),(0,r.Z)(t,bn.opened,ye\|\|J&&"intro"!==ae),(0,r.Z)(t,bn.hasSelectedMarker,D),t)]),"data-screen-ready":ze},$?null:f.createElement(B,{color:{color:"#FFFFFF",alpha:1},width:W,height:U,playing:de,shouldLoad:me}),f.createElement(fe,{width:W,height:U},$?f.createElement(p.PlaceholderMap,{className:bn.placeholder,withImages:b}):f.createElement(p.Transitions,{transitions:T,playing:se,fullscreen:!0,disabled:ue},J?f.createElement(Et,{media:null!==n?{url:n,metadata:{width:Math.min(640,W),height:Math.min(640,U)}}:null,width:W,height:U,objectFit:{fit:"cover"}}):f.createElement(An,{key:"map",center:C,zoom:w,draggable:l,markers:Ae,fitBounds:E,onClickMarker:Ce,onReady:ve,onDragEnd:Se}),f.createElement("div",{key:"marker-overlay",className:bn.markerOverlayContainer},f.createElement("div",{className:bn.markerOverlayScrollable},f.createElement(pt.default,{fullscreen:!0,disabled:ce,onScrolledBottom:ke},f.createElement(p.Button,{className:bn.markerOverlaySafe,onClick:we,withoutStyle:!0,style:{height:UA},disabled:J,focusable:S&&K}),f.createElement("div",{className:bn.markerOverlay,style:{minHeight:U(1-A)}},f.createElement("div",{className:bn.markerOverlayContent,style:Y},f.createElement("div",{className:bn.swipeIndicator}),f.createElement("div",{className:bn.markerOverlayContentInner,key:"markerContent-".concat(q),ref:Ne},nt?f.createElement(Et,{className:bn.markerImage,media:Je,width:Oe}):null,$e?f.createElement(ft,Object.assign({className:bn.markerTitle},Ue)):null,et?f.createElement(ft,Object.assign({size:3,className:bn.markerSubtitle},Xe)):null,tt?f.createElement(X,Object.assign({className:bn.markerDescription},_e)):null)))))),f.createElement("div",{key:"splash",className:c()([bn.splash])},f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:bn.emptyTitle,isEmpty:!at},f.createElement(ft,Object.assign({className:bn.title},d))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:bn.emptyDescription,isEmpty:!lt},f.createElement(X,Object.assign({className:bn.description},m))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:bn.emptyButton,isEmpty:!it},f.createElement(G,{className:bn.splashButton,onClick:Ee,buttonStyle:null!==v?v.buttonStyle:null,focusable:S&&K},it?f.createElement(X,Object.assign({},v,{className:bn.button})):f.createElement(i.Z,{id:"sXfFFw",defaultMessage:[{type:0,value:"Enter"}]})))),te\|\|ne\|\|J\|\|ee?null:f.createElement(p.Button,{key:"close-button",className:bn.closeButton,onClick:Me,focusable:S&&K},"×"))))}Cn.propTypes=wn,Cn.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 En=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,s=void 0===r?null:r,u=(0,Le.D5)(e,{latitude:i,longitude:s}),c=u.story,d=u.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]:[]))})}}),Mn=[{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:Cn,layouts:["normal"],transforms:En,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(Cn,Object.assign({},t,{withMarkerImages:!0}))},layouts:["normal"],transforms:En,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"}]})}]}],Sn=n(1757),kn=n(7773),Tn={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"},Nn={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},xn=function(e){var t,n=e.items,a=e.answeredIndex,l=e.answersCollapseDelay,u=e.buttonsStyle,d=e.goodAnswerColor,m=e.badAnswerColor,A=e.withoutGoodAnswer,b=e.focusable,w=e.collapsed,C=e.transitions,E=e.transitionPlaying,M=e.transitionStagger,S=e.transitionDisabled,k=e.onClick,T=e.onCollapse,N=e.onCollapsed,x=e.onTransitionEnd,P=e.className,O=(0,g.useScreenRenderContext)(),Z=O.isView,F=O.isPreview,I=O.isPlaceholder,R=O.isEdit,L=null!==a,z=(null!==a?n[a]:{}).good,B=void 0!==z&&z,q=(0,y.useResizeObserver)(),j=q.ref,D=(q.entry.contentRect\|\|{}).height,V=(0,y.useResizeObserver)(),H=V.ref,W=(V.entry.contentRect\|\|{}).height,U=(0,f.useMemo)((function(){return null!==H.current?H.current.offsetTop:0}),[W]),Q=!A,K=(0,f.useState)(null!==a),J=(0,s.Z)(K,2),$=J[0],ee=J[1],te=(0,f.useState)(w\|\|null!==a),ne=(0,s.Z)(te,2),ae=ne[0],le=ne[1];(0,f.useEffect)((function(){var e=null;return null!==a&&Q&&(e=setTimeout((function(){ee(!0),null!==T&&T()}),B?500:l)),function(){null!==e&&clearTimeout(e)}}),[a,A,ee,T,l,B]);var ie=(0,f.useCallback)((function(){null!==x&&x(),Q&&$&&!ae&&(le(!0),null!==N&&N())}),[Q,$,ae,ee,N,x]);return f.createElement("div",{className:c()([Tn.container,(t={},(0,r.Z)(t,Tn.answered,L),(0,r.Z)(t,Tn.withoutGoodAnswer,A),(0,r.Z)(t,Tn.withGoodAnswer,!A),(0,r.Z)(t,Tn.willCollapse,Q&&$),(0,r.Z)(t,Tn.didCollapsed,Q&&ae),(0,r.Z)(t,Tn.isPlaceholder,I),(0,r.Z)(t,P,null!==P),t)]),ref:j,style:L&&!ae&&(Z\|\|R)&&Q?{height:$?W:D}:null},null!==n\|\|I?f.createElement("div",{className:Tn.items},(I\|\|R&&0===n.length?(0,v.Z)(new Array(2)):n).map((function(e,t){var n,l=t===a,s=e\|\|{},g=s.good,y=void 0!==g&&g,v=s.label,w=void 0===v?null:v,T=s.buttonStyle,N=void 0===T?null:T,x=(0,h.isTextFilled)(w);return ae&&!y?null:f.createElement("div",{key:"answer-".concat(t),ref:y?H:null,className:c()([Tn.item,(n={},(0,r.Z)(n,Tn.rightAnswer,y&&!A),(0,r.Z)(n,Tn.userAnswer,l),n)]),style:$&&y&&!ae&&Q?{transform:"translateY(".concat(-U,"px)")}:null,onTransitionEnd:y\|\|A&&l?ie:null},f.createElement("div",{className:Tn.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:Tn.emptyAnswer,isEmpty:!x},x?f.createElement(p.Transitions,{transitions:C,playing:E,delay:(t+1)M,disabled:S},f.createElement(G,{className:Tn.button,onClick:function(){return k(e,t)},disabled:F\|\|L,focusable:b,buttonStyle:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromBox)(u)),(0,h.getStyleFromBox)(N))},!A&&y?f.createElement("span",{className:Tn.resultIcon,style:(0,h.getStyleFromColor)(d,"backgroundColor")},f.createElement(_.FontAwesomeIcon,{className:Tn.faIcon,icon:Y.faCheck})):null,!A&&L&&!B&&l?f.createElement("span",{className:Tn.resultIcon,style:(0,h.getStyleFromColor)(m,"backgroundColor")},f.createElement(_.FontAwesomeIcon,{className:Tn.faIcon,icon:Y.faTimes})):null,f.createElement(X,Object.assign({},w,{className:Tn.optionLabel})))):null)))}))):null)};xn.propTypes=Nn,xn.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 Pn={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"},On={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,u=e.totalCount,d=e.answeredIndex,m=e.buttonsStyle,v=e.goodAnswerColor,A=e.badAnswerColor,b=e.focusable,w=e.showInstantAnswer,C=e.withResult,E=e.withoutGoodAnswer,M=e.withoutIndex,S=e.layout,k=e.callToActionHeight,T=e.transitions,N=e.transitionPlaying,x=e.transitionStagger,P=e.transitionDisabled,O=e.onAnswerClick,Z=e.onAnswerTransitionEnd,F=e.className,I=e.style,R=(0,g.useScreenRenderContext)().isPlaceholder,L="split"===S,z=L?null:S,B=(0,h.isTextFilled)(n),q=(0,h.isTextFilled)(l),j=(0,f.useState)(w),D=(0,s.Z)(j,2),V=D[0],H=D[1],W=null!==d,G=(0,y.useResizeObserver)(),U=G.ref;(G.entry.contentRect\|\|{}).height;var Q=(0,f.useCallback)((function(){H(!0)}),[H]),Y=null!==o&&null!==u;return f.createElement(Ne,{className:c()([Pn.container,(t={},(0,r.Z)(t,Pn.isPlaceholder,R),(0,r.Z)(t,Pn.resultVisible,V),(0,r.Z)(t,F,null!==F),t)]),fullscreen:!0,verticalAlign:z,style:I},[!M&&Y?f.createElement(p.ScreenElement,{key:"stats",placeholder:f.createElement("div",{className:Pn.index},"1 / 10")},u>1?f.createElement(p.Transitions,{transitions:T,playing:N,disabled:P},f.createElement("div",{className:Pn.index},o+1," / ",u)):null):null,f.createElement(p.ScreenElement,{key:"question",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"FOmgqv",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:Pn.emptyQuestion,isEmpty:!B},B?f.createElement(p.Transitions,{transitions:T,playing:N,disabled:P},f.createElement(ft,Object.assign({},n,{className:Pn.question}))):null),L?f.createElement(Ce,{key:"spacer"}):null,f.createElement(xn,{key:"answers",items:a\|\|[],answeredIndex:d,goodAnswerColor:v,badAnswerColor:A,withoutGoodAnswer:E,buttonsStyle:m,focusable:b,transitions:T,transitionStagger:x,transitionPlaying:N,transitionDisabled:P,onClick:O,onCollapse:Q,onTransitionEnd:Z}),C?f.createElement("div",{className:Pn.result,key:"results",ref:U},f.createElement("div",{className:Pn.resultContent},f.createElement(p.ScreenElement,{emptyLabel:W?f.createElement(i.Z,{id:"li7ADr",defaultMessage:[{type:0,value:"Result"}]}):null,isEmpty:W&&!q,emptyClassName:Pn.emptyResult},q&&null!==a?f.createElement(p.Transitions,{transitions:T,playing:N,delay:(1+a.length)x,disabled:P},f.createElement(X,Object.assign({},l,{className:Pn.resultText})),null!==k?f.createElement("div",{style:{height:k}}):null):null))):null])};Zn.propTypes=On,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,u=e.goodAnswerColor,d=e.badAnswerColor,m=e.spacing,p=e.background,h=e.callToAction,v=e.current,A=e.active,b=e.transitions,w=e.transitionStagger,C=e.type,E=e.className,M=t\|\|"screen-id",S=(0,y.useTrackScreenEvent)(C),k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=k.menuOverScreen,P=(0,g.useViewer)().menuSize,O=(0,g.useScreenRenderContext)(),Z=O.isView,F=O.isPreview,I=O.isPlaceholder,R=O.isEdit,L=O.isStatic,z=O.isCapture,B=v,q=L\|\|z\|\|I\|\|F\|\|R,j=v&&(Z\|\|R),V=v\|\|A\|\|!Z,H=null!==h&&!0===h.active,W=(0,y.useResizeObserver)(),G=W.ref,U=(W.entry.contentRect\|\|{}).height,Q=void 0===U?0:U,X=L\|\|z,Y=null!==l?l.findIndex((function(e){return null!==e&&e.good})):null,_=(0,f.useState)(X?Y:null),K=(0,s.Z)(_,2),J=K[0],$=K[1],ee=st({screenId:M}).create,te=(0,f.useCallback)((function(e,t){null===J&&($(t),S("click_answer","".concat(J+1,": ").concat(e.label.body),{answer:e,answerIndex:t}))}),[J,$,S,l]);return(0,f.useEffect)((function(){!v&&R&&null!==J&&$(null)}),[R,v,J,$]),(0,f.useEffect)((function(){if(null!==J){var e=null!==J&&l?l[J]:{},t=e.good,n=void 0!==t&&t,a=e.label,i=((void 0===a?{}:a)\|\|{}).body;ee({choice:(void 0===i?"":i)\|\|J,value:n?1:0})}}),[J,l,ee]),f.createElement("div",{className:c()([Fn.container,(0,r.Z)({},E,null!==E)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:p,width:T,height:N,playing:j,shouldLoad:V}),f.createElement(fe,{width:T,height:N},f.createElement(Zn,{question:a,answers:l,result:i,answeredIndex:J,buttonsStyle:o,goodAnswerColor:u,badAnswerColor:d,focusable:v&&Z,showInstantAnswer:X,withResult:!0,layout:n,callToActionHeight:Q,transitions:b,transitionPlaying:B,transitionStagger:w,transitionDisabled:q,onAnswerClick:te,className:Fn.question,style:I?null:{padding:m,paddingTop:(x&&!F?P:0)+m}}),!I&&H?f.createElement(ie,{ref:G,className:Fn.callToAction,callToAction:h,animationDisabled:F,focusable:v&&Z,screenSize:{width:T,height:N}}):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]))},Bn=function(e){var t=e.layout,n=e.title,a=e.description,l=e.transitions,o=e.transitionPlaying,s=e.transitionStagger,u=e.transitionDisabled,d=e.className,m=e.style,g="split"===t,y=g?null:t,v=(0,h.isTextFilled)(n),A=(0,h.isTextFilled)(a);return f.createElement(Ne,{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:u},f.createElement(ft,Object.assign({},n,{className:Ln.title}))):null),g?f.createElement(Ce,{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:!A},v?f.createElement(p.Transitions,{transitions:l,playing:o,disabled:u,delay:s},f.createElement(X,Object.assign({},a,{className:Ln.description}))):null)])};Bn.propTypes=zn,Bn.defaultProps={title:null,description:null,layout:null,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,className:null,style:null};var qn={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"},jn={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,s=e.transitions,u=e.transitionPlaying,d=e.transitionStagger,m=e.transitionDisabled,y=e.className,v=e.style,A=e.onClickButton,b=(0,g.useScreenRenderContext)(),w=b.isPreview,C=b.isEdit,E="split"===t,M=E?null:t,S=(0,h.isTextFilled)(n),k=(0,h.isTextFilled)(a),T=(0,h.isTextFilled)(l);return f.createElement(Ne,{className:c()([qn.container,(0,r.Z)({},y,null!==y)]),fullscreen:!0,verticalAlign:M,style:v},[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:qn.emptyTitle,isEmpty:!S},S?f.createElement(p.Transitions,{transitions:s,playing:u,disabled:m},f.createElement(ft,Object.assign({},n,{className:qn.title}))):null),f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:qn.emptyDescription,isEmpty:!k},k?f.createElement(p.Transitions,{transitions:s,playing:u,disabled:m,delay:d},f.createElement(X,Object.assign({},a,{className:qn.description}))):null),E?f.createElement(Ce,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"button",placeholder:"button"},f.createElement(p.Transitions,{transitions:s,playing:u,disabled:m,delay:2d},f.createElement(G,{disabled:w\|\|C,focusable:o,buttonStyle:null!==l?l.buttonStyle:null,className:qn.button,onClick:A},T?f.createElement(X,Object.assign({},l,{className:qn.label})):f.createElement(i.Z,{id:"D7LIZQ",defaultMessage:[{type:0,value:"Start"}]}))))])};Dn.propTypes=jn,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},Hn=function(e){var t,n=e.id,a=e.layout,l=e.introLayout,i=e.title,u=e.description,d=e.questions,m=e.results,p=e.buttonsStyle,h=e.goodAnswerColor,v=e.badAnswerColor,A=e.spacing,b=e.background,w=e.introBackground,C=e.introButton,E=e.callToAction,M=e.current,S=e.active,k=e.transitions,T=e.transitionStagger,N=e.type,x=e.className,P=n\|\|"screen-id",O=(0,y.useTrackScreenEvent)(N),Z=(0,g.useScreenSize)(),F=Z.width,I=Z.height,R=Z.menuOverScreen,L=(0,g.useViewer)().menuSize,z=(0,g.useScreenRenderContext)(),B=z.isView,q=z.isPreview,j=z.isPlaceholder,V=z.isEdit,H=z.isStatic,W=z.isCapture,G=(0,g.useScreenState)(),U=null!==G?G.split("."):[],Q=(0,s.Z)(U,2),X=Q[0],Y=void 0===X?null:X,_=Q[1],K=void 0===_?0:_,J=M,$=H\|\|W\|\|j\|\|q\|\|V,ee=M&&(B\|\|V),te=M\|\|S\|\|!B,ne=null!==E&&!0===E.active,ae=(0,y.useResizeObserver)(),le=ae.ref,re=(ae.entry.contentRect\|\|{}).height,oe=void 0===re?0:re,se=H\|\|W,ue=null!==i\|\|null!==u\|\|V\|\|"intro"===Y,ce=(0,f.useState)(null),de=(0,s.Z)(ce,2),me=de[0],pe=de[1],ge="intro";null!==Y?ge="questions"===Y?parseInt(K,10):Y:!j&&ue\|\|(ge=0);var ye=(0,f.useState)(ge),he=(0,s.Z)(ye,2),ve=he[0],Ae=he[1];(0,f.useEffect)((function(){q&&ue&&"intro"!==ve&&Ae("intro")}),[q,ue,ve,Ae]);var be=(0,f.useCallback)((function(e,t){pe((0,o.Z)((0,o.Z)({},me),{},(0,r.Z)({},ve,t))),O("click_answer","Question #".concat(ve+1," ").concat(t+1,": ").concat(e.label.body),{question:d[ve],questionIndex:ve,answer:e,answerIndex:t})}),[me,pe,O,d,ve]),we=(0,f.useCallback)((function(){var e=ve+1,t=d.length;e<t?Ae(e):e===t&&Ae("results")}),[d,ve,Ae]),Ce=(0,f.useCallback)((function(){Ae(0)}),[Ae]);(0,f.useEffect)((function(){!M&&V&&null!==me&&pe(null)}),[V,M,me,pe]);var Ee=null!==d&&d.length>0&&d[ve]\|\|{},Me=Ee.text,Se=void 0===Me?null:Me,ke=Ee.answers,Te=void 0===ke?[]:ke,Ne=Ee.background,xe=void 0===Ne?null:Ne,Pe=Ee.layout,Oe=void 0===Pe?null:Pe,Ze=null!==me&&void 0!==me[ve]?me[ve]:null,Fe=(0,f.useMemo)((function(){return null!==me?Object.keys(me).reduce((function(e,t){var n=(null!==d&&d[t]\|\|{}).answers,a=((void 0===n?[]:n)[me[t]]\|\|{}).points;return(void 0===a?0:a)+e}),0):0}),[me,d]),Ie=ue&&"intro"===ve,Re="results"===ve,Le=!Ie&&!Re,ze=(0,f.useMemo)((function(){return Re?"results"===Y?(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 Fe>=a&&Fe<=(void 0===l?0:l)?t:e}),null):null}),[Re,m,Fe,Y,K]),Be=ze\|\|{},qe=Be.background,je=void 0===qe?null:qe,De=Be.layout,Ve=void 0===De?null:De,He=st({screenId:P}).create;(0,f.useEffect)((function(){Re&&!V&&He({choice:me,value:Fe})}),[Re,me,He]),(0,f.useEffect)((function(){(V\|\|q)&&("questions"===Y?Ae(parseInt(K,10)):"results"===Y?Ae("results"):"intro"===Y&&Ae("intro"))}),[Y,K,V,Ae]);var We=b,Ge="background";Ie&&null!==w?(We=w,Ge="results"):Re&&null!==je?(We=je,Ge="results"):Le&&null!==xe&&(We=xe,Ge="question_".concat(ve));var Ue=(0,f.useRef)(ve),Qe=(0,f.useMemo)((function(){if(ve===Ue.current)return null;var e=Ue.current;return Ue.current=ve,"intro"===ve\|\|"results"===e\|\|e>ve?"left":(Ue.current=ve,"right")}),[ve]);return f.createElement("div",{className:c()([Fn.container,(t={},(0,r.Z)(t,Fn[Qe],null!==Qe),(0,r.Z)(t,x,null!==x),t)]),"data-screen-ready":!0},j?null:f.createElement(Sn.Z,null,f.createElement(kn.Z,{key:Ge,classNames:Fn,timeout:1e3},f.createElement(D,{background:We,width:F,height:I,playing:ee,shouldLoad:te,className:Fn.background}))),f.createElement(fe,{width:F,height:I},f.createElement(Sn.Z,null,[Ie?f.createElement(kn.Z,{key:"intro",classNames:Fn,timeout:1e3},f.createElement(Dn,{title:i,description:u,layout:l\|\|a,button:C,focusable:M&&B,transitions:k,transitionPlaying:J,transitionStagger:T,transitionDisabled:$,className:Fn.intro,style:j?null:{padding:A,paddingTop:(R&&!q?L:0)+A},onClickButton:Ce})):null,Le?f.createElement(kn.Z,{key:"question-".concat(ve),classNames:Fn,timeout:1e3},f.createElement(Zn,{index:ve,totalCount:(d\|\|[]).length,question:Se,answers:Te,answeredIndex:Ze,buttonsStyle:p,goodAnswerColor:h,badAnswerColor:v,focusable:M&&B,showInstantAnswer:se,layout:Oe\|\|a,withoutGoodAnswer:!0,callToActionHeight:oe,transitions:k,transitionPlaying:J,transitionStagger:T,transitionDisabled:$,onAnswerClick:be,onAnswerTransitionEnd:we,className:Fn.question,style:j?null:{padding:A,paddingTop:(R&&!q?L:0)+A}})):null,Re?f.createElement(kn.Z,{key:"results",classNames:Fn,timeout:2e3},f.createElement(Bn,Object.assign({},ze,{layout:Ve\|\|a,transitions:k,transitionPlaying:J,transitionStagger:T,transitionDisabled:$,className:Fn.results,style:j?null:{padding:A,paddingTop:(R&&!q?L:0)+A}}))):null]),!j&&ne?f.createElement(ie,{ref:le,className:Fn.callToAction,callToAction:E,animationDisabled:q,focusable:M&&B,screenSize:{width:F,height:I}}):null))};Hn.propTypes=Vn,Hn.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 Wn=[{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:{label:{textStyle:"heading2"}}}]},{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:Hn,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:{label:{textStyle:"heading2"}}}]}],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},Un=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,s=e.showEmpty,u=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,U.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",s),(0,r.Z)(t,d,s&&null!==d),(0,r.Z)(t,u,null!==u),t)]),style:m,dangerouslySetInnerHTML:{__html:n}}))};Un.propTypes=Gn,Un.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,showEmpty:!1,className:null,emptyClassName:null};var Qn={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"},Xn={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},Yn=function(e){var t,n=e.layout,a=e.quote,l=e.author,o=e.spacing,s=e.background,u=e.callToAction,d=e.current,m=e.active,y=e.transitions,v=e.transitionStagger,A=e.className,b=(0,g.useScreenSize)(),w=b.width,C=b.height,E=b.menuOverScreen,M=(0,g.useViewer)().menuSize,S=(0,g.useScreenRenderContext)(),k=S.isView,T=S.isPreview,N=S.isPlaceholder,x=S.isEdit,P=S.isStatic,O=S.isCapture,Z=(0,h.isTextFilled)(a),F=(0,h.isTextFilled)(l),I="split"===n,R="top"===n,L="middle"===n,z=I?null:n,B=Z&&F&&!I,q=d,j=P\|\|O\|\|N\|\|T\|\|x,V=d&&(k\|\|x),H=d\|\|m\|\|!k,W=null!==u&&!0===u.active,G=[!N&&W&&L?f.createElement(Ce,{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:Qn.emptyQuote,isEmpty:!Z},Z?f.createElement(Un,Object.assign({className:c()([Qn.quote,(0,r.Z)({},Qn.withMargin,B)])},a)):null),I&&f.createElement(Ce,{key:"spacer"}),f.createElement(p.ScreenElement,{key:"author",placeholder:"subtitle",emptyLabel:f.createElement(i.Z,{id:"xYqGzM",defaultMessage:[{type:0,value:"Author"}]}),emptyClassName:Qn.emptyAuthor,isEmpty:!F},F?f.createElement(X,Object.assign({className:Qn.author},l)):null),!N&&W&&(R\|\|L)?f.createElement(Ce,{key:"spacer-cta-bottom"}):null,!N&&W?f.createElement("div",{style:{margin:-o,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:u,animationDisabled:T,focusable:d&&k,screenSize:{width:w,height:C}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([Qn.container,(t={},(0,r.Z)(t,A,A),(0,r.Z)(t,Qn.isPlaceholder,N),t)]),"data-screen-ready":!0},N?null:f.createElement(D,{background:s,width:w,height:C,playing:V,shouldLoad:H}),f.createElement(fe,{width:w,height:C},f.createElement(Ne,{className:Qn.layout,fullscreen:!0,verticalAlign:z,style:N?null:{padding:o,paddingTop:(E&&!T?M:0)+o}},f.createElement(p.TransitionsStagger,{transitions:y,stagger:v,disabled:j,playing:q},G))))};Yn.propTypes=Xn,Yn.defaultProps={layout:"top",quote:null,author:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null};var _n=f.memo(Yn),Kn=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,s=(0,Le.S3)(i,a),u=s.story,c=s.component,d=(0,Le.W2)(u,[].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]:[]))})}}),Jn={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:_n,layouts:["top","middle","bottom","split"],transforms:Kn,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:{label:{textStyle:"heading2"}}}]},$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,u=e.spacing,d=e.background,m=e.callToAction,A=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=(0,g.useViewer)().menuSize,O=(0,g.useScreenRenderContext)(),Z=O.isView,F=O.isPreview,I=O.isPlaceholder,R=O.isEdit,L=O.isStatic,z=O.isCapture,B=I?(0,v.Z)(new Array(10)).map((function(){return{}})):a\|\|[null],q=null!==B?B.length:0,j=A,V=L\|\|z\|\|I\|\|F\|\|R,H=!R&&V\|\|!A,W=A&&(Z\|\|R),G=A\|\|b\|\|!Z,U=(B\|\|[]).map((function(e,t){var n=e\|\|{},a=n.title,r=void 0===a?null:a,s=n.description,u=void 0===s?null:s,c=(0,h.isTextFilled)(r),d=(0,h.isTextFilled)(u),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:w,playing:j,delay:Ct,disabled:V},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:w,playing:j,delay:Ct,disabled:V},f.createElement(X,u)):null)),y="".concat(o?t+1:q-t);return f.createElement("div",{className:$n.item,key:"item-".concat(t)},f.createElement("div",{className:$n.rank},I?y:f.createElement(p.Transitions,{transitions:w,playing:j,delay:Ct,disabled:V},f.createElement(X,{className:$n.rankText,body:y,textStyle:l}))),f.createElement("div",{className:$n.content},m,g))})),Q=null!==m&&!0===m.active,Y=(0,f.useState)(!1),_=(0,s.Z)(Y,2),K=_[0],J=_[1],$=(0,y.useResizeObserver)(),ee=$.ref,te=($.entry.contentRect\|\|{}).height,ne=void 0===te?0:te;Q&&U.push(f.createElement("div",{key:"call-to-action-spacer",style:{height:ne}}));var ae=(0,f.useCallback)((function(e){e.initial&&S("scroll","Screen"),J(!0)}),[S]),le=(0,f.useCallback)((function(){J(!1)}),[J]);return f.createElement("div",{className:c()([$n.container,(t={},(0,r.Z)(t,M,null!==M),(0,r.Z)(t,$n["".concat(n,"Layout")],null!==n),(0,r.Z)(t,$n.isPlaceholder,I),t)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:d,width:T,height:N,playing:W,shouldLoad:G}),f.createElement(fe,{width:T,height:N},f.createElement(pt.default,{className:$n.scroll,verticalAlign:"middle",disabled:H,onScrolledBottom:ae,onScrolledNotBottom:le},f.createElement(Ne,{className:$n.layout,style:I?null:{padding:u,paddingTop:(x&&!F?P:0)+u}},U)),!I&&Q?f.createElement(ie,{ref:ee,className:$n.callToAction,disabled:!K,animationDisabled:F,callToAction:m,focusable:A&&Z,screenSize:{width:T,height:N}}):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,s=(0,Le.W2)(r,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(o?[o]:[]))),u=s.story,c=s.component;return{story:u,components:[].concat((0,v.Z)(e.components\|\|[]),(0,v.Z)(c?[c]:[]))}}),{story:e,components:[]})\|\|{},s=r.story,u=r.components,c=void 0===u?[]:u,d=(0,Le.W2)(s,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:{label:{textStyle:"heading2"}}}]},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,u=e.answers,d=e.buttonsStyle,m=e.resultsStyle,b=e.spacing,w=e.background,C=e.callToAction,E=e.withPercentLabels,M=e.withoutResults,S=e.current,k=e.active,T=e.transitions,N=e.transitionStagger,x=e.resultTransitionDuration,P=e.type,O=e.className,Z=n\|\|"screen-id",F=(0,y.useTrackScreenEvent)(P),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,B=(0,g.useViewer)().menuSize,q=st({screenId:Z}).create,j=(0,g.useScreenRenderContext)(),V=j.isView,H=j.isPreview,W=j.isPlaceholder,U=j.isEdit,Q=j.isStatic,Y=j.isCapture,_=null!==C&&!0===C.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},s=r.data,u=(0,A.Z)(r,ot);return(0,o.Z)({quiz:s\|\|[]},u)}({screenId:Z,opts:{autoload:!W}}),J=K.quiz,$=void 0===J?[]:J,ee=(0,h.isTextFilled)(l),te=Q\|\|Y,ne=(0,f.useState)(te?-1:null),ae=(0,s.Z)(ne,2),le=ae[0],re=ae[1],oe=null!==le,se=(0,f.useMemo)((function(){var e=null!==u?($\|\|[]).reduce((function(e,t){var n=t.count;return e+parseInt(void 0===n?0:n,10)}),null!==le&&le>-1?1:0):0,t=null!==u?(u\|\|[]).reduce((function(t,n,a){var l=(n\|\|{}).label,i=((void 0===l?{}:l)\|\|{}).body,s=void 0===i?null:i,u=($.find((function(e){return e.choice===s}))\|\|{}).count,c=void 0===u?0:u,d=a===le?c+1:c;return null!==s?(0,o.Z)((0,o.Z)({},t),{},(0,r.Z)({},s,{percent:e>0?d/e100: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]})))}),{})}),[u,$,le]),ue="split"===a,ce="top"===a,de="middle"===a,me=ue?null:a,pe=S,ge=Q\|\|Y\|\|W\|\|H\|\|U,ye=S&&(V\|\|U),he=S\|\|k\|\|!V,ve=(0,f.useCallback)((function(e){if(null===le){re(e);var t=u[e];q({choice:t.label.body\|\|e,value:1}),F("click_answer","Answer ".concat(le+1,": ").concat(t.label.body),{answer:t,answerIndex:e})}}),[le,re,F,q]);(0,f.useEffect)((function(){!S&&U&&null!==le&&re(null)}),[U,S,le,re]);var Ae=[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:!ee},ee?f.createElement(p.Transitions,{transitions:T,playing:pe,disabled:ge},f.createElement(ft,Object.assign({},l,{className:la.question}))):null)];(ue\|\|!W&&_&&de)&&Ae.push(f.createElement(Ce,{key:"spacer"}));var be=(0,f.useRef)([]),we=(0,f.useRef)([]),Ee=(0,f.useState)(null),Me=(0,s.Z)(Ee,2),Se=Me[0],ke=Me[1],Te=te?0:"".concat(x,"ms"),xe=(0,f.useState)(!1),Pe=(0,s.Z)(xe,2),Oe=Pe[0],Ze=Pe[1];(0,f.useEffect)((function(){if(null!==u&&!W){var e=u.reduce((function(e,t,n){var a=be.current[n]\|\|null,l=we.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);ke(Math.min(.75R,Math.max(.2R,e))),Ze(!0)}}),[u,R,L,ke,Te,W]);var Fe=m\|\|{},Ie=Fe.barColor,Re=void 0===Ie?null:Ie,Le=Fe.textColor,ze=void 0===Le?null:Le;return Ae.push(f.createElement("div",{key:"answers",className:la.answers},null!==u\|\|W?f.createElement("div",{className:la.items},(W?(0,v.Z)(new Array(3)):u).map((function(e,t){var n=null!==e,a=e\|\|{},l=a.label,s=void 0===l?null:l,u=a.buttonStyle,m=void 0===u?null:u,g=a.resultStyle,y=(void 0===g?null:g)\|\|{},v=y.barColor,A=void 0===v?null:v,b=y.textColor,w=(s\|\|{}).body,C=void 0===w?null:w,k=(null!==C&&se[C]\|\|{}).percent,x=void 0===k?0:k,P=(s\|\|{}).textStyle,O=void 0===P?null:P,Z=(O\|\|{}).color,F=void 0===Z?null:Z,I=(0,h.isTextFilled)(s),R=le===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:T,playing:pe,delay:(t+1)N,disabled:ge},f.createElement("div",{className:la.itemContent},f.createElement("div",{className:la.itemInner,style:{width:oe&&!M?Se:null,transitionDuration:Te}},f.createElement(G,{className:la.button,onClick:function(){return ve(t)},refButton:function(e){be.current[t]=e},disabled:H,focusable:S&&V,buttonStyle:oe?null:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromBox)(d)),(0,h.getStyleFromBox)(m))},f.createElement("span",{className:la.itemLabel,ref:function(e){we.current[t]=e}},f.createElement(X,Object.assign({},s,{textStyle:O,inline:!0,className:la.itemText}))))),f.createElement("div",{className:la.resultContainer,style:{transitionDuration:Te}},f.createElement("div",{className:la.resultContent,style:{transitionDelay:Te,transitionDuration:Te}},f.createElement("div",{className:la.result,style:(0,o.Z)({width:M?null:"".concat(x,"%")},(0,h.getStyleFromColor)(oe?A\|\|Re\|\|F:null,"backgroundColor"))},E&&!M?f.createElement("div",{className:la.resultLabel,style:(0,o.Z)({},(0,h.getStyleFromColor)(oe?b\|\|ze\|\|A\|\|Re\|\|F:null,"color"))},"".concat(x,"%")):null))))):null))}))):null)),!W&&_&&((ce\|\|de)&&Ae.push(f.createElement(Ce,{key:"spacer-cta-bottom"})),Ae.push(f.createElement("div",{style:{margin:-b,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:C,disabled:!oe,animationDisabled:H,focusable:S&&V,screenSize:{width:R,height:L}})))),f.createElement("div",{className:c()([la.container,(t={},(0,r.Z)(t,O,null!==O),(0,r.Z)(t,la.answered,oe),(0,r.Z)(t,la.isPlaceholder,W),t)]),"data-screen-ready":Oe},W?null:f.createElement(D,{background:w,width:R,height:L,playing:ye,shouldLoad:he}),f.createElement(fe,{width:R,height:L},f.createElement(Ne,{className:la.layout,fullscreen:!0,verticalAlign:me,style:W?null:{padding:b,paddingTop:(z&&!H?B:0)+b}},Ae)))};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:{label:{textStyle:"heading2"}}}]},sa={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"},ua={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,s=e.spacing,u=e.background,d=e.callToAction,m=e.current,y=e.active,v=e.transitions,A=e.transitionStagger,b=e.className,w=(0,g.useScreenSize)(),C=w.width,E=w.height,M=w.menuOverScreen,S=(0,g.useViewer)().menuSize,k=(0,g.useScreenRenderContext)(),T=k.isView,N=k.isPreview,x=k.isPlaceholder,P=k.isEdit,O=k.isStatic,Z=k.isCapture,F=(0,h.isTextFilled)(l),I=(0,h.isTextFilled)(a),R="split"===n,L="top"===n,z="middle"===n,B=R?null:n,q=F&&I&&!R,j=m,V=O\|\|Z\|\|x\|\|N\|\|P,H=m&&(T\|\|P),W=m\|\|y\|\|!T,G=null!==d&&!0===d.active,U=[!x&&G&&z?f.createElement(Ce,{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:sa.emptyTitle,isEmpty:!F},F?f.createElement(ft,Object.assign({className:c()([sa.title,(0,r.Z)({},sa.withMargin,q)])},l)):null):null,R&&o?f.createElement(Ce,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:sa.emptyText,isEmpty:!I},I?f.createElement(X,Object.assign({className:sa.text},a)):null),!x&&G&&(L\|\|z)?f.createElement(Ce,{key:"spacer-cta-bottom"}):null,!x&&G?f.createElement("div",{style:{margin:-s,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:d,animationDisabled:N,focusable:m&&T,screenSize:{width:C,height:E}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([sa.container,(t={},(0,r.Z)(t,b,null!==b),(0,r.Z)(t,sa.isPlaceholder,x),t)]),"data-screen-ready":!0},x?null:f.createElement(D,{background:u,width:C,height:E,playing:H,shouldLoad:W}),f.createElement(fe,{width:C,height:E},f.createElement(Ne,{className:sa.layout,fullscreen:!0,verticalAlign:B,style:x?null:{padding:s,paddingTop:(M&&!N?S:0)+s}},f.createElement(p.TransitionsStagger,{transitions:v,stagger:A,disabled:V,playing:j},U))))};ca.propTypes=ua,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,s=(0,Le.xv)(i,n),u=s.story,c=s.component,d=(0,Le.W2)(u,[].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:{label:{textStyle:"heading2"}}}]},{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:{label:{textStyle:"heading2"}}}]}],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,u=e.lineColor,d=e.bulletShape,m=e.bulletFilled,A=e.illustrated,b=e.spacing,w=e.background,C=e.callToAction,E=e.current,M=e.active,S=e.transitions,k=e.transitionStagger,T=e.type,N=e.className,x=(0,y.useTrackScreenEvent)(T),P=(0,g.useScreenSize)(),O=P.width,Z=P.height,F=P.menuOverScreen,I=(0,g.useViewer)().menuSize,R=(0,g.useScreenRenderContext)(),L=R.isView,z=R.isPreview,B=R.isPlaceholder,q=R.isEdit,j=R.isStatic,V=R.isCapture,H=B?(0,v.Z)(new Array(5)).map((function(){return{}})):a\|\|[null],W=null!==H?H.length:0,G=null!==H&&W?H.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),Q=(0,s.Z)(U,2),Y=Q[0],_=Q[1],K=Y>=G,J=E&&K,$=j\|\|V\|\|B\|\|z\|\|q,ee=!q&&$\|\|!E,te=E&&(L\|\|q),ne=E\|\|M\|\|!L,ae=(0,f.useCallback)((function(){_(Y+1)}),[Y,_]),le=(0,f.useRef)(null),re=(0,f.useRef)(null),oe=(0,f.useState)(0),se=(0,s.Z)(oe,2),ue=se[0],ce=se[1];(0,f.useEffect)((function(){ce(re.current.offsetWidth-le.current.offsetWidth)}),[O,Z]);var de=(H\|\|[]).map((function(e,t){var a=e\|\|{},s=a.title,d=void 0===s?null:s,g=a.description,y=void 0===g?null:g,v=a.image,b=void 0===v?null:v,w=(0,h.isTextFilled)(d),C=(0,h.isTextFilled)(y),E=null!==b,M=("normal"===n?"title-description-image":n).split("-"),T=M.indexOf("title"),N=M.indexOf("image");A\|\|M.splice(N,1);var x=M.length;return f.createElement("div",{className:pa.item,key:"item-".concat(t)},f.createElement(p.Transitions,{transitions:S,playing:J,delay:kt,disabled:$},M.map((function(e,n){var a,s=!1;switch(e){case"title":s=w,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:!w},s?f.createElement(ft,d):null));break;case"image":s=E,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:!E},s?f.createElement(Tt,{className:pa.image,videoClassName:pa.video,media:b,width:ue,playing:te,onLoaded:ae}):null));break;default:s=C,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:!C},s?f.createElement(X,y):null))}var g=0===t,v=t===W-1,A=n===x-1,M=g&&n<=T\|\|v&&n>T,S=g&&n<T\|\|v&&n>=T;return f.createElement("div",{key:"element-".concat(e),className:c()([pa.element,pa["element-".concat(e)]]),ref:0===t?re:null},f.createElement("div",{className:pa.timeline,ref:0===t?le:null},f.createElement("div",{className:c()([pa.line,(0,r.Z)({},pa.hidden,M)]),style:(0,o.Z)({},M?null:(0,h.getStyleFromColor)(u,"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,S)]),style:(0,o.Z)({},S?null:(0,h.getStyleFromColor)(u,"backgroundColor"))})),f.createElement("div",{className:c()([pa.content,(0,r.Z)({},pa.lastContent,A&&!v)])},a))}))))})),me=null!==C&&!0===C.active,pe=(0,f.useState)(!1),ge=(0,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,y.useResizeObserver)(),Ae=ve.ref,be=(ve.entry.contentRect\|\|{}).height,we=void 0===be?0:be,Ce=(0,f.useCallback)((function(e){e.initial&&x("scroll","Screen"),he(!0)}),[x]),Ee=(0,f.useCallback)((function(){he(!1)}),[he]);return f.createElement("div",{className:c()([pa.container,(t={},(0,r.Z)(t,N,null!==N),(0,r.Z)(t,pa.isPlaceholder,B),(0,r.Z)(t,pa["".concat(d,"BulletShape")],null!==d),(0,r.Z)(t,pa.withoutLines,W<2),t)]),"data-screen-ready":K},B?null:f.createElement(D,{background:w,width:O,height:Z,playing:te,shouldLoad:ne}),f.createElement(fe,{width:O,height:Z},f.createElement(pt.default,{className:pa.scroll,verticalAlign:"middle",disabled:ee,onScrolledBottom:Ce,onScrolledNotBottom:Ee},f.createElement(Ne,{style:B?null:{padding:b,paddingTop:(F&&!z?I:0)+b}},de,!B&&me?f.createElement("div",{style:{height:we}}):null)),!B&&me?f.createElement(ie,{ref:Ae,className:pa.callToAction,disabled:!ye,animationDisabled:z,callToAction:C,focusable:E&&L,screenSize:{width:O,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,s=(0,Le.W2)(r,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(o?[o]:[]))),u=s.story,c=s.component;return{story:u,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,s=(0,Le.W2)(l,r),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{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:{label:{textStyle:"heading2"}}}]},{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:{label:{textStyle:"heading2"}}}]}],Aa="micromag-screen-title-withMargin",ba="micromag-screen-title-box",wa={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},Ca={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},Ea=function(e){var t,n=e.layout,a=e.title,l=e.subtitle,o=e.description,s=e.boxStyle,u=e.withSubtitle,d=e.withDescription,m=e.withBox,y=e.spacing,v=e.descriptionEmptyLabel,A=e.background,b=e.callToAction,w=e.current,C=e.active,E=e.transitions,M=e.transitionStagger,S=e.className,k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=k.menuOverScreen,P=(0,g.useViewer)().menuSize,O=(0,g.useScreenRenderContext)(),Z=O.isView,F=O.isPreview,I=O.isPlaceholder,R=O.isEdit,L=O.isStatic,z=O.isCapture,B=(0,h.isTextFilled)(a),q=(0,h.isTextFilled)(l),j=(0,h.isTextFilled)(o),V=n.split("-"),H="split"===V[0],W="top"===n,G="middle"===n,U=H?V[1]\|\|null:V[0],Q=B&&(q\|\|j)&&(!H\|\|"top"===U),Y=q&&j&&(!H\|\|"bottom"===U),_=w,K=L\|\|z\|\|I\|\|F\|\|R,J=w&&(Z\|\|R),$=w\|\|C\|\|!Z,ee=null!==b&&!0===b.active,te=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:!B},B?f.createElement(ft,Object.assign({className:c()(["micromag-screen-title-title",(0,r.Z)({},Aa,Q)])},a,{size:1})):null),ne=u?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:!q},q?f.createElement(ft,Object.assign({className:c()(["micromag-screen-title-subtitle",(0,r.Z)({},Aa,Y)])},l,{size:2})):null):null,ae=d?f.createElement(p.ScreenElement,{key:"description",placeholder:"shortText",emptyLabel:v,emptyClassName:"micromag-screen-title-emptyDescription",isEmpty:!j},j?f.createElement(X,o):null):null;return f.createElement("div",{className:c()(["micromag-screen-title-container",(t={},(0,r.Z)(t,S,null!==S),(0,r.Z)(t,"micromag-screen-title-isPlaceholder",I),t)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:A,width:T,height:N,playing:J,shouldLoad:$}),f.createElement(fe,{width:T,height:N},f.createElement(Ne,{className:"micromag-screen-title-layout",fullscreen:!0,verticalAlign:U,style:I?null:{padding:y,paddingTop:(x&&!F?P:0)+y}},!I&&ee&&G?f.createElement(Ce,{key:"spacer-cta-top"}):null,m&&!H?f.createElement("div",{className:ba,style:R\|\|I\|\|B\|\|q\|\|j?(0,h.getStyleFromBox)(s):null},f.createElement(p.TransitionsStagger,{transitions:E,stagger:M,disabled:K,playing:_,focusable:w&&Z},[te,ne,ae])):null,m&&H?f.createElement(p.TransitionsStagger,{transitions:E,stagger:M,disabled:K,playing:_,focusable:w&&Z},f.createElement("div",{className:ba,key:"top",style:R\|\|I\|\|B\|\|d&&"top"===U&&q?(0,h.getStyleFromBox)(s):null},te,d&&"top"===U?ne:null),f.createElement(Ce,{key:"spacer1"}),f.createElement("div",{className:ba,key:"bottom",style:R\|\|I\|\|j\|\|(!d\|\|"bottom"===U)&&q?(0,h.getStyleFromBox)(s):null},d&&"bottom"!==U?null:ne,ae)):null,m?null:f.createElement(p.TransitionsStagger,{transitions:E,stagger:M,disabled:K,playing:_,focusable:w&&Z},te,H&&(!d\|\|"bottom"===U)&&f.createElement(Ce,{key:"spacer1"}),ne,H&&d&&"top"===U&&f.createElement(Ce,{key:"spacer2"}),ae),!I&&ee&&(W\|\|G)?f.createElement(Ce,{key:"spacer-cta-bottom"}):null,!I&&ee?f.createElement("div",{style:{margin:-y,marginTop:0},key:"call-to-action"},f.createElement(ie,{callToAction:b,animationDisabled:F,focusable:w&&Z,screenSize:{width:T,height:N}})):null)))};Ea.propTypes=wa,Ea.defaultProps=Ca;var Ma=f.memo(Ea),Sa=["credits"],ka={credits:a.PropTypes.textElement},Ta=function(e){var t=e.credits,n=(0,A.Z)(e,Sa);return f.createElement(Ma,Object.assign({},n,{description:t,withSubtitle:!0,withDescription:!0,descriptionEmptyLabel:f.createElement(i.Z,{id:"/hupzO",defaultMessage:[{type:0,value:"Credits"}]})}))};Ta.propTypes=ka,Ta.defaultProps={credits:null};var Na=function(e){return f.createElement(Ma,Object.assign({},e,{withSubtitle:!0,withDescription:!0,withBox:!0}))};Na.propTypes={},Na.defaultProps={};var xa=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,s=i.component,u=(0,Le.XJ)(r,a),c=u.story,d=u.component,m=(0,Le.xv)(c,l),f=m.story,p=m.component,g=(0,Le.W2)(f,[].concat((0,v.Z)(s?[s]:[]),(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]:[]))})}}),Pa=[{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:Ma,layouts:["top","middle","bottom"],transforms:xa,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:{label:{textStyle:"heading2"}}}]},{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(Ma,Object.assign({},t,{withSubtitle:!0}))},layouts:["top","middle","bottom","split"],transforms:xa,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:{label:{textStyle:"heading2"}}}]},{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:Ta,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:xa,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:{label:{textStyle:"heading2"}}}]},{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:Na,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:xa,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:{label:{textStyle:"heading2"}}}]}],Oa="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,s=e.className,u=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,U.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()([Oa,(0,r.Z)({},s,null!==s)]),style:m,href:t,target:y,rel:v,tabIndex:d?"0":"-1"},u):f.createElement("div",{id:p,className:c()([Oa,(0,r.Z)({},s,null!==s)]),style:m},u)};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,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.shape,o=e.isTag,s=e.className,u=(0,h.getOptimalImageUrl)(n,a,l);return f.createElement("span",{className:c()([Ia.container,(t={},(0,r.Z)(t,Ia["shape".concat(i)],null!==i),(0,r.Z)(t,Ia.isTag,o),(0,r.Z)(t,s,null!==s),t)])},f.createElement("span",{className:Ia.shape,style:{backgroundImage:'url("'.concat(u,'")')}}))};La.propTypes=Ra,La.defaultProps={image:null,width:100,height:100,isTag:!1,shape:"Circle",className:null};var za={container:"micromag-element-urbania-author-container",avatar:"micromag-element-urbania-author-avatar",conjunction:"micromag-element-urbania-author-conjunction",name:"micromag-element-urbania-author-name",by:"micromag-element-urbania-author-by",isSmall:"micromag-element-urbania-author-isSmall"},Ba={author:m().shape({slug:m().string,name:a.PropTypes.textElement,avatar:a.PropTypes.imageElement,url:m().string}),withAvatar:m().bool,withConjunction:m().bool,withoutLink:m().bool,isSmall:m().bool,linkUnderlineColor:m().string,className:m().string},qa=function(e){var t,n=e.author,a=e.withAvatar,l=e.withConjunction,o=e.withoutLink,s=e.isSmall,u=e.linkUnderlineColor,d=e.className,m=n\|\|{},p=m.name,g=void 0===p?null:p,y=m.avatar,h=void 0===y?null:y,v=m.url,A=void 0===v?null:v,b=f.createElement("span",{className:za.by},f.createElement(i.Z,{id:"jEK6B8",defaultMessage:[{type:0,value:"By"}]}));return l&&(b=f.createElement("span",{className:za.conjunction},f.createElement(i.Z,{id:"0UxdOa",defaultMessage:[{type:0,value:"and"}]}))),f.createElement("div",{className:c()([za.container,(t={},(0,r.Z)(t,za.isSmall,s),(0,r.Z)(t,d,null!==d),t)])},f.createElement("span",{className:za.prefix},b),a&&null!==h?f.createElement(La,{className:za.avatar,image:h}):null,null===A\|\|o?f.createElement("div",{className:za.name},f.createElement(X,g)):f.createElement(Fa,{url:A,external:!0,className:za.name,style:{backgroundImage:null!==u?"linear-gradient(0deg, ".concat(u," 0, ").concat(u,")"):null}},f.createElement(X,g)))};qa.propTypes=Ba,qa.defaultProps={author:null,withAvatar:!0,withConjunction:!1,withoutLink:!1,isSmall:!1,linkUnderlineColor:null,className:null};var ja={color:m().string,className:m().string},Da=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"})))};Da.propTypes=ja,Da.defaultProps={color:"currentColor",className:null};var Va={color:m().string,className:m().string},Ha=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"})))};Ha.propTypes=Va,Ha.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",button:"micromag-screen-urbania-article-button",label:"micromag-screen-urbania-article-label",arrow:"micromag-screen-urbania-article-arrow",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"},Ga={type:m().oneOf(["article","video"]),video:a.PropTypes.videoElement,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},Ua=function(e){var t,n=e.type,a=e.video,l=e.image,o=e.title,s=e.overTitle,u=e.authors,d=e.author,m=e.sponsor,h=e.sponsorPrefix,v=e.site,A=e.background,b=e.callToAction,w=e.current,C=e.active,E=e.transitions,M=e.spacing,S=e.className,k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=(0,y.useResizeObserver)(),P=x.ref,O=x.entry.contentRect\|\|{},Z=O.height,F=O.top,I=(0,f.useMemo)((function(){return{imageHeight:N-Z-F}}),[F,Z,T,N]),R=I.minContentHeight,L=void 0===R?null:R,z=I.imageHeight;(a\|\|{}).media;var B=(0,g.useScreenRenderContext)(),q=B.isView,j=B.isPreview,V=B.isPlaceholder,H=B.isEdit,W=B.isStatic,G=B.isCapture,U="video"===n,Q=(s\|\|{}).body,X=null!==(void 0===Q?null:Q),Y=(s\|\|{}).body,_=null!==(void 0===Y?null:Y),K=(m\|\|{}).body,J=null!==(void 0===K?null:K),$=(u\|\|[]).length>0\|\|null!==d,ee=d\|\|{},te=ee.name,ne=ee.avatar,ae=(te\|\|{}).body;console.log("author",d);var le=(l\|\|{}).url,re=null!==(void 0===le?null:le),oe=w&&(q\|\|H),se=w\|\|C\|\|!q,ue=w,ce=W\|\|G\|\|V\|\|j\|\|H,de=null!==b&&!0===b.active,me=[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])},s)):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:!X},_?f.createElement(ft,Object.assign({className:c()([Wa.title])},o)):null),U?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:!$},$?f.createElement("div",{className:c()([Wa.authors])},null!==ae?f.createElement(qa,{name:ae,avatar:ne}):(u\|\|[]).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},J?f.createElement("div",{className:Wa.sponsors},null!==h?f.createElement("span",{className:Wa.sponsor},h):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,S,null!==S),(0,r.Z)(t,Wa.isVideo,U),(0,r.Z)(t,Wa.isPlaceholder,V),t)]),"data-screen-ready":W\|\|G},f.createElement(D,{background:A,width:T,height:N,playing:oe,shouldLoad:se}),f.createElement(fe,{className:Wa.inner,width:T,height:N},f.createElement("div",{className:c()([Wa.content,(0,r.Z)({},Wa["".concat(v)],null!==v)]),style:{paddingTop:M,minHeight:L},ref:P},me),f.createElement("div",{className:Wa.visual},f.createElement(p.Transitions,{playing:ue,transitions:E,disabled:ce},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:!re},re&&!U?f.createElement(Tt,{className:Wa.image,media:l,width:T,height:z,objectFit:{fit:"cover"}}):null,re&&U?f.createElement(Tt,{className:Wa.video,media:l,width:T,height:N,objectFit:{fit:"cover"}}):null,!V&&de?f.createElement("div",{key:"call-to-action"},f.createElement(ie,{className:Wa.callToAction,buttonClassName:Wa.button,labelClassName:Wa.label,arrowClassName:Wa.arrow,callToAction:b,animationDisabled:j,focusable:w&&q,screenSize:{width:T,height:N},arrow:f.createElement(Da,null),icon:"video"===n?f.createElement(Ha,null):null})):null)))))};Ua.propTypes=Ga,Ua.defaultProps={type:null,video: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 Qa=f.memo(Ua),Xa={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:Qa,fields:[{name:"url",type:"url",label:(0,l.defineMessage)({id:"2pO2Cj",defaultMessage:[{type:0,value:"Url"}]})},{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:"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:{label:{textStyle:"heading2"}}}]},Ya=["url","article"],_a={url:m().string,article:m().shape({})},Ka=function(e){var t=e.url,n=e.article,a=(0,A.Z)(e,Ya),l=(0,f.useState)(n),r=(0,s.Z)(l,2),u=r[0],c=r[1];console.log("url",t),(0,f.useEffect)((function(){null!==t&&(0,Qe.getJSON)("".concat(t,".json"),{mode:"cors"}).then((function(e){c(e)}))}),[t,c]);var d=(0,f.useMemo)((function(){console.log("article",u);var e=a\|\|{},t=e.title,n=void 0===t?{}:t,l=e.overTitle,r=void 0===l?{}:l,s=e.sponsor,c=void 0===s?{}:s,d=e.image,m=void 0===d?{}:d,p=e.video,g=void 0===p?{}:p,y=e.callToAction,h=void 0===y?null:y,v=(n\|\|{}).body,A=void 0===v?null:v,b=(r\|\|{}).body,w=void 0===b?null:b,C=(c\|\|{}).body,E=void 0===C?null:C,M=(m\|\|{}).url,S=void 0===M?null:M,k=(g\|\|{}).media,T=void 0===k?null:k,N=u\|\|{},x=N.type,P=void 0===x?null:x,O=N.title,Z=void 0===O?null:O,F=N.image,I=void 0===F?null:F,R=N.metadata,L=(void 0===R?{}:R)\|\|{},z=L.authors,B=void 0===z?[]:z,q=L.sponsors,j=void 0===q?[]:q,D=L.site,V=void 0===D?null:D,H=L.canonical,W=void 0===H?null:H,G=(I\|\|{}).sizes,U=(void 0===G?{}:G)\|\|{},Q=U.medium,X=U.large,Y=null===E?f.createElement(i.Z,{id:"+TPjd4",defaultMessage:[{type:0,value:"Presented by"}]}):null,_=(j\|\|[]).length>0?(j\|\|[]).map((function(e){var t=e.name;return void 0===t?null:t})).filter((function(e){return null!==e})).join(", ").trim():null;return{type:P,title:null!==A?n:(0,o.Z)((0,o.Z)({},n),{},{body:Z}),overTitle:null!==w?r:(0,o.Z)((0,o.Z)({},r),{},{body:"En vedette"}),authors:B,sponsor:(0,o.Z)((0,o.Z)({},c),{},{body:_\|\|E}),sponsorPrefix:Y,site:V,image:null!==S?m:(0,o.Z)((0,o.Z)({type:"image"},I),{},{sizes:{medium:Q,large:X}}),video:(0,o.Z)({},g),callToAction:(0,o.Z)({active:!0,type:"swipe-up",url:null!==T?T.url:W,label:"video"===P?{body:"Regarder"}:{body:"Lire"},icon:"video"===P?{id:"play"}:null,inWebView:!0},h)}}),[u,a]);return console.log("values",d),f.createElement(Qa,Object.assign({},a,d))};Ka.propTypes=_a,Ka.defaultProps={url:null,article:null};var Ja={aries:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAOECAYAAAD5Tv87AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAJglJREFUeNrs3ct13MaeB+DynbuYnXsiEByB6AgIRWA6ArciEB2BWhHQioCt1SwlRcBWBKQiUDsC8S5npSEO0b40r0j2A6/61/edg0PZEslGFR71QxWqUgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYzw+KAAAmr2q3h1zdbNeKCQCBEADyVrfb85vt6Ikg+L1g2GyfbrbVzbZWnAAAANM2v9ne32xfb7ZvHW6X7c+eKWIAAIDpqG62RQ8h8Hvb1/Z3CYYAAAAjakLZ2QAh8Hvbl3Q7HBUAAICBnaZhegSf2s5UBQAAwDCqm+1iAkHw7ta8s2gIKQAAQI/qNI1ewYdCIQAAAD2YTzQI3t3OVRMAAEB5YXCznaguAACA8sLgZlkK7xMCFOi/FAEAdKrpbfvfzD7zf99s/3ezrVQfAADAfqo03Qlk9BICAAD06DLTMLjZ5qoQAABgd4vMw+C3NtACAACwgyrlO1T0/mbYKEBB/qEIAOBgrwMFqVp1AgiEAMB2qhTr3bsjVQogEALTc55iDEfreoOxvQ62P89VKYBACExLMxRtrhi+q1YEjHxungTcJwAEQmBCThUBTNKJAAWAQAj07ZUieFCtCBjRL4oAAIEQ6NM86YGAqTpRBAAIhECfXiuCRx0rAkZSKwIABEKg7wZnpRhAIAQAgRDKo3dQo5zpiro8w7WqBRAIgfFVwg5M/hyN6LOqBRAIgfHpHdye4MwYjoLu11rVAgiEwLgsRA+M5UoRAAiEwLgsRL+bWhEwsCrofl0LhAACITA+C9Hv5kdFgEDYiZWqBRAIgXHNk4Xod3WkCKATHxUBgEAIjMtkMrsToKEbHxQBgEAIjKdOFqLfhx5ChhbxPbsmDFqDEEAgBEakd3B/egkZUsTg9Fa1AgiEwHiqZLbMQ+glRCjc3yqZUAZAIARGpXfwMHoIGVqkYaNvVCeAQAiMp0oWoj+UHkKG9inIfqyS3kEAgRAYlTB4OGsRMrQoM3K+VJUAAONphjp+vdm+2Q7aLhxKjOBL5ufNQhUClE0PIYzvJHn/rQuVImAE7zL+7CuBEIAfFAGM7osw45pGtmbtOZzbQ531zfZzsu4gQPH0EMK4ToTBTilLhtYEqrcZfuZfhUEAgPE17715/6+7rXZIMYJNL2EO50jzvrIZeQH4ix5CGM+RANO5ShEwgk2PWw6f80WKtX4iAAIhZOuVIhAICaMJWS8n/vl+EgYBAKYTXAzx7H47d2gxsvkEz4uzZCZjAIBJWQhv1iIkdCicwtqizXuNJ6oDAGBaLETfbwMYpqB5R/gyjTdxzCLpFQQAmKS54NbrBlNyOuADoOb3NMNDK8UOADBduUxPn+umMczUzNpg2Ne5f9k+aNIjCAAwcScCm7UIKVozlHSRDluDtOkJfN+GTA9AADjIPxUBDMpSE8M0uFeKgYm6Sn9f+qFOtz17dxeLP26/rm+2P9s/X9/53mvFCACQZ1DRg9f/tnCoAQBsx8L0MBy9g8N4rggAAARCmJIq3U76QP9MrAEAIBDCpAiDwzlSBAAA2/lBEUDvmh6rL0nPlWsbMLT6znV424dFqwf+DKDRBOxlfrOdK4ZB/Zz+PpMjEFcT9Kr26/M7f+5SEwzX6XbW11Uy22sfdTi7E+Cfp38/RD1K2z9QvVsvm/razNC7bjdAIITBfUnWChvai+TJfi6NwPpOI75+oqHXNOY+t3WrfstVt9vxjmGha1ftcfip/Sog7lZ/fYX3bcL9VXstub8MDAB0bp4sAzHGdurQm3RjsOkx/3pgHX9tf86JIg1v1l5L33dw3PS5vW8/p9cD/vOcP7vZLidab1/v1F2luiiRHkLo10V6vNeDfrxJ01uPsPk8xxMvt5epvyFVTWPrdU8NrnVb58uey+eobdjm7uPN9kcGIbAJ+79kGPqbnsIPN9vbVG7v0926yy0gN3X2rq3DdQKAAzRBMOdetvOMP/v7iT4cmHq59dHwboLgl4E+/0Xq9wn/aYrRg76Y8HXzKHXTgzyVraSHglX7wCRK3W3uJUYhALC33APVIvNG2NTk0EjqMig0Dfsxhoh9Tf0t85LzOdF38O/iwcFlijuMPXIwrDN54HXI9iVZPgqAHVUBGownme/DlMxSWT2rUwhOfQztjNLondJanfM0XA/yVM6xKsh97qSwuhMMAdjJWeY3vEYtEHYml7K87OBByJR6ebpe7iVK41cQHH8Sk5wnvqpT/B7Bba6VtaYOAA+ZpbzfoVgECYRTulnn9O7Zvo4metwvOqzHKA3ZscNE5KGhuw4jnWV2bztXb72PRAAggNwnnpgJhJ1bpNjDCecTfwjSxTtzuZ8PY79fK0w83Ft4lMF97STFmiym64csOdQhPOgfigA69yrjz75McRZXnlIgPM6o3Ko9wuB5mnZPRxefL8racp9GChPevXr4uLqceNk0vWDvk/UVH3LUPmgxGykCIfBX47jK+PO/u/PnleocLWSN3bjZNQzm0Og+H7Bcpmw9cLm/Fya2cj7BULgJq6eqZ+tjfa4oAMj5Rfsv39kfQ+O6EXENxxxnoa0PqMP3KcbwtnqgY775PYYY7r5NJVAcqb/s6xCAEdSZ38ROBULHRdpu0pFcG4uHHBNRJkIZwkIoyDpQCINCIQB7ynnChObmPwsWCKcyvf5JsHJrjpOclwuo96zHKBOY9GkzbE4gyDdQCIMxJzaDR3mHELpRZf5E8EP6/mQya1XbSQMr0mfOfWHt3/Y8vyO46jkMmlijO2cjXDs2k6N437Mb3p1FIITCvMr887994P/nHgjrCXyG54EC4SLl/9R7vkcjTSB8+nj5kky933XAHjJQzITB3uoQBEIo5KI/z7yReBW4bsaWY5ioHmj0vw5yXOx6vtZB9vvPnsKgINHfeTjULL7qsB918j4hAiEUYZ75jfRt4Lo58hn28r11E88DHRe7rgv5LMh+X/VwbAsS/TpJ/Q/DHWN4aknOnCMIhBBfzsNFm/cGPwSumx9H/v1VpuV2/3MvgjUYT3ZsoFVB9nstDAoU99TJOoN9myljBEKIbZ55Y3GZvj+ZzManzOtn7BATIRA2f34V8NytMzqOphYIhcHhz8e+AsW54h3EK+cLAiHE9Vvmn/9t8PoZ+wZcZ1x2m8/+OmhD5miHYyjC/q+EwewDRdXxz1ykOL3fOdyLzMCLQAgB1Zk3+JsG4jp4HY3ds5Pzu2dVW37zoMfGcSbHUFe6ONeHnvmSv5f9645/3ivFOnioB4EQXNwn5V1BDakxQ1XOgfDMw4IwgbCLGUYvkh6lMc07vJ6dCvajXHOcPwiEEEhzUc95+Efz3uByi3+3LqjhH+13H6p54FEHf1Aw2/LfRXDoDKPnyUyUU3Da0bGvt2ocho0iEEIgua/Htu27gxEC4WzE3ztTbtk/LDgOsq+HnMvzZC21qejivfV50js4lmNFgEAIMUR4OXxZUH0dFfZ76Tb0VkH29eqA4/jMoTIZVQf3n98U42hqRYBACDHk/u5Fs+7guqD6GmstQoEwxsOCCIFw3/O9uc6dJ71JU/PLgce8a9N4Zsl7hEzQPxUB7Cz3p6vvCquvsRo/GtH5q4Psx76B8LXwMElND+HLA743J1ftPevq3jX9OOU7UqdKZT2UBQhnfrN9y3j7ssc+fytwn7twEaDsom+LLRrPJeznQ2HYMTLdbd+HFZcZ7eN8i4d9lxnW3WmCiTFkFHZjqYn8VIX9Xrb31AQPJa9BeO7wmLR9ho3OMjqmmx7Q5RP/puk1fJEOn0F3aEaPIBBCxuoADcQ/Cq27qpDfSbeeFxoIF47fLO5HQ3zPGK7S9hOfXaf9h88CLe8QwvZy7x1ctjfPUgPhesDfVztdQihxDcIqxVqjrtn3j+2fmwmmToKE3aOBvmcMH/cMkHOXLNiPHkLYvpGU+1IT+w4XvQ5Sf4IEJQb76x3P4ddBjt/NcMKf022PZ7P9frP91H4t8fiMvAbexwQIhNCz3BeiX99sqwMaVgLhbszM6JiZUjDaJWDMA+zzsg2CD13zmqHzEYYZ7nqdySXo/9jzcQ4IhLCzCAvRvy28Dp8N/PueF1CmTWM78hDkEgPh6wD7u9wy7C3T9u+pRbmu5fKgap/77VpTBQRC6FPuC9FfB2j45Na4r4KW44d02/PyQ7odjvc/6fGemJzVQfbjXzvsb+77fJV26/nL/UFZ1JEIzfVzEWh/rtpr5GbTm8nkmFQGnpb7QvQfUrmTyYwV0CI21B6aBn7zrtb7lOei1w/5MUi9bRvWc+8dbK5xv+5R/+uU7wOcXR5U5hb2X7d1s5zAcXX/OvHpiXNslUAghFDmKf/enkOfgl+l/HsOqqC/a+wweP/f1Cmv3vR/FRDq11uGhdzP8bdpv2GDzQOzXBcKj/6ucrMWZjP8/k3a/6Hm+t5x0fz5z0cC3/cCIACFu7zZvmW8XXZQBovMy2CzDRXU6iDltdkWO+z7WaB9+xqk/rZteOe8j18OOF9PC6jf3K9LTf3Ot9zHKgE78w4hPH5zyf0J7FvV+JchA2EU6x0D4bvM9u+hXodZirH0wmrL82Ke+X6+OeB79Qblce0+vxMMZ48c72vFBQIhdCn3xZmbxu4H1fiXocL9s0BltmtD+yrl9b7q1cjHyliB9655gH1cFnxdqwsNhs3XkwQIhNDzjSf3m82yo8Z5lAlpZgMeOxGs92xoW7dyOj5v8W9ynzTLKIjyNNfyebqdyOqrcAgCIfQlwnpcXTWUogypGmptwCi9S/v2LkfoIYwSCJ86d08C7OvS7Uo4FA5BIIQ+bjC531BWybsU36vXIX7HLEh57fs+4OcM9q0JSn88El6Pg9ThU9eAXwIEXte5bh4ORAyH79Pj7xwCLctOwH/KfSH6QxrzkR0F+R1DiDb1+irdrh22WSD6qV7MqoAQEOHBl+vcbud0STbHd7M1vYbNiIePybq8IBDCliJMJrNUjd9tIAiE2weoCAFwtee+RAiE6yf+vk75P/haJXZ9QHBU6L4LhyAQwtbmARpJXU+yEKmn6Kjn/YkyNOlzRp/1+l4AvOrgGIngqUCY+3DRrnqxcw//VzseE6UGwqfC4VKxIBACGxEmk+n6xhbpCWrfgS3Ku2eHNLR/HCDorNrQ2kUAjBYQNj5t0SjOPfDWztmdrs+fkglXHgqHZ204fJf0PCMQQtHqAI3BD8kkC4856vlmHyVMXB9Yxn0EwE0P4HqAYySC9RPXulmAc/nCJW0ngs7DNhPSzNtzpxlps0yGlCIQQnEi9A6aZOHpm36fogTCMRuOV+nvk8CsB/79z4PU4VOBkNh1/NC5tQ50nerzOn7WtgmWbThcKxaAMm4A3zLfvvRYPt+CbO97LKM6SBkdehx93fH3XbSNr5M0jV6riyD1OCtgH0vf9ukhPVNue23ngjRAfOcBblgLjeReGlDbOlFGWz08uGiP1Xqi14IIdfi1kAc8pW/7POCqlNvBwdC6hoRjyCj8+92B3P2hKp/UZwiJ8u7Zpw7L4O4MoJuhoFNWBanDq5HOAYa1z2zA6/Y8dBzsp2krNA//3rjnIhBCLKcB9mGZvPw+tijvnh16HH1I3S0BIRB2HwgtOxDHes/veyMQHqR5iNwMvf3tZnuZYi3NBFCsXd95suW99dUQulQ+2VsEqcPFI/t47hrgWpZuh5sqw26GZ58myNw/FAGFmyfvA9CNKD0vJT/t/jHIfqwKOE457Fz9PRlV0oVNb+G5okAghHy9VgTFqXv4mVWQsrkuvJFYwhqEAmGcOr4+8PvfKMbOzNPtKBEPmBEIIcNgUCkGBMK/lP4uTPRA6HoXKxAeqpkUZakoO71+XAiFCISQF72DZTru4WfWAmH2ZkEacqtH/k4gjONTRz/n9+RBkFCIQKgIKFSVzLJGd54F2Y9/Fd6Qi+C6gH2kuyVcmuPlhVDY+bXkTDEgEML06R0sVx8PAiqNzOxFqcPH1qbTaxFHlwFOKOzePJl9FIEQJi3KQvQcdgx0qYTJSATC/IPCM6d+mDruevInobB7Z0mvPAIhTJandnR5k47y7lnpgfA4yH5cFxB6S7fq8dj5Od1ONkN3oRAEQpigV4qgeF0GuChPgFeFHxOVeiQTn3r++c1EM78m6xR2ob7ZThQDAiFMyzx5j4ZuQ5zhogJhLnXo2if0b+vDzfZT+5XDmLMAgRBcmJmgHzv8WVEa2X96QBA+EHqfKUYYHKrnrvk9TU/hi+SB0aHXl1oxIBDCNDQX5Eox0HHDOMq7ZyVPJhHluvDJqR3ex5FCaNNb+FIw3NtvigCBEKZB7yAbXfbqRQkTJTf0SliDkBjGHMK5FAz35j1CBEKYSIOvVgz0EACiBMKSewifqUMyqd8pBLFNMHyRvGO4rZlQiEAI4zOzKN+7QR+qFiRCEOrJwduJfZ5Vun3HsAmHvzv+nnSsCBAIYdzG3lwxcE8XvYRRJpQpfahhHaQODRmNq6nbqfbGrdPt2oU/t+Hwj2RIaV/3HOjFPxUBBRAG6SvMRbnBlzwZSRVkP6L3zjQB413Bx+lVJoG/qaff2625PjaTqZwkE7o1akWAQAjjNfoNF+WhMHfoE/fngRrbAqE6nPr+LVy2sguxV/fC4TyVvR7mLOnJZ4IMGSW6k2QxZr6vi4lEhIkYDwYi2GYdSQ1RxgyHTTD8n3T73uGy0OPRsFEEQhiBpSboM8xFubmvPBgoog5N+rG7WhF0rhmZ8fJeOAQEQuiF9xboMxBGObbWhR8HR+qxiPN1H4ub7eJm+3azvU+3wx3dU/oLh83XK8cxAF3a3Mhttoe2Q9RByuCi8OvE14KO5fPM93HI4f9Hj3yOyzYsGv7XX9mfB73nLFQvU2RSGSLfUGrFwBOqtH/PSpTjq/RhhLOC6vDPzPezOec+DHRMXDxxf2m25pWEzXIQH9PtsN1S34ub3Su/+2H5efv/t1mvsPn7prfwTVvGc7cqEAhhH2YWpe9AGOXdsz8Lrv8ooX7d8b+bqt8GCISbMDjb4d/P74SW5vN9ar9Ovbyr9J9DGOvvXOeqJ8LeruW7y3HdBMNmuZHzZLglCISw401urhjY8lgZ43un5Er9Z+9zIYFw8154X/uxCYNHB37GZjtrP+fd3sMh73nPtgh7uWjKrln0/n3K/yGOmX4BBrJI3o2z9f8+R5R3z2auFdlvJzvss3dev68JgV96/NzN9eI89bMO3/uM6u/QQHeZ+fFbJ5ggs4wSjYXo2cWzA46zKEGq5CfWxwXWYe49wk2D+rTjn3naBs2q53vTvA2FX9tgc5q6mZhmlln9HeJXty0QCOEpFqJnF/s2AK0/GMOswHqMUOdnHYXCqg2CZyMcC0ft722C4Zf2zycFnHOHPoRZp2EmFurL2m0XoH99Dvmxxdu+7HmcnQbZ//PCrxclHsPzQOfv+z0f6lRp2ssa7LrmYW7D16sDz9tFKnOpI+iNHkIisRA9+zQM9xGlZ6nkGUZLXZD+Q6A6bK75l224O9riXG9C1kUboucT36/z9nNus+Zhbtej14Vec0pf4gdgEBait+2zHRV8rNWFP0AqdWKky8Dn80X69zDQzZ8jTAD1WE9wadeeXI/f0kdkMGGWnSAKC9Gzr32erldB9n1d+DUjgn0mBXoXaP/vq+99jeLNE8dAbr2EzbDYF2n3XrPTjI/dT263TJUho0RhZlGGDAYCYf6eBdmPfYahfXDaZ3eeLjs+Bsa2WfNxl8mBmn97lnE9rhzKCITQn6ZxPlcMHNAw2UVdcJCIdt0otR7X6j8rbwJfe5uAt3mns3rk/n6ZeRi8SmYYZcIMGSWCiGHwj5vtXxP6PMcp7pDc5z0HyKkqvXES4Xi+TvuvI/k2eacplyCxDH4uV/eOxVWgc3TjnUMZgRD6E3Eh+ubm/vvEPtMicCDcNeBFeffqc8HXjSpQWNhXEzLGWH+P3WxzL4g2W3DEe41h2kyaIaPkbh6wQTPF4UHXgY+hXQPe8yD7XfKQwSiBcH3g9791C5m0ZqTIyrmcvWUyIgOBEHoVrXewCV5TfJIYucGx6wMFYaK8hwBTdWjP0B8p9sOe3M/PbR8OrhTXpBkuikAIPZqneAvRf9BAm3xAiBImSu5ViDLD6KFBoLnW6CWcppc73Auuk17CKZ+jAjsCIfTot4D7pHE2jm17Casg+7v2AEA9tvQSTs+bPUKE0DHdugSBEHpSp3gvnl8lT3mnHhAEQoEwWj02YfB3l4DJaEaJLPb4PsMSp2cpqCMQQr/0DtKlbXsI6yD7+0l9Z6/Lh0cartOp05cHfK8HitPhQQsCIfSsSvHWHrxOT681Nfbni+x4y38X5d2zdcHXj1odftfvydDRsevzxYF14KHidLx0PiEQQr9eBdyn5cQ/nyfPtyphQh1OxOceznHvO42jCQ6/dhAglslw8Clo3su17iBAj5qhXl9vtm/Bthwaqd+Cb9uIcuyVvBj5IkgdnvRUPu8LONentDXXlC7faT1RpqNul5pp5EgPIbmZB2zMrpKnurk8jIhw7F2nsocyHQfZj77qsBnqZkTAcHX4ouPy/pC8DzqWq7Y+QSCEnkUcLuq9j2mon/h76w/GCfYR9NXo72r4ItuFhz7OR++vjRPulTsCIQxgnuItRL9O3jXIhUCoHqd03ej75x86wQnjhMFN/b1UzIOGwT7rEwRCuCPiUhM5rR21Dn581U/8fZSepT+FQYFwh9AiFHZrebP9PEC5Ng8aTRKUf7gHgRDuNdbrgPu11AjNRpR3z0puuFTqUCgc0cs0bM/dIrN7jDAIAiE8KmLv4AchK6vAFyVMlHzMRekhHLKXVyjspgx/HimcvRQKe7FMw/T0gkAIdxri84D7ZTKZ/I5DgTBvzwIFjKF/309JT8g+/kjj9yI1odDw0W5sJo/xjibAwM5SvLWKvmRYDxep3LUIj4Ls30Xh15Iox/DM9TiLa3w9seN/nmKu4zvk9bNKAAwu6kL0pxrTWTW0oyz2fF749ST6g4uhnAgWjy40v5jwOdAEmkv1tHOdzjXHiMyQUaZunuItRN9YZviZ1wUcb0c7/v/clDzDqPUHu9O8//xTsmTO967rP088EK7bz9gMIfX+29PetMf6UlEgEMJ4Ii5Ev8z0RlxCmHgoNDwPsn8lvwNmyYlubRawf5FMjrVqQ9bLjMpikcab6CaX+/RPbTkJzgiEMKJ5ijle32Qy+YWGKL1La3Wbvak9mFm1DeeXBTacP7SBONelB9ZtvekBu3V9JwjmFO4BQov4nsNlxvWxSPHfFTl7YN+9e5a/KJOh1BMu4+bByTzdTqgS+X2y5l3cKuA5UrXnSWnvhzbH62mK+XoKQNbqoDeeuUCY3SyclYcRIUSZFCmXns55ijUR1WWK+077Q8H+ffBgf5bijByAg/xTETDhQLgKuF85T8KwDlond1090DhaBd23klzZj0Et2615oNK8C36S8utVW7fX7LeprOGD13fqb9bW3S/tfTnnQLypz48F3MtgJz8oAgBgAEd3wsVUe2ZWdwLDlSr7D3W7Hbd1OOWAuG7r8VP7da36QCAEAKZhdi9Y1CN8hus29G0Cw0q17Kxq66/Znt/57zGCfFOfn++EebODgkAIAGTk6E6geN6GxiodPtR0E/zW6XaW1qs7/01/gX8TDO+G/eNHgmV1r77u29RfuhP4BD8QCAGAggLjLkMUhQUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgPD+X4ABAGSO36agQ9DaAAAAAElFTkSuQmCC"},$a=[{id:"aries",label:(0,l.defineMessage)({id:"/PJA/1",defaultMessage:[{type:0,value:"Aries"}]})},{id:"taurus",label:(0,l.defineMessage)({id:"XKcyqx",defaultMessage:[{type:0,value:"Taurus"}]})},{id:"gemini",label:(0,l.defineMessage)({id:"4g35M0",defaultMessage:[{type:0,value:"Gemini"}]})},{id:"cancer",label:(0,l.defineMessage)({id:"0acGK7",defaultMessage:[{type:0,value:"Cancer"}]})},{id:"leo",label:(0,l.defineMessage)({id:"EEUc6n",defaultMessage:[{type:0,value:"Leo"}]})},{id:"virgo",label:(0,l.defineMessage)({id:"6bd963",defaultMessage:[{type:0,value:"Virgo"}]})},{id:"libra",label:(0,l.defineMessage)({id:"M/FGRs",defaultMessage:[{type:0,value:"Libra"}]})},{id:"scorpio",label:(0,l.defineMessage)({id:"YyPYHk",defaultMessage:[{type:0,value:"Scorpio"}]})},{id:"sagittarius",label:(0,l.defineMessage)({id:"7mMPO4",defaultMessage:[{type:0,value:"Sagittarius"}]})},{id:"capricorn",label:(0,l.defineMessage)({id:"NumcrW",defaultMessage:[{type:0,value:"Capricorn"}]})},{id:"aquarius",label:(0,l.defineMessage)({id:"fBii8l",defaultMessage:[{type:0,value:"Aquarius"}]})},{id:"pieces",label:(0,l.defineMessage)({id:"dxAumJ",defaultMessage:[{type:0,value:"Pisces"}]})}],el={container:"micromag-screen-urbania-horoscope-container",disabled:"micromag-screen-urbania-horoscope-disabled",hidden:"micromag-screen-urbania-horoscope-hidden",placeholder:"micromag-screen-urbania-horoscope-placeholder",content:"micromag-screen-urbania-horoscope-content",emptyText:"micromag-screen-urbania-horoscope-emptyText",emptyTitle:"micromag-screen-urbania-horoscope-emptyTitle",textCard:"micromag-screen-urbania-horoscope-textCard",isPlaceholder:"micromag-screen-urbania-horoscope-isPlaceholder",category:"micromag-screen-urbania-horoscope-category",categoryPlaceholder:"micromag-screen-urbania-horoscope-categoryPlaceholder",title:"micromag-screen-urbania-horoscope-title",sponsorPlaceholder:"micromag-screen-urbania-horoscope-sponsorPlaceholder",description:"micromag-screen-urbania-horoscope-description",descriptionPlaceholder:"micromag-screen-urbania-horoscope-descriptionPlaceholder",layout:"micromag-screen-urbania-horoscope-layout"},tl={defaultSigns:m().arrayOf(m().shape({id:m().string,label:m().string})),signs:m().arrayOf(m().shape({id:m().string,label:m().string,word:a.PropTypes.headingElement,description:a.PropTypes.textElement})),category:a.PropTypes.headingElement,title:a.PropTypes.headingElement,description:a.PropTypes.textElement,author:a.PropTypes.authorElement,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},nl={defaultSigns:$a,signs:null,category:null,title:null,description:null,author:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null},al=function(e){var t,n,a=e.defaultSigns,l=e.signs,u=e.category,d=e.title,m=e.description,v=e.spacing,A=e.background,b=e.callToAction,w=e.current,C=e.active,E=e.transitions,M=e.transitionStagger,S=e.className,k=a.map((function(e,t){return(0,o.Z)((0,o.Z)((0,o.Z)({},e),null!==l&&l[t]&&l[t]\|\|null),{},{image:Ja[e.id]?Ja[e.id]:null})}));console.log(k);var T=(0,y.useTrackScreenEvent)(),N=(0,g.useScreenSize)(),x=N.width,P=N.height,O=N.menuOverScreen,Z=(0,g.useViewer)().menuSize,F=(0,g.useScreenRenderContext)(),I=F.isView,R=F.isPreview,L=F.isPlaceholder,z=F.isEdit,B=F.isStatic,q=F.isCapture,j=(0,h.isTextFilled)(u),V=(0,h.isTextFilled)(d),H=(0,h.isTextFilled)(m),W=j&&!V&&!H,G=w,U=B\|\|q\|\|L\|\|R\|\|z,Q=!z&&U\|\|!w,Y=w&&(I\|\|z),_=w\|\|C\|\|!I,K=null!==b&&!0===b.active,J=(0,f.useState)(!1),$=(0,s.Z)(J,2),ee=$[0],te=$[1],ne=(0,f.useCallback)((function(e){e.initial&&T("scroll","Screen"),te(!0)}),[T]),ae=(0,f.useCallback)((function(){te(!1)}),[te]),le=[f.createElement(p.ScreenElement,{key:"title",placeholder:f.createElement(p.PlaceholderTitle,{className:el.categoryPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:el.emptyText,isEmpty:!V},f.createElement(ft,Object.assign({className:c()([el.title,(t={},(0,r.Z)(t,S,null!==S),(0,r.Z)(t,el.noBottomBorder,W),t)])},d))),f.createElement(p.ScreenElement,{key:"description",placeholder:f.createElement(p.PlaceholderText,{className:el.descriptionPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"EQdIAR",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:el.emptyText,isEmpty:!H},H?f.createElement(X,Object.assign({className:el.description},m)):null),!L&&K?f.createElement("div",{style:{margin:-v,marginTop:"10px"},key:"call-to-action"},f.createElement(ie,{callToAction:b,disabled:!ee,animationDisabled:R,focusable:w&&I,screenSize:{width:x,height:P}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([el.container,(n={},(0,r.Z)(n,S,null!==S),(0,r.Z)(n,el.isPlaceholder,L),n)]),"data-screen-ready":!0},L?null:f.createElement(D,{background:A,width:x,height:P,playing:Y,shouldLoad:_}),f.createElement(fe,{width:x,height:P},f.createElement(pt.default,{disabled:Q,onScrolledBottom:ne,onScrolledNotBottom:ae,verticalAlign:"middle"},f.createElement(Ne,{className:el.layout,style:L?null:{padding:v,paddingTop:(O&&!R?Z:0)+v}},f.createElement(p.TransitionsStagger,{transitions:E,stagger:M,disabled:U,playing:G},le)))))};al.propTypes=tl,al.defaultProps=nl;var ll=f.memo(al),il=[{id:"urbania-horoscope",type:"screen",namespaces:["urbania"],group:{label:(0,l.defineMessage)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,l.defineMessage)({id:"8bYfFG",defaultMessage:[{type:0,value:"Urbania horoscope screen"}]}),component:ll,fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"Y7bs1v",defaultMessage:[{type:0,value:"Description"}]})},{name:"author",type:"author-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"signs",component:"items",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"J6cnbt",defaultMessage:[{type:0,value:"Signs"}]}),defaultValue:$a,withoutSort:!0,withoutAddItem:!0,withoutDeleteItem:!0,itemsField:{type:"field-with-form",breadcrumbLabel:(0,l.defineMessage)({id:"12wlTR",defaultMessage:[{type:0,value:"Sign"}]}),labelPath:"id",fields:[{name:"word",type:"heading-element",label:(0,l.defineMessage)({id:"fLdjGi",defaultMessage:[{type:0,value:"Word of the week"}]})},{name:"description",type:"text-element",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:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{label:{textStyle:"heading2"}}}]}],rl={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"},ol={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},sl=function(e){var t,n,a,l,u,d,m,v,A=e.category,b=e.date,w=e.title,C=e.sponsor,E=e.description,M=e.spacing,S=e.background,k=e.callToAction,T=e.current,N=e.active,x=e.animateBackground,P=e.transitions,O=e.transitionStagger,Z=e.className,F=(0,y.useTrackScreenEvent)(),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,B=(0,g.useViewer)().menuSize,q=(0,g.useScreenRenderContext)(),j=q.isView,V=q.isPreview,H=q.isPlaceholder,W=q.isEdit,G=q.isStatic,U=q.isCapture,Q=(0,h.isTextFilled)(A),Y=(0,h.isTextFilled)(b),_=(0,h.isTextFilled)(w),K=(0,h.isTextFilled)(C),J=(0,h.isTextFilled)(E),$=Q&&!Y&&!_&&!K&&!J,ee=Q\|\|Y\|\|_\|\|K\|\|J,te=T,ne=G\|\|U\|\|H\|\|V\|\|W,ae=!W&&ne\|\|!T,le=T&&(j\|\|W),re=T\|\|N\|\|!j,oe=x&&!H&&!G&&!V,se=null!==k&&!0===k.active,ue=(0,f.useState)(!1),ce=(0,s.Z)(ue,2),de=ce[0],me=ce[1],pe=(0,f.useCallback)((function(e){e.initial&&F("scroll","Screen"),me(!0)}),[F]),ge=(0,f.useCallback)((function(){me(!1)}),[me]),ye=(0,f.useMemo)((function(){return(0,o.Z)({fit:"contain",horizontalAlign:"left",verticalAlign:"-20%",repeat:!0},S)}),[S]),he=[H?null:f.createElement(Ce,{key:"spacer-cta-top"}),ee\|\|H?f.createElement(fe,{className:c()([rl.textCard,(t={},(0,r.Z)(t,Z,null!==Z),(0,r.Z)(t,rl.isPlaceholder,H),t)])},f.createElement(p.ScreenElement,{key:"category",placeholder:f.createElement(p.PlaceholderTitle,{className:rl.categoryPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"I5+AHN",defaultMessage:[{type:0,value:"Category"}]}),emptyClassName:rl.emptyText,isEmpty:!Q},Q?f.createElement(ft,Object.assign({className:c()([rl.category,(n={},(0,r.Z)(n,Z,null!==Z),(0,r.Z)(n,rl.noBottomBorder,$),n)])},A)):null),Y\|\|_\|\|H?f.createElement("div",{className:c()([rl.dateTitleRow,(a={},(0,r.Z)(a,Z,null!==Z),(0,r.Z)(a,rl.bottomBorder,K\|\|!K&&J),(0,r.Z)(a,rl.isPlaceholder,H),a)])},f.createElement(p.ScreenElement,{key:"date",placeholder:f.createElement(p.PlaceholderText,{className:rl.datePlaceholder}),emptyLabel:f.createElement(i.Z,{id:"/MsgWe",defaultMessage:[{type:0,value:"Date"}]}),emptyClassName:rl.emptyText,isEmpty:!Y},Y?f.createElement("div",{className:c()([rl.dateContainer,(l={},(0,r.Z)(l,Z,null!==Z),(0,r.Z)(l,rl.rightBorder,_),l)])},f.createElement(X,Object.assign({className:c()([rl.date,(u={},(0,r.Z)(u,Z,null!==Z),(0,r.Z)(u,rl.centerDate,!_),u)])},b))):null),f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:rl.emptyTitle,isEmpty:!_},_?f.createElement("div",{className:c()([rl.titleContainer,(d={},(0,r.Z)(d,Z,null!==Z),(0,r.Z)(d,rl.leftBorder,Y),d)])},f.createElement(ft,Object.assign({className:rl.title},w))):null)):null,f.createElement(p.ScreenElement,{key:"sponsor",placeholder:f.createElement(p.PlaceholderText,{className:rl.sponsorPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"Bv1Q38",defaultMessage:[{type:0,value:"Sponsor"}]}),emptyClassName:rl.emptyText,isEmpty:!K},K?f.createElement(X,Object.assign({className:c()([rl.sponsor,(m={},(0,r.Z)(m,Z,null!==Z),(0,r.Z)(m,rl.bottomBorder,J),m)])},C)):null),f.createElement(p.ScreenElement,{key:"description",placeholder:f.createElement(p.PlaceholderText,{className:rl.descriptionPlaceholder}),emptyLabel:f.createElement(i.Z,{id:"EQdIAR",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:rl.emptyText,isEmpty:!J},J?f.createElement(X,Object.assign({className:rl.description},E)):null)):null,H?null:f.createElement(Ce,{key:"spacer-cta-bottom"}),!H&&se?f.createElement("div",{style:{margin:-M,marginTop:"10px"},key:"call-to-action"},f.createElement(ie,{callToAction:k,disabled:!de,animationDisabled:V,focusable:T&&j,screenSize:{width:R,height:L}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([rl.container,(v={},(0,r.Z)(v,Z,null!==Z),(0,r.Z)(v,rl.isPlaceholder,H),v)]),"data-screen-ready":!0},H?null:f.createElement(D,{background:ye,width:R,height:L,playing:le,shouldLoad:re,backgroundClassName:oe?rl.background:null}),f.createElement(fe,{width:R,height:L},f.createElement(pt.default,{disabled:ae,onScrolledBottom:pe,onScrolledNotBottom:ge,verticalAlign:"middle"},f.createElement(Ne,{className:rl.layout,style:H?null:{padding:M,paddingTop:(z&&!V?B:0)+M}},f.createElement(p.TransitionsStagger,{transitions:P,stagger:O,disabled:ne,playing:te},he)))))};sl.propTypes=ol,sl.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 ul=f.memo(sl),cl=[{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:ul,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:"heading2"}}}]}],dl={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"},ml={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"},fl={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},pl={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},gl=function(e){var t,n,a,l,u=e.layout,d=e.title,m=e.video,h=e.gotoNextScreenOnEnd,v=e.background,A=e.callToAction,b=e.current,w=e.active,C=e.transitions,E=e.spacing,M=e.padding,S=e.getMediaRef,k=e.className,T=(0,y.useTrackScreenMedia)("video"),N=(0,g.useScreenSize)(),x=N.width,O=N.height,Z=(0,g.useScreenRenderContext)(),F=Z.isView,I=Z.isPreview,L=Z.isPlaceholder,z=Z.isEdit,B=Z.isStatic,q=Z.isCapture,j=(0,g.useViewerNavigation)().gotoNextScreen,V=b&&(F\|\|z),H=b\|\|w\|\|!F,W=b\|\|w\|\|!F,G=h&&F&&b,U=(d\|\|{}).body,Q=void 0===U?"":U,X=m\|\|{},Y=X.autoPlay,_=void 0===Y\|\|Y,K=X.media,J=void 0===K?null:K,$=X.closedCaptions,ee=void 0===$?null:$,te=X.withSeekBar,ne=void 0!==te&&te,ae=X.withPlayPause,le=void 0!==ae&&ae,re=X.withTime,oe=void 0!==re&&re,se=(0,f.useRef)(),ue=se.current\|\|{},ce=ue.togglePlay,me=ue.toggleMute,pe=ue.seek,ge=ue.play,ye=ue.pause,he=ue.mediaRef,ve=void 0===he?null:he;(0,f.useEffect)((function(){null!==ve&&null!==S&&S(ve.current)}),[ve,S]);var Ae=(0,f.useRef)(null),be=(0,f.useState)(!1),we=(0,s.Z)(be,2),Ce=we[0],Ee=we[1],Me=(0,f.useState)(null),Se=(0,s.Z)(Me,2),ke=Se[0],Te=Se[1],Ne=(0,f.useState)(null),xe=(0,s.Z)(Ne,2),Pe=xe[0],Oe=xe[1],Ze=(0,f.useState)(!1),Fe=(0,s.Z)(Ze,2),Ie=Fe[0],Le=Fe[1],ze=(0,f.useState)(!1),Be=(0,s.Z)(ze,2),qe=Be[0],je=Be[1],De=(0,f.useCallback)((function(e){Te(e)}),[Oe,Pe]),Ve=(0,f.useCallback)((function(e){T(m,"progress_".concat(Math.round(100e,10),"%"))}),[T,m]),He=(0,f.useCallback)((function(e){Oe(e)}),[Oe]),We=(0,f.useCallback)((function(e){var t=e.initial;Le(!0),T(m,t?"play":"resume")}),[T,m]),Ge=(0,f.useCallback)((function(e){var t=e.midway;Le(!1),T(m,t?"pause":"ended")}),[T,m]),Ue=(0,f.useCallback)((function(e){je(e),T(m,e?"mute":"unmute")}),[T,m]),Qe=(0,f.useCallback)((function(e){pe(e),ge()}),[pe,ge]),Xe=(0,f.useCallback)((function(e){e>0&&T(m,"seek")}),[T,m]),Ye=(0,f.useCallback)((function(){qe&&!Ie&&ge(),me()}),[qe,me]),_e=(0,f.useCallback)((function(){G&&j()}),[G,pe,j]);(0,f.useEffect)((function(){!b&&Ie&&ye()}),[Ie,b]);var Ke=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;Ee(!0),null!==Ae.current&&clearTimeout(Ae.current),Ae.current=setTimeout((function(){Ee(!1),Ae.current=null}),t)}),[Ee]),Je=(0,f.useCallback)((function(){Ie?le?Ke(null,3e3):ye():ge()}),[ge,Ie,ye,Ke,le,Ee]),$e=(0,y.useLongPress)({onLongPress:Je,onClick:Ke}),et="full"===u,tt=null!==A&&!0===A.active,nt=v\|\|{},at=nt.image,lt=void 0===at?null:at,it=nt.video,rt=null===v\|\|null===lt&&null===(void 0===it?null:it),ot=null!==m,st=(0,f.useState)(ot),ut=(0,s.Z)(st,2),ct=ut[0],dt=ut[1],mt=b&&ct,pt=B\|\|q\|\|L\|\|I\|\|z,gt=(0,f.useMemo)((function(){return ot?(0,o.Z)((0,o.Z)({},m),{},{autoPlay:!I&&!B&&!q&&_&&b}):null}),[ot,m,I,B,q,_,b]),yt=J\|\|{},ht=yt.metadata,vt=void 0===ht?null:ht,At=yt.url,bt=void 0===At?null:At,wt=yt.thumbnail_url,Ct=void 0===wt?null:wt,Mt=null!==bt,St=vt\|\|{},kt=St.width,Tt=void 0===kt?0:kt,Nt=St.height,xt=void 0===Nt?0:Nt,Pt=(0,y.useResizeObserver)(),Ot=Pt.ref,Zt=Pt.entry.contentRect,Ft=((void 0===Zt?null:Zt)\|\|{}).height,It=O-(void 0===Ft?0:Ft)-(M?2M:40),Rt=(0,P.getSizeWithinBounds)(Tt,xt,x,It,{cover:et}),Lt=Rt.width,zt=Rt.height,qt=-(Lt-x)/2,jt=(0,f.useMemo)((function(){return Bt()(v)&&v.length>0?v:null!==v?(0,o.Z)((0,o.Z)({},ml),v):ml}),[v]),Dt=et?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){dt(!Mt)}),[bt,Mt,dt]);var Vt=(0,f.useCallback)((function(){dt(!0)}),[dt]),Ht=!_&&!Ie\|\|qe\|\|Ce,Wt=[f.createElement(fe,{className:dl.itemsContainer},f.createElement(p.ScreenElement,{key:"heading",className:dl.headingScreenElement,placeholder:f.createElement(p.PlaceholderTitle,Object.assign({className:dl.placeholder},Dt)),empty:f.createElement("div",{className:dl.emptyContainer},f.createElement(p.Empty,{className:dl.empty},f.createElement(i.Z,{id:"oAtOlP",defaultMessage:[{type:0,value:"Heading"}]}))),isEmpty:0===Q.length},f.createElement("div",{ref:Ot},f.createElement(ft,Object.assign({className:c()([dl.heading,(t={},(0,r.Z)(t,k,null!==k),(0,r.Z)(t,dl.hideHeading,0===Q.length),t)]),body:Q},d)))),f.createElement(p.ScreenElement,{key:"video",className:dl.videoScreenElement,placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:dl.videoPlaceholder,height:"300px"},Dt)),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:Math.min(x,Lt),height:zt,left:qt>0?qt:null,maxHeight:It}},I\|\|q?f.createElement(Et,{className:dl.image,media:{url:Ct,metadata:{width:Tt,height:xt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},gt,{ref:se,width:Lt,height:zt,className:dl.video,onReady:Vt,onPlay:We,onPause:Ge,onTimeUpdate:De,onProgressStep:Ve,onDurationChanged:He,onSeeked:Xe,onEnded:_e,onVolumeChanged:Ue,focusable:b&&F,preload:W?"auto":"metadata"})),L?null:f.createElement("div",{key:"bottom-content",className:dl.bottomContent},f.createElement(p.Transitions,{playing:mt,transitions:C,disabled:pt},null===ee\|\|I\|\|q\|\|B?null:f.createElement(de,{className:dl.closedCaptions,media:ee,currentTime:ke}),f.createElement("div",{className:c()([dl.bottom,(n={},(0,r.Z)(n,dl.visible,Ht),(0,r.Z)(n,dl.withGradient,ne\|\|le\|\|qe),n)])},Mt?f.createElement(Re,{className:c()([dl.mediaControls,(0,r.Z)({},dl.visible,Ht)]),withSeekBar:ne,withPlayPause:le,withTime:oe,playing:Ie,muted:qe,currentTime:ke,duration:Pe,onTogglePlay:ce,onToggleMute:Ye,onSeek:Qe,focusable:b&&F}):null,tt?f.createElement("div",{style:{marginTop:-E/2}},f.createElement(ie,{className:dl.callToAction,callToAction:A,animationDisabled:I,focusable:b&&F,screenSize:{width:x,height:O}})):null)))):null))];return f.createElement("div",Object.assign({className:c()([dl.container,(a={},(0,r.Z)(a,k,null!==k),(0,r.Z)(a,dl.fullscreen,et),a)]),"data-screen-ready":B\|\|q\|\|ct},$e,{onMouseMove:Ke}),L?f.createElement(D,{background:fl,className:dl.background,width:x,height:O,styles:{backgroundColor:"red"}}):f.createElement(D,{background:jt,className:c()([dl.background,(l={},(0,r.Z)(l,k,null!==k),(0,r.Z)(l,dl.isCustomBackground,rt),(0,r.Z)(l,dl.isAnimated,!B&&!I&&rt),l)]),width:x,height:O,playing:V,shouldLoad:H}),f.createElement(fe,{width:x,height:O},f.createElement("div",{className:dl.content},Wt)))};gl.propTypes=pl,gl.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 yl=f.memo(gl),hl={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:yl,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"}]})}]},vl={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"},Al={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},bl=function(e){var t,n,a=e.layout,l=e.video,u=e.gotoNextScreenOnEnd,d=e.background,m=e.callToAction,h=e.current,v=e.active,A=e.transitions,b=e.spacing,w=e.getMediaRef,C=e.className,E=(0,y.useTrackScreenMedia)("video"),M=(0,g.useScreenSize)(),S=M.width,k=M.height,T=(0,g.useScreenRenderContext)(),N=T.isView,x=T.isPreview,O=T.isPlaceholder,Z=T.isEdit,F=T.isStatic,I=T.isCapture,L=(0,g.useViewerNavigation)().gotoNextScreen,z=h&&(N\|\|Z),B=h\|\|v\|\|!N,q=h\|\|v\|\|!N,j=u&&N&&h,V=l\|\|{},H=V.autoPlay,W=void 0===H\|\|H,G=V.media,U=void 0===G?null:G,Q=V.closedCaptions,X=void 0===Q?null:Q,Y=V.withSeekBar,_=void 0!==Y&&Y,K=V.withPlayPause,J=void 0!==K&&K,$=V.withTime,ee=void 0!==$&&$,te=(0,f.useRef)(),ne=te.current\|\|{},ae=ne.togglePlay,le=ne.toggleMute,re=ne.seek,oe=ne.play,se=ne.pause,ue=ne.mediaRef,ce=void 0===ue?null:ue;(0,f.useEffect)((function(){null!==ce&&null!==w&&w(ce.current)}),[ce,w]);var me=(0,f.useRef)(null),pe=(0,f.useState)(!1),ge=(0,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(null),Ae=(0,s.Z)(ve,2),be=Ae[0],we=Ae[1],Ce=(0,f.useState)(null),Ee=(0,s.Z)(Ce,2),Me=Ee[0],Se=Ee[1],ke=(0,f.useState)(!1),Te=(0,s.Z)(ke,2),Ne=Te[0],xe=Te[1],Pe=(0,f.useState)(!1),Oe=(0,s.Z)(Pe,2),Ze=Oe[0],Fe=Oe[1],Ie=(0,f.useCallback)((function(e){we(e)}),[Se,Me]),Le=(0,f.useCallback)((function(e){E(l,"progress_".concat(Math.round(100e,10),"%"))}),[E,l]),ze=(0,f.useCallback)((function(e){Se(e)}),[Se]),Be=(0,f.useCallback)((function(e){var t=e.initial;xe(!0),E(l,t?"play":"resume")}),[E,l]),qe=(0,f.useCallback)((function(e){var t=e.midway;xe(!1),E(l,t?"pause":"ended")}),[E,l]),je=(0,f.useCallback)((function(e){Fe(e),E(l,e?"mute":"unmute")}),[E,l]),De=(0,f.useCallback)((function(e){re(e),oe()}),[re,oe]),Ve=(0,f.useCallback)((function(e){e>0&&E(l,"seek")}),[E,l]),He=(0,f.useCallback)((function(){Ze&&!Ne&&oe(),le()}),[Ze,le]),We=(0,f.useCallback)((function(){j&&L()}),[j,re,L]);(0,f.useEffect)((function(){!h&&Ne&&se()}),[Ne,h]);var Ge=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;he(!0),null!==me.current&&clearTimeout(me.current),me.current=setTimeout((function(){he(!1),me.current=null}),t)}),[he]),Ue=(0,f.useCallback)((function(){Ne?J?Ge(null,3e3):se():oe()}),[oe,Ne,se,Ge,J,he]),Qe=(0,y.useLongPress)({onLongPress:Ue,onClick:Ge}),Xe="full"===a,Ye=null!==m&&!0===m.active,_e=null!==l,Ke=(0,f.useState)(_e),Je=(0,s.Z)(Ke,2),$e=Je[0],et=Je[1],tt=h&&$e,nt=F\|\|I\|\|O\|\|x\|\|Z,at=(0,f.useMemo)((function(){return _e?(0,o.Z)((0,o.Z)({},l),{},{autoPlay:!x&&!F&&!I&&W&&h}):null}),[_e,l,x,F,I,W,h]),lt=U\|\|{},it=lt.metadata,rt=void 0===it?null:it,ot=lt.url,st=void 0===ot?null:ot,ut=lt.thumbnail_url,ct=void 0===ut?null:ut,dt=null!==st,mt=rt\|\|{},ft=mt.width,pt=void 0===ft?0:ft,gt=mt.height,yt=void 0===gt?0:gt,ht=(0,P.getSizeWithinBounds)(pt,yt,S,k,{cover:Xe}),vt=ht.width,At=ht.height,bt=-(vt-S)/2,wt=-(At-k)/2,Ct=Xe?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){et(!dt)}),[st,dt,et]);var Mt=(0,f.useCallback)((function(){et(!0)}),[et]),St=!W&&!Ne\|\|Ze\|\|ye,kt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:vl.placeholder},Ct)),empty:f.createElement("div",{className:vl.emptyContainer},f.createElement(p.Empty,{className:vl.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!dt},dt?f.createElement("div",{className:vl.videoContainer,style:{width:vt,height:At,left:bt,top:wt}},x\|\|I?f.createElement(Et,{className:vl.image,media:{url:ct,metadata:{width:pt,height:yt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},at,{ref:te,className:vl.video,onReady:Mt,onPlay:Be,onPause:qe,onTimeUpdate:Ie,onProgressStep:Le,onDurationChanged:ze,onSeeked:Ve,onEnded:We,onVolumeChanged:je,focusable:h&&N,preload:q?"auto":"metadata"}))):null),O?null:f.createElement("div",{key:"bottom-content",className:vl.bottomContent},f.createElement(p.Transitions,{playing:tt,transitions:A,disabled:nt},null===X\|\|x\|\|I\|\|F?null:f.createElement(de,{className:vl.closedCaptions,media:X,currentTime:be}),f.createElement("div",{className:c()([vl.bottom,(t={},(0,r.Z)(t,vl.visible,St),(0,r.Z)(t,vl.withGradient,_\|\|J\|\|Ze),t)])},dt?f.createElement(Re,{className:c()([vl.mediaControls,(0,r.Z)({},vl.visible,St)]),withSeekBar:_,withPlayPause:J,withTime:ee,playing:Ne,muted:Ze,currentTime:be,duration:Me,onTogglePlay:ae,onToggleMute:He,onSeek:De,focusable:h&&N}):null,Ye?f.createElement("div",{style:{marginTop:-b/2}},f.createElement(ie,{className:vl.callToAction,callToAction:m,animationDisabled:x,focusable:h&&N,screenSize:{width:S,height:k}})):null)))];return f.createElement("div",Object.assign({className:c()([vl.container,(n={},(0,r.Z)(n,C,null!==C),(0,r.Z)(n,vl.fullscreen,Xe),n)]),"data-screen-ready":F\|\|I\|\|$e},Qe,{onMouseMove:Ge}),O?null:f.createElement(D,{background:d,width:S,height:k,playing:z,shouldLoad:B}),f.createElement(fe,{width:S,height:k},f.createElement("div",{className:vl.content},kt)))};bl.propTypes=Al,bl.defaultProps={layout:"middle",video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,getMediaRef:null,className:null};var wl=f.memo(bl),Cl=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,s=(0,Le.W2)(i,(0,v.Z)(r?[r]:[])),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components\|\|[]),(0,v.Z)(c?[c]:[]))})}}),El={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:wl,layouts:["middle","full"],transforms:Cl,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:{label:{textStyle:"heading2"}}}]},Ml={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"},Sl=null,kl={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},Tl=function(e){var t;e.layout;var a=e.video,l=e.background,u=e.callToAction,d=e.current,m=e.active,h=e.transitions,v=e.onPrevious,A=e.onNext,b=e.type,w=e.spacing,C=e.className,E=function(){var e=(0,f.useState)({package:Sl}),t=(0,s.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,s=t.Mesh,u=t.WebGLRenderer,c=t.MathUtils;Sl={Scene:n,PerspectiveCamera:a,SphereBufferGeometry:i,VideoTexture:r,MeshBasicMaterial:o,Mesh:s,WebGLRenderer:u,MathUtils:c},e\|\|l({package:Sl})})),function(){e=!0}}),[a,l]),a}(),M=(0,y.useTrackScreenEvent)(b),S=(0,y.useTrackScreenMedia)("video_360"),k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=k.landscape,O=(0,g.useScreenRenderContext)(),Z=O.isView,F=O.isPreview,I=O.isPlaceholder,L=O.isEdit,z=O.isStatic,B=O.isCapture,q=d&&(Z\|\|L),j=d\|\|m\|\|!Z,V=(0,f.useRef)(),H=(0,f.useRef)(),W=H.current\|\|{},G=W.togglePlay,U=W.toggleMute,Q=W.seek,X=W.play,Y=W.pause,_=(0,f.useState)(null),K=(0,s.Z)(_,2),J=K[0],$=K[1],ee=(0,f.useState)(null),te=(0,s.Z)(ee,2),ne=te[0],ae=te[1],le=(0,f.useState)(!1),re=(0,s.Z)(le,2),oe=re[0],se=re[1],ue=(0,f.useState)(!1),ce=(0,s.Z)(ue,2),me=ce[0],pe=ce[1],ge=(0,f.useCallback)((function(e){$(e)}),[ae,ne]),ye=(0,f.useCallback)((function(e){S(a,"progress_".concat(Math.round(100e,10),"%"))}),[S,a]),he=(0,f.useCallback)((function(e){ae(e)}),[ae]),ve=(0,f.useCallback)((function(e){var t=e.initial;se(!0),S(a,t?"play":"resume")}),[S,a]),Ae=(0,f.useCallback)((function(e){var t=e.midway;se(!1),S(a,t?"pause":"ended")}),[S,a]),be=(0,f.useCallback)((function(e){pe(e),S(a,e?"mute":"unmute")}),[S,a]),we=(0,f.useCallback)((function(e){e>0&&S(a,"seek")}),[S,a]),Ce=(0,f.useCallback)((function(){me&&!oe&&X(),U()}),[me,U]);(0,f.useEffect)((function(){!d&&oe&&Y()}),[oe,d]);var Ee=null!==a,Me=(0,f.useState)(!Ee),Se=(0,s.Z)(Me,2),ke=Se[0],Te=Se[1],Ne=d&&ke,xe=z\|\|B\|\|I\|\|F\|\|L,Pe=a\|\|{},Oe=Pe.media,Ze=void 0===Oe?null:Oe,Fe=Pe.closedCaptions,Ie=void 0===Fe?null:Fe,Le=Pe.withSeekBar,ze=void 0!==Le&&Le,Be=Pe.withPlayPause,qe=void 0!==Be&&Be,je=Pe.autoPlay,De=void 0===je\|\|je,Ve=Ee?(0,o.Z)((0,o.Z)({},a),{},{autoPlay:!F&&!z&&!B&&De&&d}):null,He=Ze\|\|{},We=He.metadata,Ge=void 0===We?null:We,Ue=He.url,Qe=void 0===Ue?null:Ue,Xe=He.thumbnail_url,Ye=void 0===Xe?null:Xe,_e=null!==Qe,Ke=Ge\|\|{},Je=Ke.width,$e=void 0===Je?0:Je,et=Ke.height,tt=void 0===et?0:et,nt=null!==Ye,at=(0,f.useState)(!nt),lt=(0,s.Z)(at,2),it=lt[0],rt=lt[1],ot=_e&&(Z\|\|L)&&!B&&!z,st=(0,P.getSizeWithinBounds)($e,tt,T,N,{cover:!0}),ut=st.width,ct=st.height,dt=-(ut-T)/2,mt=-(ct-N)/2;(0,f.useEffect)((function(){Te(!_e)}),[Qe,_e,Te]),(0,f.useEffect)((function(){rt(!nt)}),[Ye,nt,rt]);var ft=(0,f.useCallback)((function(){Te(!0)}),[Te]),pt=(0,f.useCallback)((function(){rt(!0)}),[it]),gt=(0,f.useRef)(null),yt=(0,f.useRef)(null),ht=(0,f.useRef)(null),vt=(0,f.useRef)(null),At=(0,f.useRef)(0),bt=(0,f.useRef)(0),wt=(0,f.useRef)(0),Ct=(0,f.useRef)(0),Mt=(0,f.useRef)(50),St=(0,f.useRef)(!1),kt=(0,f.useRef)(0),Tt=(0,f.useRef)(0),Nt=(0,f.useRef)(0),xt=(0,f.useRef)(0),Pt=(0,f.useCallback)((function(){var e=E.MathUtils;bt.current=Math.max(-85,Math.min(85,bt.current)),wt.current=e.degToRad(90-bt.current),Ct.current=e.degToRad(At.current),yt.current.position.x=Mt.currentMath.sin(wt.current)Math.cos(Ct.current),yt.current.position.y=Mt.currentMath.cos(wt.current),yt.current.position.z=Mt.currentMath.sin(wt.current)Math.sin(Ct.current),yt.current.lookAt(0,0,0),vt.current.render(ht.current,yt.current)}),[]);(0,f.useEffect)((function(){if(null!==E&&_e&&ot){var e=E.Scene,t=E.PerspectiveCamera,n=E.SphereBufferGeometry,a=E.VideoTexture,l=E.MeshBasicMaterial,i=E.Mesh,r=E.WebGLRenderer,o=gt.current,s=o.offsetWidth,u=o.offsetHeight;yt.current=new t(75,s/u,1,1100),ht.current=new e;var c=new n(500,60,40);c.scale(-1,1,1);var d=(H.current\|\|{}).mediaRef,m=((void 0===d?null:d)\|\|{}).current,f=new i(c,new l({map:new a(void 0===m?null:m)}));ht.current.add(f),vt.current=new r({canvas:gt.current}),vt.current.setPixelRatio("undefined"!=typeof window?window.devicePixelRatio:1),vt.current.setSize(s,u),Pt()}return function(){ot&&(yt.current=null,ht.current=null,vt.current=null)}}),[_e,ot,Pt]),(0,y.useAnimationFrame)(Pt,{disabled:!ot}),(0,f.useEffect)((function(){null!==yt.current&&null!==vt.current&&(yt.current.aspect=T/N,yt.current.updateProjectionMatrix(),vt.current.setSize(T,N))}),[T,N]);var Ot=(0,f.useRef)(null),Zt=(0,f.useCallback)((function(e){St.current=!0,kt.current=e.clientX,Tt.current=e.clientY,Nt.current=At.current,xt.current=bt.current,null!==Ot.current&&clearTimeout(Ot.current),Ot.current=setTimeout((function(){G(),Ot.current=null}),300)}),[G]),Ft=(0,f.useRef)(0),It=(0,f.useRef)(null),Rt=(0,f.useRef)(!1),Lt=(0,f.useCallback)((function(e){if(St.current){var t=e\|\|{},n=t.clientX,l=void 0===n?null:n,i=t.clientY,r=void 0===i?null:i,o=kt.current-l,s=Tt.current-r;At.current=.2o+Nt.current,bt.current=.2s+xt.current;var u=It.current\|\|{},c=u.x,d=void 0===c?l:c,m=u.y,f=void 0===m?r:m,p=Math.abs(d-l)\|\|0,g=Math.abs(f-r)\|\|0;Ft.current+=p+g,!Rt.current&&Ft.current>Math.min(T,N)&&(M("drag_sphere",a.name),Rt.current=!0),It.current={x:l,y:r},(Math.abs(o)>3\|\|Math.abs(s)>3)&&null!==Ot.current&&(clearTimeout(Ot.current),Ot.current=null)}}),[T,N,M,a]),zt=(0,f.useCallback)((function(e){var t=V.current;if(St.current&&null!==t){var n=Math.abs(kt.current-e.clientX),a=Math.abs(Tt.current-e.clientY);if(!x&&null!==Ot.current&&n<3&&a<3){var l=t.getBoundingClientRect(),i=l.left,r=void 0===i?0:i,o=l.width;e.clientX-r<.5o?null!==v&&v():null!==A&&A()}null!==Ot.current&&(clearTimeout(Ot.current),Ot.current=null)}St.current=!1}),[v,A,x]),Bt=null!==u&&!0===u.active,qt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo360,{className:Ml.placeholder,width:"100%",height:"100%"}),emptyClassName:Ml.empty,emptyLabel:f.createElement(i.Z,{id:"oLtEu6",defaultMessage:[{type:0,value:"Video 360"}]}),isEmpty:!ot},f.createElement(p.Transitions,{playing:Ne,transitions:h,disabled:xe,fullscreen:!0},ot?f.createElement(f.Fragment,null,f.createElement("canvas",{ref:gt,className:Ml.canvas}),f.createElement("button",{className:Ml.canvasButton,type:"button","aria-label":"canvas-interaction",onPointerDown:Zt,onPointerMove:Lt,onPointerUp:zt,tabIndex:d&&Z?null:"-1"})):f.createElement("div",{className:Ml.videoContainer,style:{width:ut,height:ct,left:dt,top:mt}},f.createElement(Et,{className:Ml.video,media:{url:Ye,metadata:{width:$e,height:tt}},width:"100%",height:"100%"})))),I?null:f.createElement("div",{key:"bottom-content",className:Ml.bottomContent},f.createElement(p.Transitions,{playing:Ne,transitions:h,disabled:xe},null===Ie\|\|F\|\|B\|\|z?null:f.createElement(de,{className:Ml.closedCaptions,media:Ie,currentTime:J}),ot?f.createElement(Re,{className:Ml.mediaControls,withSeekBar:ze,withPlayPause:qe,playing:oe,muted:me,currentTime:J,duration:ne,onTogglePlay:G,onToggleMute:Ce,onSeek:Q,focusable:d&&Z}):null,Bt?f.createElement("div",{style:{marginTop:-w/2}},f.createElement(ie,{callToAction:u,animationDisabled:F,focusable:d&&Z,screenSize:{width:T,height:N}})):null))];return f.createElement("div",{className:c()([Ml.container,(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,Ml.showVideo,F\|\|z\|\|B),t)]),"data-screen-ready":(z\|\|B)&&it\|\|ke},I?null:f.createElement(D,{background:l,width:T,height:N,playing:q,shouldLoad:j}),f.createElement(fe,{width:T,height:N},ot?f.createElement("div",{ref:V,className:Ml.videoContainer,style:{width:ut,height:ct,left:dt,top:mt}},f.createElement(R,Object.assign({},Ve,{ref:H,className:Ml.video,withoutCors:!0,onReady:ft,onPlay:ve,onPause:Ae,onTimeUpdate:ge,onProgressStep:ye,onDurationChanged:he,onSeeked:we,onVolumeChanged:be,onPosterLoaded:pt,focusable:d&&Z}))):null,f.createElement("div",{className:Ml.content},qt)))};Tl.propTypes=kl,Tl.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 Nl=f.memo(Tl),xl=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,s=(0,Le.W2)(i,(0,v.Z)(r?[r]:[])),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components\|\|[]),(0,v.Z)(c?[c]:[]))})}}),Pl={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:Nl,layouts:["full"],transforms:xl,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:{label:{textStyle:"heading2"}}}]},Ol=new a.ScreensManager;Ol.addDefinition(Ve),Ol.addDefinition(wt),Ol.addDefinition(It),Ol.addDefinition(Xt),Ol.addDefinition(en),Ol.addDefinition(on),Ol.addDefinition(Mn),Ol.addDefinition(Wn),Ol.addDefinition(Jn),Ol.addDefinition(aa),Ol.addDefinition(oa),Ol.addDefinition(fa),Ol.addDefinition(va),Ol.addDefinition(Pa),Ol.addDefinition(El),Ol.addDefinition(Pl),Ol.addDefinition(Xa),Ol.addDefinition(hl),Ol.addDefinition(cl),Ol.addDefinition(il);var Zl=new a.ScreensManager;Zl.merge(Ol);var Fl=["children"],Il={children:m().node.isRequired},Rl=function(e){var t=e.children,n=(0,A.Z)(e,Fl);return f.createElement(g.ScreensProvider,Object.assign({},n,{manager:Zl}),t)};Rl.propTypes=Il,Rl.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 s=o(a),u=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,s=e.color,u=void 0===s?null:s,c={fontFamily:n,fontSize:i,lineHeight:o?Math.floor(io):null,textColor:u&&u.color?u.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\|\|{},u=o.url,c=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{URL:u}),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,A=null!==h&&null!==v,b=s.default(s.default({role:n},o[n]?{layout:n}:{}),{},{text:p,format:"html"},i),w=a?l.validate(b,a):null;return{story:s.default(s.default({},e),{},{componentStyles:s.default(s.default({},e.componentStyles\|\|{}),null!==w&&A?u.default({},v,h):{})}),component:w}},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}]},A=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\|\|{},u=o.images,c=void 0===u?[]:u,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,u=void 0===o?null:o,c=null!==a&&a.url?a.url:null,d=null!==r?r:null,m=d\|\|c,f=null!==u&&u.body?l.stripTags(u.body):null;return m?s.default({URL:d\|\|c},null!==f?{caption:f}:{}):null})).filter((function(e){return null!==e})):[],m=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{items:d}),f=l.validate(m,a);return{story:e,component:f}},b={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}]},w={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}]},C={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}]},E={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}]},M={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}]},S={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 A(e,t,"gallery",v)},t.nL=function(e,t){return y(e,t,"heading1",b)},t.XJ=function(e,t){return y(e,t,"heading2",b)},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,u=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{URL:o}),c=l.validate(u,a);return{story:e,component:c}}(e,t,"image",w)},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\|\|{},u=o.latitude,c=void 0===u?null:u,d=o.longitude,m=void 0===d?null:d,f=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{latitude:c,longitude:m}),p=l.validate(f,a);return{story:e,component:p}}(e,t,"map",C)},t.Iy=function(e,t){return A(e,t,"mosaic",E)},t.pu=function(e,t){return y(e,t,"quote",M)},t.xv=function(e,t){return y(e,t,"text",g)},t.nk=function(e,t){return p(e,t,"video",S)}},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),s=n(6368);function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(a),d=u(l),m=u(i),f=u(r),p=u(o),g=u(s);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),s=n(4406),u=n(2807),c=n(2801),d=n(2026),m=n(4139),f=n(18),p=n(1260),g=n(1068),y=n(5182),h=n(5681),v=n(5372),A=n(5587),b=n(5537),w=n(1354),C=n(1098),E=n(8436),M=n(631),S=n(239),k=n(4696),T=n(4161),N=n(3057),x=n(5976),P=n(6461);function O(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Z=O(a),F=O(l),I=O(i),R=O(r),L=O(d),z=O(p),B=O(g),q=O(y),j=O(h),D=O(b),V=O(x),H=I.default.shape({home:I.default.string.isRequired,screen:I.default.string.isRequired});function W(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,s=e\|\|{},u=s.tagName,c=void 0===u?null:u,d=s.parentNode,m=void 0===d?null:d;return"BODY"!==c&&(o.map((function(e){return e.toLowerCase()})).indexOf(c.toLowerCase())>-1\|\|n<i&&W(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"},U="micromag-viewer-menus-menu-dots-closeButton",Q={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"},X={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},Y=function(e){var t,n=e.current,a=e.active,l=e.colors,i=e.count,o=e.subIndex,s=e.vertical,u=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=M.useSpring((function(){return{x:0,config:{duration:0}}})),h=B.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 A=n&&i>1?R.default.createElement("span",{className:Q.dots},q.default(Array(i).keys()).map((function(e){return R.default.createElement("span",{className:j.default([Q.dot,Q.subDot]),style:{width:"".concat(parseFloat(1/i100).toFixed(2),"%"),backgroundColor:a&&e<=o?f:g}})}))):R.default.createElement("span",{className:Q.dot,style:{backgroundColor:a?f:g}});return R.default.createElement("li",{className:j.default([Q.container,(t={},z.default(t,Q.active,n),z.default(t,Q.vertical,s),z.default(t,c,null!==c),t)]),"aria-hidden":"true"},R.default.createElement("button",{type:"button",className:Q.button,onClick:u,tabIndex:"-1"},A))};Y.propTypes=X,Y.defaultProps={current:!1,active:!1,colors:null,count:1,subIndex:0,vertical:!1,onClick:null,className:null};var _={},K={size:I.default.number,spacing:I.default.number,color:I.default.string,className:I.default.string},J=function(e){var t=e.size,n=e.spacing,a=e.color,l=e.className,i=(t-2n)/3;return R.default.createElement("svg",{className:j.default([_.container,z.default({},l,null!==l)]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(t," ").concat(t),"aria-hidden":"true"},q.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})})))};J.propTypes=K,J.defaultProps={size:100,spacing:8,color:"white",className:null};var $={direction:I.default.oneOf(["horizontal","vertical"]),withShadow:I.default.bool,items:u.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,s=e.closeable,u=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=A.useIntl(),y=l.findIndex((function(e){var t=e.current;return void 0!==t&&t}));return R.default.createElement("nav",{className:j.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,s=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(Y,{key:"item-".concat(t+1),current:s,active:t<=y,colors:o,count:m,subIndex:p,onClick:function(){(u\|\|c)&&null!==i?i(e):u\|\|null===r\|\|r()},vertical:"vertical"===n})})),c?null:R.default.createElement("li",{className:"micromag-viewer-menus-menu-dots-menu"},R.default.createElement(J,{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})),s?R.default.createElement("li",{className:U,style:{color:p}},R.default.createElement("button",{type:"button",className:U,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(N.FontAwesomeIcon,{icon:T.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,s=e.onCancel,u=r.useRef(null),c=r.useCallback((function(e){null!==o&&o(e)}),[o]),d=r.useMemo((function(){return{url:n,onShareWindowClose:function(){null!==s&&s()}}}),[n,s]),m=r.useMemo((function(){return{size:32,round:!0}}),[]),f=r.useCallback((function(e){var t=e.currentTarget;u.current&&!u.current.contains(t)&&null!==s&&s()}),[l,s]);return C.useDocumentEvent("click",f,l),R.default.createElement("div",{className:j.default([ae.container,(t={},z.default(t,i,i),z.default(t,ae.opened,l),t)]),ref:u,"aria-hidden":l?null:"-1"},R.default.createElement("div",{className:ae.content},R.default.createElement("div",{className:ae.buttons},R.default.createElement(P.FacebookShareButton,Object.assign({},d,{quote:a,beforeOnClick:function(){return c("Facebook"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(P.FacebookIcon,m)),R.default.createElement(P.TwitterShareButton,Object.assign({},d,{title:a,beforeOnClick:function(){return c("Twitter"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(P.TwitterIcon,m)),R.default.createElement(P.EmailShareButton,Object.assign({},d,{subject:a,beforeOnClick:function(){return c("Email"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(P.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,s=e.focusable,u=A.useIntl(),c=r.useState(!1),d=B.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:j.default(["micromag-viewer-partials-share-button-container",z.default({},a,null!==a)])},R.default.createElement(w.Button,{className:j.default([z.default({},l,null!==l)]),onClick:p,title:u.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),"aria-label":u.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),focusable:s},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 se={viewerTheme:u.PropTypes.viewerTheme,screenSize:u.PropTypes.screenSize,menuWidth:I.default.number,title:I.default.string,shareUrl:I.default.string,items:u.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},ue=function(e){var t=e.viewerTheme,n=e.screenSize,a=e.menuWidth,l=e.title,i=e.shareUrl,o=e.items,s=e.focusable,u=e.onClickItem,c=e.onClose,d=e.onShare,m=e.maxThumbsWidth,f=e.toggleFullscreen,p=e.fullscreenActive,g=e.fullscreenEnabled,y=e.className,h=A.useIntl(),v=n\|\|{},b=v.width,M=v.height,S=C.useResizeObserver(),x=S.ref,P=S.entry.contentRect,O=C.useResizeObserver(),F=O.ref,I=O.entry.contentRect,L=(P\|\|{}).width,q=void 0===L?0:L,D=(I\|\|{}).width,H=void 0===D?0:D,W=Math.max(Math.floor(H/m),3),G=t\|\|{},U=G.colors,Q=void 0===U?null:U,X=G.background,Y=void 0===X?null:X,_=G.textStyles,K=void 0===_?null:_,J=G.logo,$=void 0===J?null:J,ee=(K\|\|{}).title,ae=void 0===ee?null:ee,le=Q\|\|{},ie=le.primary,re=void 0===ie?null:ie,se=le.secondary,ue=void 0===se?null:se,ce=Y\|\|{},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=E.getStyleFromColor(re,"borderColor"),he=E.getStyleFromColor(ue,"color"),ve=E.getStyleFromColor(me,"backgroundColor"),Ae=($\|\|{}).url,be=void 0===Ae?null:Ae,we=null!==ge?{backgroundImage:"url(".concat(ge,")")}:null,Ce=null!==ae?E.getStyleFromText(ae):null,Ee=r.useState(!1),Me=B.default(Ee,2),Se=Me[0],ke=Me[1],Te=k.useDrag((function(e){var t=B.default(e.direction,2)[1],n=e.last;!e.tap&&n&&Se&&t<0&&null!==c&&c()}),{filterTaps:!0,eventOptions:{capture:!0}}),Ne=r.useCallback((function(){ke(!0)}),[ke]),xe=r.useCallback((function(){ke(!1)}),[ke]);return R.default.createElement("div",Object.assign({className:j.default(["micromag-viewer-menus-menu-preview-container",z.default({},y,null!==y)]),style:Z.default(Z.default(Z.default({},ve),we),{},{width:a}),"aria-hidden":s?null:"true"},Te()),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-header"},null!==be?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-organisation",style:{backgroundImage:"url(".concat(be,")")}}):null,R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-title",style:Ce},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:s},R.default.createElement(N.FontAwesomeIcon,{className:ne,icon:T.faShare})),g?R.default.createElement(w.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:s},R.default.createElement(N.FontAwesomeIcon,{className:ne,icon:p?T.faCompress:T.faExpand})):null,R.default.createElement(w.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:s},R.default.createElement(N.FontAwesomeIcon,{className:ne,icon:T.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:Ne,onScrolledNotBottom:xe},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:j.default(["micromag-viewer-menus-menu-preview-item",z.default({},"micromag-viewer-menus-menu-preview-active",a)]),key:"item-".concat(t),style:{width:"".concat(100/W,"%")}},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?x:null},b>0&&M>0?R.default.createElement(w.ScreenPreview,{screenWidth:b,screenHeight:M,width:q,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!==u&&u(e)},"aria-label":i,onKeyUp:function(t){"Enter"===t.key&&null!==u&&u(e)},tabIndex:s?"0":"-1"}))})))))))};ue.propTypes=se,ue.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:u.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:u.PropTypes.viewerTheme,screenSize:u.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,s=e.closeable,u=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,A=e.onClickItem,b=e.onClickMenu,w=e.onClickCloseViewer,E=e.refDots,T=t.components,N=void 0===T?[]:T,x=t.title,P=void 0===x?null:x,O=null!==N&&N[n]\|\|{},F=O.id,I=void 0===F?null:F,L=O.type,z=void 0===L?null:L,q=r.useMemo((function(){return N.map((function(e){var t=N.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}))}),[N,I]),j=C.useTrackEvent(),D=r.useCallback((function(e,t,a){d&&j(e,t,a,{screenId:I,screenIndex:n,screenType:z})}),[j,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]),H=M.useSpring((function(){return{y:0,config:Z.default(Z.default({},M.config.stiff),{},{clamp:!0})}})),W=B.default(H,2),U=W[0].y,Q=W[1],X=r.useRef(a);X.current!==a&&(X.current=a),r.useEffect((function(){Q.start({y:a?1:0})}),[a]);var Y=C.useResizeObserver(),_=Y.ref,K=(Y.entry.contentRect\|\|{}).height,J=void 0===K?0:K,$={transform:U.to((function(e){return"translateY(".concat(eJ,"px)")}))},te=k.useDrag((function(e){var t=B.default(e.movement,2)[1],n=e.first,a=e.last,l=B.default(e.direction,2)[1],i=e.cancel,r=e.canceled,o=e.tap;if(!r&&!o){var s=X.current;if(n&&s)i();else{var u=Math.max(0,Math.min(1,t/J+(s?1:0)));if(a){var c=l>0&&u>.1;X.current=c,Q.start({y:c?1:0}),c&&null!==h?h():c\|\|null===v\|\|v()}else Q.start({y:u})}}}),{axis:"y",filterTaps:!0}),ne=r.useCallback((function(e){null!==b&&b(e),D("viewer_menu","click_open","Menu icon")}),[b,D]),ae=r.useCallback((function(e){null!==A&&A(e);var t=q.findIndex((function(e){return e.id===I}));D("viewer_menu","click_screen_change","Screen ".concat(t+1))}),[A,q,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:E,style:{width:p}},te()),R.default.createElement(ee,Object.assign({},oe,{direction:"horizontal",withShadow:u,items:q,onClickItem:ae,onClickMenu:ne,closeable:s,withItemClick:g,withoutScreensMenu:y,onClose:w,className:G.menuDots}))),R.default.createElement(S.animated.div,{className:G.menuPreviewContainer,style:$,ref:_},R.default.createElement(ue,{viewerTheme:m,title:P,shareUrl:V,className:G.menuPreview,screenSize:f,menuWidth:p,focusable:a,items:q,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:u.PropTypes.screenComponent,renderContext:u.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,s=e.onNext,u=e.onEnableInteraction,c=e.onDisableInteraction,d=e.getMediaRef;return null!==n?R.default.createElement("div",{className:j.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(w.Screen,{screen:n,renderContext:a,screenState:l,active:i,current:r,onPrevious:o,onNext:s,onEnableInteraction:u,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},Ae=function(e){var t=e.className;return R.default.createElement("div",{className:j.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})))};Ae.propTypes=ve,Ae.defaultProps={className:null};var be={story:u.PropTypes.story,basePath:I.default.string,theme:u.PropTypes.viewerTheme,width:I.default.number,height:I.default.number,screen:I.default.string,screenState:I.default.string,deviceScreens:u.PropTypes.deviceScreens,renderContext:u.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:u.PropTypes.ref,menuIsScreenWidth:I.default.bool,screensMedias:u.PropTypes.ref,screenSizeOptions:I.default.shape({withoutMaxSize:I.default.bool,desktopHeightRatio:I.default.number,screenRatio:I.default.number}),className:I.default.string},we={story:null,theme:null,basePath:null,width:null,height:null,screen:null,screenState:null,deviceScreens:E.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},Ce=function(e){var t,n=e.story,a=e.basePath,l=e.theme,i=e.width,o=e.height,s=e.screen,u=e.screenState,d=e.deviceScreens,m=e.renderContext,f=e.onScreenChange,p=e.tapNextScreenWidthPercent,g=e.neighborScreensActive,y=e.storyIsParsed,h=e.landscapeScreenMargin,b=e.withMetadata,E=e.withoutMenu,M=e.withoutScreensMenu,S=e.withoutMenuShadow;e.withoutFullscreen;var k=e.withLandscapeSiblingsScreens,T=e.withNavigationHint,N=e.menuIsScreenWidth,x=e.closeable,P=e.onClose,O=e.onInteraction,F=e.onEnd,I=e.onViewModeChange,L=e.currentScreenMedia,V=e.screensMedias,H=e.screenSizeOptions,U=e.className,Q=A.useIntl(),X=C.useParsedStory(n,{disabled:y})\|\|{},Y=X.components,_=void 0===Y?[]:Y,K=X.title,J=void 0===K?null:K,$=X.metadata,ee=void 0===$?null:$,te=X.fonts,ne=void 0===te?null:te,ae=r.useMemo((function(){return new D.default}),[X]),le=((l\|\|{}).textStyles\|\|{}).title,ie=((void 0===le?null:le)\|\|{}).fontFamily,re=void 0===ie?null:ie,oe=r.useMemo((function(){return[].concat(q.default(ne\|\|[]),[re]).filter((function(e){return null!==e}))}),[ne]);C.useLoadedFonts(oe).loaded;var se="view"===m,ue="static"===m\|\|"capture"===m,ce=C.useTrackScreenView(),me=r.useRef(null),fe=C.useScreenSizeFromElement(Z.default({width:i,height:o,screens:d},H)),ge=fe.ref,ye=fe.screenSize,he=fe.scale,ve=ye\|\|{},be=ve.width,we=void 0===be?null:be,Ce=ve.height,Ee=void 0===Ce?null:Ce,Me=ve.landscape,Se=void 0!==Me&&Me,ke=ve.menuOverScreen,Te=void 0!==ke&&ke,Ne=null!==he?wehe:we,xe=null!==he?Eehe:Ee,Pe=we>0&&Ee>0;r.useEffect((function(){Pe&&null!==I&&I({landscape:Se})}),[Pe,Se,I]);var Oe=r.useRef([]),Ze=r.useMemo((function(){return Math.max(0,_.findIndex((function(e){return"".concat(e.id)==="".concat(s)})))}),[s,_]);null!==L&&(L.current=Oe.current[Ze]),null!==V&&(V.current=Oe.current);var Fe=r.useCallback((function(e){e!==Ze&&(null!==L&&(L.current=Oe.current[e]),null!==f&&f(_[e],e))}),[Ze,_,f]),Ie=se,Re=_[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]),Be=r.useCallback((function(){Fe(Math.min(_.length-1,Ze+1)),Le.current.focus()}),[Fe]),qe=_.length,je=r.useState(!1),De=B.default(je,2),Ve=De[0],He=De[1],We=r.useCallback((function(){null!==O&&O(),Ve\|\|He(!0)}),[O,Ve,He]),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,s=void 0!==o&&o,u=e.nextScreenWidthPercent,c=void 0===u?.5:u,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,A=r.useState(t.reduce((function(e,t){var n=t.id;return Z.default(Z.default({},e),{},z.default({},n,!0))}),{})),b=B.default(A,2),w=b[0],C=b[1],E=(t[n]\|\|{}).id,M=void 0===E?n:E,S=w[M],k=void 0===S\|\|S,T=r.useCallback((function(e){var n=w[M];(void 0===n\|\|n)!==e&&C(t.reduce((function(t,n){var a=n.id;return M===a?Z.default(Z.default({},t),{},z.default({},a,e)):Z.default(Z.default({},t),{},z.default({},a,void 0===w[a]\|\|!0===w[a]))}),{}))}),[t,M,w,C]),N=r.useCallback((function(){return T(!0)}),[T]),x=r.useCallback((function(){return T(!1)}),[T]),P=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\|\|W(e.target)\|\|o&&!k)){var u=n,d=e.currentTarget.getBoundingClientRect().left,f=void 0===d?0:d,g=e.clientX;console.log(e.clientX,f,a),(o?g-f<a(1-c):n>l)?(u=s?l:Math.max(0,n-1),null!==m&&m.emit("tap_previous",u)):(u=s?l:Math.min(r-1,n+1),n===r-1&&null!==y?(y(),null!==m&&m.emit("tap_end")):m&&m.emit("tap_next",u)),null!==m&&m.emit("change_screen",u),v(u)}}),[a,t,n,m,p,y,v,n,w,k,c,i,s]);return{onClick:P,currentScreenInteractionEnabled:k,enableInteraction:N,disableInteraction:x}}({screens:_,screenIndex:Ze,screenWidth:Ne,isView:se,clickOnSiblings:Se&&k,nextScreenWidthPercent:p,eventsManager:ae,onClick:We,onEnd:F,onChangeScreen:Fe}),Ue=Ge.onClick,Qe=Ge.currentScreenInteractionEnabled,Xe=Ge.enableInteraction,Ye=Ge.disableInteraction,_e=0===qe\|\|Qe,Ke=r.useState(!1),Je=B.default(Ke,2),$e=Je[0],et=Je[1],tt=r.useCallback((function(){return et(!0)}),[et]),nt=r.useCallback((function(){return et(!1)}),[et]),at=r.useCallback((function(){We(),et(!0)}),[Fe,We,et]),lt=r.useCallback((function(e){var t=e.screenId;We();var n=_.findIndex((function(e){return e.id===t}));Fe(n),$e&&et(!1)}),[We,Fe,$e,et]),it=r.useCallback((function(e){return!!Se\|\|(e.preventDefault(),!1)}),[Se]),rt=R.default.createElement("style",{type:"text/css"},"body { overscroll-behavior: contain; }"),ot=C.useFullscreen(ge.current\|\|null),st=ot.toggle,ut=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 st()},m:function(){return et(!$e)},escape:function(){return et(!1)},arrowleft:function(){return ze()},arrowright:function(){return Be()}," ":function(){return Be()}}}),[$e,et,ze,Be]),{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:J,ht=r.useMemo((function(){return null!==gt?Z.default(Z.default({},ee),{},{description:gt}):ee}),[ee]),vt=C.useResizeObserver(),At=vt.ref,bt=(vt.entry.contentRect\|\|{}).height,wt=void 0===bt?0:bt;return R.default.createElement(c.ScreenSizeProvider,{size:ye},R.default.createElement(c.ViewerProvider,{events:ae,menuVisible:_e,menuSize:wt,gotoPreviousScreen:ze,gotoNextScreen:Be,disableInteraction:Ye,enableInteraction:Xe},b?R.default.createElement(w.Meta,{title:yt,metadata:ht},rt):R.default.createElement(v.Helmet,null,rt),R.default.createElement(w.FontFaces,{fonts:oe}),R.default.createElement("div",{className:j.default([G.container,ye.screens.map((function(e){return"story-screen-".concat(e)})),(t={},z.default(t,G.landscape,Se),z.default(t,G.blings,k),z.default(t,G.hideMenu,!_e),z.default(t,G.ready,Pe\|\|ue),z.default(t,G.hasInteracted,Ve),z.default(t,U,U),t)]),ref:ge,onContextMenu:it},E?null:R.default.createElement(de,{story:X,currentScreenIndex:Ze,opened:$e,withShadow:Te&&!S,toggleFullscreen:st,fullscreenActive:ut,fullscreenEnabled:ct,closeable:x,shareBasePath:a,screenSize:ye,menuWidth:N?Ne:null,trackingEnabled:Ie,onClickItem:lt,onClickMenu:at,onClickCloseViewer:P,onRequestOpen:tt,onRequestClose:nt,withDotItemClick:Ne>400,withoutScreensMenu:M,refDots:At}),Pe\|\|ue?R.default.createElement("div",{ref:me,className:G.content},_.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?u:null,renderContext:m,index:t,current:l,active:i,onPrevious:ze,onNext:Be,onEnableInteraction:Xe,onDisableInteraction:Ye,getMediaRef:function(e){Oe.current[t]=e}}),o="screen-viewer-".concat(e.id\|\|"","-").concat(t+1);return a=Se?k?"translateX(calc(".concat((Ne+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(A.FormattedMessage,{id:"zYH/31",defaultMessage:[{type:0,value:"Go to previous screen"}]})):null,R.default.createElement("div",{ref:l?Le:null,style:{width:Ne,height:xe,transform:ue?null:a},className:j.default([G.screen,(n={},z.default(n,G.current,l),z.default(n,G.visible,l\|\|k),n)]),tabIndex:i?"0":"-1","aria-hidden":l?null:"true","aria-label":Q.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:t+1}),onKeyUp:function(e){"Enter"===e.key&&Ue(e,t)},onClick:function(e){return Ue(e,t)}},R.default.createElement("div",{className:G.scaler,style:{width:we,height:Ee,transform:null!==he?"scale(".concat(he,")"):null,transformOrigin:null!==he?"0 0":null}},r),T&&!k&&l&&0===Ze?R.default.createElement(Ae,{className:G.handTap}):null),l&&Ze<_.length?R.default.createElement("button",{type:"button",className:"sr-only",onClick:Be,tabIndex:"-1"},R.default.createElement(A.FormattedMessage,{id:"v9bqYj",defaultMessage:[{type:0,value:"Go to next screen"}]})):null)}))):null)))};Ce.propTypes=be,Ce.defaultProps=we;var Ee=["children","onScreenChange"],Me={children:I.default.func,onScreenChange:I.default.func},Se=function(e){e.children;var t=e.onScreenChange,n=F.default(e,Ee),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(Ce,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(Ce,Object.assign({},n,{screen:t,onScreenChange:i}))}}))};Se.propTypes=Me,Se.defaultProps={children:null,onScreenChange:null};var ke=["story","screenComponents","memoryRouter","basePath","routes","withoutRouter","googleApiKey","trackingVariables","locale","locales","translations"],Te={story:u.PropTypes.story,screen:I.default.string,screenComponents:I.default.objectOf(I.default.elementType),memoryRouter:I.default.bool,basePath:I.default.string,routes:H,withoutRouter:I.default.bool,googleApiKey:I.default.string,trackingVariables:u.PropTypes.trackingVariables,locale:I.default.string,locales:I.default.arrayOf(I.default.string),translations:I.default.objectOf(I.default.string),children:I.default.func},Ne={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},xe=function(e){var t=e.story,n=e.screenComponents,a=e.memoryRouter,l=e.basePath,i=e.routes,u=e.withoutRouter,d=e.googleApiKey,p=e.trackingVariables,g=e.locale,y=e.locales,h=e.translations,v=F.default(e,ke),A=a?o.MemoryRouter:s.BrowserRouter,b=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,s=void 0===o?[]:o;return Z.default({storyId:n,storySlug:l,storyTitle:r,screensCount:(s\|\|[]).length},p)}),[t,p]),w=((t\|\|{}).metadata\|\|{}).language,C=void 0===w?g:w,E=R.default.createElement(m.IntlProvider,{locale:C,locales:y,extraMessages:h},R.default.createElement(c.GoogleKeysProvider,{apiKey:d},R.default.createElement(c.GoogleMapsClientProvider,{locale:C},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:b},u?R.default.createElement(Ce,Object.assign({story:t,basePath:l},v)):R.default.createElement(Se,Object.assign({story:t,basePath:l},v))))))))));return u?E:R.default.createElement(A,{basename:a?null:l},R.default.createElement(c.RoutesProvider,{routes:i},E))};xe.propTypes=Te,xe.defaultProps=Ne,t.ZP=xe}},function(e){e.O(0,[126],(function(){return 725,e(e.s=725)})),e.O()}]);
2	+ //# sourceMappingURL=main.89389d69.js.map