@micromag/viewer-build 0.3.51 → 0.3.54

package/build/static/js/main.85387fd6.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_micromag_viewer_build=self.webpackChunk_micromag_viewer_build||[]).push([[179],{30725:function(e,t,n){"use strict";n(92166);var a=n(4124),l=n(66204),i=n(42457);function o(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 r(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s=void 0!==window.MICROMAG_STORY?window.MICROMAG_STORY:null,d=void 0!==window.MICROMAG_VIEWER_PROPS?window.MICROMAG_VIEWER_PROPS:null,c=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(c),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,r(r({},t),{},{story:e})),n)};null!==s&&p(s,d),null!==f&&(window[f]=p)},92166:function(e,t,n){n.p=void 0!==window.MICROMAG_PUBLIC_PATH?window.MICROMAG_PUBLIC_PATH:"/"},55976:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var a=n(56666),l=n(2867),i=n(74161),o=n(33057),r=n(71098),u=n(74696),s=n(35681),d=n.n(s),c=n(97641),m=n.n(c),f=n(66204),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:m().number,height:m().number,disabled:m().bool,verticalAlign:m().oneOf(["top","middle","bottom"]),className:m().string,children:m().node,onScrolledBottom:m().func,onScrolledNotBottom:m().func,contain:m().bool,scrollContainerRef:m().any};function y(e){var t,n=e.width,s=e.height,c=e.disabled,m=e.verticalAlign,g=e.className,y=e.children,h=e.onScrolledBottom,v=e.onScrolledNotBottom,b=e.contain,w=e.scrollContainerRef,C={width:n,height:s},M=(0,f.useState)(!1),E=(0,l.Z)(M,2),S=E[0],k=E[1],T=(0,r.useResizeObserver)(),N=T.ref,x=(T.entry.contentRect||{}).height;null!==w&&(w.current=N.current);var P=(0,r.useResizeObserver)(),O=P.ref,A=(P.entry.contentRect||{}).height,Z=(0,f.useRef)(!1),F=(0,f.useRef)(!1),I=(0,f.useRef)(!1),R=(0,u.useScroll)((function(e){var t=(0,l.Z)(e.xy,2)[1],n=t<=1,a=t+1>=A-x;a?I.current||(null!==h&&h({initial:!Z.current}),Z.current=!0):I.current&&(null!==v&&v({initial:!F.current}),F.current=!0),n!==S&&k(n),I.current=a}),{enabled:!c});return(0,f.useEffect)((function(){if(A>0&&x>0&&!c){k(Math.round(A)>Math.round(x));var e=A-x;N.current.scrollTop+1>=e?null!==h&&h({initial:!1}):null!==v&&v({initial:!1})}}),[x,A,k,c]),f.createElement("div",{className:d()([p.container,(t={},(0,a.Z)(t,p.withScroll,!c),(0,a.Z)(t,p.containOverscroll,b),(0,a.Z)(t,g,null!==g),(0,a.Z)(t,p[m],null!==m),(0,a.Z)(t,p.withArrow,S),t)]),style:C},f.createElement("div",Object.assign({className:p.scrollable,ref:N},R()),f.createElement("div",{className:p.scrollee,ref:O},y)),c?null:f.createElement("div",{className:p.arrowContainer},f.createElement(o.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=f.forwardRef((function(e,t){return f.createElement(y,Object.assign({scrollContainerRef:t},e))}))},91354:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(81260),l=n(22220),i=n(66204),o=n(97641),r=n(35681),u=n(54406),s=n(52807),d=n(5587),c=n(28436),m=n(33057),f=n(74161),p=n(75182),g=n(51068),y=n(71098),h=n(82801),v=n(70417),b=n(9229),w=n(42457),C=n(69546),M=n(23716),E=n(14290),S=n(52197),k=n(12289),T=n(35372),N=n(98689);n(23238);var x=n(76009),P=n(69636),O=n(60631),A=n(70239);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(o),z=Z(r),q=Z(p),j=Z(g),B=Z(v),D=Z(b),V=Z(w),W=Z(C),_=Z(E),G=Z(S),H=Z(k),U=Z(N),Y=Z(x),Q={children:s.PropTypes.label.isRequired,isHtml:L.default.bool,values:L.default.object},X=function(e){var t=e.children,n=(e.isHtml,e.values),a=d.FormattedMessage;return c.isMessage(t)?R.default.createElement(a,Object.assign({values:n},t)):t};X.propTypes=Q,X.defaultProps={isHtml:!1,values:{}};var J={container:"micromag-core-buttons-button-container",asLink:"micromag-core-buttons-button-asLink",withoutStyle:"micromag-core-buttons-button-withoutStyle",icon:"micromag-core-buttons-button-icon",withIcon:"micromag-core-buttons-button-withIcon",label:"micromag-core-buttons-button-label",right:"micromag-core-buttons-button-right",withIconColumns:"micromag-core-buttons-button-withIconColumns",linkDisabled:"micromag-core-buttons-button-linkDisabled"},K=["type","theme","size","href","external","direct","target","label","children","focusable","active","icon","iconPosition","disabled","loading","disableOnLoading","small","big","withShadow","withoutStyle","withoutTheme","asLink","outline","onClick","className","iconClassName","labelClassName","refButton"],$={type:L.default.string,theme:s.PropTypes.buttonTheme,size:s.PropTypes.buttonSize,href:L.default.string,external:L.default.bool,direct:L.default.bool,target:L.default.string,label:s.PropTypes.label,children:s.PropTypes.label,focusable:L.default.bool,active:L.default.bool,icon:L.default.node,iconPosition:L.default.oneOf(["left","right","inline"]),disabled:L.default.bool,loading:L.default.bool,disableOnLoading:L.default.bool,small:L.default.bool,big:L.default.bool,withShadow:L.default.bool,withoutStyle:L.default.bool,withoutTheme:L.default.bool,outline:L.default.bool,asLink:L.default.bool,className:L.default.string,iconClassName:L.default.string,labelClassName:L.default.string,onClick:L.default.func,refButton:L.default.oneOfType([L.default.func,L.default.shape({current:L.default.any})])},ee=function(e){var t,n,a=e.type,l=e.theme,i=e.size,o=e.href,r=e.external,s=e.direct,d=e.target,c=e.label,m=e.children,f=e.focusable,p=e.active,g=e.icon,y=e.iconPosition,h=e.disabled,v=e.loading,b=e.disableOnLoading,w=e.small,C=e.big,M=e.withShadow,E=e.withoutStyle,S=e.withoutTheme,k=e.asLink,T=e.outline,N=e.onClick,x=e.className,P=e.iconClassName,O=e.labelClassName,A=e.refButton,Z=I.default(e,K),L=c||m,q=null!==L?R.default.createElement(X,null,L):null,j=null!==c&&null!==m,B=null!==g,D=B&&("inline"===y||null===q),V=B&&!D,W=R.default.createElement(R.default.Fragment,null,D?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([J.icon,F.default({},P,null!==P)])},g),null!==q?R.default.createElement("span",{className:z.default([J.label,F.default({},O,null!==O)])},q):null):null,V?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([J.left,F.default({},P,null!==P&&"left"===y)])},"left"===y?g:null),R.default.createElement("span",{className:z.default([J.center,F.default({},O,null!==O)])},q),R.default.createElement("span",{className:z.default([J.right,F.default({},P,null!==P&&"right"===y)])},"right"===y?g:null),j?m:null):null,B?null:q,j?m:null),_=!S&&!E&&!k,G=z.default([(t={btn:_},F.default(t,"btn-".concat(T?"outline-":"").concat(l),_&&null!==l),F.default(t,"btn-".concat(i),_&&null!==i),F.default(t,"active",!E&&p),t),J.container,(n={},F.default(n,J.withoutStyle,E),F.default(n,J.withIcon,B),F.default(n,J.withIconColumns,V),F.default(n,J.withText,null!==q),F.default(n,J.withShadow,M),F.default(n,J.isSmall,w),F.default(n,J.isBig,C),F.default(n,J.isLink,null!==o),F.default(n,J.asLink,k),F.default(n,J.isDisabled,h),F.default(n,J.isLoading,v),F.default(n,x,null!==x),n)]);if(null!==o){var H=z.default([G,F.default({disabled:h},J.linkDisabled,h)]);return r||s?R.default.createElement("a",Object.assign({},Z,{href:h?null:o,className:H,onClick:N,target:r?d:null,ref:A,tabIndex:f?"":"-1"}),W):R.default.createElement(u.Link,{to:o,className:H,onClick:N,ref:A,tabIndex:f?"":"-1"},W)}return R.default.createElement("button",Object.assign({},Z,{type:a,className:G,onClick:N,disabled:h||b&&v,ref:A,tabIndex:f?"0":"-1"}),W)};ee.propTypes=$,ee.defaultProps={type:"button",theme:null,size:null,href:null,external:!1,direct:!1,target:"_blank",label:null,children:null,focusable:!0,active:!1,icon:null,iconPosition:"inline",disabled:!1,loading:!1,disableOnLoading:!0,small:!1,big:!1,withShadow:!1,withoutStyle:!1,withoutTheme:!1,outline:!1,asLink:!1,className:null,iconClassName:null,labelClassName:null,onClick:null,refButton:null};var te={},ne=["className","onClick","theme"],ae={buttons:s.PropTypes.buttons,size:s.PropTypes.buttonSize,theme:s.PropTypes.buttonTheme,renderButton:L.default.func,onClickButton:L.default.func,className:L.default.string,buttonClassName:L.default.string},le=function(e){var t=e.buttons,n=e.size,a=e.theme,l=e.renderButton,i=e.onClickButton,o=e.buttonClassName,r=e.className;return R.default.createElement("div",{className:z.default(["btn-group",F.default({},"btn-group-".concat(n),null!==n),te.container,F.default({},r,null!==r)]),role:"group"},t.map((function(e,t){var n,r=e.className,u=void 0===r?null:r,s=e.onClick,d=void 0===s?null:s,c=e.theme,m=void 0===c?null:c,f=I.default(e,ne),p={key:"button-".concat(t),className:z.default([te.button,(n={},F.default(n,o,null!==o),F.default(n,u,null!==u),n)]),onClick:function(n){null!==d&&d(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"],oe={className:L.default.string},re=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))};re.propTypes=oe,re.defaultProps={className:null};var ue=["type"],se=["component","id","settings"],de={name:L.default.string,value:s.PropTypes.component,form:L.default.string,formComponents:s.PropTypes.components,fields:s.PropTypes.fields,className:L.default.string,onChange:L.default.func,gotoFieldForm:L.default.func.isRequired,closeFieldForm:L.default.func.isRequired,fieldContext:L.default.any},ce=function(e){var t=e.name,n=e.value,a=e.form,l=e.formComponents,o=e.fields,r=e.className,u=e.onChange,s=e.gotoFieldForm,d=e.closeFieldForm,m=e.fieldContext,f=h.useFieldsManager(),p=c.getFieldFromPath(t.split("."),o,f),g=p||{},y=g.type,v=void 0===y?null:y,b=I.default(g,ue),w=null!==v&&f.getDefinition(v)||B.default({},p),C=w.component,M=void 0===C?null:C;w.id,w.settings;var E=I.default(w,se),S=h.useFieldComponent(M),k=D.default(n,t,null),T=i.useCallback((function(e){var a=c.setFieldValue(n,t.split("."),e);null!==u&&u(a)}),[n,t,u]),N=i.useCallback((function(){return d(t,a)}),[t,a,d]),x={name:t,value:k,onChange:T,gotoFieldForm:s,closeFieldForm:d,closeForm:N};if(null!==a){var P=c.getComponentFromName(a,l);return null!==P?R.default.createElement(h.FieldContextProvider,{context:m},R.default.createElement(P,Object.assign({field:p},x,{className:r}))):null}return null!==S?R.default.createElement(h.FieldContextProvider,{context:m},R.default.createElement(S,Object.assign({className:r},E,b,{isForm:!0},x))):null};ce.propTypes=de,ce.defaultProps={name:null,form:null,formComponents:{},fields:[],value:null,className:null,onChange:null,fieldContext:null};var me={actions:"micromag-core-forms-form-actions",left:"micromag-core-forms-form-left",right:"micromag-core-forms-form-right"},fe={action:L.default.string.isRequired,method:L.default.string,fields:s.PropTypes.formFields,initialValue:L.default.object,postForm:L.default.func,submitButtonLabel:s.PropTypes.label,submitButtonLoadingLabel:s.PropTypes.label,buttons:s.PropTypes.buttons,children:L.default.node,actionsAlign:L.default.oneOf(["left","right"]),withoutActions:L.default.bool,withoutComplete:L.default.bool,withoutBackButton:L.default.bool,onComplete:L.default.func,onResponse:L.default.func,onMessage:L.default.func,onCancel:L.default.func,onCancelHref:L.default.string,onOpenFieldForm:L.default.func,onCloseFieldForm:L.default.func,className:L.default.string,fieldsClassName:L.default.string,actionsClassName:L.default.string,cancelClassName:L.default.string},pe={method:"POST",fields:[],initialValue:null,postForm:null,submitButtonLabel:R.default.createElement(d.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,o=e.initialValue,r=e.postForm,u=e.submitButtonLabel,s=e.submitButtonLoadingLabel,m=e.buttons,f=e.children,p=e.actionsAlign,g=e.withoutActions,v=e.withoutComplete,b=e.withoutBackButton,w=e.onComplete,C=e.onResponse,M=e.onMessage,E=e.onCancel,S=e.onCancelHref,k=e.onOpenFieldForm,T=e.onCloseFieldForm,N=e.className,x=e.fieldsClassName,P=e.actionsClassName,O=e.cancelClassName,A=i.useState(!1),Z=j.default(A,2),I=Z[0],L=Z[1];i.useEffect((function(){var e=null;return I&&(e=setTimeout((function(){L(!1)}),3e3)),function(){clearTimeout(e)}}),[I]);var B=i.useCallback((function(e){null!==w&&w(e),v||L(!0)}),[w,L]),D=y.useForm({value:o,action:n,fields:l,postForm:r,onComplete:B}),V=D.onSubmit,W=D.fields,_=D.status,G=D.value,H=D.setValue,U=D.errors,Y=D.response,Q=D.generalError,X=h.useFieldComponent("fields");i.useEffect((function(){null!==C&&(C(Y),null!==M&&Y&&Y.message&&M(Y.message))}),[Y,C,M]);var J=c.validateFields(W,G),K=i.useState([]),$=j.default(K,2),te=$[0],ne=$[1],ae=i.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n="".concat(e).concat(null!==t?":".concat(t):"");ne([].concat(q.default(te),[n])),null!==k&&k()}),[te,ne]),ie=i.useCallback((function(){var e=q.default(te);e.pop(),ne(q.default(e)),null!==T&&T()}),[te,ne]),oe=te.length>0?te[te.length-1]:null;return R.default.createElement("form",{action:n,className:z.default([me.container,F.default({},N,null!==N)]),method:a,onSubmit:V},!b&&null!==W&&W.length>0&&null!==oe?R.default.createElement("div",{className:"mb-2"},R.default.createElement(re,{theme:"secondary",outline:!0,onClick:ie})):null,W&&W.length>0&&null!==oe?R.default.createElement("div",{className:z.default(["w-100",me.panel]),key:"field"},R.default.createElement(ce,{name:oe.replace(/\//g,"."),fields:W,value:G,onChange:H,gotoFieldForm:ae,closeFieldForm:ie})):null,X&&null!==W&&W.length>0&&null===oe?R.default.createElement(X,{fields:W,value:G,errors:U,onChange:H,gotoFieldForm:ae,closeFieldForm:ie,className:z.default([me.fields,F.default({},x,null!==x)])}):null,Q?R.default.createElement("p",{className:"text-danger my-1"},Q):null,f,g||null!==oe?null:R.default.createElement("div",{className:z.default([me.actions,(t={},F.default(t,me[p],p),F.default(t,P,null!==P),t)])},null!==E||null!==S?R.default.createElement(ee,{type:"button",onClick:E,href:S,theme:"secondary",outline:!0,disabled:"loading"===_,className:z.default(["me-2",F.default({},O,null!==O)])},R.default.createElement(d.FormattedMessage,{id:"PyxZY2",defaultMessage:[{type:0,value:"Cancel"}]})):null,null!==m?R.default.createElement(le,{buttons:m,className:me.buttons}):R.default.createElement(ee,{type:"submit",theme:"primary",disabled:"loading"===_||!J},"loading"===_&&s||u),I?R.default.createElement("p",{className:"text-success mx-2 my-1"},R.default.createElement(d.FormattedMessage,{id:"BpZoQZ",defaultMessage:[{type:0,value:"Success"}]})):null))};ge.propTypes=fe,ge.defaultProps=pe;var ye="micromag-core-partials-link-withoutStyle",he=["href","external","children","target","rel","className","withoutStyle"],ve={href:L.default.string,external:L.default.bool,target:L.default.string,children:s.PropTypes.label,rel:L.default.string,withoutStyle:L.default.bool,className:L.default.string},be=function(e){var t=e.href,n=e.external,a=e.children,l=e.target,i=e.rel,o=e.className,r=e.withoutStyle,s=I.default(e,he);return n?R.default.createElement("a",Object.assign({className:z.default([o,F.default({},ye,r)]),href:t,target:l,rel:i},s),R.default.createElement(X,null,a)):R.default.createElement(u.Link,Object.assign({className:z.default([o,F.default({},ye,r)]),to:t},s),R.default.createElement(X,null,a))};be.propTypes=ve,be.defaultProps={href:"",external:!1,target:"_blank",rel:"noopener noreferrer",children:null,withoutStyle:!1,className:null};var we=["label","className"],Ce={href:L.default.string,header:L.default.node,image:L.default.node,imageAlt:L.default.string,imageOverlay:L.default.bool,beforeBody:L.default.node,title:s.PropTypes.label,subtitle:s.PropTypes.label,children:L.default.node,afterBody:L.default.node,links:L.default.arrayOf(L.default.shape({label:s.PropTypes.label,href:L.default.string})),linksInSameBody:L.default.bool,footer:L.default.node,theme:L.default.oneOf([null,"dark","primary","light"]),className:L.default.string,imageClassName:L.default.string,headerClassName:L.default.string,titleClassName:L.default.string,subtitleClassName:L.default.string,bodyClassName:L.default.string,footerClassName:L.default.string,onClick:L.default.func,onClickBody:L.default.func,onClickFooter:L.default.func},Me=function(e){var t,n=e.href,a=e.header,l=e.image,i=e.imageAlt,o=e.imageOverlay,r=e.beforeBody,u=e.title,s=e.subtitle,d=e.children,c=e.afterBody,m=e.links,f=e.linksInSameBody,p=e.footer,g=e.theme,y=e.className,h=e.imageClassName,v=e.headerClassName,b=e.titleClassName,w=e.subtitleClassName,C=e.bodyClassName,M=e.footerClassName,E=e.onClick,S=e.onClickBody,k=e.onClickFooter,T=(m||[]).map((function(e,t){var n=e.label,a=e.className,l=void 0===a?null:a,i=I.default(e,we);return R.default.createElement(be,Object.assign({key:"link-".concat(n,"-").concat(t),className:z.default(["card-link",F.default({},l,null!==l)])},i),n)})),N=null!==u||null!==s||null!==d||null!==m&&f?R.default.createElement(R.default.Fragment,null,null!==u?R.default.createElement("h5",{className:z.default(["card-title",F.default({},b,null!==b)])},R.default.createElement(X,null,u)):null,null!==s?R.default.createElement("h6",{className:z.default(["card-subtitle",F.default({},w,null!==w)])},R.default.createElement(X,null,s)):null,d,null!==m&&f?R.default.createElement("div",{className:"d-flex"},T):null):null,x=R.default.createElement(R.default.Fragment,null,null!==a?R.default.createElement("div",{className:z.default(["card-header",F.default({},v,null!==v)])},R.default.createElement(X,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,r,null!==N?null!==S?R.default.createElement("button",{type:"button",className:z.default(F.default({"card-body":!o,"card-img-overlay":o},C,null!==C)),onClick:S},N):R.default.createElement("div",{className:z.default(F.default({"card-body":!o,"card-img-overlay":o},C,null!==C))},N):null,c,null===m||null===T||f?null:R.default.createElement("div",{className:"card-body"},T),null!==p?null!==k?R.default.createElement("button",{type:"button",className:z.default(["card-footer",F.default({},M,null!==M)]),onClick:k},R.default.createElement(X,null,p)):R.default.createElement("div",{className:z.default(["card-footer",F.default({},M,null!==M)])},R.default.createElement(X,null,p)):null),P=z.default(["card",(t={},F.default(t,"bg-".concat(g),!o&&"dark"!==g),F.default(t,"bg-dark",o||"dark"===g),F.default(t,"text-dark","light"===g),F.default(t,"text-light",o||"dark"===g||"primary"===g),F.default(t,y,null!==y),t)]);return null!==n?R.default.createElement(be,{href:n,className:P},x):null!==E?R.default.createElement("button",{type:"button",className:z.default(["p-0","text-start",P]),onClick:E},x):R.default.createElement("div",{className:P},x)};Me.propTypes=Ce,Me.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},Se=function(e){var t=e.animated,n=e.color,a=e.className;return R.default.createElement("svg",{className:z.default([F.default({},a,null!==a)]),width:"38",height:"38",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg"},R.default.createElement("defs",null,R.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},R.default.createElement("stop",{stopColor:n,stopOpacity:"0",offset:"0%"}),R.default.createElement("stop",{stopColor:n,stopOpacity:".631",offset:"63.146%"}),R.default.createElement("stop",{stopColor:n,offset:"100%"}))),R.default.createElement("g",{fill:"none",fillRule:"evenodd"},R.default.createElement("g",{transform:"translate(1 1)"},R.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)",strokeWidth:"2"},t?R.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}):null),R.default.createElement("circle",{fill:n,cx:"36",cy:"18",r:"1"},t?R.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}):null))))};Se.propTypes=Ee,Se.defaultProps={animated:!0,color:"currentColor",className:null};var ke={},Te=["description","loading","children","className"],Ne={description:L.default.node,loading:L.default.bool,children:L.default.node,className:L.default.string},xe=function(e){var t=e.description,n=e.loading,a=e.children,l=e.className,i=I.default(e,Te);return R.default.createElement(Me,Object.assign({className:z.default([ke.container,F.default({},l,null!==l)])},i),t,n?R.default.createElement(Se,null):a)};xe.propTypes=Ne,xe.defaultProps={description:null,loading:!1,children:null,className:null};var Pe={items:s.PropTypes.menuItems,theme:s.PropTypes.bootstrapThemes,separator:L.default.oneOf([null,"arrow"]),withoutBar:L.default.bool,noWrap:L.default.bool,className:L.default.string},Oe=function(e){var t=e.items,n=e.theme,a=e.separator,l=e.withoutBar,i=e.noWrap,o=e.className;return R.default.createElement("nav",{className:o},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,o=e.label,r=e.active,s=void 0!==r&&r,d=e.onClick,c=void 0===d?null:d;return R.default.createElement("li",{className:z.default(["breadcrumb-item",(l={active:s},F.default(l,"micromag-core-menus-breadcrumb-arrow","arrow"===a),F.default(l,"text-".concat(n),s&&null!==n),l)]),key:"item-".concat(t)},s?R.default.createElement(X,null,o):null,!s&&i?R.default.createElement(u.Link,{to:i,onClick:c,className:z.default(F.default({},"text-".concat(n),null!==n))},R.default.createElement(X,null,o)):null,!s&&c?R.default.createElement(ee,{onClick:c,className:z.default(F.default({},"text-".concat(n),null!==n))},R.default.createElement(X,null,o)):null)}))))};Oe.propTypes=Pe,Oe.defaultProps={items:[],theme:null,separator:null,withoutBar:!1,noWrap:!1,className:null};var Ae=["type","className","label","children","onClick","active"],Ze={items:s.PropTypes.menuItems,children:L.default.node,visible:L.default.bool,align:s.PropTypes.dropdownAlign,className:L.default.string,itemClassName:L.default.string,onClickItem:L.default.func,onClickOutside:L.default.func},Fe=function(e){var t,n=e.items,a=e.children,l=e.visible,o=e.align,r=e.className,u=e.itemClassName,s=e.onClickItem,d=e.onClickOutside,c=i.useRef(null),m=i.useState(l),f=j.default(m,2),p=f[0],g=f[1],h=i.useCallback((function(e){c.current&&!c.current.contains(e.currentTarget)&&null!==d&&d(e)}),[c.current,d]);return y.useDocumentEvent("click",h,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(o),null!==o),F.default(t,"show",l),F.default(t,r,null!==r),t)]),ref:c},null!==a?a:n.map((function(e,t){var n,a=e.type,l=void 0===a?"link":a,i=e.className,o=void 0===i?null:i,r=e.label,d=void 0===r?null:r,c=e.children,m=void 0===c?null:c,f=e.onClick,p=void 0===f?null:f,g=e.active,y=void 0!==g&&g,h=I.default(e,Ae),v="div";"link"===l?v=be:"button"===l?v="button":"header"===l?v="h6":"divider"===l&&(v="hr");var b=null!==p||"link"===l&&null!==s?function(e){null!==p&&p(e),"link"===l&&null!==s&&s(e)}:null;return null!==v?R.default.createElement("div",null,R.default.createElement(v,Object.assign({key:"item-".concat(t,"-").concat(d),className:z.default([(n={"dropdown-item":"link"===l||"button"===l,"dropdown-divider":"divider"===l,"dropdown-header":"header"===l,active:y},F.default(n,u,null!==u),F.default(n,o,null!==o),n)]),onClick:b},h),null!==d?R.default.createElement(X,null,d):m)):null})))};Fe.propTypes=Ze,Fe.defaultProps={items:[],children:null,visible:!1,align:null,className:null,itemClassName:null,onClickItem:null,onClickOutside:null};var Ie=["id","className","linkClassName","href","label","external","items","dropdown","active","onClick"],Re={items:s.PropTypes.menuItems,tagName:L.default.string,itemTagName:L.default.string,children:L.default.node,linkAsItem:L.default.bool,className:L.default.string,itemClassName:L.default.string,linkClassName:L.default.string,hasSubMenuClassName:L.default.string,subMenuClassName:L.default.string,subMenuItemClassName:L.default.string,subMenuLinkClassName:L.default.string,hasDropdownClassName:L.default.string,dropdownClassName:L.default.string,dropdownItemClassName:L.default.string,dropdownLinkClassName:L.default.string,dropdownAlign:s.PropTypes.dropdownAlign},Le=function e(t){var n=t.items,a=t.tagName,l=t.itemTagName,o=t.children,r=t.linkAsItem,u=t.className,s=t.itemClassName,d=t.linkClassName,c=t.hasSubMenuClassName,m=t.subMenuClassName,f=t.subMenuItemClassName,p=t.subMenuLinkClassName,g=t.hasDropdownClassName,y=t.dropdownClassName,h=t.dropdownItemClassName,v=t.dropdownLinkClassName,b=t.dropdownAlign,w=i.useState(n.map((function(){return!1}))),C=j.default(w,2),M=C[0],E=C[1],S=r?"div":a;return R.default.createElement(S,{className:u},null!==o?o:n.map((function(t,n){var a,i,o,u,w,C,S,k,T=t.id,N=t.className,x=void 0===N?null:N,P=t.linkClassName,O=void 0===P?null:P,A=t.href,Z=void 0===A?null:A,L=t.label,j=t.external,B=void 0!==j&&j,D=t.items,V=void 0===D?null:D,W=t.dropdown,_=void 0===W?null:W,G=t.active,H=void 0!==G&&G,U=t.onClick,Y=void 0===U?null:U,Q=I.default(t,Ie),X=null!==_?function(e){e.preventDefault(),E([].concat(q.default(M.slice(0,n)),[!M[n]],q.default(M.slice(n+1)))),null!==Y&&Y(e)}:Y,J=null!==_?function(){E([].concat(q.default(M.slice(0,n)),[!1],q.default(M.slice(n+1))))}:null,K=l;return r?R.default.createElement(be,Object.assign({},Q,{key:"item-".concat(T||n),onClick:X,href:Z,external:B,className:z.default((a={active:H},F.default(a,s,null!==s),F.default(a,x,null!==x),F.default(a,d,null!==d),F.default(a,O,null!==O),a))}),L):R.default.createElement(K,{key:"item-".concat(T||n),className:z.default((i={dropdown:null!==_,active:H},F.default(i,s,null!==s),F.default(i,x,null!==x),F.default(i,c,null!==V&&null!==c),F.default(i,g,null!==V&&null!==g),i))},null!==Z?R.default.createElement(be,Object.assign({},Q,{onClick:X,href:Z,external:B,className:z.default((o={},F.default(o,d,null!==d),F.default(o,"dropdown-toggle",null!==_),F.default(o,O,null!==O),o))}),L):null,null===Z&&null!==X?R.default.createElement(ee,Object.assign({},Q,{onClick:X,className:z.default((u={},F.default(u,d,null!==d),F.default(u,"dropdown-toggle",null!==_),F.default(u,O,null!==O),u))}),L):null,null!==V?R.default.createElement(e,{items:V,className:m,itemClassName:z.default((w={},F.default(w,f,null!==f),F.default(w,s,null===f&&null!==s),w)),linkClassName:z.default((C={},F.default(C,p,null!==p),F.default(C,d,null===p&&null!==d),C))}):null,null!==_?R.default.createElement(Fe,{items:_,visible:M[n]||!1,className:y,itemClassName:z.default((S={},F.default(S,h,null!==h),F.default(S,s,null===h&&null!==s),S)),linkClassName:z.default((k={},F.default(k,v,null!==v),F.default(k,d,null===v&&null!==d),k)),align:b,onClickItem:J,onClickOutside:J}):null)})))};Le.propTypes=Re,Le.defaultProps={items:[],tagName:"ul",itemTagName:"li",children:null,linkAsItem:!1,className:null,itemClassName:null,linkClassName:null,hasSubMenuClassName:null,subMenuClassName:null,subMenuItemClassName:null,subMenuLinkClassName:null,hasDropdownClassName:null,dropdownClassName:null,dropdownItemClassName:null,dropdownLinkClassName:null,dropdownAlign:null};var ze={brand:L.default.node,brandLink:L.default.string,breadcrumbs:L.default.node,theme:L.default.oneOf(["light","dark","primary",null]),size:L.default.oneOf(["sm","md","lg"]),compact:L.default.bool,noWrap:L.default.bool,withoutCollapse:L.default.bool,children:L.default.node,className:L.default.string,brandClassName:L.default.string,breadCrumbsClassName:L.default.string},qe=function(e){var t,n=e.brand,a=e.brandLink,l=e.breadcrumbs,o=e.theme,r=e.size,u=e.compact,s=e.noWrap,d=e.withoutCollapse,c=e.children,m=e.className,f=e.brandClassName,p=e.breadCrumbsClassName,g=i.useState(!1),y=j.default(g,2),h=y[0],v=y[1],b=i.useCallback((function(){return v(!h)}),[v,h]);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(r),!d),F.default(t,"navbar-expand",d),F.default(t,"py-2",u),F.default(t,"px-2",u),F.default(t,"flex-nowrap",s),F.default(t,m,null!==m),t)])},R.default.createElement("div",{className:z.default(["container-fluid",{"px-0":u}])},null!==n&&null!==a?R.default.createElement(be,{className:z.default(["navbar-brand",F.default({"py-0":u},f,null!==f)]),to:a},n):null,null!==n&&null===a?R.default.createElement("span",{className:z.default(["navbar-brand",F.default({"py-0":u},f,null!==f)])},n):null,null!==l?R.default.createElement("span",{className:z.default(["navbar-breadcrumbs",F.default({"py-0":u},p,null!==p)])},l):null,d?null:R.default.createElement(ee,{className:"navbar-toggler",onClick:b,withoutTheme:!0,"aria-controls":"navbarSupportedContent","aria-expanded":"false","aria-label":"Toggle navigation"},R.default.createElement("span",{className:"navbar-toggler-icon"})),d?c:R.default.createElement("div",{className:z.default(["navbar-collapse","collapse",{show:h}])},c)))};qe.propTypes=ze,qe.defaultProps={brand:null,brandLink:null,breadcrumbs:null,theme:null,size:"md",compact:!1,noWrap:!1,withoutCollapse:!1,children:null,className:null,brandClassName:null,breadCrumbsClassName:null};var je={},Be=d.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,o=e.className,r=e.paginationClassName,u=e.itemClassName,s=e.linkClassName,d=e.onClickPage,c=i.useCallback((function(e){return null!==a?"".concat(a).concat(-1!==a.indexOf("?")?"&page=".concat(e):"?page=".concat(e)):null}),[a]),m=q.default(Array(n).keys()).map((function(e){return e+1}));return R.default.createElement("nav",{className:z.default([je.container,F.default({},o,null!==o)])},R.default.createElement("ul",{className:z.default(["pagination",F.default({},r,null!==r)])},l?R.default.createElement("li",{className:z.default(["page-item",F.default({disabled:t<=1},u,null!==u)])},t>1?R.default.createElement(be,{className:z.default(["page-link",F.default({},s,null!==s)]),href:c(t-1),onClick:null!==d?function(){return d(t-1)}:null},Be.previous):R.default.createElement("span",{className:z.default(["page-link",F.default({},s,null!==s)])},R.default.createElement(X,null,Be.previous))):null,m.map((function(e){return R.default.createElement("li",{key:"page-".concat(e),className:z.default(["page-item",F.default({active:e===t},u,null!==u)])},R.default.createElement(be,{className:z.default(["page-link",F.default({},s,null!==s)]),href:c(e),onClick:null!==d?function(){return d(e)}:null},e))})),l?R.default.createElement("li",{className:z.default(["page-item",F.default({disabled:t>=n},u,null!==u)])},t<n?R.default.createElement(be,{className:z.default(["page-link",F.default({},s,null!==s)]),href:c(t+1),onClick:null!==d?function(){return d(t+1)}:null},Be.next):R.default.createElement("span",{className:z.default(["page-link",F.default({},s,null!==s)])},R.default.createElement(X,null,Be.next))):null))};Ve.propTypes=De,Ve.defaultProps={page:1,total:1,url:null,withPreviousNext:!1,className:null,paginationClassName:null,itemClassName:null,linkClassName:null,onClickPage:null};var We={container:"micromag-core-menus-tabs-container"},_e={items:s.PropTypes.menuItems,size:s.PropTypes.buttonSize,theme:s.PropTypes.buttonTheme,renderItemButton:L.default.func,buttonClassName:L.default.string,className:L.default.string,onClickItem:L.default.func},Ge=function(e){var t=e.items,n=e.size,a=e.theme,l=e.renderItemButton,i=e.buttonClassName,o=e.className,r=e.onClickItem;return R.default.createElement("div",{className:z.default([We.container,F.default({},o,o)])},R.default.createElement(le,{buttons:t,size:n,theme:a,renderButton:l,onClickButton:r,className:We.buttons,buttonClassName:z.default([We.button,F.default({},i,null!==i)])}))};Ge.propTypes=_e,Ge.defaultProps={items:[],size:null,theme:"secondary",renderItemButton:null,buttonClassName:null,className:null,onClickItem:null};var He={modals:s.PropTypes.modals.isRequired,setModalsContainer:L.default.func.isRequired,className:L.default.string},Ue=function(e){var t=e.modals,n=e.setModalsContainer,a=e.className,l=i.useRef(null);return i.useEffect((function(){n(l.current)}),[]),R.default.createElement("div",{className:z.default(["micromag-core-modals-container",F.default({},a,a)])},R.default.createElement("div",{className:z.default(["micromag-core-modals-modals",F.default({},"micromag-core-modals-hasModals",t.length>0)]),ref:l}))};Ue.propTypes=He,Ue.defaultProps={className:null};var Ye=h.withModals(Ue),Qe={id:L.default.string,data:L.default.object,container:L.default.object,register:L.default.func,unregister:L.default.func,children:L.default.node},Xe=function(e){var t=e.id,n=e.data,a=e.children,l=e.container,o=e.register,r=e.unregister,u=i.useMemo((function(){return t||"element-".concat((new Date).getTime())}),[t]);return i.useEffect((function(){return null!==o&&o(u,n),function(){null!==r&&r(u)}}),[u,n]),null!==l?V.default.createPortal(a,l):null};Xe.propTypes=Qe,Xe.defaultProps={id:null,data:null,container:null,register:null,unregister:null,children:null};var Je={id:L.default.string,data:L.default.object,children:L.default.node},Ke=function(e){var t=e.id,n=e.data,a=e.children,l=h.useModals(),i=l.container,o=l.register,r=void 0===o?null:o,u=l.unregister,s=void 0===u?null:u;return R.default.createElement(Xe,{id:t,data:n,container:i,register:r,unregister:s},a)};Ke.propTypes=Je,Ke.defaultProps={id:null,data:null,children:null};var $e={container:"micromag-core-modals-modal-container",center:"micromag-core-modals-modal-center",inner:"micromag-core-modals-modal-inner",top:"micromag-core-modals-modal-top"},et={id:L.default.string,title:L.default.string,position:L.default.oneOf(["center","top"]),children:L.default.node},tt=function(e){var t=e.id,n=e.children,a=e.position,l=e.title,o=i.useMemo((function(){return t||c.getDisplayName(n.type)}),[t,n.type]),r=i.useMemo((function(){return{title:l}}),[l]);return R.default.createElement(Ke,{id:o,data:r},R.default.createElement("div",{className:z.default([$e.container,F.default({},$e[a],null!==a)])},R.default.createElement("div",{className:$e.inner},n)))};tt.propTypes=et,tt.defaultProps={id:null,title:null,position:"center",children:null};var nt={container:"micromag-core-modals-dialog-container"},at={title:s.PropTypes.label,header:L.default.node,children:L.default.node,footer:L.default.node,buttons:s.PropTypes.buttons,onClickClose:L.default.func,className:L.default.string},lt=function(e){var t=e.title,n=e.header,a=e.children,l=e.buttons,i=e.footer,o=e.onClickClose,r=e.className;return R.default.createElement("div",{className:z.default(["modal-dialog",nt.container,F.default({},r,r)]),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(X,null,t)),R.default.createElement("button",{type:"button",className:"btn-close","aria-label":"Close",onClick:o})),R.default.createElement("div",{className:z.default(["modal-body",nt.body,{}])},a),null!==i||null!==l?R.default.createElement("div",{className:z.default(["modal-footer",nt.footer])},i,null!==l?R.default.createElement(le,{buttons:l,className:nt.buttons}):null):null))};lt.propTypes=at,lt.defaultProps={title:null,header:null,children:null,footer:null,buttons:null,onClickClose:null,className:null};var it={type:L.default.oneOfType([s.PropTypes.mediaTypes,L.default.array]),opened:L.default.bool,sources:L.default.arrayOf(L.default.string),onUploaded:L.default.func,onRequestClose:L.default.func},ot=function(e){var t=e.type,n=e.opened,a=e.sources,l=e.onUploaded,o=e.onRequestClose,r=i.useCallback((function(e){null!==l&&l(e)}),[l]),u=i.useMemo((function(){return W.default(t)?t.map((function(e){return-1!==["image","video","audio"].indexOf(e)?"".concat(e,"/*"):null})).filter((function(e){return null!==e})):-1!==["image","video","audio"].indexOf(t)?["".concat(t,"/*")]:null}),[t]),s=h.useUppy({onComplete:r,sources:a,allowedFileTypes:null!==u&&u.length>0?u:null});return i.useEffect((function(){null===s||n||s.reset()}),[s,n]),null!==s?R.default.createElement(M.DashboardModal,{uppy:s,open:n,closeAfterFinish:!0,onRequestClose:o,plugins:a}):null};ot.propTypes=it,ot.defaultProps={type:null,opened:!1,sources:["webcam","facebook","instagram","dropbox","google-drive"],onUploaded:null,onRequestClose:null};var rt={container:"micromag-core-panels-container"},ut={panels:s.PropTypes.panels,setPanelsContainer:L.default.func,className:L.default.string},st=function(e){var t=e.panels,n=e.setPanelsContainer,a=e.className,l=i.useRef(null);return i.useEffect((function(){n(l.current)}),[]),R.default.createElement("div",{className:z.default([rt.container,F.default({},a,a)])},R.default.createElement("div",{className:z.default([rt.panels,F.default({},rt.hasPanels,t.length>0)]),ref:l}))};st.propTypes=ut,st.defaultProps={panels:[],setPanelsContainer:null,className:null};var dt=h.withPanels(st),ct={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=h.usePanels(),i=l.panels,o=void 0===i?null:i,r=l.container,u=l.register,s=void 0===u?null:u,d=l.unregister,c=void 0===d?null:d;return null===o?a:R.default.createElement(Xe,{id:t,data:n,container:r,register:s,unregister:c},a)};mt.propTypes=ct,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||c.getDisplayName(n.type)}),[t,n.type]),o=i.useMemo((function(){return{title:a}}),[a]);return R.default.createElement(mt,{id:l,data:o},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,o=e.topClassName,r=e.contentClassName,u=e.openedClassName,s=e.buttonClassName,d=i.useState(!1),c=j.default(d,2),p=c[0],g=c[1],y=i.useCallback((function(){return g(!p)}),[p,g]);return R.default.createElement("div",{className:z.default([gt.container,(t={},F.default(t,gt.isOpened,p),F.default(t,u,p&&null!==u),F.default(t,l,null!==l),t)])},R.default.createElement("div",{className:z.default([gt.top,F.default({},o,null!==o)])},R.default.createElement(ee,{withoutStyle:!0,className:z.default([gt.button,F.default({},s,null!==s)]),icon:R.default.createElement(m.FontAwesomeIcon,{icon:p?f.faAngleUp:f.faAngleDown,className:gt.icon}),iconPosition:"right",labelClassName:gt.label,onClick:y},n)),R.default.createElement("div",{className:z.default([gt.content,F.default({},r,null!==r)])},a))};ht.propTypes=yt,ht.defaultProps={title:null,children:null,className:null,topClassName:null,contentClassName:null,openedClassName:null,buttonClassName:null};var vt={date:L.default.string,withTime:L.default.bool,timeSeparator:L.default.node},bt=function(e){var t=e.date,n=e.withTime,a=e.timeSeparator,l=i.useMemo((function(){return _.default(t).toDate()}),[t]);return R.default.createElement(R.default.Fragment,null,R.default.createElement(d.FormattedDate,{value:l,year:"numeric",month:"long",day:"2-digit"}),n?a:null,n?R.default.createElement(d.FormattedTime,{value:l}):null)};bt.propTypes=vt,bt.defaultProps={date:null,withTime:!1,timeSeparator:", "};var wt={throttleDelay:L.default.number,threshold:L.default.arrayOf(L.default.number),onEnter:L.default.func,onLeave:L.default.func,onChange:L.default.func,disabled:L.default.bool,children:L.default.node,className:L.default.string},Ct=function(e){var t=e.throttleDelay,n=e.threshold,a=e.onEnter,l=e.onLeave,o=e.onChange,r=e.disabled,u=e.children,s=e.className,d=y.useIntersectionObserver({threshold:n}),c=d.ref,m=d.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!==o&&o(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,o]);return i.useEffect((function(){return r?function(){}:(p(m),function(){null!==t&&p.cancel()})}),[t,m,r,p]),R.default.createElement("div",{className:s,ref:c},u)};Ct.propTypes=wt,Ct.defaultProps={throttleDelay:null,threshold:void 0,onEnter:null,onLeave:null,onChange:null,disabled:!1,children:null,className:null};var Mt={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,o=e.boxClassName,r=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({},o,null!==o)]),style:{width:n,height:a}},r))};Et.propTypes=Mt,Et.defaultProps={width:"100%",height:"3em",outline:!1,className:null,boxClassName:null,children:null};var St={name:L.default.string.isRequired,components:L.default.object.isRequired,props:L.default.object,isPlaceholder:L.default.bool,className:L.default.string,placeholderProps:L.default.object},kt=function(e){var t=e.name,n=e.components,a=e.props,l=e.isPlaceholder,i=e.className,o=e.placeholderProps;if(!t)return"Bad component name";if(l)return R.default.createElement(Et,o);var r=n[c.pascalCase(t)];return r?R.default.createElement(r,Object.assign({},a,{className:i})):"Bad component"};kt.propTypes=St,kt.defaultProps={props:{},isPlaceholder:!1,className:null,placeholderProps:null};var Tt={container:"micromag-core-partials-empty-container",middle:"micromag-core-partials-empty-middle",withoutBorder:"micromag-core-partials-empty-withoutBorder",invertColor:"micromag-core-partials-empty-invertColor"},Nt={children:L.default.node,withoutBorder:L.default.bool,light:L.default.bool,className:L.default.string},xt=function(e){var t,n=e.children,a=e.withoutBorder,l=e.light,i=e.className;return R.default.createElement("div",{className:z.default([Tt.container,(t={},F.default(t,Tt.withoutBorder,a),F.default(t,Tt.light,l),F.default(t,i,i),t)])},R.default.createElement("div",{className:Tt.middle},R.default.createElement(X,null,n)))};xt.propTypes=Nt,xt.defaultProps={children:null,withoutBorder:!1,light:!1,className:null};var Pt={fonts:s.PropTypes.fonts,formats:L.default.arrayOf(L.default.oneOfType([L.default.string,L.default.shape({name:L.default.string,format:L.default.string})]))},Ot=function(e){var t=e.fonts,n=e.formats,a=(t||[]).filter((function(e){return H.default(e)&&"custom"===e.type&&null!==(e.media||null)})).map((function(e){var t=e.name,a=void 0===t?null:t,l=e.media,i=((void 0===l?null:l)||{}).files,o=void 0===i?{}:i,r=n.reduce((function(e,t){var n=H.default(t)?t.format:t,a=H.default(t)?t.name:t,l=o["webfonts.".concat(a)]||o[a]||null;return null!==l?[].concat(q.default(e),['url("'.concat(l.url,'?") format("').concat(n,'")')]):e}),[]);return r.length>0&&null!==a?'\n                @font-face {\n                    font-family: "'.concat(a,'";\n                    src: ').concat(r.join(","),";\n                }\n            "):null})).filter((function(e){return null!==e}));return a.length>0?R.default.createElement("style",{type:"text/css"},a.join("\n")):null};Ot.propTypes=Pt,Ot.defaultProps={fonts:[],formats:["eot","woff2","woff",{name:"otf",format:"opentype"},{name:"ttf",format:"truetype"},"svg"]};var At={},Zt={thumbnail:L.default.node,thumbnailAlign:L.default.oneOf(["top","center","bottom"]),children:L.default.node,title:s.PropTypes.label,className:L.default.string,thumbnailClassName:L.default.string,bodyClassName:L.default.string,titleClassName:L.default.string},Ft=function(e){var t=e.thumbnail,n=e.thumbnailAlign,a=e.children,l=e.title,i=e.className,o=e.thumbnailClassName,r=e.bodyClassName,u=e.titleClassName;return R.default.createElement("div",{className:z.default(["card",At.container,F.default({},i,null!==i)])},"string"==typeof t?R.default.createElement("img",{src:t,alt:l,className:z.default(["me-3",At.thumbnail,F.default({"align-self-start":"top"===n,"align-self-center":"center"===n,"align-self-end":"bottom"===n},o,null!==o)])}):t,null!==l||null!==a?R.default.createElement("div",{className:z.default(["card-body",At.body,F.default({},r,null!==r)])},null!==l?R.default.createElement("h5",{className:z.default(["mt-0","text-truncate",At.title,F.default({},u,null!==u)])},R.default.createElement(X,null,l)):null,a):null)};Ft.propTypes=Zt,Ft.defaultProps={thumbnail:null,thumbnailAlign:"top",children:null,title:null,className:null,thumbnailClassName:null,bodyClassName:null,titleClassName:null},L.default.shape({listen:L.default.func.isRequired,push:L.default.func.isRequired}),L.default.shape({pathname:L.default.string,search:L.default.string}),L.default.shape({locale:L.default.string.isRequired,formatMessage:L.default.func.isRequired});var It=L.default.shape({type:L.default.number,value:L.default.string}),Rt=L.default.oneOfType([L.default.string,L.default.arrayOf(It)]),Lt=L.default.shape({id:L.default.string,defaultMessage:Rt.isRequired,description:L.default.string}),zt=L.default.oneOfType([Lt,L.default.string]),qt=L.default.oneOfType([Lt,L.default.node]);L.default.oneOf([401,403,404,500]),L.default.oneOfType([L.default.shape({current:L.default.any}),L.default.func]);var jt=L.default.oneOf(["_blank","_self","_parent"]),Bt=L.default.oneOf(["tap","swipe"]);L.default.arrayOf(Bt),L.default.objectOf(L.default.oneOfType([L.default.string,L.default.number,L.default.array])),L.default.shape({currentTime:L.default.number,duration:L.default.number}),L.default.shape({id:L.default.number,firstname:L.default.string,lastname:L.default.string,email:L.default.string,gender:L.default.string,birthdate:L.default.string});var Dt=L.default.shape({id:L.default.oneOfType([L.default.number,L.default.string]),label:qt,url:L.default.string,external:L.default.bool,active:L.default.bool});L.default.arrayOf(Dt);var Vt=L.default.shape({label:qt,url:L.default.string});L.default.arrayOf(Vt);var Wt=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Wt);var _t=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(_t);var Gt=L.default.shape({id:L.default.string.isRequired});L.default.arrayOf(Gt);var Ht=L.default.shape({label:qt,onClick:L.default.func});L.default.arrayOf(Ht);var Ut=["primary","secondary","success","danger","warning","info","light","dark"];L.default.oneOf(Ut),L.default.oneOf([].concat(Ut,["outline-primary","outline-secondary","outline-success","outline-danger","outline-warning","outline-info","outline-light","outline-dark","outline-link",null])),L.default.oneOf(["lg","sm",null]),L.default.oneOf(["lg","sm",null]),L.default.oneOf(["start","end"]);var Yt=L.default.oneOfType([L.default.object,L.default.func]);L.default.objectOf(Yt);var Qt=L.default.oneOfType([L.default.string,L.default.arrayOf(L.default.string)]);L.default.objectOf(Qt);var Xt=L.default.oneOfType([L.default.string,L.default.shape({value:L.default.any,label:qt})]);L.default.arrayOf(Xt);var Jt=L.default.shape({name:L.default.string,component:Yt});L.default.arrayOf(Jt);var Kt={filename:L.default.string,size:L.default.number,mime:L.default.string},$t=L.default.shape({id:L.default.string,handle:L.default.string,type:L.default.string,mime:L.default.string,url:L.default.string}),en={id:L.default.string,type:L.default.string.isRequired,url:L.default.string,thumbnail_url:L.default.string,name:L.default.string,metadata:L.default.shape(B.default({},Kt)),files:L.default.objectOf($t)},tn=L.default.shape(en);L.default.arrayOf(tn),L.default.oneOf(["image","video","audio","closed-captions","font"]);var nn=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["image","video"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{width:L.default.number,height:L.default.number}))}));L.default.arrayOf(nn);var an=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["font"]),metadata:L.default.shape(B.default({},Kt))}));L.default.arrayOf(an);var ln=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["video"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{width:L.default.number,height:L.default.number,duration:L.default.number}))}));L.default.arrayOf(ln);var on=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["audio"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{duration:L.default.number}))}));L.default.arrayOf(on);var rn=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["closed-captions"])})),un=L.default.oneOfType([L.default.string,L.default.shape({type:L.default.oneOf(["system","google","custom"]),name:L.default.string,media:an})]);L.default.arrayOf(un);var sn=L.default.oneOf(["left","right","center"]),dn=L.default.shape({color:L.default.string,alpha:L.default.number}),cn=L.default.shape({fontFamily:un,fontSize:L.default.number,fontStyle:L.default.shape({bold:L.default.bool,italic:L.default.bool,underline:L.default.bool,upperCase:L.default.bool}),align:sn,color:dn,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:dn});var fn=L.default.shape({backgroundColor:dn,borderRadius:L.default.number,borderWidth:L.default.number,borderColor:dn,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:cn}),yn=gn;L.default.shape({label:L.default.string,textStyle:cn});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:rn,withSeekBar:L.default.bool,withPlayPause:L.default.bool}),L.default.shape({media:on,autoPlay:L.default.bool,loop:L.default.bool,closedCaptions:rn,withPlayPause:L.default.bool}),L.default.shape({media:rn});var vn=L.default.shape({color:dn,image:nn,video:ln}),bn=L.default.shape({image:nn,caption:gn});L.default.arrayOf(bn);var wn=L.default.oneOf(["horizontal","vertical"]),Cn=L.default.oneOf(["start","center","end"]),Mn=L.default.oneOfType([L.default.number,L.default.oneOf(["between","evenly","around"])]);L.default.shape({direction:wn,align:Cn,width:L.default.number,height:L.default.number,spacing:Mn,reverse:L.default.bool}),L.default.shape({layout:L.default.arrayOf(L.default.string),spacing:L.default.number});var En=L.default.shape({lat:L.default.number,lng:L.default.number}),Sn={id:L.default.number,geoPosition:En,title:yn,subtitle:yn,description:gn},kn=L.default.shape(B.default({},Sn));L.default.arrayOf(kn);var Tn=L.default.shape(B.default(B.default({},Sn),{},{image:nn}));L.default.arrayOf(Tn);var Nn={id:L.default.string,label:gn},xn=L.default.shape(B.default({},Nn)),Pn=L.default.shape(B.default(B.default({},Nn),{},{good:L.default.bool}));L.default.arrayOf(xn),L.default.arrayOf(Pn);var On=L.default.oneOf(["swipe-up","button"]);L.default.shape({active:L.default.bool,type:On,url:L.default.string,label:gn,buttonStyle:fn});var An=L.default.shape({id:L.default.string,name:L.default.string,avatar:nn,side:L.default.oneOf(["left","right"]),color:dn}),Zn=L.default.arrayOf(An),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:cn,messages:In});var Rn={name:L.default.string,type:L.default.string.isRequired,label:zt},Ln=L.default.shape(B.default(B.default({},Rn),{},{isSection:L.default.bool,fields:L.default.arrayOf(L.default.shape(Rn))})),zn=L.default.arrayOf(Ln),qn=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(qn);var jn=L.default.shape({id:L.default.string.isRequired,type:L.default.oneOf(["field"]).isRequired,title:zt.isRequired,fields:zn});L.default.arrayOf(jn);var Bn={type:L.default.string.isRequired},Dn=L.default.shape(B.default({},Bn));L.default.arrayOf(Dn);var Vn=L.default.shape(B.default({},Bn)),Wn=L.default.arrayOf(Vn),_n=L.default.shape({id:L.default.string,textStyles:L.default.objectOf(cn),background:vn,colors:L.default.objectOf(dn),components:Wn});L.default.shape(B.default({logo:nn},_n));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:_n,components:Wn,metadata:Gn});var Hn=L.default.shape({name:L.default.string.isRequired,mediaQuery:L.default.string});L.default.arrayOf(Hn),L.default.shape({screen:L.default.string,screens:L.default.arrayOf(L.default.string),width:L.default.number,height:L.default.number,landscape:L.default.bool}),L.default.oneOf(["view","placeholder","edit","preview","static","capture"]),L.default.shape({width:L.default.number,height:L.default.number}),L.default.shape({width:L.default.number,height:L.default.number,url:L.default.string,target:jt,iframe:L.default.string,image:nn}),L.default.shape({src:L.default.string,track:L.default.string,trackLng:L.default.number,controls:L.default.bool});var Un=L.default.shape({image:nn,text:L.default.string});L.default.arrayOf(Un),L.default.shape({});var Yn=L.default.oneOf(["fade","scale","slide"]),Qn={duration:L.default.number,easing:L.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"])},Xn=L.default.oneOfType([Yn.isRequired,L.default.shape(B.default({name:Yn.isRequired},Qn))]);L.default.shape({in:Xn,out:Xn});var Jn=L.default.shape({type:L.default.string,value:L.default.oneOf([L.default.string,L.default.number])});L.default.arrayOf(Jn);var Kn=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(Kn);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({}))}),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,o=e.children,r=a||{},u=r.canonical,s=void 0===u?null:u,d=r.description,c=void 0===d?null:d,m=r.keywords,f=void 0===m?null:m,p=r.image,g=void 0===p?null:p,y=r.favicon,h=void 0===y?null:y,v=r.rssUrl,b=void 0===v?null:v,w=r.atomUrl,C=void 0===w?null:w,M=r.microformats,E=void 0===M?[]:M,S=r.language,k=void 0===S?null:S,N=null!==t?"".concat(t," | ").concat(i):l,x=g||{},P=x.url,O=void 0===P?null:P,A=x.metadata,Z=(void 0===A?{}:A)||{},F=Z.width,I=void 0===F?null:F,L=Z.height,z=void 0===L?null:L,q=(h||{}).url,j=void 0===q?null:q;return R.default.createElement(T.Helmet,null,R.default.createElement("title",null,null!==N&&N.length>0?N:"Micromag"),null!==c?R.default.createElement("meta",{name:"description",content:c}):null,null!==k?R.default.createElement("meta",{name:"language",content:k}):null,null!==f&&U.default(f)?R.default.createElement("meta",{name:"keywords",content:f}):null,null!==f&&W.default(f)?R.default.createElement("meta",{name:"keywords",content:f.join(",")}):null,null!==s?R.default.createElement("link",{rel:"canonical",href:s}):null,null!==j?R.default.createElement("link",{rel:"icon",type:"image/png",href:j}):null,null!==b?R.default.createElement("link",{rel:"alternate",type:"application/rss+xml",href:b}):null,null!==C?R.default.createElement("link",{rel:"alternate",type:"application/atom+xml",href:C}):null,null!==O?R.default.createElement("meta",{property:"og:image",content:O}):null,null!==O?R.default.createElement("meta",{property:"og:image:url",content:O}):null,null!==I?R.default.createElement("meta",{property:"og:image:width",content:I}):null,null!==z?R.default.createElement("meta",{property:"og:image:height",content:z}):null,R.default.createElement("meta",{property:"og:title",content:N}),null!==c?R.default.createElement("meta",{property:"og:description",content:c}):null,null!==n?R.default.createElement("meta",{property:"og:url",content:n}):null,R.default.createElement("meta",{name:"twitter:card",content:null!==O?"summary_large_image":"summary"}),R.default.createElement("meta",{name:"twitter:title",content:N}),null!==c?R.default.createElement("meta",{name:"twitter:description",content:c}):null,null!==O?R.default.createElement("meta",{name:"twitter:image",content:O}):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))})),o)};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,o=e.height,r=e.className,u=e.children,s=i.useState(0),d=j.default(s,2),c=d[0],m=d[1];i.useEffect((function(){var e=null;return n&&(e=setTimeout((function(){c<t.length-1?m((function(e){return e+1})):m(0)}),a)),function(){clearTimeout(e)}}),[c,t,n,a]);var f={width:l,height:o};return R.default.createElement("div",{className:z.default(["micromag-core-partials-slideshow-container",F.default({},r,r)]),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<c),F.default(n,"micromag-core-partials-slideshow-current",t===c),F.default(n,"micromag-core-partials-slideshow-next",t>c),n)])},e)}))),u)};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}))},oa=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}))},ra=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}))},ua={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},sa=function(e){var t=e.lines,n=e.lineMargin,a=e.width,l=e.height,i=e.fontSize,o=e.className,r=null!==l&&Y.default(l)?"".concat(Math.round(l*i),"px"):l,u=Y.default(a)?.9*a:"90%";return R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-text-container",F.default({},o,o)])},q.default(Array(t)).map((function(e,t){return R.default.createElement("div",{key:"line-".concat(t),className:"micromag-core-partials-placeholder-text-line",style:{width:t%2==0?a:u,height:r,marginTop:n,marginBottom:n}})})))};sa.propTypes=ua,sa.defaultProps={lines:1,lineMargin:1,width:"100%",height:null,fontSize:16,className:null};var da=function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.4em":a,i=e.className;return R.default.createElement(Et,{outline:!0,width:n,height:l,className:i},R.default.createElement(sa,{line:1,height:"0.1em"}))},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.faImage,className:la.icon}))},ma=function(e){return R.default.createElement(sa,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(sa,Object.assign({},e,{className:z.default([e.className,la.subtitle]),height:.5,lines:6}))},ha=function(e){return R.default.createElement(sa,Object.assign({},e,{className:z.default([e.className,la.shortText]),height:.2,lines:2}))},va=function(e){return R.default.createElement(sa,Object.assign({},e,{className:z.default([e.className,la.subtitle]),height:.3,lines:1}))},ba=function(e){var t=e.height,n=void 0===t?.2:t,a=e.lines,l=void 0===a?4:a,i=e.lineMargin,o=void 0===i?2:i;return R.default.createElement(sa,Object.assign({},e,{height:n,lines:l,lineMargin:o,className:z.default([e.className,la.text])}))},wa=function(e){return R.default.createElement(sa,Object.assign({},e,{className:z.default([e.className,la.timeline])}))},Ca=function(e){return R.default.createElement(sa,Object.assign({},e,{className:z.default([e.className,la.title]),height:.5,lines:2,lineMargin:4}))},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.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"))},Sa=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}))},ka={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},Ta=function(e){var t=e.width,n=e.height,a=e.fit,l=e.screenWidth,o=e.screenHeight,r=e.className,u=e.children,s=null!==t||null!==n,d=y.useResizeObserver(),c=d.ref,m=d.entry.contentRect||{},f=m.width,p=void 0===f?0:f,g=m.height,v=void 0===g?0:g,b=i.useMemo((function(){var e=t||p||null,i=n||v||null;if(null===e&&null===i)return{};var r=l/o,u=s?t||i*r:e,d=s&&n||e/r;if(null===a)return{width:u,height:d,transform:"scale(".concat(u/l,")")};var c=P.getSizeWithinBounds(l,o,u,d,{cover:"cover"===a}),m=c.width,f=c.height,g=c.scale,y=(u-m)/2,h=(d-f)/2;return{width:u,height:d,transform:"scale(".concat(g,") translate(").concat(y,"px, ").concat(h,"px)")}}),[l,o,t,n,a,p,v,s]),w=b.width,C=void 0===w?null:w,M=b.height,E=void 0===M?null:M,S=b.transform,k=void 0===S?null:S,T=i.useMemo((function(){return{screen:"mobile",screens:["mobile"],width:l,height:o}}),[l,o]),N=null!==C&&null!==E;return R.default.createElement("div",{styles:z.default(["micromag-core-screens-screen-sizer-container",F.default({},r,null!==r)]),ref:s?null:c},N?R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-frame",style:{width:C,height:E}},R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-screen",style:{width:l,height:o,transform:k}},R.default.createElement(h.ScreenSizeProvider,{size:T},R.default.cloneElement(u,{width:l,height:o})))):null)};Ta.propTypes=ka,Ta.defaultProps={width:null,height:null,fit:null,screenWidth:320,screenHeight:480,className:null};var Na={screen:s.PropTypes.storyComponent.isRequired,renderContext:s.PropTypes.renderContext,screenState:L.default.string,active:L.default.bool,current:L.default.bool,component:L.default.node,components:s.PropTypes.components,className:L.default.string,onPrevious:L.default.func,onNext:L.default.func,onEnableInteraction:L.default.func,onDisableInteraction:L.default.func,getMediaRef:L.default.func},xa=function(e){var t=e.screen,n=e.renderContext,a=e.screenState,l=e.active,i=e.current,o=e.components,r=e.component,u=e.className,s=e.onPrevious,d=e.onNext,m=e.onEnableInteraction,f=e.onDisableInteraction,p=e.getMediaRef,g=(t||{}).type,y=void 0===g?null:g,v=null!==o&&c.getComponentFromName(y,o)||null,b=h.useScreenComponent(y),w=v||b;return R.default.createElement(h.ScreenProvider,{data:t,renderContext:n,screenState:a},null!==w?R.default.createElement("div",{className:z.default(["micromag-core-screens-screen-container",F.default({},u,null!==u)])},R.default.createElement(w,Object.assign({},t,{active:l,current:i,onPrevious:s,onNext:d,onEnableInteraction:m,onDisableInteraction:f,getMediaRef:p}))):R.default.createElement("div",{className:u},r))};xa.propTypes=Na,xa.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 Pa=R.default.memo(xa),Oa=["screen","layout","screenWidth","screenHeight","screenState","withSize","className"],Aa={screen:s.PropTypes.component.isRequired,layout:L.default.string,screenWidth:L.default.number,screenHeight:L.default.number,screenState:L.default.string,withSize:L.default.bool,className:L.default.string},Za=function(e){var t=e.screen,n=e.layout,a=e.screenWidth,l=e.screenHeight,i=e.screenState,o=e.withSize,r=e.className,u=I.default(e,Oa),s=R.default.createElement(Pa,Object.assign({screen:t,renderContext:"placeholder",screenState:i,layout:n,className:z.default(["micromag-core-screens-screen-placeholder-screen",F.default({},r,!o)])},u));return o?R.default.createElement(Ta,{className:r,screenWidth:a,screenHeight:l},s):s};Za.propTypes=Aa,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:s.PropTypes.component.isRequired,screenState:L.default.string,width:L.default.number,height:L.default.number,screenWidth:L.default.number,screenHeight:L.default.number,className:L.default.string,withSize:L.default.bool},La=function(e){var t=e.screen,n=e.screenState,a=e.width,l=e.height,i=e.screenWidth,o=e.screenHeight,r=e.className,u=e.withSize,s=I.default(e,Ia),d=R.default.createElement(Pa,Object.assign({screen:t,renderContext:"preview",screenState:n,width:u?void 0:a,height:u?void 0:l,className:z.default(["micromag-core-screens-preview-screen",F.default({},r,!u)])},s));return u?R.default.createElement(Ta,{className:r,screenWidth:i,screenHeight:o,width:a,height:l},d):d};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),qa={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"},ja=Object.freeze({__proto__:null,AdFrame:ia,AdImage:oa,Audio:ra,Button:da,Conversation:function(){return R.default.createElement("div",{className:qa.container},q.default(Array(4)).map((function(e,t){return R.default.createElement("div",{key:"message-".concat(t+1),className:z.default([qa.message,qa["placeholderMessage".concat(t)]])})})),R.default.createElement(m.FontAwesomeIcon,{icon:f.faCommentDots,className:qa.icon}))},Image:ca,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,o=e.className,r=e.good,u=void 0===r||r;return R.default.createElement("div",{className:z.default(["micromag-core-placeholders-quiz-answer-container",(t={},F.default(t,o,null!==o),F.default(t,"micromag-core-placeholders-quiz-answer-good",u),t)])},R.default.createElement("div",{className:"micromag-core-placeholders-quiz-answer-answer"},R.default.createElement(m.FontAwesomeIcon,{className:"micromag-core-placeholders-quiz-answer-answerIcon",icon:u?f.faCheck:f.faTimes})),R.default.createElement(Et,{outline:!0,width:a,height:i,className:"micromag-core-placeholders-quiz-answer-block"},R.default.createElement(sa,{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(sa,{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:ba,Timeline:wa,Title:Ca,Video:Ma,Video360:Ea,VideoLoop:Sa}),Ba={children:L.default.node,placeholder:L.default.oneOfType([L.default.string,L.default.node]),preview:L.default.node,empty:L.default.node,emptyLabel:s.PropTypes.label,isEmpty:L.default.bool,placeholderProps:L.default.object,emptyClassName:L.default.string},Da=function(e){var t=e.children,n=e.placeholder,a=e.empty,l=e.emptyLabel,i=e.preview,o=e.isEmpty,r=e.placeholderProps,u=e.emptyClassName,s=h.useScreenRenderContext(),d=s.isPlaceholder,m=s.isEdit,f=s.isPreview;if(d){var p=U.default(n)?c.getComponentFromName(n,ja):null;return null!==p?R.default.createElement(p,r):n}return m&&o?null!==a?a:R.default.createElement(xt,{className:u},l):f&&null!==i?i:t};Da.propTypes=Ba,Da.defaultProps={children:null,placeholder:null,preview:null,empty:null,emptyLabel:null,isEmpty:!1,placeholderProps:null,emptyClassName:null};var Va={screens:s.PropTypes.storyComponents.isRequired,screen:L.default.string,className:L.default.string},Wa=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(Pa,{key:"screen-".concat(t),screen:e,className:z.default(["micromag-core-screens-screen",F.default({},"micromag-core-screens-visible",n===t)])})})))};Wa.propTypes=Va,Wa.defaultProps={screen:null,className:null};var _a={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,o=e.playing,r=e.direction,u=e.delay,s=e.duration,d=e.easing,c=e.children,m=e.className,f=e.onStart,p=e.onComplete,g=O.useSpring((function(){return{}})),y=j.default(g,2),h=y[0],v=y[1];return i.useEffect((function(){var e=!o&&"in"===r||o&&"out"===r,t={from:a,to:e||o?l:a,reset:o&&!e,onStart:f,onRest:p,config:{duration:e?0:null!==s?s:void 0}},n=null;return u>0&&o&&"out"!==r?(v.start({to:a,immediate:!0}),n=setTimeout((function(){v.start(t)}),u)):v.start(t),function(){null!==n&&clearTimeout(n)}}),[o,r,u,s,d,a,l,v,f,p]),R.default.createElement(A.animated.div,{style:B.default({},h),className:z.default(["micromag-core-transitions-transition-container",(t={},F.default(t,m,null!==m),F.default(t,"micromag-core-transitions-transition-fullscreen",n),t)])},c)}Ga.propTypes=_a,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 Ha={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}))}},Ua={fullscreen:L.default.bool,playing:L.default.bool,delay:L.default.number,transitions:s.PropTypes.transitions,disabled:L.default.bool,children:L.default.node};function Ya(e){var t=e.fullscreen,n=e.playing,a=e.delay,l=e.transitions,i=e.disabled,o=e.children,r=h.useScreenSize().landscape,u=n||void 0!==r&&r,s={in:null,out:null},d=null!==l?l:{in:"fade",out:"fade"};Object.keys(d).forEach((function(e){var t=d[e];s[e]="string"==typeof t?{name:t}:t}));var m=s.in,f=void 0===m?null:m,p=s.out,g=void 0===p?null:p,y=null!==f?f:g,v=null!==g?g:f,b=(y||{}).name,w=void 0===b?null:b,C=(v||{}).name,M=void 0===C?null:C,E=w===M,S=null!==y?c.getComponentFromName(w,Ha,null):null,k=null===v||E?null:c.getComponentFromName(M,Ha,null),T=null!==y?B.default(B.default({},y),{},{name:void 0,delay:a}):null,N=null!==v?B.default(B.default({},v),{},{name:void 0,delay:a}):null,x=null===k||i?o:R.default.createElement(k,Object.assign({fullscreen:t,playing:u,direction:"out"},N),o);return null===S||i?x:R.default.createElement(S,Object.assign({fullscreen:t,playing:u,direction:E?null:"in"},T),x)}Ya.propTypes=Ua,Ya.defaultProps={fullscreen:!1,playing:!1,delay:0,transitions:null,disabled:!1,children:null};var Qa={transitions:s.PropTypes.transitions,stagger:L.default.number,playing:L.default.bool,disabled:L.default.bool,delay:L.default.number,fullscreen:L.default.bool,children:L.default.node},Xa=function(e){var t=e.transitions,n=e.stagger,a=e.playing,l=e.disabled,i=e.delay,o=e.fullscreen,r=e.children,u=0;return R.default.Children.map(r,(function(e){if(!e)return null;var r=e.type,s=((void 0===r?null:r)||{}).withoutTransitionsWrapper;if(l||void 0!==s&&s)return e;var d=R.default.createElement(Ya,{transitions:t,delay:i+u*n,playing:a,fullscreen:o},e);return u+=1,d}))};Xa.propTypes=Qa,Xa.defaultProps={transitions:null,stagger:0,playing:!1,disabled:!1,delay:0,fullscreen:!1,children:null};var Ja={selector:L.default.string,highlightSelector:L.default.string,style:L.default.objectOf(L.default.oneOfType([L.default.string,L.default.number]))},Ka=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(c.convertStyleToString(a),"}")):null};Ka.propTypes=Ja,Ka.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(c.convertStyleToString(a),"}")):null};el.propTypes=$a,el.defaultProps={selector:null,linkSelector:"a",style:null},t.BackButton=re,t.Breadcrumb=Oe,t.Button=ee,t.Buttons=le,t.Card=Me,t.CollapsablePanel=ht,t.Date=bt,t.Detector=Ct,t.DropdownMenu=Fe,t.Element=kt,t.Empty=xt,t.FieldForm=ce,t.FontFaces=Ot,t.Form=ge,t.FormPanel=xe,t.HighlightStyle=Ka,t.Label=X,t.Link=be,t.LinkStyle=el,t.Media=Ft,t.Menu=Le,t.Meta=ta,t.Modal=tt,t.ModalDialog=lt,t.ModalPortal=Ke,t.Modals=Ye,t.Navbar=qe,t.Pagination=Ve,t.Panel=pt,t.PanelPortal=mt,t.Panels=dt,t.PlaceholderAdFrame=ia,t.PlaceholderAdImage=oa,t.PlaceholderAudio=ra,t.PlaceholderButton=da,t.PlaceholderImage=ca,t.PlaceholderLine=ma,t.PlaceholderMap=pa,t.PlaceholderMapPath=ga,t.PlaceholderQuote=ya,t.PlaceholderShortText=ha,t.PlaceholderSubtitle=va,t.PlaceholderText=ba,t.PlaceholderTimeline=wa,t.PlaceholderTitle=Ca,t.PlaceholderVideo=Ma,t.PlaceholderVideo360=Ea,t.PlaceholderVideoLoop=Sa,t.Screen=Pa,t.ScreenElement=Da,t.ScreenPlaceholder=Fa,t.ScreenPreview=za,t.ScreenSizer=Ta,t.Screens=Wa,t.Slideshow=aa,t.Spinner=Se,t.Tabs=Ge,t.Transitions=Ya,t.TransitionsStagger=Xa,t.UploadModal=ot},82801:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(70417),l=n(98689),i=n(97641),o=n(66204),r=n(52807),u=n(81260),s=n(75182),d=n(61132),c=n(51068),m=n(53306),f=n(12289),p=n(1610),g=n(28436),y=n(83857),h=n(5587),v=n(35787),b=n(22220),w=n(78514),C=n(5537);function M(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 S=M(a),k=M(l),T=M(i),N=M(o),x=M(u),P=M(s),O=M(d),A=M(c),Z=M(f),F=M(b),I=M(C),R="modals",L="fields",z="forms",q="screens",j="elements",B=N.default.createContext(null),D=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=o.useContext(B),n=o.useMemo((function(){return null!==e?new r.ComponentsManager(t.getComponents(e)):t}),[t,e]);return n},V=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D();return n.getComponents(e)||t},W=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!k.default(e))return e||t;var a=D(n);return o.useMemo((function(){return a.getComponent(e)||t}),[a,e,t])},_={children:T.default.node.isRequired,namespace:T.default.string,manager:T.default.instanceOf(r.ComponentsManager),components:T.default.objectOf(T.default.oneOfType([T.default.object,T.default.func]))},G=function(e){var t=e.components,n=e.manager,a=e.namespace,l=e.children,i=D()||null,u=o.useMemo((function(){return new r.ComponentsManager(S.default(S.default(S.default({},null!==i?i.getComponents():null),null!==n?n.getComponents():null),new r.ComponentsManager(t).addNamespace(a).getComponents()))}),[i,n,t,a]);return N.default.createElement(B.Provider,{value:u},l)};G.propTypes=_,G.defaultProps={namespace:null,components:{},manager:null};var H=N.default.createContext(null),U=function(){return o.useContext(H)},Y={fields:r.PropTypes.fieldDefinitions,manager:T.default.instanceOf(r.FieldsManager),children:T.default.node.isRequired},Q=function(e){var t=e.fields,n=e.manager,a=e.children,l=U()||null,i=o.useMemo((function(){var e=O.default([].concat(P.default(t||[]),P.default(null!==n?n.getDefinitions():[]),P.default(null!==l?l.getDefinitions():[])),(function(e){return e.id})).reverse();return new r.FieldsManager(e)}),[l,n,t]),u=o.useMemo((function(){var e=i.getComponents();return Object.keys(e).reduce((function(t,n){var a=e[n];return k.default(a)?t:S.default(S.default({},t),{},x.default({},n,a))}),{})}),[i]);return N.default.createElement(H.Provider,{value:i},N.default.createElement(G,{namespace:L,components:u},a))};Q.propTypes=Y,Q.defaultProps={fields:null,manager:null};var X=N.default.createContext(new r.ScreensManager),J=function(){return o.useContext(X)},K={screens:r.PropTypes.screenDefinitions,manager:T.default.instanceOf(r.ScreensManager),children:T.default.node.isRequired},$=function(e){var t=e.screens,n=e.manager,a=e.children,l=J(),i=o.useMemo((function(){var e=null!==n?n:new r.ScreensManager(t);return null!==(l||null)?l.merge(e):e}),[n,t,l]),u=o.useMemo((function(){return i.getComponents()}),[i]),s=o.useState(u),d=A.default(s,2),c=d[0],m=d[1];return o.useEffect((function(){var e=function(){return m(i.getComponents())};return i.on("change",e),function(){i.off("change",e)}}),[i,m]),N.default.createElement(X.Provider,{value:i},N.default.createElement(G,{namespace:q,components:c},a))};$.propTypes=K,$.defaultProps={screens:null,manager:null};var ee=N.default.createContext(null),te=function(){return o.useContext(ee)},ne=function(){return te()},ae={story:T.default.oneOfType([r.PropTypes.story,r.PropTypes.theme]),children:T.default.node.isRequired},le=function(e){var t=e.story,n=e.children;return N.default.createElement(ee.Provider,{value:t},n)};le.propTypes=ae,le.defaultProps={story:null};var ie=N.default.createContext(null),oe=function(){return o.useContext(ie)},re={children:T.default.node.isRequired},ue=function(e){var t=e.children,n=ne(),a=J(),l=U(),i=o.useMemo((function(){return new r.ColorsParser({screensManager:a,fieldsManager:l})}),[a,l]),u=o.useCallback((function(e){return i.parse(e)}),[i]),s=o.useCallback((function(){return u(n)}),[u,n]);return N.default.createElement(ie.Provider,{value:{getColors:s}},t)};ue.propTypes=re,ue.defaultProps={};var se=N.default.createContext(null),de={context:T.default.any,children:T.default.node.isRequired},ce=function(e){var t=e.context,n=e.children;return N.default.createElement(se.Provider,{value:t},n)};ce.propTypes=de,ce.defaultProps={context:null};var me=N.default.createContext({apiKey:null}),fe=function(){return o.useContext(me)},pe={children:T.default.node.isRequired,apiKey:T.default.string},ge=function(e){var t=e.children,n=e.apiKey,a=fe().apiKey,l=o.useMemo((function(){return{apiKey:n||a}}),[n,a]);return N.default.createElement(me.Provider,{value:l},t)};ge.propTypes=pe,ge.defaultProps={apiKey:null};var ye=N.default.createContext({systemFonts:null,googleFonts:null,customFonts:null}),he=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,n=void 0!==t&&t,a=e.setFonts,l=void 0===a?null:a,i=fe(),r=i.apiKey,u=o.useState(null),s=A.default(u,2),d=s[0],c=s[1];return o.useEffect((function(){var e=!1;return null===r||n||m.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(r,"&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):c(a)}})),function(){e=!0}}),[r,n,l,c]),d},ve=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.withoutGoogleFonts,n=void 0!==t&&t,a=o.useContext(ye),l=a.setGoogleFonts,i=void 0===l?null:l,r=a.systemFonts,u=void 0===r?null:r,s=a.googleFonts,d=void 0===s?null:s,c=a.customFonts,m=void 0===c?null:c;he({disabled:n||null!==d&&d.length>0,setFonts:i});var f=o.useMemo((function(){return{systemFonts:u,googleFonts:d,customFonts:m}}),[u,d,m]);return f},be={children:T.default.node.isRequired,systemFonts:r.PropTypes.fonts,customFonts:r.PropTypes.fonts},we=function(e){var t=e.systemFonts,n=e.customFonts,a=e.children,l=ve(),i=l.systemFonts,r=void 0===i?null:i,u=l.googleFonts,s=void 0===u?null:u,d=l.customFonts,c=o.useState(null),m=A.default(c,2),f=m[0],p=m[1],g=o.useMemo((function(){return{systemFonts:O.default([].concat(P.default(r||[]),P.default(t||[])),(function(e){return Z.default(e)?e.name:e})),googleFonts:O.default([].concat(P.default(s||[]),P.default(f||[])),(function(e){return Z.default(e)?e.name:e})),customFonts:O.default([].concat(P.default(d||[]),P.default(n||[])),(function(e){return Z.default(e)?e.name:e})),setGoogleFonts:p}}),[r,s,d,n,t,f,p]);return N.default.createElement(ye.Provider,{value:g},a)};we.propTypes=be,we.defaultProps={systemFonts:["Arial","Courier","Georgia","Times New Roman","Verdana"],customFonts:null};var Ce=N.default.createContext(null),Me={children:T.default.node.isRequired},Ee=function(e){var t=e.children,n=fe().apiKey,a=o.useState(null),l=A.default(a,2),i=l[0],r=l[1];return o.useEffect((function(){p.loadGoogleApi().then((function(e){return e.client.init({apiKey:n}).then((function(){return e}))})).then((function(e){return r(e)}))}),[n,r]),N.default.createElement(Ce.Provider,{value:i},t)};Ee.propTypes=Me,Ee.defaultProps={};var Se=N.default.createContext(null),ke=function(){return o.useContext(Se)},Te={children:T.default.node.isRequired,locale:T.default.string,libraries:T.default.arrayOf(T.default.string)},Ne=function(e){var t=e.children,n=e.locale,a=e.libraries,l=fe().apiKey,i=ke(),r=o.useState(i),u=A.default(r,2),s=u[0],d=u[1];return o.useEffect((function(){null===i&&p.loadGoogleMaps({apiKey:l,locale:n,libraries:a}).then((function(e){d(e)}))}),[l,n,a,d,i]),N.default.createElement(Se.Provider,{value:s},t)};Ne.propTypes=Te,Ne.defaultProps={locale:"fr",libraries:null};var xe=N.default.createContext({container:null}),Pe={children:T.default.node.isRequired,container:T.default.object},Oe=function(e){var t=e.children,n=e.container,a=o.useState(n),l=A.default(a,2),i=l[0],r=l[1],u=o.useState([]),s=A.default(u,2),d=s[0],c=s[1],m=o.useRef(d),f=o.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=m.current,a=[].concat(P.default(n),[S.default({id:e},t)]);c(a),m.current=a}),[d,c]),p=o.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}));c(n),m.current=n}}),[d,c]),g=o.useMemo((function(){return{modals:d,container:i,setContainer:r,register:f,unregister:p}}),[d,i,r,f,p]);return N.default.createElement(xe.Provider,{value:g},t)};Oe.propTypes=Pe,Oe.defaultProps={container:null};var Ae=N.default.createContext({container:null}),Ze={children:T.default.node.isRequired,container:T.default.object},Fe=function(e){var t=e.children,n=e.container,a=o.useState(n),l=A.default(a,2),i=l[0],r=l[1],u=o.useState([]),s=A.default(u,2),d=s[0],c=s[1],m=o.useRef(d),f=o.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=m.current,a=[].concat(P.default(n),[S.default({id:e},t)]);c(a),m.current=a}),[d,c]),p=o.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}));c(n),m.current=n}}),[d,c]),g=o.useMemo((function(){return{panels:d,setContainer:r,container:i,register:f,unregister:p}}),[d,r,i,f,p]);return N.default.createElement(Ae.Provider,{value:g},t)};Fe.propTypes=Ze,Fe.defaultProps={container:null};var Ie=N.default.createContext(null),Re=function(){var e=o.useContext(Ie),t=e.routes,n=e.basePath;return o.useCallback((function(e,a){var l=y.generatePath(t[e],a);return null!==n?"".concat(n.replace(/\/$/,""),"/").concat(l.replace(/^\//,"")):l}),[y.generatePath,t,n])},Le={children:T.default.node.isRequired,routes:T.default.objectOf(T.default.string),basePath:T.default.string},ze=function(e){var t=e.routes,n=e.basePath,a=e.children,l=o.useMemo((function(){return{routes:t,basePath:n}}),[]);return N.default.createElement(Ie.Provider,{value:l},a)};ze.propTypes=Le,ze.defaultProps={routes:null,basePath:null};var qe=N.default.createContext({data:null,definition:null,renderContext:null}),je=function(){return o.useContext(qe)},Be={children:T.default.node.isRequired,data:r.PropTypes.screen,definition:r.PropTypes.screenDefinition,renderContext:r.PropTypes.renderContext,screenState:T.default.string},De=function(e){var t=e.data,n=e.definition,a=e.renderContext,l=e.screenState,i=e.children,r=je()||{},u=r.data,s=void 0===u?null:u,d=r.definition,c=void 0===d?null:d,m=r.renderContext,f=void 0===m?null:m,p=r.screenState,g=void 0===p?null:p,y=t||s||null,h=(y||{}).type,v=void 0===h?null:h,b=J(),w=null!==b?b.getDefinition(v):null,C=n||w||c,M=a||f||"view",E=l||g||null,S=o.useMemo((function(){return{data:y,definition:C,renderContext:M,screenState:E}}),[y,C,M,E]);return N.default.createElement(qe.Provider,{value:S},i)};De.propTypes=Be,De.defaultProps={data:null,definition:null,renderContext:null,screenState:null};var Ve=N.default.createContext({screen:null,screens:[],width:0,height:0,landscape:!1}),We={children:T.default.node.isRequired,size:r.PropTypes.screenSize},_e=function(e){var t=e.size,n=e.children,a=o.useState(t),l=A.default(a,2),i=l[0],r=l[1],u=i.width,s=i.height,d=t.width,c=t.height;return o.useEffect((function(){u===d&&s===c||r(t)}),[r,d,c,u,s,t]),N.default.createElement(Ve.Provider,{value:i},n)};_e.propTypes=We,_e.defaultProps={size:{}};var Ge=function(){return o.useContext(v.TrackingContext)},He={children:T.default.node.isRequired,variables:r.PropTypes.trackingVariables},Ue=function(e){var t=e.variables,n=e.children,a=Ge()||null,l=o.useMemo((function(){return new r.Tracking({variables:S.default(S.default({},null!==a?a.getVariables():null),t)})}),[a,t]);return N.default.createElement(v.TrackingContainer,{tracking:l},n)};Ue.propTypes=He,Ue.defaultProps={variables:null};var Ye=null,Qe={},Xe={fr:function(){return Promise.resolve().then((function(){return E(n(77877))}))},en:function(){return Promise.resolve().then((function(){return E(n(24309))}))}},Je=["default"],Ke={},$e={webcam:function(){return Promise.resolve().then((function(){return E(n(49119))}))},facebook:function(){return Promise.resolve().then((function(){return E(n(18704))}))},instagram:function(){return Promise.resolve().then((function(){return E(n(74069))}))},dropbox:function(){return Promise.resolve().then((function(){return E(n(89710))}))},"google-drive":function(){return Promise.resolve().then((function(){return E(n(93615))}))}},et=["default"],tt={},nt={transloadit:null,tus:function(){return Promise.resolve().then((function(){return E(n(90683))}))},xhr:function(){return Promise.resolve().then((function(){return E(n(75001))}))}},at=function(e){return e.successful.map((function(t){var n=e.transloadit.find((function(e){return e.assembly_id===t.transloadit.assembly}))||null,a=null!==n&&n.results||null;return S.default(S.default({},t),{},{transloadit:null!==a?Object.keys(a).reduce((function(e,n){var l=a[n].find((function(e){return e.name===t.name}));return null!==l?S.default(S.default({},e),{},x.default({},n,l)):e}),null):null})})).filter((function(e){return null!==e.transloadit})).map((function(e){return function(e){var t=e.data.type.split("/")[0],n=e.transloadit["".concat(t,"_thumbnail")]||null,a=e.transloadit["".concat(t,"_original")]||null;return{handle:e.id,type:t,name:e.meta.name,mime:e.data.type,size:e.data.size,url:null!==a?a.ssl_url||a.url:null,thumbnail_url:null!==n?n.ssl_url||n.url:null,metadata:S.default(S.default(S.default({},null!==a&&a.meta||null),e.meta.user&&{user:e.meta.user}||null),{},{filename:e.meta.filename,transloadit:e.transloadit.results||null})}}(e)}))},lt=["sources"],it=["key","templateId","waitForEncoding"],ot=N.default.createContext(null),rt={children:T.default.node.isRequired,transport:T.default.oneOf(["xhr","transloadit","tus"]),locale:T.default.string,sources:T.default.arrayOf(T.default.oneOf(["webcam","facebook","instagram","dropbox","google-drive"])),transloadit:T.default.shape({key:T.default.string.isRequired,templateId:T.default.string,waitForEncoding:T.default.bool}),companion:T.default.shape({url:T.default.string.isRequired,allowedHosts:T.default.string.isRequired}),tus:T.default.oneOfType([T.default.string,T.default.shape({endpoint:T.default.string.isRequired})]),xhr:T.default.oneOfType([T.default.string,T.default.shape({endpoint:T.default.string.isRequired})])},ut=function(e){var t,a,l,i,r,u=e.children,s=e.transport,d=e.locale,c=e.sources,m=e.transloadit,f=e.companion,p=e.tus,g=e.xhr,y=h.useIntl().locale,v=o.useContext(ot)||{},b=v.transport,w=void 0===b?null:b,C=v.locale,M=void 0===C?null:C,T=v.sources,P=void 0===T?null:T,O=v.transloadit,I=void 0===O?null:O,R=v.companion,L=void 0===R?null:R,z=v.tus,q=void 0===z?null:z,j=v.xhr,B=s||w||"xhr",D=d||M||y,V=c||P||["webcam","facebook","instagram","dropbox","google-drive"],W=m||I,_=f||L,G=p||q,H=g||(void 0===j?null:j),U=(t=o.useState({package:Ye}),l=(a=A.default(t,2))[0].package,i=void 0===l?null:l,r=a[1],o.useEffect((function(){var e=!1;return null!==i||Promise.resolve().then((function(){return E(n(24182))})).then((function(t){var n=t.Uppy;Ye=n,e||r({package:n})})),function(){e=!0}}),[i,r]),i),Y=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?nt:t,a=o.useState({package:tt[e]||null}),l=A.default(a,2),i=l[0].package,r=void 0===i?null:i,u=l[1],s=n[e]||null;return o.useEffect((function(){var t=!1;return null!==r||null===s||s().then((function(n){var a=n.default,l=F.default(n,et),i=Object.keys(l).reduce((function(e,t){return e[t]=l[t],e}),a);tt[e]=i,t||u({package:i})})),function(){t=!0}}),[s,r,u]),r}(B),Q=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?$e:t,a=o.useState({packages:e.reduce((function(e,t){var n=Ke[t]||null;return null===n?e:S.default(S.default({},e),{},x.default({},t,n))}),null)}),l=A.default(a,2),i=l[0].packages,r=void 0===i?[]:i,u=l[1],s=o.useMemo((function(){if(null===r)return e;var t=Object.keys(r);return e.filter((function(e){return-1===t.indexOf(e)}))}),[e,r]);return o.useEffect((function(){var e=!1;return 0===s.length||Promise.all(s.map((function(e){return n[e]||null})).filter((function(e){return null!==e})).map((function(e){return e()}))).then((function(t){var n=s.reduce((function(e,n,a){var l=t[a],i=l.default,o=F.default(l,Je);return S.default(S.default({},e),{},x.default({},n,Object.keys(o).reduce((function(e,t){return e[t]=o[t],e}),i)))}),{});Ke=S.default(S.default({},Ke),n),e||u({packages:n})})),function(){e=!0}}),[s,n,r,u]),0===s.length?r:null}(V),X=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?Xe:t,a=o.useState({package:Qe[e]||null}),l=A.default(a,2),i=l[0].package,r=void 0===i?null:i,u=l[1],s=n[e]||null;return o.useEffect((function(){var e=!1;return null!==r||null===s||s().then((function(t){var n=t.default;e||u({package:n})})),function(){e=!0}}),[s,r,u]),r}(D||y),J=o.useMemo((function(){return null===U||null===X||null===Y||null===Q?null:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e||{},n=t.sources,a=void 0===n?V:n,l=F.default(t,lt),i=new U(S.default({locale:X},l));if("transloadit"===B){var o=W.key,r=W.templateId,u=W.waitForEncoding,s=void 0===u||u,d=F.default(W,it);i.use(Y,{params:S.default({auth:{key:o},template_id:r},d),waitForEncoding:s})}else"tus"===B?i.use(Y,S.default({endpoint:"/tus",resume:!0,retryDelays:[0,1e3,3e3,5e3]},G)):"xhr"===B&&i.use(Y,S.default({endpoint:k.default(H)?H:"/upload"},Z.default(H)?H:null));return"transloadit"===B||null!==_?a.reduce((function(e,t){var n=Q[t]||null;if(null===n)return e;var a=_||{url:Y.COMPANION||null,allowedHosts:Y.COMPANION_PATTERN||null},l=a.url,o=a.allowedHosts;return i.use(n,{id:t,companionUrl:l,companionAllowedHosts:o})}),i):i}}),[U,X,Y,Q,B,V,W,_,G,H]),K=o.useMemo((function(){return{transport:B,locale:D,sources:V,transloadit:W,companion:_,tus:G,xhr:H,Uppy:U,uppyTransport:Y,uppySources:Q,uppyLocale:X,buildUppy:J}}),[B,D,V,W,_,G,H,U,Y,Q,X,J]);return N.default.createElement(ot.Provider,{value:K},u)};ut.propTypes=rt,ut.defaultProps={transport:null,locale:null,sources:null,transloadit:null,companion:null,tus:null,xhr:null};var st={userInteracted:!1},dt=N.default.createContext(st),ct={children:T.default.node.isRequired},mt=function(e){var t=e.children,n=o.useState(!1),a=A.default(n,2),l=a[0],i=a[1];o.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 r=o.useMemo((function(){return{userInteracted:l,setUserInteracted:i}}),[l,i]);return N.default.createElement(dt.Provider,{value:r},t)};mt.propTypes=ct,mt.defaultProps={};var ft={events:new I.default,menuVisible:!1,menuSize:0,disableInteraction:null,enableInteraction:null},pt=N.default.createContext(ft),gt=function(){return o.useContext(pt)},yt={children:T.default.node.isRequired,events:T.default.instanceOf(I.default),menuVisible:T.default.bool,menuSize:T.default.number,gotoNextScreen:T.default.func.isRequired,gotoPreviousScreen:T.default.func.isRequired,disableInteraction:T.default.func,enableInteraction:T.default.func},ht=S.default({},ft),vt=function(e){var t=e.children,n=e.events,a=e.menuVisible,l=e.menuSize,i=e.gotoNextScreen,r=e.gotoPreviousScreen,u=e.disableInteraction,s=e.enableInteraction,d=o.useMemo((function(){return{events:n,menuVisible:a,menuSize:l,gotoNextScreen:i,gotoPreviousScreen:r,disableInteraction:u,enableInteraction:s}}),[n,a,l,i,r,u,s]);return N.default.createElement(pt.Provider,{value:d},t)};vt.propTypes=yt,vt.defaultProps=ht,Object.defineProperty(t,"TrackingContext",{enumerable:!0,get:function(){return v.TrackingContext}}),t.ComponentsContext=B,t.ComponentsProvider=G,t.ELEMENTS_NAMESPACE=j,t.EditorContext=ie,t.EditorProvider=ue,t.FIELDS_NAMESPACE=L,t.FORMS_NAMESPACE=z,t.FieldContext=se,t.FieldContextProvider=ce,t.FieldsContext=H,t.FieldsProvider=Q,t.FontsContext=ye,t.FontsProvider=we,t.GoogleApiClientContext=Ce,t.GoogleApiClientProvider=Ee,t.GoogleKeysContext=me,t.GoogleKeysProvider=ge,t.GoogleMapsClientContext=Se,t.GoogleMapsClientProvider=Ne,t.MODALS_NAMESPACE=R,t.ModalsContext=xe,t.ModalsProvider=Oe,t.PanelsContext=Ae,t.PanelsProvider=Fe,t.RoutesContext=Ie,t.RoutesProvider=ze,t.SCREENS_NAMESPACE=q,t.ScreenContext=qe,t.ScreenProvider=De,t.ScreenSizeContext=Ve,t.ScreenSizeProvider=_e,t.ScreensContext=X,t.ScreensProvider=$,t.StoryContext=ee,t.StoryProvider=le,t.TrackingProvider=Ue,t.UppyContext=ot,t.UppyProvider=ut,t.UserInteractionContext=dt,t.UserInteractionProvider=mt,t.ViewerContext=pt,t.ViewerProvider=vt,t.useComponent=W,t.useComponents=V,t.useComponentsManager=D,t.useEditor=oe,t.useElementComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,j)},t.useElementsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(j,e)},t.useElementsComponentsManager=function(){return D(j)},t.useFieldComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,L)},t.useFieldContext=function(){return o.useContext(se)},t.useFieldDefinition=function(e){return U().getDefinition(e)},t.useFieldsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(L,e)},t.useFieldsComponentsManager=function(){return D(L)},t.useFieldsManager=U,t.useFonts=ve,t.useFormComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,z)},t.useFormsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(z,e)},t.useFormsComponentsManager=function(){return D(z)},t.useGetColors=function(){var e=(oe()||{}).getColors;return void 0===e?function(){return[]}:e},t.useGoogleApiClient=function(){return o.useContext(Ce)},t.useGoogleFonts=he,t.useGoogleKeys=fe,t.useGoogleMapsClient=ke,t.useModalComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,R)},t.useModals=function(){return o.useContext(xe)||{}},t.useModalsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(R,e)},t.useModalsComponentsManager=function(){return D(R)},t.usePanels=function(){return o.useContext(Ae)||{}},t.useRouteBack=function(){var e=Re(),t=y.useHistory();return o.useCallback((function(){return t.goBack()}),[t,e])},t.useRoutePush=function(){var e=Re(),t=y.useHistory(),n=o.useCallback((function(n,a){for(var l=arguments.length,i=new Array(l>2?l-2:0),o=2;o<l;o++)i[o-2]=arguments[o];if(k.default(n))t.push.apply(t,[e(n,a)].concat(i));else{var r=n||{},u=r.pathname,s=void 0===u?null:u,d=r.search,c=void 0===d?null:d;t.push.apply(t,[{pathname:e(s,a),search:c}].concat(i))}}),[t,e]);return n},t.useRoutes=function(){return o.useContext(Ie).routes},t.useScreen=je,t.useScreenComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,q)},t.useScreenData=function(){return(je()||{}).data},t.useScreenDefinition=function(){var e=h.useIntl(),t=(je()||{}).definition,n=(t||{}).fields,a=o.useMemo((function(){return[].concat(P.default(n),[g.getScreenExtraField(e)])}),[n]);return S.default(S.default({},t),{},{fields:a})},t.useScreenRenderContext=function(){var e=(je()||{}).renderContext,t=void 0===e?"view":e,n="static"===t,a="capture"===t;return{renderContext:t,isPlaceholder:"placeholder"===t,isPreview:"preview"===t,isEdit:"edit"===t,isView:"view"===t||n||a,isStatic:n,isCapture:a}},t.useScreenSize=function(){return o.useContext(Ve)},t.useScreenState=function(){return(je()||{}).screenState},t.useScreensComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(q,e)},t.useScreensComponentsManager=function(){return D(q)},t.useScreensManager=J,t.useStory=ne,t.useStoryContext=te,t.useTracking=Ge,t.useUppy=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.onComplete,n=void 0===t?null:t,a=e.onFail,l=void 0===a?null:a,i=e.getFileName,r=void 0===i?function(e){var t=e.extension,n=void 0===t?null:t;return"".concat(w.v1()).concat(null!==n?".".concat(n):"")}:i,u=e.meta,s=void 0===u?null:u,d=e.maxNumberOfFiles,c=void 0===d?30:d,m=e.allowedFileTypes,f=void 0===m?null:m,p=e.autoProceed,g=void 0!==p&&p,y=o.useContext(ot)||null,h=y.buildUppy,v=y.transport,b=o.useMemo((function(){return null!==h?h({meta:s,restrictions:{maxNumberOfFiles:c,allowedFileTypes:f},autoProceed:g}):null}),[h,s,c,f,g]);return o.useEffect((function(){if(null===b)return function(){};var e=function(e){var t=e.successful,a=void 0===t?[]:t,i=e.failed,o=void 0===i?null:i,r="transloadit"===v?at(e):a;null!==n&&n(r),null!==l&&l(o)};return b.on("complete",e),function(){b.off("complete",e)}}),[b,v,n]),o.useEffect((function(){if(null===b)return function(){};var e=function(e){var t=e.fileIDs;(void 0===t?[]:t).forEach((function(e){var t=b.getFile(e),n=r(t);null!==n&&b.setFileMeta(e,{name:n})}))};return b.on("upload",e),function(){b.off("upload",e)}}),[b]),o.useEffect((function(){return function(){null!==b&&b.close()}}),[b]),b},t.useUrlGenerator=Re,t.useUserInteracted=function(){return o.useContext(dt).userInteracted},t.useViewer=gt,t.useViewerEvents=function(){return gt().events},t.useViewerInteraction=function(){var e=gt();return{disableInteraction:e.disableInteraction,enableInteraction:e.enableInteraction}},t.useViewerNavigation=function(){var e=gt();return{gotoNextScreen:e.gotoNextScreen,gotoPreviousScreen:e.gotoPreviousScreen}},t.withGoogleApiClient=function(e){var t,n,a,l,i=function(t){return N.default.createElement(Ce.Consumer,null,(function(n){return N.default.createElement(e,Object.assign({googleApiClient:n},t))}))};return i.displayName="WithGoogleApiClient(".concat((a=void 0===(n=(t=e).displayName)?null:n,l=t.name,a||(void 0===l?null:l)||"Component"),")"),i},t.withGoogleMapsClient=function(e){var t,n,a,l,i=function(t){return N.default.createElement(Se.Consumer,null,(function(n){return N.default.createElement(e,Object.assign({googleApiClient:n},t))}))};return i.displayName="WithGoogleMapsClient(".concat((a=void 0===(n=(t=e).displayName)?null:n,l=t.name,a||(void 0===l?null:l)||"Component"),")"),i},t.withModals=function(e){var t=function(t){return N.default.createElement(xe.Consumer,null,(function(n){var a=n.modals,l=n.container,i=n.setContainer,o=n.register,r=n.unregister;return N.default.createElement(e,Object.assign({modalsContainer:l,setModalsContainer:i,modals:a,registerModal:o,unregisterModal:r},t))}))};return t.displayName="WithModals(".concat(g.getDisplayName(e),")"),t},t.withPanels=function(e){var t=function(t){return N.default.createElement(Ae.Consumer,null,(function(n){var a=n.panels,l=n.setContainer,i=n.container,o=n.register,r=n.unregister;return N.default.createElement(e,Object.assign({panelsContainer:i,setPanelsContainer:l,panels:a,registerPanel:o,unregisterPanel:r},t))}))};return t.displayName="WithPanels(".concat(g.getDisplayName(e),")"),t}},71098:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(66204),l=n(70417),i=n(5587),o=n(98689),r=n(14290),u=n(52807),s=n(28436),d=n(22220),c=n(22784),m=n(81260),f=n(35681),p=n(51068),g=n(78955),y=n(75182),h=n(12289),v=n(82801),b=n(23244),w=n(60631),C=n(74696),M=n(3478);function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var k=E(l),T=E(o),N=E(r),x=E(d),P=E(m),O=E(f),A=E(p),Z=E(g),F=E(y),I=E(h),R=E(M),L="undefined"!=typeof document?new u.EventsManager(document):null,z=s.createUseEvent(L),q=["fields","injectInFields"],j=["fields"],B=new Map,D=function(e){var t=e.root,n=void 0===t?null:t,a=e.rootMargin,l=e.threshold,i=void 0===l?null:l;return"root_".concat(n,"_rootMargin_").concat(a||null,"_threshold_").concat(i)},V=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],a=function(e,t){return null!==(n.find((function(t){return t.element===e}))||null)?n.map((function(n){return n.element===e&&-1===n.callbacks.indexOf(t)?k.default(k.default({},n),{},{callbacks:[].concat(F.default(n.callbacks),[t])}):n})).filter((function(e){return e.callbacks.length>0})):[].concat(F.default(n),[{element:e,callbacks:[t]}])},l=function(e,t){return n.map((function(n){return n.element===e?k.default(k.default({},n),{},{callbacks:n.callbacks.filter((function(e){return e!==t}))}):n})).filter((function(e){return e.callbacks.length>0}))},i=function(e){e.forEach((function(e){n.forEach((function(t){var n=t.element,a=t.callbacks;n===e.target&&a.forEach((function(t){t(e)}))}))}))},o=new e(i,t),r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(n=l(e,t),void 0===o.unobserve)return o.disconnect(),void n.forEach((function(e){o.observe(e.element)}));var a=n.find((function(t){return t.element===e}))||null;null===a&&o.unobserve(e)},u=function(e,t){var l=n.find((function(t){return t.element===e}))||null;n=a(e,t),null===l&&o.observe(e)};return{subscribe:u,unsubscribe:r,observer:o}},W=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D(t);B.has(e)||B.set(e,{});var a=B.get(e);return void 0===a[n]&&(a[n]=V(e,t),B.set(e,a)),a[n]},_=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=t.root,i=void 0===l?null:l,o=t.rootMargin,r=void 0===o?null:o,u=t.threshold,s=void 0===u?null:u,d=t.disabled,c=void 0!==d&&d,m=a.useState(n),f=A.default(m,2),p=f[0],g=f[1],y=a.useRef(null),h=a.useRef(null),v=y.current!==h.current;return a.useEffect((function(){var t=y.current,n=function(e){return g(e)},a=null;if(null!==t){var l={};null!==i&&(l.root=i),null!==r&&(l.rootMargin=r),null!==s&&(l.threshold=s);var o=W(e,l),u=o.subscribe,d=o.unsubscribe;a=d,u(t,n)}return h.current=t,function(){null!==a&&a(t,n)}}),[e,v,c,i,r,s]),{ref:y,entry:p}},G=[0,1],H={target:null,time:null,isVisible:!1,isIntersecting:!1,intersectionRatio:0,intersectionRect:null,boundingClientRect:null,rootBounds:null},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.root,n=void 0===t?null:t,a=e.rootMargin,l=void 0===a?"0px":a,i=e.threshold,o=void 0===i?G:i,r=e.disabled,u=void 0!==r&&r;return _("undefined"!=typeof window?IntersectionObserver:null,{root:n,rootMargin:l,threshold:o,disabled:u},H)},Y={target:null,contentRect:null,contentBoxSize:null,borderBoxSize:null},Q=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,n=void 0!==t&&t;return _("undefined"!=typeof window?ResizeObserver:null,{disabled:n},Y)},X={loading:[],active:[]},J=function(e){return!!function(e){return"touches"in e}(e)&&(e.touches.length<2&&e.preventDefault&&e.preventDefault(),!1)},K=function(e){e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation()},$=[.1,.25,.5,.75,.9],ee=["width","height"],te=function(e){var t=e.width,n=void 0===t?null:t,l=e.height,i=void 0===l?null:l,o=e.landscape,r=void 0!==o&&o,u=e.menuOverScreen,s=void 0!==u&&u,d=e.screens,c=void 0===d?[]:d,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(c).reverse().filter((function(t){var n=t.mediaQuery,a=void 0===n?null:n;return null===a||b.match(a,e)}));return{screen:t.length>0?t[0].name:null,screens:F.default(t).reverse().map((function(e){return e.name})),width:n,height:i,landscape:r,menuOverScreen:s}}),[c,g,f,n,i,r,s])},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,o=a.type,r=t||{},u=r.screenId,s=void 0===u?null:u,d=r.screenType;return{screenId:null!==i?i:s,screenType:null!==o?o:void 0===d?null:d}},le=function(e){return void 0!==e},ie="undefined"!=typeof window?new u.EventsManager(window):null,oe=s.createUseEvent(ie);t.getObserver=W,t.useAnimationFrame=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.disabled,l=void 0!==n&&n,i=a.useRef(null),o=a.useRef(null),r=function t(n){o.current||(o.current=n);var a=n-o.current;e(a),i.current=requestAnimationFrame(t)};a.useEffect((function(){return l||(i.current=requestAnimationFrame(r)),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,o=x.default(e,q),r=a.useMemo((function(){return n.length>0?n.map((function(e){return e.name})):[]}),[n]),u=c.useForm(k.default({fields:r},o)),s=u.fields,d=x.default(u,j);return k.default(k.default({},d),{},{fields:i?n.map((function(e){return k.default(k.default({},e),s[e.name]||null)})):n})},t.useFormTransition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=a.useRef(e||[]),l=a.useMemo((function(){var t=e.length;if(n.current){var a=n.current.length;return n.current=e||[],t>a?"right":"left"}return null}),[e]),i=a.useMemo((function(){var e,n,a;return{enter:O.default((e={},P.default(e,t.enterRight,"right"===l),P.default(e,t.enterLeft,"left"===l),P.default(e,t.enterTop,"top"===l),P.default(e,t.enterBottom,"bottom"===l),e))||"none",enterActive:O.default((n={},P.default(n,t.enterActiveHorizontal,"left"===l||"right"===l),P.default(n,t.enterActiveVertical,"top"===l||"bottom"===l),n))||"none",leave:t.leave||"none",leaveActive:O.default((a={},P.default(a,t.leaveActiveRight,"right"===l),P.default(a,t.leaveActiveLeft,"left"===l),P.default(a,t.leaveActiveTop,"top"===l),P.default(a,t.leaveActiveBottom,"bottom"===l),a))||"none"}}),[l]);return{direction:l,name:i,timeout:"left"===l||"right"===l?300:10}},t.useFormattedDate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.format,n=void 0===t?null:t,l=e.showToday,o=void 0===l||l,r=i.useIntl(),u=N.default();return a.useCallback((function(e){var t=T.default(e)?N.default(e):e;return o&&t.format("YYYY-MM-DD")===u.format("YYYY-MM-DD")?r.formatMessage({id:"v4Qtl9",defaultMessage:[{type:0,value:"Today"}]}):r.formatDate(N.default(e).toDate(),k.default({year:"numeric",month:"long",day:"2-digit"},n))}),[u,o,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,o=void 0===l||l,r=e.timeGap,u=void 0===r?2:r,s=i.useIntl(),d=N.default();return a.useCallback((function(e){var t=T.default(e)?N.default(e):e;return o&&t.format("YYYY-MM-DD")===d.format("YYYY-MM-DD")&&t.hour()===d.hour()&&t.minute()>d.minute()-u&&t.minute()<d.minute()+u?s.formatMessage({id:"3na7F8",defaultMessage:[{type:0,value:"Now"}]}):s.formatTime(t.toDate(),k.default({hour:"numeric",minute:"numeric"},n))}),[d,o,u,n])},t.useFullscreen=function(e){var t=Z.default.isEnabled,n=a.useState(!1),l=A.default(n,2),i=l[0],o=l[1],r=a.useCallback((function(){Z.default.isEnabled&&(null!=e?Z.default.request(e):Z.default.request())}),[e]),u=a.useCallback((function(){Z.default.isEnabled&&Z.default.exit()}),[]),s=a.useCallback((function(){i?u():r()}),[i,r,u]);return a.useEffect((function(){var e=function(){o(Z.default.isFullscreen)};return Z.default.isEnabled&&Z.default.on("change",e),function(){Z.default.isEnabled&&Z.default.off("change",e)}}),[]),{toggle:s,fullscreen:r,unFullscreen:u,active:i,enabled:t}},t.useIntersectionObserver=U,t.useIsVisible=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.rootMargin,n=e.threshold,l=void 0===n?1:n,i=e.persist,o=void 0!==i&&i,r=U({rootMargin:t,threshold:l}),u=r.ref,s=r.entry.isIntersecting,d=a.useRef(s);s&&!d.current&&(d.current=s);var c=!o&&s||o&&d.current;return{ref:u,visible:c}},t.useLoadedFonts=function(e){var t=a.useState(!1),l=A.default(t,2),i=l[0],o=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!==X.loading.indexOf(e)}(l)||function(e){return-1!==X.active.indexOf(e)}(l)?e:k.default(k.default({},e),{},P.default({},a,{families:[].concat(F.default(null!==e&&(e[a]||{}).families||[]),["google"===a?"".concat(l,":400,700"):l])}))}),null);null!==t&&"undefined"!=typeof window?Promise.resolve().then((function(){return S(n(89311))})).then((function(e){return e.default.load(k.default(k.default({},t),{},{timeout:3e3,active:function(){return o(!0)},fontloading:function(e){return function(e){X.active=X.active.filter((function(t){return t!==e})),X.loading=[].concat(F.default(X.loading),[e])}(e)},fontactive:function(e){return function(e){X.loading=X.loading.filter((function(t){return t!==e})),X.active=[].concat(F.default(X.active),[e])}(e)},fontinactive:function(e){return function(e){X.loading=X.loading.filter((function(t){return t!==e}))}(e)}}))})):o(!0)}),[e,o]),{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,o=e.shouldPreventDefault,r=void 0===o||o,u=e.delay,s=void 0===u?350:u,d=a.useState(!1),c=A.default(d,2),m=c[0],f=c[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(){r&&null!==g.current&&(g.current.addEventListener("touchend",J,{passive:!1}),g.current.addEventListener("click",K,{passive:!1})),null!==n&&n(e),f(!0),p.current=null}),s)}),[n,s,r]),h=a.useCallback((function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];null!==p.current?clearTimeout(p.current):r&&null!==g.current&&(J(e),g.current.removeEventListener("touchend",J),setTimeout((function(){g.current.removeEventListener("click",K)}),10)),t&&!m&&null!==i&&i(),f(!1)}),[r,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,o=e.onTimeUpdate,r=void 0===o?null:o,u=e.onProgressStep,s=void 0===u?null:u,d=e.onDurationChanged,c=void 0===d?null:d,m=e.onVolumeChanged,f=void 0===m?null:m,p=e.onPlay,g=void 0===p?null:p,y=e.onPause,h=void 0===y?null:y,v=e.onEnded,b=void 0===v?null:v,w=e.onSeeked,C=void 0===w?null:w,M=e.onLoadStart,E=void 0===M?null:M,S=e.onCanPlayThough,k=void 0===S?null:S,T=e.onCanPlay,N=void 0===T?null:T,x=e.onLoadedData,P=void 0===x?null:x,O=e.onLoadedMetadata,Z=void 0===O?null:O,F=a.useRef(null),I=a.useState(i),R=A.default(I,2),L=R[0],z=R[1],q=a.useState(null),j=A.default(q,2),B=j[0],D=j[1],V=a.useState(null),W=A.default(V,2),_=W[0],G=W[1],H=a.useState(!1),U=A.default(H,2),Y=U[0],Q=U[1],X=a.useState(!1),J=A.default(X,2),K=J[0],ee=J[1],te=a.useState(!1),ne=A.default(te,2),ae=ne[0],le=ne[1],ie=a.useState(!0),oe=A.default(ie,2),re=oe[0],ue=oe[1],se=a.useRef({}),de=!Y,ce=a.useCallback((function(){var e=F.current;null!==e&&e.play()}),[]),me=a.useCallback((function(){var e=F.current;null!==e&&e.pause()}),[]),fe=a.useCallback((function(){var e=F.current;null!==e&&(Y?e.pause():e.play())}),[Y]),pe=a.useCallback((function(){var e=F.current;null!==e&&(e.pause(),e.currentTime=0)}),[]),ge=a.useCallback((function(e){var t=F.current;null!==t&&(t.currentTime=e)}),[]),ye=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!0)}),[]),he=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!1)}),[]),ve=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!L)}),[L]),be=a.useCallback((function(){null!==g&&g({initial:re}),re&&ue(!1),Q(!0)}),[re,Q,g]),we=a.useCallback((function(e){var t=e.currentTarget;Q(!1),null!==h&&h({midway:t.currentTime>0&&t.currentTime<t.duration})}),[Q,h]),Ce=a.useCallback((function(e){e.currentTarget.currentTime=0,null!==b&&b(),ue(!0)}),[ue,b]),Me=a.useCallback((function(e){var t=e.currentTarget;D(t.currentTime),null!==r&&r(t.currentTime);var n=t.currentTime/t.duration,a=se.current;$.filter((function(e){return n>e&&void 0===a[e]})).forEach((function(e){null!==s&&s(e),a[e]=!0}))}),[D,r,s]),Ee=a.useCallback((function(e){var t=e.currentTarget;G(t.duration),null!==c&&c(t.duration)}),[G,c]),Se=a.useCallback((function(e){var t=e.currentTarget;null!==C&&C(t.currentTime)}),[C]),ke=a.useCallback((function(e){var t=e.currentTarget;z(t.muted),null!==f&&f(t.muted,t.volume)}),[z,f]),Te=a.useCallback((function(){null!==E&&E()}),[ee,E]),Ne=a.useCallback((function(){ee(!0),null!==k&&k()}),[ee,k]),xe=a.useCallback((function(){ee(!0),null!==N&&N()}),[ee,N]),Pe=a.useCallback((function(){ee(!0),null!==Z&&Z()}),[ee,Z]),Oe=a.useCallback((function(){le(!0),null!==P&&P()}),[le,P]);return a.useEffect((function(){var e=F.current,t=void 0===e?null:e;return null!==t&&(t.addEventListener("timeupdate",Me),t.addEventListener("durationchange",Ee),t.addEventListener("volumechange",ke),t.addEventListener("play",be),t.addEventListener("pause",we),t.addEventListener("ended",Ce),t.addEventListener("seeked",Se),t.addEventListener("loadstart",Te),t.addEventListener("canplaythrough",Ne),t.addEventListener("canplay",xe),t.addEventListener("loadedmetadata",Pe),t.addEventListener("loadeddata",Oe)),null!==t&&t.readyState>1?le(!0):le(!1),null!==t&&t.readyState>3?ee(!0):ee(!1),function(){null!==t&&(t.removeEventListener("timeupdate",Me),t.removeEventListener("durationchange",Ee),t.removeEventListener("volumechange",ke),t.removeEventListener("play",be),t.removeEventListener("pause",we),t.removeEventListener("ended",Ce),t.removeEventListener("seeked",Se),t.removeEventListener("loadstart",Te),t.removeEventListener("canplaythrough",Ne),t.removeEventListener("canplay",xe),t.removeEventListener("loadedmetadata",Pe))}}),[n]),{ref:F,play:ce,pause:me,togglePlay:fe,stop:pe,seek:ge,mute:ye,unMute:he,toggleMute:ve,muted:L,currentTime:B,duration:_,playing:Y,paused:de,ready:K,dataReady:ae}},t.useMediasParser=function(){var e=v.useScreensManager(),t=v.useFieldsManager(),n=a.useMemo((function(){return new u.MediasParser({screensManager:e,fieldsManager:t})}),[e,t]);return{toPath:a.useCallback((function(e){return n.toPath(e)}),[n]),fromPath:a.useCallback((function(e){return n.fromPath(e)}),[n]),parser:n}},t.useObserver=_,t.useParsedStory=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.disabled,l=void 0!==n&&n,i=t.withTheme,o=void 0===i||i,r=t.withMedias,s=void 0===r||r,d=t.withFonts,c=void 0===d||d,m=v.useScreensManager(),f=v.useFieldsManager(),p=a.useMemo((function(){return new u.StoryParser({screensManager:m,fieldsManager:f})}),[m,f]),g=a.useMemo((function(){return l?e:p.parse(e,{withMedias:s,withTheme:o,withFonts:c})}),[p,l,s,o,c,e]);return g},t.useResizeObserver=Q,t.useScreenSizeFromElement=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width,n=void 0===t?null:t,a=e.height,l=void 0===a?null:a,i=x.default(e,ee),o=Q(),r=o.ref,u=o.entry.contentRect,s=u||{},d=s.width,c=void 0===d?0:d,m=s.height,f=void 0===m?0:m,p=null!==n?n:c,g=null!==l?l:f,y=i||{},h=y.screenWidth,v=void 0===h?320:h,b=y.screenHeight,w=void 0===b?480:b,C=y.withoutMaxSize,M=void 0!==C&&C,E=y.landscapeMinHeight,S=void 0===E?600:E,T=y.menuAlwaysOverScreen,N=void 0===T||T,P=y.landscapeMinRatio,O=void 0===P?2/3:P,A=y.withoutScale,Z=void 0!==A&&A,F=v/w,I=p/g,R=g>0&&I>(O||F),L=R&&!M,z=p,q=g,j=!R;L&&(g<S||N?j=!0:q=g-100,z=Math.round(q*F)),z%2==1&&(z-=1),q%2==1&&(q-=1);var B=z/v,D=te(k.default({width:Z?z:v,height:Z?q:q/B,landscape:R,menuOverScreen:j},i));return{ref:r,screenSize:D,scale:Z?null:B}},t.useScreenSizeFromWindow=function(e){var t=a.useState(ne()),n=A.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(k.default(k.default({},e),l))},t.useSwipe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width,n=void 0===t?null:t,l=e.items,i=void 0===l?[]:l,o=e.withSpring,r=void 0===o||o,u=e.swipeWidthThreshold,s=void 0===u?3:u,d=e.animateScale,c=void 0!==d&&d,m=e.disabled,f=void 0!==m&&m,p=e.lockAxis,g=void 0!==p&&p,y=e.onSwipeStart,h=void 0===y?null:y,v=e.onSwipeEnd,b=void 0===v?null:v,M=e.onSwipeCancel,E=void 0===M?null:M,S=e.onTap,T=void 0===S?null:S,N=a.useRef(null),x=a.useRef(0),P=a.useRef(null),O=null!==n,Z="undefined"==typeof window||O?null:window.innerWidth,F=O?n:Z,I=i.length,L=a.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return{x:e,zIndex:t,scale:n}})),z=a.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.down,n=void 0!==t&&t,a=e.mx,l=void 0===a?0:a;return i.map((function(e,t){var a=f?0:(t-x.current)*F+(n?l:0),i=c&&!f&&n?1-Math.abs(l)/F/2:1;return L(a,t,i)}))}),[f,i,x,F,c]),q=w.useSprings(i.length,(function(e){return{x:f?0:e*F,y:0,zIndex:e,config:k.default({},r?null:{duration:1})}})),j=A.default(q,2),B=j[0],D=j[1],V=C.useDrag((function(e){var t=e.down,n=A.default(e.movement,2),a=n[0],l=n[1],i=A.default(e.direction,1)[0],o=e.cancel,r=e.tap;if(f)o();else{t||N.current!==x.current||(P.current=null,null!==E&&E(x.current));var u=g&&"x"!==P.current?0:a,d=g&&"y"!==P.current?0:l;if(t&&Math.abs(u)>F/s)return x.current=R.default(x.current+(i>0?-1:1),0,I-1),P.current=null,o(),void(null!==b&&b(x.current));if(D(z({down:t,mx:u,my:d})),N.current!==x.current&&(t&&!r&&null!==h&&h(x.current),!t&&r&&null!==T&&T()),g&&t&&null===P.current){var c=Math.abs(a),m=Math.abs(l);c!==m&&(m>2||c>2)&&(P.current=m>c?"y":"x")}N.current=t&&!r?x.current:null}}),{filterTaps:!0}),W=a.useCallback((function(){D(z())}),[f,i,x,F]),_=a.useCallback((function(e){x.current=e,W()}),[W]);return a.useEffect((function(){D(z())}),[i,n,D,f]),{items:B,bind:V,index:x.current,setIndex:_}},t.useThemeParser=function(){var e=v.useScreensManager(),t=a.useMemo((function(){return new u.ThemeParser({screensManager:e})}),[e]);return a.useCallback((function(e){return t.parse(e)}),[t])},t.useTrackEvent=function(){var e=v.useTracking();return 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,k.default(k.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,k.default(k.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=oe},52807:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(70417),l=n(97641),i=n(23238),o=n(81260),r=n(75182),u=n(50085),s=n(15198),d=n(69546),c=n(12289),m=n(65899),f=n(50449),p=n(60270),g=n(84564),y=n(5537);n(76009),n(85158),n(66204);var h=n(98689);n(64265);var v=n(5056),b=n(22220),w=n(51068);n(25558);var C=n(61132),M=n(58921),E=n(70866),S=n(35787);function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=k(a),N=k(l),x=k(o),P=k(r),O=k(u),A=k(s),Z=k(d),F=k(c),I=k(m),R=k(f),L=k(p),z=k(g),q=k(y),j=k(h),B=k(b),D=k(w),V=k(C),W=k(M),_=k(E),G=N.default.shape({listen:N.default.func.isRequired,push:N.default.func.isRequired}),H=N.default.shape({pathname:N.default.string,search:N.default.string}),U=N.default.shape({locale:N.default.string.isRequired,formatMessage:N.default.func.isRequired}),Y=N.default.shape({type:N.default.number,value:N.default.string}),Q=N.default.oneOfType([N.default.string,N.default.arrayOf(Y)]),X=N.default.shape({id:N.default.string,defaultMessage:Q.isRequired,description:N.default.string}),J=N.default.oneOfType([X,N.default.string]),K=N.default.oneOfType([X,N.default.node]),$=N.default.oneOf([401,403,404,500]),ee=N.default.oneOfType([N.default.shape({current:N.default.any}),N.default.func]),te=N.default.oneOf(["_blank","_self","_parent"]),ne=N.default.oneOf(["tap","swipe"]),ae=N.default.arrayOf(ne),le=N.default.objectOf(N.default.oneOfType([N.default.string,N.default.number,N.default.array])),ie=N.default.shape({currentTime:N.default.number,duration:N.default.number}),oe=N.default.shape({id:N.default.number,firstname:N.default.string,lastname:N.default.string,email:N.default.string,gender:N.default.string,birthdate:N.default.string}),re=N.default.shape({id:N.default.oneOfType([N.default.number,N.default.string]),label:K,url:N.default.string,external:N.default.bool,active:N.default.bool}),ue=N.default.arrayOf(re),se=N.default.shape({label:K,url:N.default.string}),de=N.default.arrayOf(se),ce=N.default.shape({id:N.default.string.isRequired}),me=N.default.arrayOf(ce),fe=N.default.shape({id:N.default.string.isRequired}),pe=N.default.arrayOf(fe),ge=N.default.shape({id:N.default.string.isRequired}),ye=N.default.arrayOf(ge),he=N.default.shape({label:K,onClick:N.default.func}),ve=N.default.arrayOf(he),be=["primary","secondary","success","danger","warning","info","light","dark"],we=N.default.oneOf(be),Ce=N.default.oneOf([].concat(be,["outline-primary","outline-secondary","outline-success","outline-danger","outline-warning","outline-info","outline-light","outline-dark","outline-link",null])),Me=N.default.oneOf(["lg","sm",null]),Ee=N.default.oneOf(["lg","sm",null]),Se=N.default.oneOf(["start","end"]),ke=N.default.oneOfType([N.default.object,N.default.func]),Te=N.default.objectOf(ke),Ne=N.default.oneOfType([N.default.string,N.default.arrayOf(N.default.string)]),xe=N.default.objectOf(Ne),Pe=N.default.oneOfType([N.default.string,N.default.shape({value:N.default.any,label:K})]),Oe=N.default.arrayOf(Pe),Ae=N.default.shape({name:N.default.string,component:ke}),Ze=N.default.arrayOf(Ae),Fe={filename:N.default.string,size:N.default.number,mime:N.default.string},Ie=N.default.shape({id:N.default.string,handle:N.default.string,type:N.default.string,mime:N.default.string,url:N.default.string}),Re={id:N.default.string,type:N.default.string.isRequired,url:N.default.string,thumbnail_url:N.default.string,name:N.default.string,metadata:N.default.shape(T.default({},Fe)),files:N.default.objectOf(Ie)},Le=N.default.shape(Re),ze=N.default.arrayOf(Le),qe=N.default.oneOf(["image","video","audio","closed-captions","font"]),je=N.default.shape(T.default(T.default({},Re),{},{type:N.default.oneOf(["image","video"]),metadata:N.default.shape(T.default(T.default({},Fe),{},{width:N.default.number,height:N.default.number}))})),Be=N.default.arrayOf(je),De=N.default.shape(T.default(T.default({},Re),{},{type:N.default.oneOf(["font"]),metadata:N.default.shape(T.default({},Fe))})),Ve=N.default.arrayOf(De),We=N.default.shape(T.default(T.default({},Re),{},{type:N.default.oneOf(["video"]),metadata:N.default.shape(T.default(T.default({},Fe),{},{width:N.default.number,height:N.default.number,duration:N.default.number}))})),_e=N.default.arrayOf(We),Ge=N.default.shape(T.default(T.default({},Re),{},{type:N.default.oneOf(["audio"]),metadata:N.default.shape(T.default(T.default({},Fe),{},{duration:N.default.number}))})),He=N.default.arrayOf(Ge),Ue=N.default.shape(T.default(T.default({},Re),{},{type:N.default.oneOf(["closed-captions"])})),Ye=N.default.oneOfType([N.default.string,N.default.shape({type:N.default.oneOf(["system","google","custom"]),name:N.default.string,media:De})]),Qe=N.default.arrayOf(Ye),Xe=N.default.oneOf(["left","right","center"]),Je=N.default.shape({color:N.default.string,alpha:N.default.number}),Ke=N.default.shape({fontFamily:Ye,fontSize:N.default.number,fontStyle:N.default.shape({bold:N.default.bool,italic:N.default.bool,underline:N.default.bool,upperCase:N.default.bool}),align:Xe,color:Je,letterSpacing:N.default.number,lineHeight:N.default.number}),$e=N.default.oneOf(["dotted","dashed","solid","double","groove","ridge","inset","outset","hidden"]),et=N.default.shape({width:N.default.number,style:$e,radius:N.default.number,color:Je}),tt=N.default.shape({backgroundColor:Je,borderRadius:N.default.number,borderWidth:N.default.number,borderColor:Je,borderStyle:$e}),nt=N.default.shape({top:N.default.number,bottom:N.default.number}),at=N.default.arrayOf(N.default.shape({rows:N.default.oneOfType([N.default.number,N.default.arrayOf(N.default.number)]),columns:N.default.oneOfType([N.default.number,N.default.arrayOf(N.default.number)])})),lt=N.default.oneOf(["cover","contain",null]),it=N.default.shape({fit:lt,horizontalPosition:N.default.oneOf(["left","center","right"]),verticalPosition:N.default.oneOf(["top","center","bottom"])}),ot=N.default.shape({body:N.default.string,textStyle:Ke}),rt=ot,ut=N.default.shape({label:N.default.string,textStyle:Ke}),st=N.default.shape({media:je}),dt=N.default.arrayOf(st),ct=N.default.shape({media:We,autoPlay:N.default.bool,loop:N.default.bool,closedCaptions:Ue,withSeekBar:N.default.bool,withPlayPause:N.default.bool}),mt=N.default.shape({media:Ge,autoPlay:N.default.bool,loop:N.default.bool,closedCaptions:Ue,withPlayPause:N.default.bool}),ft=N.default.shape({media:Ue}),pt=N.default.shape({color:Je,image:je,video:We}),gt=N.default.shape({image:je,caption:ot}),yt=N.default.arrayOf(gt),ht=N.default.oneOf(["horizontal","vertical"]),vt=N.default.oneOf(["start","center","end"]),bt=N.default.oneOfType([N.default.number,N.default.oneOf(["between","evenly","around"])]),wt=N.default.shape({direction:ht,align:vt,width:N.default.number,height:N.default.number,spacing:bt,reverse:N.default.bool}),Ct=N.default.shape({layout:N.default.arrayOf(N.default.string),spacing:N.default.number}),Mt=N.default.shape({lat:N.default.number,lng:N.default.number}),Et={id:N.default.number,geoPosition:Mt,title:rt,subtitle:rt,description:ot},St=N.default.shape(T.default({},Et)),kt=N.default.arrayOf(St),Tt=N.default.shape(T.default(T.default({},Et),{},{image:je})),Nt=N.default.arrayOf(Tt),xt={id:N.default.string,label:ot},Pt=N.default.shape(T.default({},xt)),Ot=N.default.shape(T.default(T.default({},xt),{},{good:N.default.bool})),At=N.default.arrayOf(Pt),Zt=N.default.arrayOf(Ot),Ft=N.default.oneOf(["swipe-up","button"]),It=N.default.shape({active:N.default.bool,type:Ft,url:N.default.string,label:ot,buttonStyle:tt}),Rt=N.default.shape({id:N.default.string,name:N.default.string,avatar:je,side:N.default.oneOf(["left","right"]),color:Je}),Lt=N.default.arrayOf(Rt),zt=N.default.shape({speaker:N.default.string,message:N.default.string,image:je}),qt=N.default.arrayOf(zt),jt=N.default.shape({speakers:Lt,textStyle:Ke,messages:qt}),Bt={name:N.default.string,type:N.default.string.isRequired,label:J},Dt=N.default.shape(T.default(T.default({},Bt),{},{isSection:N.default.bool,fields:N.default.arrayOf(N.default.shape(Bt))})),Vt=N.default.arrayOf(Dt),Wt=N.default.shape({id:N.default.string.isRequired,type:N.default.oneOf(["screen"]).isRequired,title:J.isRequired,layouts:N.default.arrayOf(N.default.string),fields:Vt}),_t=N.default.arrayOf(Wt),Gt=N.default.shape({id:N.default.string.isRequired,type:N.default.oneOf(["field"]).isRequired,title:J.isRequired,fields:Vt}),Ht=N.default.arrayOf(Gt),Ut={type:N.default.string.isRequired},Yt=N.default.shape(T.default({},Ut)),Qt=N.default.arrayOf(Yt),Xt=N.default.shape(T.default({},Ut)),Jt=N.default.arrayOf(Xt),Kt=Xt,$t=N.default.shape({id:N.default.string,textStyles:N.default.objectOf(Ke),background:pt,colors:N.default.objectOf(Je),components:Jt}),en=N.default.shape(T.default({logo:je},$t)),tn=N.default.shape({description:N.default.string,shareUrl:N.default.string,shareImage:je,favIcon:je}),nn=N.default.shape({id:N.default.string,theme:$t,components:Jt,metadata:tn}),an=N.default.shape({name:N.default.string.isRequired,mediaQuery:N.default.string}),ln=N.default.arrayOf(an),on=N.default.shape({screen:N.default.string,screens:N.default.arrayOf(N.default.string),width:N.default.number,height:N.default.number,landscape:N.default.bool}),rn=N.default.oneOf(["view","placeholder","edit","preview","static","capture"]),un=N.default.shape({width:N.default.number,height:N.default.number}),sn=N.default.shape({width:N.default.number,height:N.default.number,url:N.default.string,target:te,iframe:N.default.string,image:je}),dn=N.default.shape({src:N.default.string,track:N.default.string,trackLng:N.default.number,controls:N.default.bool}),cn=N.default.shape({image:je,text:N.default.string}),mn=N.default.arrayOf(cn),fn=N.default.shape({}),pn=N.default.oneOf(["fade","scale","slide"]),gn={duration:N.default.number,easing:N.default.oneOf(["ease","ease-in","ease-out","ease-in-out","linear"])},yn=N.default.oneOfType([pn.isRequired,N.default.shape(T.default({name:pn.isRequired},gn))]),hn=N.default.shape({in:yn,out:yn}),vn=N.default.shape({type:N.default.string,value:N.default.oneOf([N.default.string,N.default.number])}),bn=N.default.arrayOf(vn),wn=N.default.shape({id:N.default.oneOfType([N.default.string,N.default.number]),date:N.default.string,type:N.default.string,invoice_link:N.default.string,amount:N.default.oneOfType([N.default.string,N.default.number])}),Cn=N.default.arrayOf(wn),Mn=N.default.shape({canonical:N.default.string,description:N.default.string,keywords:N.default.oneOfType([N.default.string,N.default.array]),image:N.default.shape({url:N.default.string}),favicon:N.default.shape({url:N.default.string}),rssUrl:N.default.string,atomUrl:N.default.string,microformats:N.default.arrayOf(N.default.shape({}))}),En=Object.freeze({__proto__:null,history:G,location:H,intl:U,defaultMessageContent:Y,defaultMessage:Q,message:X,text:J,label:K,statusCode:$,ref:ee,target:te,interaction:ne,interactions:ae,trackingVariables:le,progress:ie,user:oe,menuItem:re,menuItems:ue,breadcrumb:se,breadcrumbs:de,device:ce,devices:me,modal:fe,modals:pe,panel:ge,panels:ye,button:he,buttons:ve,bootstrapThemes:we,buttonTheme:Ce,buttonSize:Me,formControlSize:Ee,dropdownAlign:Se,componentNames:function(e){return N.default.oneOf(Object.keys(e).map((function(e){return i.snakeCase(e)})))},component:ke,components:Te,errors:Ne,formErrors:xe,selectOption:Pe,selectOptions:Oe,formField:Ae,formFields:Ze,mediaFile:Ie,media:Le,medias:ze,mediaTypes:qe,imageMedia:je,imageMedias:Be,fontMedia:De,fontMedias:Ve,videoMedia:We,videoMedias:_e,audioMedia:Ge,audioMedias:He,closedCaptionsMedia:Ue,font:Ye,fonts:Qe,textAlign:Xe,color:Je,textStyle:Ke,borderTypes:$e,borderStyle:et,boxStyle:tt,margin:nt,gridLayout:at,objectFitSize:lt,objectFit:it,textElement:ot,headingElement:rt,inputElement:ut,imageElement:st,imageElements:dt,videoElement:ct,audioElement:mt,closedCaptionsElement:ft,backgroundElement:pt,imageElementWithCaption:gt,imageElementsWithCaption:yt,stackDirection:ht,stackAlign:vt,stackSpacing:bt,stackElement:wt,gridElement:Ct,geoPosition:Mt,marker:St,markers:kt,markerWithImage:Tt,markersWithImage:Nt,answerShape:xt,answer:Pt,quizAnswer:Ot,answers:At,quizAnswers:Zt,callToActionTypes:Ft,callToAction:It,speaker:Rt,speakers:Lt,conversationMessage:zt,conversationMessages:qt,conversation:jt,field:Dt,fields:Vt,screenDefinition:Wt,screenDefinitions:_t,fieldDefinition:Gt,fieldDefinitions:Ht,storyComponent:Yt,storyComponents:Qt,screenComponent:Xt,screenComponents:Jt,screen:Kt,theme:$t,viewerTheme:en,metadata:tn,story:nn,deviceScreen:an,deviceScreens:ln,screenSize:on,renderContext:rn,adFormats:un,adFormat:sn,audioComponent:dn,slide:cn,slides:mn,containerStyle:fn,transitionName:pn,transition:yn,transitions:hn,searchFilter:vn,searchFilters:bn,paymentItem:wn,paymentItems:Cn,pageMetadata:Mn}),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;O.default(this,e),this.fieldsManager=n,this.screensManager=a}return A.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,o=a.components,r=(void 0===o?[]:o).reduce((function(t,a){var l=t.colors,i=void 0===l?null:l,o=a.type,r=(n.screensManager.getDefinition(o)||{}).fields,u=void 0===r?[]:r,s=n.getColorFieldPatterns(u),d=e.getColorsFromPath(a,s).colors;return{colors:[].concat(P.default(i),P.default(d))}}),{colors:[]}),u=r.colors;if(null!==i){var s=this.parse(i);return null!==u||null!==s?kn([].concat(P.default(Sn(s||[])),P.default(Sn(u||[])))):[]}return null!==u?Sn(kn(u||[])):[]}},{key:"getColorFieldPatterns",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,o=void 0===i?null:i,r=l.type,u=void 0===r?null:r,s=[a,o].filter((function(e){return null!==e})).join("\\."),d=T.default(T.default({},null!==u?n.fieldsManager.getDefinition(u):null),l),c=d.fields,m=void 0===c?[]:c,f=d.itemsField,p=void 0===f?null:f,g=d.settings,y=void 0===g?[]:g;return[].concat(P.default(t),P.default(e.fieldIsColor(d)?[new RegExp("^".concat(s,"$"))]:[]),P.default(n.getColorFieldPatterns(m,s)),P.default(n.getColorFieldPatterns(y,s)),P.default(null!==p?n.getColorFieldPatterns([p],"".concat(s,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsColor",value:function(e){var t=e.id;return"color"===(void 0===t?null:t)}},{key:"getColorsFromPath",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=Z.default(t),o=i?P.default(t.keys()):Object.keys(t);return o.reduce((function(o,r){var u=o.data,s=o.colors,d=void 0===s?null:s,c=[l,r].filter((function(e){return null!==e})).join("."),m=n.reduce((function(e,t){return e||t.test(c)}),!1),f=t[r],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,c);g=v.data,y=v.colors}else g=f;return{data:i?[].concat(P.default(u||[]),[g]):T.default(T.default({},u),{},x.default({},r,g)),colors:null!==p?[].concat(P.default(d||[]),P.default(y||[]),[p]):[].concat(P.default(d||[]),P.default(y||[]))}}),{data:0===o.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 O.default(this,n),(e=t.call(this)).components=a,e}return A.default(n,[{key:"addComponent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return this.addComponents(x.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 T.default(T.default({},n),{},x.default({},"".concat(t,".").concat(a),e[a]))}),{}):e;return this.components=T.default(T.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 T.default(T.default({},n),{},x.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?T.default(T.default({},n),{},x.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}(q.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 O.default(this,n),(e=t.call(this)).definitions=a||[],e}return A.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(P.default(e),P.default(this.definitions)),(function(e){return e.id})),this.emit("change"),this}},{key:"merge",value:function(e){return this.addDefinitions(e.getDefinitions())}},{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?T.default(T.default({},e),{},x.default({},n,l)):e}),{})}}]),n}(q.default),On=function(e){L.default(n,e);var t=z.default(n);function n(e){var a;return O.default(this,n),(a=t.call(this)).element=e,a.events={},a.listeners={},a}return A.default(n,[{key:"subscribe",value:function(e,t){this.on(e,t),this.events=T.default(T.default({},this.events),{},x.default({},e,[].concat(P.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 T.default(T.default({},a),{},x.default({},l,n.events[l]));var i=n.events[l].filter((function(e){return e!==t}));return i.length>0?T.default(T.default({},a),{},x.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}(q.default),An=function(e){L.default(n,e);var t=z.default(n);function n(){return O.default(this,n),t.apply(this,arguments)}return A.default(n)}(Pn),Zn=["medias"],Fn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;O.default(this,e),this.fieldsManager=n,this.screensManager=a,this.fieldsPatternCache={}}return A.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,o=a.components,r=(void 0===o?[]:o).reduce((function(t,a){var l=t.components,i=t.medias,o=a.type,r=n.getFieldsPatternByScreen(o),u=e.replaceMediasWithPaths(a,r),s=u.data,d=u.medias;return{components:[].concat(P.default(l),[s]),medias:T.default(T.default({},i),d)}}),{components:[],medias:null}),u=r.components,s=r.medias;if(null!==i){var d=this.toPath(i),c=d.medias,m=B.default(d,Zn);return null!==s||null!==c?T.default(T.default({},t),{},{theme:m,components:u,medias:T.default(T.default({},c),s)}):t}return null!==s?T.default(T.default({},t),{},{components:u,medias:s}):t}},{key:"fromPath",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===t)return t;var a=t||{},l=a.theme,i=void 0===l?null:l,o=a.components,r=void 0===o?[]:o,u=a.medias,s=void 0===u?n:u;if(null===s&&null===i)return t;var d=e.getMediaPatternsFromData(r),c=null!==s&&d.length>0?e.replacePathsWithMedias(r,s,d):r;if(null!==i){var m=this.fromPath(i,s);return m!==i||c!==r?T.default(T.default({},t),{},{theme:m,components:c}):t}return c!==r?T.default(T.default({},t),{},{components:c}):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,o=void 0===i?null:i,r=l.type,u=void 0===r?null:r,s=[a,o].filter((function(e){return null!==e})).join("\\."),d=T.default(T.default({},null!==u?n.fieldsManager.getDefinition(u):null),l),c=d.fields,m=void 0===c?[]:c,f=d.itemsField,p=void 0===f?null:f,g=d.settings,y=void 0===g?[]:g;return[].concat(P.default(t),P.default(e.fieldIsMedia(d)?[new RegExp("^".concat(s,"$"))]:[]),P.default(e.fieldIsFontFamily(d)?[new RegExp("^".concat(s,"\\.media$"))]:[]),P.default(n.getMediaFieldsPattern(m,s)),P.default(n.getMediaFieldsPattern(y,s)),P.default(null!==p?n.getMediaFieldsPattern([p],"".concat(s,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsMedia",value:function(e){var t=e.media;return void 0!==t&&t}},{key:"fieldIsFontFamily",value:function(e){var t=e.id;return"font-family"===(void 0===t?null:t)}},{key:"replacePathsWithMedias",value:function(t,n,a){var l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=Z.default(t);return e.keys(t).reduce((function(o,r){var u,s=[l,r].filter((function(e){return null!==e})).join("."),d=a.reduce((function(e,t){return e||t.test(s)}),!1),c=t[r];return u=d?F.default(c)?c:n[c]||null:F.default(c)||Z.default(c)?e.replacePathsWithMedias(c,n,a,s):c,i?[].concat(P.default(o),[u]):T.default(T.default({},o),{},x.default({},r,u))}),i?[]:{})}},{key:"getMediaPath",value:function(e){var t=e.id,n=void 0===t?null:t;return null!==n?"media://".concat(n):null}},{key:"replaceMediasWithPaths",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=Z.default(t),o=e.keys(t);return o.reduce((function(o,r){var u,s=o.data,d=o.medias,c=[l,r].filter((function(e){return null!==e})).join("."),m=n.reduce((function(e,t){return e||t.test(c)}),!1),f=t[r],p=null,g=null;if(m&&F.default(f)){var y=e.getMediaPath(f);u=null!==y?y:f,p=null!==y?f:null}else if(F.default(f)||Z.default(f)){var h=e.replaceMediasWithPaths(f,n,a,c);u=h.data,g=h.medias}else u=f;return{data:i?[].concat(P.default(s||[]),[u]):T.default(T.default({},s),{},x.default({},r,u)),medias:null!==p?T.default(T.default(T.default({},d),g),{},x.default({},u,p)):T.default(T.default({},d),g)}}),{data:0===o.length?t:null,medias:a})}},{key:"getMediaPatternsFromData",value:function(t){var n=e.dot(t);return Object.keys(n).filter((function(e){return j.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"!==W.default(t[a])||!t[a])return T.default(T.default({},n),{},x.default({},a,t[a]));var l=e.dot(t[a]);return T.default(T.default({},n),e.keys(l).reduce((function(e,t){return T.default(T.default({},e),{},x.default({},"".concat(a,".").concat(t),l[t]))}),{}))}),{})}},{key:"keys",value:function(e){return Z.default(e)?P.default(e.keys()):Object.keys(e)}}]),e}(),In=function(e){L.default(n,e);var t=z.default(n);function n(){return O.default(this,n),t.apply(this,arguments)}return A.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}}]),n}(Pn),Rn=function(){function e(t){var n=t.screensManager;O.default(this,e),this.screensManager=n,this.definitionCache={}}return A.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,o=void 0===i?null:i;if(null===l||null===o)return e;var r=l.components,u=void 0===r?[]:r,s=l.background,d=void 0===s?null:s,c=l.colors,m=void 0===c?{}:c,f=l.textStyles,p=void 0===f?null:f,g=o.reduce((function(e,n,a){var l=n.type,i=t.getDefinitionByScreen(l,u),o=i.definition,r=i.themeScreen,s=t.parseScreen(o,n,r,d,m,p);return s!==n||null!==r?[].concat(P.default(e.slice(0,a)),[T.default(T.default({},r),s)],P.default(e.slice(a+1))):e}),o);return g!==o?T.default(T.default({},e),{},{components:g}):e}},{key:"parseScreen",value:function(e,t,n,a,l,i){var o=this,r=e.fields,u=void 0===r?[]:r,s=null===n&&null!==a?{}:n;null!==a&&void 0!==s.background?s.background=T.default(T.default({},a),s.background):null!==a&&(s.background=a);var d=Object.keys(t).reduce((function(e,n){var a=u.find((function(e){return e.name===n}))||{},r=t[n],d=null!==s&&s[n]||null,c=o.parseField(n,a,r,d,l,i);return c!==r?T.default(T.default({},e),{},x.default({},n,c)):e}),t);return null!==s?T.default(T.default({},s),d):d}},{key:"parseField",value:function(e,t,n,a,l,i){var o=t.theme,r=void 0===o?{}:o;if(Z.default(n)){var u=n.map((function(e){return null!==e?Object.keys(e).reduce((function(t,n){var a=r[n]||{},o=a.textStyle,u=void 0===o?null:o,s=a.color,d=void 0===s?null:s;if(!F.default(e[n]))return t;var c=null!==d?{color:null!==d&&null!==l&&l[d]||null}:null,m=null!==u?{textStyle:T.default(T.default({},null!==u&&null!==i&&i[u]||null),e[n].textStyle||null)}:null;return null===c&&null===m?t:T.default(T.default({},t),{},x.default({},n,T.default(T.default(T.default({},c),e[n]),m)))}),e):e}));return u}if(F.default(n)&&!Z.default(n)){var s=r||{},d=s.textStyle,c=void 0===d?null:d,m=s.color,f=void 0===m?null:m,p=null!==f&&null!==l&&l[f]||null,g=null!==p?{color:p}:null,y=null!==c&&null!==i&&i[c]||null,h=null!==a&&a.textStyle||null,v=null!==y||null!==h?{textStyle:T.default(T.default(T.default({},y),h),n.textStyle||null)}:null;return null!==g||null!==a||null!==v?T.default(T.default(T.default(T.default({},g),a),n),v):n}return n}}]),e}(),Ln=["fonts"],zn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;O.default(this,e),this.fieldsManager=n,this.screensManager=a,this.fieldsPatternCache={}}return A.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,o=a.components,r=void 0===o?[]:o,u=_.default(r.reduce((function(t,a){var l=a.type,i=n.getFieldsPatternByScreen(l),o=e.extractFontsWithPaths(a,i);return o.length>0?[].concat(P.default(t),P.default(o)):t}),[]),"name");if(null!==i){var s=this.parse(i),d=s.fonts,c=void 0===d?[]:d,m=B.default(s,Ln);return u.length>0||c.length>0?T.default(T.default({},t),{},{theme:m,fonts:_.default([].concat(P.default(c),P.default(u)),"name")}):t}return u.length>0?T.default(T.default({},t),{},{fonts:u}):t}},{key:"getFieldsPattern",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,o=void 0===i?null:i,r=l.type,u=void 0===r?null:r,s=[a,o].filter((function(e){return null!==e})).join("\\."),d=T.default(T.default({},null!==u?n.fieldsManager.getDefinition(u):null),l),c=d.fields,m=void 0===c?[]:c,f=d.itemsField,p=void 0===f?null:f,g=d.settings,y=void 0===g?[]:g;return[].concat(P.default(t),P.default(e.fieldIsFontFamily(d)?[new RegExp("^".concat(s,"$"))]:[]),P.default(n.getFieldsPattern(m,s)),P.default(n.getFieldsPattern(y,s)),P.default(null!==p?n.getFieldsPattern([p],"".concat(s,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsFontFamily",value:function(e){var t=e.id;return"font-family"===(void 0===t?null:t)}},{key:"valueIsFont",value:function(e){var t=e.type,n=void 0===t?null:t;return"custom"===n||"google"===n}},{key:"extractFontsWithPaths",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=Z.default(t),i=l?P.default(t.keys()):Object.keys(t);return i.reduce((function(l,i){var o=[a,i].filter((function(e){return null!==e})).join("."),r=n.reduce((function(e,t){return e||t.test(o)}),!1),u=t[i],s=null,d=null;return r&&F.default(u)&&e.valueIsFont(u)?s=u:(F.default(u)||Z.default(u))&&(d=e.extractFontsWithPaths(u,n,o)),null!==d||null!==s?[].concat(P.default(l),P.default(d||[]),P.default(null!==s?[s]:[])):l}),[])}}]),e}(),qn=function(){function e(t){var n=t.screensManager,a=t.fieldsManager;O.default(this,e),this.themeParser=new Rn({screensManager:n}),this.mediasParser=new Fn({screensManager:n,fieldsManager:a}),this.fontsParser=new zn({screensManager:n,fieldsManager:a})}return A.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,o=void 0===i||i,r=n.withFonts,u=void 0===r||r;if(null===e)return e;var s=[[o,function(e){return t.mediasParser.fromPath(e)}],[l,function(e){return t.themeParser.parse(e)}],[u,function(e){return t.fontsParser.parse(e)}]];return s.reduce((function(e,t){var n=D.default(t,2),a=n[0],l=n[1];return a?l(e):e}),e)}}]),e}(),jn=["value"],Bn=["value","currentTime"],Dn=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]:{};O.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 A.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,o=void 0===i?null:i,r=l.type,u=void 0===r?null:r,s=l.metadata,d=((void 0===s?{}:s)||{}).title;-1!==this.screensViewed.indexOf(o||t)&&(this.screensViewed=[].concat(P.default(this.screensViewed),[o||t]));var c={event:"screenView",screenId:o,screenType:u,screenIndex:t,screenTitle:d,screenProgress:null!==a&&null!==t?(t+1)/a:null,screensViewed:this.screensViewed,screensViewedProgress:null!==a?this.screensViewed.length/a:null};this.push(c)}},{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,o=B.default(a,jn),r=T.default(T.default({},o),{},{event:"eventInteraction",eventCategory:e,eventAction:t,eventLabel:n,eventValue:i});this.push(r)}},{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,o=a.currentTime,r=void 0===o?null:o,u=B.default(a,Bn),s=t||{},d=s.id,c=void 0===d?null:d,m=s.name,f=void 0===m?null:m,p=s.duration,g=void 0===p?null:p,y=s.currentTime,h=void 0===y?r:y,v=s.metadata,b=void 0===v?{}:v,w=b||{},C=w.duration,M=void 0===C?g:C,E=f,S=T.default(T.default({},u),{},{event:"eventInteraction",eventCategory:e,eventAction:n,eventLabel:E,eventValue:i,mediaId:c,mediaCurrentTime:null!==h?Math.round(h):null,mediaProgress:null!==h&&null!==M&&M>0?Math.round(h/M*100):null});this.push(S)}}]),n}(S.Tracking);t.ColorsParser=Tn,t.ComponentsManager=xn,t.DefinitionsManager=Pn,t.EventsManager=On,t.FieldsManager=An,t.FontsParser=zn,t.MediasParser=Fn,t.PropTypes=En,t.ScreensManager=In,t.StoryParser=qn,t.ThemeParser=Rn,t.Tracking=Dn},28436:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(76009),l=n(85158),i=n(12289),o=n(66204),r=n(98689),u=n(64265),s=n(5056),d=n(75182),c=n(70417),m=n(69546),f=n(22220),p=n(81260),g=n(51068),y=n(25558);function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(a),b=h(i),w=h(r),C=h(u),M=h(d),E=h(c),S=h(m),k=h(f),T=h(p),N=h(g),x=h(y),P=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===e)return null;var n=w.default(e)?{color:e}:e,a=n.color,l=void 0===a?null:a,i=n.alpha,o=void 0===i?null:i;return null!==o||null!==t?C.default(l).setAlpha(null!==t?t:o).toRgbString():l},O=[{name:"mobile"},{name:"small",mediaQuery:"only screen and (min-width: 500px)"},{name:"medium",mediaQuery:"only screen and (min-width: 790px)"},{name:"large",mediaQuery:"only screen and (min-width: 1000px)"},{name:"very-large",mediaQuery:"only screen and (min-width: 1600px)"}],A=function e(t,n){return t.reduce((function(t,a){if(null!==t)return t;var l=a.name,i=void 0===l?null:l,o=a.fields;return null!==n&&i===n?a:e(void 0===o?[]:o,n)}),null)},Z=function(e){if(null==e)return null;var t=b.default(e)?e:{name:e},n=t.name,a=t.fallback;return[n,void 0===a?null:a].filter((function(e){return null!==e})).map((function(e){return'"'.concat(e,'"')})).join(", ")},F=function(e){return(e-Math.floor(e)).toFixed(4)},I=["image","video","media"],R=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"backgroundColor",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=P(e,n);return null!==a?T.default({},t,a):null},L=function(e){if(null==e)return null;var t=e.width,n=void 0===t?null:t,a=e.style,l=void 0===a?null:a,i=e.color,o=void 0===i?null:i;return E.default(E.default(E.default({},null!==n?{borderWidth:n}:null),null!==l?{borderStyle:l}:null),R(o,"borderColor"))};Object.defineProperty(t,"pascalCase",{enumerable:!0,get:function(){return s.pascalCase}}),Object.defineProperty(t,"snakeCase",{enumerable:!0,get:function(){return s.snakeCase}}),t.convertStyleToString=function(e){return null!==e?Object.keys(e).map((function(t){return"".concat(l.paramCase(t),":").concat(v.default(e[t])?"".concat(e[t],"px"):e[t],";")})).join("\n"):""},t.createNullableOnChange=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return function(t){var n=t;b.default(t)&&Object.keys(t).reduce((function(e,n){return e&&null===t[n]}),!0)&&(n=null),null!==e&&e(n)}},t.createUseEvent=function(e){return function(t,n){var a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];o.useEffect((function(){return a&&null!==e&&e.subscribe(t,n),function(){a&&null!==e&&e.unsubscribe(t,n)}}),[e,t,n,a])}},t.getColorAsString=P,t.getComponentFromName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(null===t||null===e)return n;var a=s.pascalCase(e);return t[a]||t[e]||n},t.getContrastingColor=function(e){var t=(e||{}).color,n=void 0===t?"white":t;return C.default.equals(n,C.default("white"))?"lightblue":C.default.equals(n,C.default("black"))?"white":C.default(n).spin(30).toString()},t.getDeviceScreens=function(){return O},t.getDisplayName=function(e){var t=e.displayName,n=void 0===t?null:t,a=e.name;return n||(void 0===a?null:a)||"Component"},t.getFieldByName=A,t.getFieldFromPath=function(e,t,n){return(S.default(e)?e:[e]).reduce((function(t,a){if(null===t)return null;var l=t.type,i=void 0===l?null:l,o=t.fields,r=void 0===o?null:o,u=t.field,s=void 0===u?null:u,d=t.itemsField,c=void 0===d?null:d,m=null!==s&&s.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,b=c||(void 0===v?null:v);return null!==b&&a.match(/^[0-9]+$/)?E.default(E.default({},b),{},{name:e.join("/"),listItems:!0}):A([].concat(M.default(r||[]),M.default(g||[]),M.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(!S.default(e)||e.length<1)return e;for(var n=e.map((function(e,t){return{floor:Math.floor(e)||0,remainder:F(e),index:t}})).sort((function(e,t){return t.remainder-e.remainder})),a=t-n.reduce((function(e,t){return e+t.floor}),0),l=0;l<a;l+=1)n[l]&&(n[l].floor+=1);return n.sort((function(e,t){return e.index-t.index})).map((function(e){return e.floor}))},t.getLayersFromBackground=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===e?[]:(S.default(e)?e:[e]).reduce((function(e,t){var n=t.image,a=void 0===n?null:n,l=t.video,i=void 0===l?null:l,o=t.media,r=void 0===o?null:o,u=k.default(t,I);return[].concat(M.default(e),null!==a&&null!==i?[E.default({media:a},u),E.default({media:i},u)]:[E.default({media:r||a||i},u)])}),[])},t.getLayoutParts=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=null!==e&&!1!==e.indexOf("-")?e.split("-"):[e,null,null],n=N.default(t,3),a=n[0],l=n[1],i=n[2];return{horizontal:a,vertical:l,suffix:i}},t.getMediaFilesAsArray=function(e){return null!==e&&S.default(e)?e:Object.keys(e||{}).reduce((function(t,n){return[].concat(M.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,o=void 0===i?null:i,r=l.url,u=void 0===r?null:r,s=l.metadata,d=(s=void 0===s?{}:s).width,c=s.height;if(null===o||null===t&&null===n)return u;var m=E.default({original:{url:u,width:d,height:c}},o),f=Object.keys(m).reduce((function(e,l){var i=e.diff,o=e.isLarger,r=e.size,u=m[l],s=u.url,d=u.width,c=void 0===d?null:d,f=u.height,p=void 0===f?null:f,g=null!==c&&null!==t?c-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 b=(c||0)+(p||0)>r;return v<i&&h||v<i&&(!o&&b||i>a)||v<=a&&!o&&h||v<=a&&!o&&!h&&b?{key:l,url:s,diff:v,isLarger:h}:e}),{key:null,url:u,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(".")),3600*parseFloat(t[0],10)+60*parseFloat(t[1],10)+parseFloat(n[0],10)+parseFloat(n[1],10)/1e3}catch(e){return 0}},t.getStyleFromBorder=L,t.getStyleFromBox=function(e){if(null===e)return null;var t=e.backgroundColor,n=void 0===t?null:t,a=e.borderRadius,l=void 0===a?null:a,i=e.padding,o=e.borderWidth,r=void 0===o?null:o,u=e.borderStyle,s=void 0===u?null:u,d=e.borderColor,c={width:r,style:s,color:void 0===d?null:d};return E.default(E.default(E.default(E.default({},R(n,"backgroundColor")),null!==l?{borderRadius:l}:null),L(c)),{},{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,o=void 0===i?null:i,r=n.height,u=void 0===r?null:r;return E.default(E.default(E.default({},o?{width:"".concat(o,"%")}:null),u?{height:"".concat(u,"%")}:null),R(l,"backgroundColor"))},t.getStyleFromHighlight=function(e){if(null==e)return null;var t=e.textColor,n=void 0===t?null:t,a=e.color,l=void 0===a?null:a,i=null!==l?P(l):null,o=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:o,mozBoxShadow:o,msBoxShadow:o,webkitBoxShadow:o}: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,o=void 0===i?null:i,r=n.position,u=void 0===r?{}:r,s=u.axisAlign,d=void 0===s?null:s,c=u.crossAlign,m=void 0===c?null:c;return E.default(E.default(E.default({},null!==o?{objectFit:o}:null),null!==d&&null!==m?{objectPosition:"".concat(d," ").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,o=a.bold,r=void 0!==o&&o,u=a.underline,s=void 0!==u&&u;return E.default(E.default(E.default(E.default({},null!==n?R(n,"color"):null),i?{fontStyle:"italic"}:null),r?{fontWeight:"bold"}:null),s?{textDecoration:"underline"}:null)},t.getStyleFromMargin=function(e){if(null==e)return null;var t=e.top,n=void 0===t?null:t,a=e.bottom,l=void 0===a?null:a;return 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,o=void 0===i?null:i,r=e.lineHeight,u=void 0===r?null:r,s=e.letterSpacing,d=void 0===s?null:s,c=e.align,m=void 0===c?null:c,f=e.color,p=void 0===f?null:f,g=o||{},y=g.italic,h=void 0!==y&&y,v=g.bold,b=void 0!==v&&v,w=g.underline,C=void 0!==w&&w,M=g.transform,S=g.outline,k=void 0!==S&&S;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),b?{fontWeight:"bold"}:null),C?{textDecoration:"underline"}:null),null!==M?{textTransform:M}:null),null!==m?{textAlign:m}:null),null!==u?{lineHeight:u}:null),null!==d?{letterSpacing:d}:null),R(p,"color")),k?{WebkitTextStroke:"2px ".concat(P(p,"color")),color:"transparent"}:null)},t.isImageFilled=function(e){var t=(e||{}).media;return null!==(void 0===t?null:t)},t.isIos=function(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document},t.isLabelFilled=function(e){var t=(e||{}).label,n=((void 0===t?null:t)||{}).length,a=void 0===n?0:n;return"number"==typeof a&&a>0},t.isMessage=function(e){return b.default(e)&&void 0!==e.defaultMessage},t.isTextFilled=function(e){var t=(e||{}).body,n=((void 0===t?null:t)||{}).length,a=void 0===n?0:n;return"number"==typeof a&&a>0},t.isValidUrl=function(e){var t;try{t=new URL(e)}catch(e){return!1}return"http:"===t.protocol||"https:"===t.protocol},t.schemaId=function(e){return t=e.join("/"),"https://schemas.micromag.ca/0.1/".concat(t,".json");var t},t.setFieldValue=function e(t,n,a){var l=n.shift(),i=null!==l.match(/^[0-9]+$/);if(null!==t||null!==a){if(i){var o=parseInt(l,10),r=null!==a?[].concat(M.default(t.slice(0,o)),[n.length>0?e(null!==t&&t[o]||null,n,a):a],M.default(t.slice(o+1))):[].concat(M.default(t.slice(0,o)),M.default(t.slice(o+1)));return r.length>0?r:null}return E.default(E.default({},t),{},T.default({},l,n.length>0?e(null!==t&&t[l]||null,n,a):a))}return null},t.slug=function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t="-"===n?s.paramCase(e):s.snakeCase(e),x.default(t,{lower:!0})},t.unique=function(e){return null!==e?e.filter((function(e,t,n){return n.indexOf(e)===t})):[]},t.validateFields=function e(t,n){return t.reduce((function(t,a){if(!0===t){if("fields"===a.type&&a.fields)return e(a.fields,n);var l=!(!n||!n[a.name])&&n[a.name];return!(a.required&&!l)}return t}),!0)}},82026:function(e,t,n){"use strict";var a=n(52807),l=n(5587),i=n(70417),o=n(75182),r=n(78514);function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(i),d=u(o),c={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:"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"}]})}]}]},g={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}]}]},y={id:"box-style-form",component:"box-style-form",fields:g.fields},h={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"}]})}]},v={id:"call-to-action-form",component:"call-to-action-form",fields:h.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=s.default(s.default({},w),{},{id:"entries-with-image",itemsField:{type:"entry-with-image",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),M=s.default(s.default({},w),{},{id:"entries-with-visual",itemsField:{type:"entry-with-visual",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),E={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=s.default(s.default({},E),{},{id:"entry-with-image",fields:[].concat(d.default(E.fields),[{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),k=s.default(s.default({},E),{},{id:"entry-with-visual",fields:[].concat(d.default(E.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=s.default(s.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"}]})}},A={id:"images",component:"images",itemsField:{type:"image",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},Z={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"}]})}]},F={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"}]})}]},I={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"}]})}},R={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"}]})}},L={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"}]})}]},z={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"}]})}]},B={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"}]})}]}]},D={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"}]})}},V={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"}]})}},_={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"}]})}]},G={id:"speakers",component:"items",getDefaultValue:function(){return{id:r.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"}]})}},H={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"}]})}]}]},U={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"}]})}]},Q={id:"visuals-with-caption",component:"items",noItemLabel:l.defineMessage({id:"dFMzBu",defaultMessage:[{type:0,value:"No image..."}]}),addItemLabel:l.defineMessage({id:"QSmRdP",defaultMessage:[{type:0,value:"Add an image"}]}),itemsField:{type:"visual-with-caption",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},X={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:c,answer:m,answers:f,background:p,borderRadius:{id:"border-radius",component:"border-radius"},borderStyle:{id:"border-style",component:"border-style"},borderWidth:{id:"border-width",component:"border-width"},boxStyle:g,boxStyleForm:y,buttonElement:{id:"button-element",component:"text-element",inline:!0,settings:[{name:"textStyle",type:"text-style"},{name:"buttonStyle",type:"box-style",className:"mt-4"}]},callToAction:h,callToActionForm:v,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:M,entries:w,entryWithImage:S,entryWithVisual:k,entry:E,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:A,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:Z,markerWithImage:F,markers:I,markersWithImage:R,mapZoom:{id:"map-zoom",component:"number",min:0,max:20},message:L,messages:z,metadata:q,number:{id:"number",component:"number"},password:{id:"password",component:"text",type:"password"},parameters:j,quizAnswer:B,quizAnswers:D,quizPointsAnswer:V,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:_,speakers:G,textElement:N,textStyle:H,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:U,visual:{id:"visual",component:"visual",media:!0},visualWithCaption:Y,visualsWithCaption:Q,visuals:X}),K=Object.keys(J).map((function(e){return J[e]})),$=new a.FieldsManager(K),ee=new a.FieldsManager;ee.merge($),e.exports=ee},24139:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(70417),l=n(75182),i=n(50085),o=n(15198),r=n(66204),u=n(97641),s=n(5587);function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(a),m=d(l),f=d(i),p=d(o),g=d(r),y=d(u),h=function(){function e(){f.default(this,e),this.locales=[]}return p.default(e,[{key:"addLocale",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=this.getLocale(e);this.locales=[].concat(m.default(null!==a?this.locales.filter((function(t){return t.locale!==e})):this.locales),[{locale:e,messages:null===a||n?t:c.default(c.default({},a.messages),t)}])}},{key:"getLocale",value:function(e){return this.locales.find((function(t){return t.locale===e}))||null}},{key:"hasLocale",value:function(e){return null!==this.getLocale(e)}},{key:"getMessages",value:function(e){var t=this.locales.find((function(t){return t.locale===e}))||null;return null===t?null:t.messages}}]),e}(),v=new h,b=["en","fr"],w=g.default.createContext(b),C=function(){return r.useContext(w)},M={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},S=function(e){var t=e.intlManager,n=e.locale,a=e.locales,l=e.children,i=e.extraMessages,o=C(),u=r.useContext(s.IntlContext)||{},d=u.locale,m=void 0===d?null:d,f=u.messages,p=void 0===f?null:f,y=r.useMemo((function(){var e=t.getMessages(n);return c.default(c.default(c.default({},e),i),m===n?p:null)}),[n,m,p,i]);return g.default.createElement(s.IntlProvider,{locale:n,messages:y},g.default.createElement(w.Provider,{value:a||o},l))};S.propTypes=M,S.defaultProps=E,t.IntlManager=h,t.IntlProvider=S,t.LocalesContext=w,t.default=v,t.useLocales=C,t.useOtherLocales=function(){var e=C(),t=r.useContext(s.IntlContext).locale;return r.useMemo((function(){return e.filter((function(e){return e!==t}))}),[e,t])}},71862:function(e,t,n){"use strict";n.r(t),n.d(t,{ScreensProvider:function(){return il},default:function(){return al}});var a=n(52807),l=n(5587),i=n(66902),o=n(56666),r=n(33028),u=n(2867),s=n(35681),d=n.n(s),c=n(97641),m=n.n(c),f=n(66204),p=n(91354),g=n(82801),y=n(71098),h=n(28436),v=n(38777),b=n(59740),w=n(60631),C=n(70239),M=n(74696),E=(n(92978),"micromag-element-audio-audio-wave-container"),S={currentTime:m().number,duration:m().number,playing:m().bool,sampleWidth:m().number,sampleMargin:m().number,minSampleHeight:m().number,backgroundColor:a.PropTypes.color,progressColor:a.PropTypes.color,audioLevels:m().arrayOf(m().number),className:m().string,onSeek:m().func,onResume:m().func,onReady:m().func};function k(e){var t=e.currentTime,n=e.duration,a=e.playing,l=e.sampleWidth,i=e.sampleMargin,r=e.minSampleHeight,s=e.backgroundColor,c=e.progressColor,m=e.audioLevels,p=e.className,g=e.onSeek,b=e.onResume,S=e.onReady,k=(0,f.useRef)(null),T=(0,f.useRef)(null),N=(0,f.useMemo)((function(){var e=(s||{}).color;return void 0===e?"white":e}),[s]),x=(0,f.useMemo)((function(){return(0,h.getContrastingColor)(s,c)}),[c,s]),P=(0,y.useResizeObserver)(),O=P.ref,A=P.entry.contentRect||{},Z=A.width,F=void 0===Z?null:Z,I=A.height,R=(0,w.useSpring)((function(){return{x:0,config:{duration:0}}})),L=(0,u.Z)(R,2),z=L[0],q=L[1];(0,f.useEffect)((function(){if(null!==t&&null!==n){var e=t/n;q.start({reset:!0,immediate:!a,from:{x:e},to:{x:a?1:e},config:{duration:1e3*(n-t)}})}}),[a,n,t,q]),(0,f.useEffect)((function(){if(null!==m&&0!==m.length&&null!==O.current){var e=l+2*i,t=Math.floor(F/e),n=m.length/t,a=(0,v.Z)(Array(t).keys()).reduce((function(e,t){for(var a=t*n,l=a+n,i=[],o=Math.floor(a);o<Math.round(l);o+=1)i.push(m[o]);return[].concat((0,v.Z)(e),n>=1?[i.reduce((function(e,t){return e+t}),0)/i.length]:i)}),[]),o=Math.min.apply(Math,(0,v.Z)(a)),u=Math.max.apply(Math,(0,v.Z)(a))-o,s=a.map((function(e){return(e-o)/u})),d=k.current,c=T.current,f="undefined"!=typeof window?window.devicePixelRatio:1;d.width=c.width=Math.floor(F*f),d.height=c.height=Math.floor(I*f);var p=d.getContext("2d"),g=c.getContext("2d");p.scale(f,f),g.scale(f,f),p.clearRect(0,0,F,I),g.clearRect(0,0,F,I),p.fillStyle=N,g.fillStyle=x;var y=(F-t*e)/2;s.forEach((function(t,n){var a=Math.max(r,t*I),o=e*n+y+i,u=I/2-a/2;p.fillRect(Math.round(o),Math.round(u),l,Math.round(a)),g.fillRect(Math.round(o),Math.round(u),l,Math.round(a))})),null!==S&&S()}}),[m,l,i,r,F,I,N,x,S]);var j=(0,f.useCallback)((function(e){var t=O.current.getBoundingClientRect().left,l=Math.max(0,Math.min(1,(e-t)/F));null!==g&&null!==n&&g(l*n),a||b()}),[n,a,g,b]),B=(0,M.useGesture)({onDrag:function(e){var t=(0,u.Z)(e.xy,1)[0],n=e.elapsedTime;!e.active&&n>300||j(t)}},{drag:{axis:"x",filterTaps:!0}});return f.createElement("div",Object.assign({className:d()([E,(0,o.Z)({},p,null!==p)]),ref:O},B()),f.createElement("canvas",{ref:k,className:"micromag-element-audio-audio-wave-canvasBackground"}),f.createElement(C.animated.canvas,{ref:T,className:"micromag-element-audio-audio-wave-canvasProgress",style:{clipPath:z.x.to((function(e){return"polygon(0 0, ".concat(100*e,"% 0, ").concat(100*e,"% 100%, 0 100%)")}))}}))}k.propTypes=S,k.defaultProps={currentTime:null,duration:null,playing:!1,sampleWidth:3,sampleMargin:1,minSampleHeight:2,backgroundColor:"white",progressColor:null,audioLevels:null,className:null,onSeek:null,onResume:null,onReady:null};var T=["ref"],N={media:a.PropTypes.audioMedia,apiRef:m().oneOfType([m().func,m().shape({current:m().any})]),initialMuted:m().oneOf(["auto",!0,!1]),autoPlay:m().bool,loop:m().bool,waveFake:m().bool,waveProps:m().shape({sampleWidth:m().number,sampleMargin:m().number,minSampleHeight:m().number}),showWave:m().bool,reduceBufferFactor:m().number,className:m().string,onReady:m().func,onPlay:m().func,onPause:m().func,onEnded:m().func,onSeeked:m().func,onTimeUpdate:m().func,onProgressStep:m().func,onDurationChanged:m().func,onVolumeChanged:m().func},x=function(e){var t=e.media,n=e.apiRef,a=e.initialMuted,l=e.autoPlay,i=e.loop,r=e.waveFake,s=e.waveProps,c=e.showWave,m=e.reduceBufferFactor,p=e.className,h=e.onReady,w=e.onPlay,C=e.onPause,M=e.onEnded,E=e.onSeeked,S=e.onTimeUpdate,N=e.onProgressStep,x=e.onDurationChanged,P=e.onVolumeChanged,O=t||{},A=O.url,Z=void 0===A?null:A,F=O.metadata,I=((void 0===F?null:F)||{}).waveform,R=void 0===I?null:I,L=(0,g.useUserInteracted)(),z=!0===a||"auto"===a&&l&&!L,q=(0,y.useMediaApi)({url:Z,initialMuted:z,onPlay:w,onPause:C,onEnded:M,onSeeked:E,onTimeUpdate:S,onProgressStep:N,onDurationChanged:x,onVolumeChanged:P}),j=q.ref,B=(0,b.Z)(q,T);null!==n&&(n.current=B,n.current.mediaRef=j);var D=B.currentTime,V=B.duration,W=B.playing,_=B.seek,G=B.ready,H=B.play,U=B.pause,Y=B.muted,Q=B.unMute,X=(0,f.useState)(null),J=(0,u.Z)(X,2),K=J[0],$=J[1],ee=(0,f.useState)(null),te=(0,u.Z)(ee,2),ne=te[0],ae=te[1];(0,f.useEffect)((function(){var e=!1,t="undefined"!=typeof window?window.AudioContext||window.webkitAudioContext:null;return null!==R?$(R.map((function(e){return(e+128)/256}))):null!==Z&&r?$((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,r]);var le=r||G&&null!==ne;return(0,f.useEffect)((function(){le&&null!==h&&h()}),[le,h]),(0,f.useEffect)((function(){l?(H(),"auto"===a&&Y&&L&&Q()):U()}),[l]),f.createElement("div",{className:d()(["micromag-element-audio-container",(0,o.Z)({},p,null!==p)])},f.createElement("audio",{key:Z,ref:j,src:r?Z:ne,autoPlay:l,muted:Y,loop:i,crossOrigin:"anonymous",preload:"none"}),c?f.createElement(k,Object.assign({className:"micromag-element-audio-wave",media:t,currentTime:D},s,{duration:V,playing:W,onSeek:_,onResume:H,audioLevels:K})):null)};x.propTypes=N,x.defaultProps={media:null,apiRef:null,initialMuted:"auto",autoPlay:!1,loop:!1,waveFake:!1,waveProps:null,showWave:!1,reduceBufferFactor:100,className:null,onReady:null,onPlay:null,onPause:null,onEnded:null,onSeeked:null,onTimeUpdate:null,onProgressStep:null,onDurationChanged:null,onVolumeChanged:null};var P=f.forwardRef((function(e,t){return f.createElement(x,Object.assign({apiRef:t},e))})),O=n(95839),A=(n(40180),{container:"micromag-element-video-container",withSize:"micromag-element-video-withSize",video:"micromag-element-video-video"}),Z=["ref"],F={media:a.PropTypes.videoMedia,width:m().number,height:m().number,apiRef:m().oneOfType([m().func,m().shape({current:m().any})]),initialMuted:m().oneOf(["auto",!0,!1]),autoPlay:m().bool,loop:m().bool,playsInline:m().bool,preload:m().oneOf(["auto","metadata","none",null]),withoutCors:m().bool,className:m().string,onReady:m().func,onPlay:m().func,onPause:m().func,onEnded:m().func,onSeeked:m().func,onTimeUpdate:m().func,onProgressStep:m().func,onDurationChanged:m().func,onVolumeChanged:m().func,focusable:m().bool,supportedMimes:m().arrayOf(m().string)},I=function(e){var t,n=e.media,a=e.width,l=e.height,i=e.apiRef,u=e.initialMuted,s=e.autoPlay,c=e.loop,m=e.playsInline,p=e.preload,v=e.withoutCors,w=e.className,C=e.onReady,M=e.onPlay,E=e.onPause,S=e.onEnded,k=e.onSeeked,T=e.onTimeUpdate,N=e.onProgressStep,x=e.onDurationChanged,P=e.onVolumeChanged,O=e.focusable,F=e.supportedMimes,I=n||{},R=I.url,L=void 0===R?null:R,z=I.files,q=void 0===z?null:z,j=I.metadata,B=(void 0===j?null:j)||{},D=B.description,V=void 0===D?null:D,W=B.mime,_=void 0===W?null:W,G=(0,f.useMemo)((function(){return(0,h.getMediaFilesAsArray)(q)}),[q]),H=(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,r.Z)((0,r.Z)({},e),{},(0,o.Z)({},a,t)):e}),{});return Object.keys(n).map((function(e){return n[e]}))}),[G,F]),U=G.find((function(e){return"original"===e.handle}))||{},Y=U.type,Q=void 0===Y?null:Y,X=U.mime,J=void 0===X?_:X,K=("image"===Q||null!==J&&0===J.indexOf("image/"))&&(null===H||0===H.length),$=(0,g.useUserInteracted)(),ee=!0===u||"auto"===u&&s&&!$,te=(0,y.useMediaApi)({url:K?null:L,initialMuted:ee,onPlay:M,onPause:E,onEnded:S,onSeeked:k,onTimeUpdate:T,onProgressStep:N,onDurationChanged:x,onVolumeChanged:P}),ne=te.ref,ae=(0,b.Z)(te,Z);null!==i&&(i.current=ae,i.current.mediaRef=ne);var le=ae.playing,ie=ae.muted,oe=ae.dataReady,re=ae.play,ue=ae.pause,se=ae.unMute;(0,f.useEffect)((function(){oe&&null!==C&&C()}),[oe,C]);var de=null!==a&&null!==l;(0,f.useEffect)((function(){s?(re(),"auto"===u&&ie&&$&&se()):ue()}),[s]);var ce=(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=ce.current!==p;n&&a&&!me.current&&null!==t&&void 0!==t.load&&(me.current=!0,t.load())}),[p]),f.createElement("div",{className:d()([A.container,(t={},(0,o.Z)(t,w,null!==w),(0,o.Z)(t,A.paused,!le),(0,o.Z)(t,A.withSize,de),t)]),style:de?{width:a,height:l}:null},K?f.createElement("img",{src:L,alt:V,className:A.video}):f.createElement("video",{key:L,ref:ne,src:null===H?L:null,autoPlay:s,loop:c,muted:ie,preload:p,playsInline:m,crossOrigin:v?"anonymous":null,tabIndex:O?"0":"-1",className:A.video},(H||[]).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},q=function(e){var t=e.width,n=e.height,a=e.fit,l=e.horizontalAlign,i=e.verticalAlign,u=e.repeat,s=e.color,c=e.media,m=e.className,p=e.playing,g=e.children,y=e.loadingMode,v=e.shouldLoad,b=c||{},w=b.type,C=void 0===w?null:w,M=b.metadata,E=void 0===M?null:M,S=b.thumbnail_url,k=E||{},T=k.width,N=void 0===T?0:T,x=k.height,P=void 0===x?0:x,A="video"===C,Z="image"===C,F=v||"lazy"!==y,I=(0,f.useRef)(F);F&&!I.current&&(I.current=F);var z=I.current,q=(0,r.Z)({width:t,height:n},(0,h.getStyleFromColor)(s));if(null!==c&&(Z||A&&!p)){var j=(0,h.getOptimalImageUrl)(A?{url:S}:c,t,n);q.backgroundImage=null!==j&&z?'url("'.concat(j,'")'):null,q.backgroundRepeat=u&&!A?"repeat":"no-repeat",q.backgroundPosition=[l,i].join(" "),null!==a?q.backgroundSize=a:u&&!A||(q.backgroundSize="cover")}var B={};if(A&&p)if(t>0&&n>0){var D=(0,O.QQ)(N,P,t,n,{cover:"cover"===a||null===a}),V=D.width,W=void 0===V?0:V,_=D.height,G=void 0===_?0:_;B.width=W,B.height=G,B.left=-(W-t)/2,B.top=-(G-n)/2}else B.objectFit="cover";return f.createElement("div",{className:d()([L.container,(0,o.Z)({},m,null!==m)]),style:q},A&&p?f.createElement("div",{className:L.videoContainer,style:B},f.createElement(R,{className:L.video,media:c,autoPlay:p,initialMuted:!0,loop:!0,preload:z?"auto":"metadata"})):null,f.createElement("div",{className:L.content},g))};q.propTypes=z,q.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 j=["horizontalAlign","verticalAlign"],B={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,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,u=e.className,s=e.loadingMode,c=e.shouldLoad,m=t>0&&n>0,p=(0,f.useMemo)((function(){return(0,h.getLayersFromBackground)(a)}),[a]),g=p.length,y=(0,r.Z)({},m?{width:t,height:n}:null);return f.createElement("div",{className:d()([L.container,(0,o.Z)({},u,null!==u)]),style:y},f.createElement("div",{className:L.layers},p.map((function(e,a){var i,r=e.horizontalAlign,u=void 0===r?void 0:r,m=e.verticalAlign,p=void 0===m?void 0:m,y=(0,b.Z)(e,j);return f.createElement("div",{key:"background-".concat(a),className:d()([L.layer,(i={},(0,o.Z)(i,L.bottom,"bottom"===p),(0,o.Z)(i,L.right,"right"===u),i)]),style:{zIndex:g-a}},f.createElement(q,Object.assign({width:t,height:n,className:L.background,playing:l,horizontalAlign:u,verticalAlign:p,loadingMode:s,shouldLoad:c},y)))}))),f.createElement("div",{className:L.content},i))};D.propTypes=B,D.defaultProps={width:null,height:null,background:[],playing:!1,children:null,className:null,loadingMode:"lazy",shouldLoad:!0};var V=n(74161),W=n(33057),_=["textStyle","buttonStyle","type","disabled","focusable","onClick","children","className","refButton"],G={textStyle:a.PropTypes.textStyle,buttonStyle:a.PropTypes.boxStyle,type:m().oneOf(["button","submit"]),disabled:m().bool,focusable:m().bool,onClick:m().func,children:m().node,className:m().string,refButton:m().oneOfType([m().func,m().shape({current:m().any})])},H=function(e){var t=e.textStyle,n=e.buttonStyle,a=e.type,l=e.disabled,i=e.focusable,u=e.onClick,s=e.children,c=e.className,m=e.refButton,g=(0,b.Z)(e,_),y=null;return null!==t&&(y=(0,r.Z)((0,r.Z)({},y),(0,h.getStyleFromText)(t))),null!==n&&(y=(0,r.Z)((0,r.Z)({},y),(0,h.getStyleFromBox)(n))),f.createElement(p.Button,Object.assign({className:d()(["micromag-element-button-container",(0,o.Z)({},c,null!==c)]),disabled:l,style:y,onClick:u,refButton:m,type:a,focusable:i},g),s)};H.propTypes=G,H.defaultProps={textStyle:null,buttonStyle:null,type:"button",disabled:!1,focusable:!0,onClick:null,children:null,className:null,refButton:null};var U=n(80742),Y={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},Q=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,u=e.lineClamp,s=e.showEmpty,c=e.className,m=e.emptyClassName,g=e.inline,y=a||{},v=y.link,b=void 0===v?null:v,w=y.highlight,C=void 0===w?null:w,M={},E=null!==b?(0,h.getStyleFromLink)(b):null,S=null!==C?(0,h.getStyleFromHighlight)(C):null;null!==a&&(M=(0,r.Z)((0,r.Z)({},M),(0,h.getStyleFromText)(a))),null!==u&&(M.WebkitLineClamp=u),null!==i&&(M=(0,r.Z)((0,r.Z)({},M),(0,h.getStyleFromMargin)(i))),null!==l&&(E=(0,r.Z)((0,r.Z)({},E),(0,h.getStyleFromText)(l)));var k=null!==E||null!==C,T=(0,f.useMemo)((function(){return k?"text-component-".concat((0,U.Z)()):null}),[k]),N={id:T,className:d()(["micromag-element-text-container",(t={},(0,o.Z)(t,"micromag-element-text-withLineClamp",null!==u),(0,o.Z)(t,"micromag-element-text-showEmpty",s),(0,o.Z)(t,m,s&&null!==m),(0,o.Z)(t,c,null!==c),t)]),style:M,dangerouslySetInnerHTML:{__html:n}},x="".concat(g?"span":"div");return f.createElement(f.Fragment,null,null!==E?f.createElement(p.LinkStyle,{selector:"#".concat(T),style:E}):null,null!==S?f.createElement(p.HighlightStyle,{selector:"#".concat(T),style:S}):null,f.createElement(x,N))};Q.propTypes=Y,Q.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,lineClamp:null,showEmpty:!1,className:null,emptyClassName:null,inline:!1};var X={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,className:m().string};function K(e){var t,n=e.iframeRef,a=e.src,l=e.width,i=e.height,r=e.closeable,u=e.onClose,s=e.className;return f.createElement("div",{className:d()([X.container,(t={},(0,o.Z)(t,X.closeable,r),(0,o.Z)(t,s,null!==s),t)]),style:{width:l,height:i}},r?f.createElement("div",{className:X.top},f.createElement(H,{className:X.close,onClick:u},f.createElement(W.FontAwesomeIcon,{className:X.icon,icon:V.faTimes,size:"lg"}))):null,f.createElement("iframe",{className:X.iframe,ref:n,title:"Popup",src:a}))}K.propTypes=J,K.defaultProps={iframeRef:null,src:null,width:null,height:null,closeable:!1,onClose:null,className:null};var $={elRef:m().oneOfType([m().func,m().shape({current:m().any})]),disabled:m().bool,animationDisabled:m().bool,callToAction:a.PropTypes.callToAction,screenSize:m().shape({width:m().number,height:m().number}),dragAmount:m().number,className:m().string,focusable:m().bool};function ee(e){var t,n=e.elRef,a=e.disabled,l=e.animationDisabled,i=e.callToAction,s=e.screenSize,c=e.dragAmount,m=e.className,p=e.focusable,g=i||{},y=g.active,v=void 0!==y&&y,b=g.type,w=void 0===b?null:b,C=g.url,E=void 0===C?null:C,S=g.label,k=void 0===S?null:S,T=g.buttonStyle,N=void 0===T?null:T,x=g.inWebView,P=void 0!==x&&x,O=(0,f.useState)(!1),A=(0,u.Z)(O,2),Z=A[0],F=A[1],I=null===w||"swipe-up"===w,R=(0,f.useMemo)((function(){return(0,h.isValidUrl)(E)}),[E]),L=(0,f.useRef)(null),z=(k||{}).textStyle,q=(z=void 0===z?{}:z).fontSize,j=void 0===q?null:q,B=z.color,D=void 0===B?null:B,_=(0,f.useMemo)((function(){return(0,r.Z)((0,r.Z)({},{fontSize:j}),(0,h.getStyleFromColor)(D,"color"))}),[j,D]),G=(0,f.useRef)(null),U=(0,f.useState)(!1),Y=(0,u.Z)(U,2),X=Y[0],J=Y[1],$=(0,M.useGesture)({onDrag:function(e){e.event.preventDefault()},onDragEnd:function(e){(0,u.Z)(e.movement,2)[1]<-c&&(P?F(!0):(0,h.isIos)()?(G.current.click(),J(!0)):L.current&&L.current.click())}});(0,f.useEffect)((function(){var e=function(){J(!1)};return window.addEventListener("pagehide",e),function(){window.removeEventListener("pagehide",e)}}),[J]);var ee=(0,f.useCallback)((function(){F(!0)}),[F]),te=(0,f.useCallback)((function(){F(!1)}),[F]);return v?f.createElement(f.Fragment,null,f.createElement("div",{className:d()(["micromag-element-call-to-action-container",(t={},(0,o.Z)(t,m,null!==m),(0,o.Z)(t,"micromag-element-call-to-action-disabled",a),(0,o.Z)(t,"micromag-element-call-to-action-animationDisabled",l),(0,o.Z)(t,"micromag-element-call-to-action-invalidUrl",!R),(0,o.Z)(t,"micromag-element-call-to-action-withWebView",P),t)]),ref:n},X?f.createElement("div",{className:"micromag-element-call-to-action-leavingFrame"}):null,f.createElement("a",{className:"micromag-element-call-to-action-selfTargetLink",href:E,ref:G,tabIndex:p?"0":"-1"}),I?f.createElement(W.FontAwesomeIcon,{className:"micromag-element-call-to-action-arrow",style:_,icon:V.faChevronUp}):null,f.createElement(H,Object.assign({className:"micromag-element-call-to-action-button",refButton:L,focusable:p,buttonStyle:(0,r.Z)({marginBottom:10},N)},I&&!a?$():null,P?{onClick:ee}:{href:E,external:!0}),f.createElement("span",{className:"micromag-element-call-to-action-label"},f.createElement(Q,Object.assign({},k,{inline:!0}))))),P?f.createElement(K,Object.assign({className:d()(["micromag-element-call-to-action-webView",(0,o.Z)({},"micromag-element-call-to-action-visible",Z)]),src:E,closeable:!0,onClose:te},s)):null):null}ee.propTypes=$,ee.defaultProps={elRef:null,disabled:!1,animationDisabled:!1,callToAction:null,screenSize:null,dragAmount:50,className:null,focusable:!0};var te=f.forwardRef((function(e,t){return f.createElement(ee,Object.assign({elRef:t},e))})),ne=n(42188),ae=n.n(ne),le=n(92351),ie=n.n(le),oe={media:a.PropTypes.closedCaptionsMedia,currentTime:m().number,timeOffset:m().string,className:m().string},re=function(e){var t=e.currentTime,n=e.timeOffset,a=e.media,l=e.className,i=(a||{}).url,r=void 0===i?null:i,s=(0,f.useState)([]),c=(0,u.Z)(s,2),m=c[0],p=c[1],g=(0,f.useState)(-1),y=(0,u.Z)(g,2),v=y[0],b=y[1],w=null!==n?n.split(/[\t ]*-->[\t ]*/):null,C=null!==w&&w.length?(0,h.getSecondsFromTime)(w[0]):0;(0,f.useEffect)((function(){null!==r&&ie()(r,{mode:"cors"}).then((function(e){return e.text()})).then((function(e){return ae()(e)})).then((function(e){p(e)})).catch((function(e){console.error(e)}))}),[r,ie(),p]);var M=(0,f.useCallback)((function(e){var t=m.findIndex((function(t){return e>=t.start-C&&e<=t.end-C}));return t}),[m,C]);(0,f.useEffect)((function(){if(m.length>0){var e=M(t);e!==v&&b(e)}}),[t,m,M,b]);var E=-1!==v?m[v]:null,S=null!==E;return f.createElement("div",{className:d()(["micromag-element-closed-captions-container",(0,o.Z)({},l,null!==l)])},S?f.createElement("div",{className:"micromag-element-closed-captions-captions",dangerouslySetInnerHTML:S?{__html:E.text}:null}):null)};re.propTypes=oe,re.defaultProps={media:null,currentTime:0,timeOffset:null,className:null};var ue={width:m().number.isRequired,height:m().number.isRequired,className:m().string,children:m().node};function se(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:d()(["micromag-element-container-container",(0,o.Z)({},a,null!==a)]),style:i},l)}se.propTypes=ue,se.defaultProps={className:null,children:null};var de=n(76009),ce=n.n(de),me=n(98689),fe=n.n(me),pe=f.createContext({direction:"horizontal"}),ge={children:m().node.isRequired,direction:m().oneOf(["vertical","horizontal"])};function ye(e){var t=e.direction,n=e.children,a=(0,f.useMemo)((function(){return{direction:t}}),[t]);return f.createElement(pe.Provider,{value:a},n)}ye.propTypes=ge,ye.defaultProps={direction:"vertical"};var he={size:m().number,minSize:m().number,maxSize:m().number,className:m().string};function ve(e){var t,n=e.size,a=e.minSize,l=e.maxSize,i=e.className,r=(0,f.useContext)(pe).direction;return f.createElement("div",{className:d()(["micromag-element-stack-spacer-container",(t={},(0,o.Z)(t,"micromag-element-stack-spacer-hasSize",null!==n),(0,o.Z)(t,i,null!==i),t)]),style:{width:"horizontal"===r?n:null,minWidth:"horizontal"===r?a:null,maxWidth:"horizontal"===r?l:null,height:"vertical"===r?n:null,minHeight:"vertical"===r?a:null,maxHeight:"vertical"===r?l:null}})}ve.propTypes=he,ve.defaultProps={size:null,minSize:null,maxSize:null,className:null},ve.withoutTransitionsWrapper=!0;var be={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 we(e){var t=e.direction,n=e.align,a=e.spacing,l=e.reverse,i=e.size,r=e.minSize,u=e.maxSize,s=e.className,c=e.children,m=("vertical"===t?"column":"row")+(l?"-reverse":""),p="center"===n?n:"flex-".concat(n),g=fe()(a)?"space-".concat(a):null,y=ce()(a)?a:null,h=null!==c&&c.length?c.length-1:null;return f.createElement(ye,{direction:t},f.createElement("div",{className:d()(["micromag-element-stack-container",(0,o.Z)({},s,null!==s)]),style:{flexDirection:m,alignItems:p,justifyContent:g,width:"horizontal"===t?i:null,minWidth:"horizontal"===t?r:null,maxWidth:"horizontal"===t?u:null,height:"vertical"===t?i:null,minHeight:"vertical"===t?r:null,maxHeight:"vertical"===t?u:null}},f.Children.toArray(c).reduce((function(e,t,n){return t.type!==ve&&null!==y&&n<h?[].concat((0,v.Z)(e),[t,f.createElement(ve,{key:"spacer-".concat(n),size:y})]):[].concat((0,v.Z)(e),[t])}),[])))}function Ce(e){return f.createElement(we,Object.assign({},e,{direction:"horizontal"}))}function Me(e){return f.createElement(we,Object.assign({},e,{direction:"vertical"}))}we.propTypes=be,we.defaultProps={direction:"horizontal",align:"center",spacing:null,reverse:!1,size:null,minSize:null,maxSize:null,className:null,children:null},Ce.propTypes={},Ce.defaultProps={},Me.propTypes={},Me.defaultProps={};var Ee={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},Se=function(e){var t,n=e.width,a=e.height,l=e.horizontalAlign,i=e.verticalAlign,u=e.distribution,s=e.fullscreen,c=e.className,m=e.children,p=e.style,g=null;null!==u?g="space-".concat(u):"middle"===i?g="center":"bottom"===i&&(g="flex-end");var y=null;"center"===l?y="center":"right"===l&&(y="flex-end");var h=(0,r.Z)({width:n,height:a,justifyContent:g,alignItems:y},p);return f.createElement(ye,{direction:"vertical"},f.createElement("div",{className:d()(["micromag-element-layout-container",(t={},(0,o.Z)(t,"micromag-element-layout-fullscreen",s),(0,o.Z)(t,c,null!==c),t)]),style:h},m))};Se.propTypes=Ee,Se.defaultProps={width:null,height:null,horizontalAlign:"left",verticalAlign:"top",distribution:null,fullscreen:!1,className:null,children:null,style:null};var ke=n(98575),Te="micromag-element-media-controls-seek-bar-time",Ne={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},xe=function(e){var t,n=e.currentTime,a=e.duration,l=e.playing,i=e.backgroundColor,r=e.progressColor,s=e.withTime,c=e.onSeek,m=e.focusable,p=e.className,g=(0,ke.Z)(),y=(0,w.useSpring)((function(){return{x:0,config:{duration:0}}})),h=(0,u.Z)(y,2),v=h[0],b=h[1];(0,f.useEffect)((function(){if(null!==n&&null!==a){var e=n/a;b.start({reset:!0,immediate:!l,from:{x:e},to:{x:l?1:e},config:{duration:1e3*(a-n)}})}}),[l,a,n,b]);var M=(0,f.useCallback)((function(e){if(null!==c&&null!==a){var t=e.currentTarget.getBoundingClientRect(),n=(e.pageX-t.left)/t.width;c(n*a)}}),[a]),E=(0,f.useMemo)((function(){return n>3600||a>3600?11:14}),[n,a]),S=(0,f.useMemo)((function(){if(s){var e=new Date(null);return e.setSeconds(n),e.toISOString().substring(E,19)}return null}),[n,E,s]),k=(0,f.useMemo)((function(){if(s){var e=new Date(null);return e.setSeconds(a),e.toISOString().substring(E,19)}return null}),[a,E,s]);return f.createElement("div",{className:d()(["micromag-element-media-controls-seek-bar-container",(t={},(0,o.Z)(t,"micromag-element-media-controls-seek-bar-withTime",s),(0,o.Z)(t,p,null!==p),t)])},s?f.createElement("div",{className:Te},S):null,f.createElement("div",{className:"micromag-element-media-controls-seek-bar-inner"},f.createElement("div",{className:"micromag-element-media-controls-seek-bar-progressBar",style:{backgroundColor:i}},f.createElement(C.animated.div,{className:"micromag-element-media-controls-seek-bar-progress",style:{transform:v.x.to((function(e){return"scaleX(".concat(e,")")})),backgroundColor:r}})),f.createElement("button",{type:"button",className:"micromag-element-media-controls-seek-bar-button",onClick:M,title:g.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),"aria-label":g.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),tabIndex:m?"0":"-1"})),s?f.createElement("div",{className:Te},k):null)};xe.propTypes=Ne,xe.defaultProps={currentTime:null,duration:null,playing:!1,backgroundColor:"white",progressColor:"lightblue",withTime:!1,onSeek:null,focusable:!0,className:null};var Pe={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"},Oe={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},Ae=function(e){var t,n=e.playing,a=e.muted,l=e.currentTime,i=e.duration,r=e.onTogglePlay,u=e.onToggleMute,s=e.onSeek,c=e.withSeekBar,m=e.withPlayPause,p=e.withTime,g=e.color,y=e.progressColor,v=e.className,b=e.focusable,w=(0,ke.Z)(),C=fe()(g)?{color:g,alpha:1}:g,M=(C||{}).color,E=void 0===M?"white":M,S=fe()(g)?{progressColor:y,alpha:1}:g,k=(0,f.useMemo)((function(){return S||(0,h.getContrastingColor)(C)}),[S,C]);return f.createElement("div",{className:d()([Pe.container,(t={},(0,o.Z)(t,v,null!==v),(0,o.Z)(t,Pe.playing,n),(0,o.Z)(t,Pe.muted,a),(0,o.Z)(t,Pe.withPlayPause,m),(0,o.Z)(t,Pe.withSeekBar,c),t)]),style:{color:E}},f.createElement("div",{className:Pe.toggles},f.createElement("button",{type:"button",className:Pe.playPauseButton,onClick:r,title:w.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),"aria-label":w.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),tabIndex:b?"0":"-1"},f.createElement(W.FontAwesomeIcon,{className:Pe.icon,icon:n?V.faPause:V.faPlay})),f.createElement("button",{type:"button",className:Pe.muteButton,onClick:u,title:w.formatMessage({id:"vzg8Es",defaultMessage:[{type:0,value:"Mute"}]}),"aria-label":w.formatMessage({id:"vzg8Es",defaultMessage:[{type:0,value:"Mute"}]}),tabIndex:b?"0":"-1"},f.createElement(W.FontAwesomeIcon,{className:Pe.icon,icon:V.faVolumeUp}))),c?f.createElement(xe,{className:Pe.seekBar,currentTime:l,duration:i,playing:n,onSeek:s,focusable:b,withTime:p,backgroundColor:E,progressColor:k}):null)};Ae.propTypes=Oe,Ae.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 Ze=n(18001),Fe={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"},Ie={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},Re=function(e){var t;e.layout;var n=e.audio,a=e.spacing,l=e.background,s=e.callToAction,c=e.current,m=e.active,v=e.transitions,b=e.getMediaRef,w=e.showWave,C=e.className,M=(0,y.useTrackScreenMedia)("audio"),E=(0,g.useScreenSize)(),S=E.width,k=E.height,T=E.menuOverScreen,N=(0,g.useScreenRenderContext)(),x=N.isPlaceholder,O=N.isPreview,A=N.isView,Z=N.isEdit,F=N.isStatic,I=N.isCapture,R=(0,g.useViewer)().menuSize,L=null!==s&&!0===s.active,z=(0,f.useState)(F||x),q=(0,u.Z)(z,2),j=q[0],B=q[1],V=c&&(A||Z),W=c||m||!A,_=c&&j,G=F||I||x||O||Z,H=null!==n,U=n||{},Y=U.media,Q=void 0===Y?null:Y,X=U.autoPlay,J=void 0===X||X,K=U.closedCaptions,$=void 0===K?null:K,ee=U.withPlayPause,ne=void 0!==ee&&ee,ae=U.color,le=void 0===ae?null:ae,ie=U.progressColor,oe=void 0===ie?null:ie,ue=(Q||{}).url,de=null!==(void 0===ue?null:ue),ce=H?(0,r.Z)((0,r.Z)({},n),{},{autoPlay:!O&&!F&&!I&&J&&c}):null,me=null!==$,fe=(0,f.useCallback)((function(){B(!0)}),[B]),pe=(0,f.useRef)(),ge=pe.current||{},ye=ge.togglePlay,he=ge.toggleMute,be=ge.play,we=ge.pause,Ce=ge.seek,Me=ge.mediaRef,Ee=void 0===Me?null:Me;(0,f.useEffect)((function(){null!==Ee&&null!==b&&b(Ee.current)}),[Ee,b]);var ke=(0,f.useState)(null),Te=(0,u.Z)(ke,2),Ne=Te[0],xe=Te[1],Pe=(0,f.useState)(null),Oe=(0,u.Z)(Pe,2),Ze=Oe[0],Ie=Oe[1],Re=(0,f.useState)(!1),Le=(0,u.Z)(Re,2),ze=Le[0],qe=Le[1],je=(0,f.useState)(!1),Be=(0,u.Z)(je,2),De=Be[0],Ve=Be[1],We=(0,f.useMemo)((function(){return(0,h.isIos)()}),[h.isIos]),_e=(0,f.useCallback)((function(e){xe(e)}),[Ie,Ze]),Ge=(0,f.useCallback)((function(e){M(n,"progress_".concat(Math.round(100*e,10),"%"))}),[M,n]),He=(0,f.useCallback)((function(e){Ie(e)}),[Ie]),Ue=(0,f.useCallback)((function(e){var t=e.initial;qe(!0),M(n,t?"play":"resume")}),[M,n]),Ye=(0,f.useCallback)((function(e){var t=e.midway;qe(!1),M(n,t?"pause":"ended")}),[M,n]),Qe=(0,f.useCallback)((function(e){Ce(e),be()}),[Ce,be]),Xe=(0,f.useCallback)((function(e){Ve(e),M(n,e?"mute":"unmute")}),[M,n]),Je=(0,f.useCallback)((function(e){e>0&&M(n,"seek")}),[M,n]),Ke=(0,f.useCallback)((function(){De&&!ze&&be(),he()}),[De,he]);(0,f.useEffect)((function(){!c&&ze&&we()}),[ze,c]);var $e=(0,y.useLongPress)({onLongPress:ye}),et=!x&&L?f.createElement("div",{style:{marginTop:-a/2},key:"call-to-action"},f.createElement(te,{callToAction:s,animationDisabled:O,focusable:c&&A,screenSize:{width:S,height:k}})):null,tt=[f.createElement(ve,{key:"spacer-top"}),f.createElement(p.ScreenElement,{key:"audio",placeholder:"audio",emptyLabel:f.createElement(i.Z,{id:"MYZwSA",defaultMessage:[{type:0,value:"Audio"}]}),emptyClassName:Fe.empty,isEmpty:!de},f.createElement(p.Transitions,{transitions:v,playing:_,disabled:G},f.createElement(P,Object.assign({},ce,{ref:pe,waveFake:We||O,waveProps:O?{sampleWidth:10,sampleMargin:5,minSampleHeight:5,backgroundColor:le,progressColor:oe}:{backgroundColor:le,progressColor:oe},className:Fe.audio,onReady:fe,onPlay:Ue,onPause:Ye,onTimeUpdate:_e,onProgressStep:Ge,onDurationChanged:He,onSeeked:Je,onVolumeChanged:Xe,showWave:w})))),f.createElement(ve,{key:"spacer-middle"}),x?null:f.createElement("div",{key:"controls",className:Fe.bottomContent},!me||O||I||F?null:f.createElement(re,{className:Fe.closedCaptions,media:$,currentTime:Ne}),de?f.createElement(Ae,{className:Fe.mediaControls,withPlayPause:ne,playing:ze,muted:De,onTogglePlay:ye,onToggleMute:Ke,focusable:c&&A,withSeekBar:!w,duration:Ze,currentTime:Ne,onSeek:Qe}):null,et)].filter((function(e){return null!==e}));return f.createElement("div",Object.assign({className:d()([Fe.container,(t={},(0,o.Z)(t,C,null!==C),(0,o.Z)(t,Fe.placeholder,x),(0,o.Z)(t,Fe.isPreview,O),t)]),"data-screen-ready":j},$e),x?null:f.createElement(D,{background:l,width:S,height:k,playing:V,shouldLoad:W}),f.createElement(se,{width:S,height:k},f.createElement(Se,{fullscreen:!0,style:x?null:{padding:a,paddingTop:(T&&!O?R:0)+a}},tt)))};Re.propTypes=Ie,Re.defaultProps={layout:"middle",audio:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,getMediaRef:null,showWave:!1,className:null};var Le=f.memo(Re),ze=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.audio||{}).media,a=void 0===n?null:n,l=(0,Ze.Bb)(e,a),i=l.story,o=l.component;console.log(a);var u=(0,Ze.W2)(i,(0,v.Z)(o?[o]:[])),s=u.story,d=u.component;return(0,r.Z)((0,r.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(d?[d]:[]))})}}),qe={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:Le,layouts:["middle"],transforms:ze,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"}}}]},je=n(87371),Be=n(9249),De=n(45754),Ve=n(86906),We=n(53306),_e=n(83857),Ge=n(75968),He=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,Be.Z)(this,e),this.options=(0,r.Z)((0,r.Z)({routes:{}},t),{},{baseUrl:t.baseUrl||"https://micromag.ca/api"})}return(0,je.Z)(e,[{key:"requestGet",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=null!==t?(0,Ge.stringify)(t,{arrayFormat:"bracket"}):null;return(0,We.getJSON)("".concat(this.getFullUrl(e)).concat(null!==n&&n.length>0?"?".concat(n):""),{credentials:"include",headers:(0,We.getCSRFHeaders)()})}},{key:"requestPost",value:function(e,t){return(0,We.postJSON)(this.getFullUrl(e),t,{credentials:"include",headers:(0,We.getCSRFHeaders)()})}},{key:"requestPut",value:function(e,t){return(0,We.postJSON)(this.getFullUrl(e),(0,r.Z)({_method:"PUT"},t),{credentials:"include",headers:(0,We.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,_e.generatePath)(n[e]||e,t)}},{key:"getFullUrl",value:function(e){var t=this.options.baseUrl;return"".concat(t.replace(/\/$/,""),"/").concat(e.replace(/^\//,""))}}]),e}(),Ue=function(e){(0,De.Z)(n,e);var t=(0,Ve.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,Be.Z)(this,n),t.call(this,(0,r.Z)((0,r.Z)({},e),{},{routes:(0,r.Z)({index:"/contributions/:screen",store:"/contributions",update:"/contributions/:contribution",delete:"/contributions/:contribution"},e.routes||null)}))}return(0,je.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,r.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}(He),Ye=function(e){(0,De.Z)(n,e);var t=(0,Ve.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,Be.Z)(this,n),t.call(this,(0,r.Z)((0,r.Z)({},e),{},{routes:(0,r.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,je.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,r.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,r.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,r.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}(He),Qe=function(e){(0,De.Z)(n,e);var t=(0,Ve.Z)(n);function n(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,Be.Z)(this,n),t.call(this,(0,r.Z)((0,r.Z)({},e),{},{routes:(0,r.Z)({results:"/quiz/:screen",store:"/quiz",update:"/quiz/:quiz",delete:"/quiz/:quiz"},e.routes||null)}))}return(0,je.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}(He),Xe=function(e){(0,De.Z)(n,e);var t=(0,Ve.Z)(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,Be.Z)(this,n),(e=t.call(this,a)).medias=new Ye(a),e.contributions=new Ue(a),e.quiz=new Qe(a),e}return(0,je.Z)(n)}(He),Je=f.createContext(null),Ke=function(){return(0,f.useContext)(Je)},$e={api:m().instanceOf(Xe),baseUrl:m().string,children:m().node.isRequired},et=function(e){var t=e.api,n=e.baseUrl,a=e.children,l=Ke(),i=(0,f.useMemo)((function(){return t||l||new Xe({baseUrl:n})}),[l,t,n]);return f.createElement(Je.Provider,{value:i},a)};et.propTypes=$e,et.defaultProps={api:null,baseUrl:void 0};var tt=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,o=(0,f.useState)(!1),r=(0,u.Z)(o,2),s=r[0],d=r[1],c=(0,f.useState)(!1),m=(0,u.Z)(c,2),p=m[0],g=m[1],y=(0,f.useState)(a),h=(0,u.Z)(y,2),v=h[0],b=h[1],w=(0,f.useCallback)((function(){var t=!1;d(!0);var n=e.apply(void 0,arguments).then((function(e){return t||(b(e),d(!1)),e})).catch((function(e){g(e),d(!1)}));return n.cancel=function(){t=!0,d(!1)},n}),[e,d,b]);return(0,f.useEffect)((function(){var e=null;return i&&(e=w()),function(){null!==e&&e.cancel()}}),[i,w]),{data:v,load:w,loading:s,error:p}},nt=["data"],at=["data"],lt=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=Ke(),i=(0,f.useState)(!1),o=(0,u.Z)(i,2),s=o[0],d=o[1],c=(0,f.useCallback)((function(e){return null===l?null:(d(!0),l.quiz.create((0,r.Z)({screen_id:t},e)).then((function(e){return d(!1),null!==a&&a(e),e})))}),[l,d,a,t]);return{create:c,creating:s}},it={api:m().instanceOf(Xe),apiBaseUrl:m().string,children:m().node},ot=function(e){var t=e.api,n=e.apiBaseUrl,a=e.children;return f.createElement(et,{api:t,baseUrl:n},a)};ot.propTypes=it,ot.defaultProps={api:null,apiBaseUrl:void 0,children:null};var rt={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},ut=function(e){var t=e.size,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,u=e.className,s="h".concat(t),c=a||{},m=c.link,g=void 0===m?null:m,y=c.highlight,v=void 0===y?null:y,b=null,w=null!==g?(0,h.getStyleFromLink)(g):null,C=null!==v?(0,h.getStyleFromHighlight)(v):null;null!==a&&(b=(0,r.Z)((0,r.Z)({},b),(0,h.getStyleFromText)(a))),null!==i&&(b=(0,r.Z)((0,r.Z)({},b),(0,h.getStyleFromMargin)(i))),null!==l&&(w=(0,r.Z)((0,r.Z)({},w),(0,h.getStyleFromText)(l)));var M=null!==w||null!==v,E=(0,f.useMemo)((function(){return M?"text-component-".concat((0,U.Z)()):null}),[M]);return f.createElement(f.Fragment,null,null!==w?f.createElement(p.LinkStyle,{selector:"#".concat(E),style:w}):null,null!==C?f.createElement(p.HighlightStyle,{selector:"#".concat(E),style:C}):null,f.createElement(s,{id:E,className:d()(["micromag-element-heading-container",(0,o.Z)({},u,null!==u)]),style:b,dangerouslySetInnerHTML:{__html:n}}))};ut.propTypes=rt,ut.defaultProps={size:1,body:null,textStyle:null,linksStyle:null,margin:null,className:null};var st=n(55976),dt="micromag-element-text-input-element",ct={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},mt=function(e){var t,n=e.label,a=e.labelOutside,l=e.labelClassName,i=e.textStyle,u=e.buttonStyle,s=e.labelOutsideStyle,c=e.margin,m=e.multiline,p=e.value,g=e.onChange,y=e.onFocus,v=e.onBlur,b=e.required,w=e.disabled,C=e.focusable,M=e.className,E={},S={},k={};null!==c&&(E=(0,r.Z)((0,r.Z)({},E),(0,h.getStyleFromMargin)(c))),null!==s&&(S=(0,r.Z)((0,r.Z)({},S),(0,h.getStyleFromText)(s))),null!==i&&(k=(0,r.Z)((0,r.Z)({},k),(0,h.getStyleFromText)(i))),null!==u&&(k=(0,r.Z)((0,r.Z)({},k),(0,h.getStyleFromBox)(u)));var T={className:d()(["micromag-element-text-input-container",(t={},(0,o.Z)(t,M,null!==M),(0,o.Z)(t,dt,!a),t)]),style:E},N=(0,r.Z)((0,r.Z)({className:dt},a?null:T),{},{style:k,placeholder:a?void 0:n,value:p,onChange:g,onFocus:y,onBlur:v,required:b,disabled:w}),x=m?f.createElement("textarea",Object.assign({},N,{tabIndex:C?"0":"-1"})):f.createElement("input",Object.assign({},N,{type:"text",tabIndex:C?"0":"-1"}));return a?f.createElement("label",T,f.createElement("div",{className:l,style:S},n),x):x};mt.propTypes=ct,mt.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 ft={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"},pt={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},gt=function(e){var t,n=e.id,a=e.layout,l=e.title,s=e.name,c=e.message,m=e.submit,w=e.nameStyle,C=e.messageStyle,M=e.spacing,E=e.background,S=e.callToAction,k=e.current,T=e.active,N=e.transitions,x=e.transitionStagger,P=e.resizeTransitionDuration,O=e.type,A=e.className,Z=n||"screen-id",F=(0,y.useTrackScreenEvent)(O),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,q=(0,g.useViewer)().menuSize,j=(0,g.useScreenRenderContext)(),B=j.isView,_=j.isPreview,G=j.isPlaceholder,U=j.isEdit,Y=j.isStatic,X=j.isCapture,J=k&&(B||U),K=k||T||!B,$=k,ee=Y||X||G||_||U,ne=!U&&ee||!k,ae=(0,h.isTextFilled)(l),le=(0,h.isLabelFilled)(s),ie=(0,h.isLabelFilled)(c),oe=(0,h.isTextFilled)(m),re=(0,f.useRef)(null),ue=(0,f.useRef)(null),de=(0,f.useState)(null),ce=(0,u.Z)(de,2),me=ce[0],fe=ce[1],pe=(0,f.useState)(""),ge=(0,u.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(""),be=(0,u.Z)(ve,2),we=be[0],Ce=be[1],Me=(0,f.useState)(Y||X?4:0),Ee=(0,u.Z)(Me,2),Se=Ee[0],ke=Ee[1],Te=(0,f.useCallback)((function(){ke(2),F("submit_success","".concat(ye,": ").concat(we))}),[ke,F,ye,we]),Ne=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=Ke(),i=(0,f.useState)(!1),o=(0,u.Z)(i,2),s=o[0],d=o[1];return{create:(0,f.useCallback)((function(e){return null===l?null:(d(!0),l.contributions.create((0,r.Z)({screen_id:t},e)).then((function(e){return d(!1),null!==a&&a(e),e})))}),[l,d,a,t]),creating:s}}({screenId:Z}),xe=Ne.create,Pe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,n=e.opts,a=void 0===n?{}:n,l=Ke(),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)}}))),o=(0,u.Z)(i,1)[0],s=(0,f.useCallback)((function(){return null!==l?l.contributions.get(t):null}),[l,t]),d=null!==l?tt(s,a):{data:null},c=d.data,m=(0,b.Z)(d,nt);return(0,r.Z)({contributions:c||o},m)}({screenId:Z,opts:{autoload:!G}}),Oe=Pe.contributions,Ae=(0,f.useCallback)((function(e){he(e.currentTarget.value)}),[he]),Ze=(0,f.useCallback)((function(e){Ce(e.currentTarget.value)}),[Ce]),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:we}))}),[F,we]),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!==S&&!0===S.active,qe=(0,f.useState)(!1),je=(0,u.Z)(qe,2),Be=je[0],De=je[1],Ve=Be&&4===Se,We=(0,y.useResizeObserver)(),_e=We.ref,Ge=(We.entry.contentRect||{}).height,He=void 0===Ge?0:Ge,Ue=(0,f.useCallback)((function(e){e.initial&&F("scroll","Contributions list"),De(!0)}),[F,De]),Ye=(0,f.useCallback)((function(){De(!1)}),[De]),Qe=(0,f.useCallback)((function(e){e.preventDefault(),0===Se&&(fe(ue.current.offsetHeight),ke(1),xe({name:ye,message:we}),Te(),F("click_submit","".concat(ye,": ").concat(we),{userName:ye,userMessage:we}))}),[Se,ke,ye,we,F,Te]);(0,f.useEffect)((function(){var e=null;return 2===Se&&(e=setTimeout(ke,P,4),fe(re.current.offsetHeight),ke(3)),function(){3===Se&&null!==e&&clearTimeout(e)}}),[Se,fe,ke,P]);var Xe=[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:ft.emptyTitle,isEmpty:!ae},ae?f.createElement(p.Transitions,{transitions:N,playing:$,disabled:ee},f.createElement(ut,Object.assign({},l,{className:ft.title}))):null)],Je=[].concat((0,v.Z)(null!==ye&&null!==we?[{name:ye,message:we}]:[]),(0,v.Z)(Oe||[]));return Xe.push(f.createElement("div",{key:"form",className:ft.interactiveContainer,style:{height:Se<4?me:null,transitionDuration:"".concat(P,"ms")}},f.createElement("form",{className:ft.form,onSubmit:Qe,ref:ue},f.createElement("div",{className:ft.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:ft.emptyInputName,isEmpty:!le},f.createElement(p.Transitions,{transitions:N,playing:$,delay:x,disabled:ee},f.createElement(mt,Object.assign({className:ft.inputName},s,{value:ye,onChange:function(e){return Ae(e)},onBlur:function(e){return Ie(e)},focusable:k&&B,disabled:_,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:ft.emptyInputMessage,isEmpty:!ie},f.createElement(p.Transitions,{transitions:N,playing:$,delay:2*x,disabled:ee},f.createElement(mt,Object.assign({className:ft.inputMessage},c,{value:we,onChange:function(e){return Ze(e)},onBlur:function(e){return Le(e)},disabled:_,focusable:k&&B,multiline:!0,required:!0})))),f.createElement(p.ScreenElement,{placeholder:"button",emptyLabel:f.createElement(i.Z,{id:"5uH4x7",defaultMessage:[{type:0,value:"Submit"}]}),emptyClassName:ft.emptySubmit,isEmpty:!oe},f.createElement(p.Transitions,{transitions:N,playing:$,delay:3*x,disabled:ee},f.createElement(H,{type:"submit",className:ft.buttonSubmit,disabled:_,buttonStyle:null!==m?m.buttonStyle:null,focusable:k&&B},f.createElement(Q,Object.assign({},m,{inline:!0})))))),f.createElement("div",{className:ft.formLoading},f.createElement(W.FontAwesomeIcon,{className:ft.loadingIcon,icon:V.faSpinner}))),f.createElement("div",{className:ft.contributionsContainer,"aria-hidden":4===Se?null:"true"},f.createElement("div",{className:ft.contributionsContent},f.createElement("div",{className:ft.contributions,ref:re},Je.map((function(e,t){var n=null!==w&&w.style||null,a=null!==C&&C.style||null;return f.createElement("div",{key:"contribution-".concat(t),className:ft.contribution,style:null!==n?(0,h.getStyleFromColor)(n.color,"borderColor"):null},f.createElement(ut,{className:ft.contributionName,body:e.name,size:2,textStyle:n}),f.createElement(Q,{className:ft.contributionMessage,body:e.message,textStyle:a}))}))))),ze?f.createElement("div",{style:{height:He}}):null)),f.createElement("div",{className:d()([ft.container,(t={},(0,o.Z)(t,A,null!==A),(0,o.Z)(t,ft.isPlaceholder,G),(0,o.Z)(t,ft.submitting,1===Se),(0,o.Z)(t,ft.submitted,Se>1),(0,o.Z)(t,ft.showContributions,4===Se),t)]),"data-screen-ready":!0},G?null:f.createElement(D,{background:E,width:R,height:L,playing:J,shouldLoad:K}),f.createElement(se,{width:R,height:L},f.createElement("div",{className:ft.content,style:G?null:{padding:M,paddingTop:(z&&!_?q:0)+M}},f.createElement(st.default,{verticalAlign:a,disabled:ne,onScrolledBottom:Ue,onScrolledNotBottom:Ye},Xe),!G&&ze?f.createElement(te,{ref:_e,className:ft.callToAction,disabled:!Ve,animationDisabled:_,callToAction:S,focusable:k&&B,screenSize:{width:R,height:L}}):null)))};gt.propTypes=pt,gt.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 yt={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:gt,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"}}}]},ht={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},vt=function(e){var t=e.media,n=e.alt,a=e.width,l=e.height,i=e.objectFit,s=e.containerStyle,c=e.imageStyle,m=e.className,p=e.imageClassName,g=e.onLoaded,y=e.loadingMode,v=t||{};v.url;var b,w,C=v.metadata,M=(void 0===C?null:C)||{},E=M.width,S=void 0===E?0:E,k=M.height,T=void 0===k?0:k,N=M.description,x=void 0===N?"image":N,P=S/T,A=(0,f.useState)({width:S,height:T}),Z=(0,u.Z)(A,2),F=Z[0],I=F.width,R=void 0===I?0:I,L=F.height,z=void 0===L?0:L,q=Z[1],j=(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||q({width:a||0,height:i||0}),null!==g&&g(e)}),[g]),B=R>0&&z>0;if(null!==i){var D=0,V=0,W=a,_=l,G=null,H=null,U=i||{},Y=U.fit,Q=void 0===Y?null:Y,X=U.horizontalPosition,J=void 0===X?"center":X,K=U.verticalPosition,$=void 0===K?"center":K;if(B){var ee=(0,O.QQ)(R,z,a,l,{cover:"cover"===Q}),te=ee.width,ne=ee.height;W=te,_=ne,"center"===J?V=-(te-a)/2:"right"===J&&(V=-(te-a)),"center"===$?D=-(ne-l)/2:"bottom"===$&&(D=-(ne-l))}else G=Q,H="".concat(J," ").concat($);b={width:a,height:l},w={position:"absolute",width:W,height:_,top:D,left:V,objectFit:G,objectPosition:H}}else{var ae=null!==a?a:null!==l&&"number"==typeof l?l*P:null,le=null!==l?l:null!==a&&"number"==typeof a?a/P:null;null===ae&&null===le&&(ae=R>0?S:null,le=z>0?T:null),b=w={width:ae,height:le}}b=(0,r.Z)((0,r.Z)({},b),s);var ie=w=(0,r.Z)((0,r.Z)({},w),c),oe=ie.width,re=void 0===oe?null:oe,ue=ie.height,se=void 0===ue?null:ue,de=(0,h.getOptimalImageUrl)(t,re,se);return f.createElement("div",{className:d()(["micromag-element-image-container",(0,o.Z)({},m,null!==m)]),style:b},null!==de?f.createElement("img",{src:de,alt:n||x,className:d()(["micromag-element-image-img",(0,o.Z)({},p,null!==p)]),style:w,onLoad:j,loading:y}):null)};vt.propTypes=ht,vt.defaultProps={media:null,alt:null,width:null,height:null,objectFit:null,containerStyle:{},imageStyle:{},className:null,imageClassName:null,onLoaded:null,loadingMode:"lazy"};var bt="micromag-element-visual-container",wt=["media","width","height","objectFit","playing","videoLoop","videoInitialMuted","onLoaded","className","videoClassName"],Ct={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},Mt=function(e){var t=e.media,n=e.width,a=e.height,l=e.objectFit,i=e.playing,u=e.videoLoop,s=e.videoInitialMuted,c=e.onLoaded,m=e.className,p=e.videoClassName,g=(0,b.Z)(e,wt),y=t||{},h=y.type,v=void 0===h?null:h,w=y.thumbnail_url,C=void 0===w?null:w,M=y.metadata,E=y.url,S=(M||{}).mime,k="video"===v,T="image"===v&&"image/gif"===S,N=(0,f.useMemo)((function(){return(0,r.Z)((0,r.Z)({},g),{},{media:t})}),[g,t]),x=(0,f.useMemo)((function(){var e=i||!k&&!T?N:(0,r.Z)((0,r.Z)({},N),{},{media:{url:C}});return T&&i?(0,r.Z)((0,r.Z)({},N),{},{media:{url:E}}):e}),[k,T,N,C,E,i]),P=null;if(k&&null!==l&&i){var A=(l||{}).fit,Z=void 0===A?"cover":A,F=(t||{}).metadata,I=(void 0===F?null:F)||{},L=I.width,z=void 0===L?0:L,q=I.height,j=void 0===q?0:q,B=(0,O.QQ)(z,j,n,a,{cover:"cover"===Z}),D=B.width,V=B.height;P={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(vt,Object.assign({},x,{objectFit:l,width:n,height:a,onLoaded:c,className:d()([bt,(0,o.Z)({},m,null!==m)])})),k&&i?f.createElement("div",{className:d()([bt,(0,o.Z)({},m,null!==m)]),style:{width:n,height:a}},f.createElement("div",{className:d()(["micromag-element-visual-videoContainer",(0,o.Z)({},p,null!==p)]),style:P},f.createElement(R,Object.assign({},N,{width:null===l?n:null,height:null===l?a:null,autoPlay:!0,loop:u,initialMuted:s,onReady:c})))):null):null};Mt.propTypes=Ct,Mt.defaultProps={media:null,width:null,height:null,objectFit:null,playing:!0,videoLoop:!0,videoInitialMuted:!0,onLoaded:null,className:null,videoClassName:null};var Et={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"},St={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},kt=function(e){var t,n,a=e.message,l=e.previousMessage,i=e.nextMessage,s=e.nextMessageState,c=e.currentSpeaker,m=e.conversationTiming,p=e.typingTiming,g=e.onChange,y=e.withAnimation,v=e.isPlaying,b=e.messageStyle,w=e.speakerStyle,C=e.className,M=a||{},E=M.message,S=M.image,k=void 0===S?null:S,T=c||{},N=T.avatar,x=(N=void 0===N?{}:N).url,P=void 0===x?null:x,O=T.name,A=T.side,Z=void 0===A?"left":A,F=T.id,I=T.color,R="right"===Z,L=null!==l&&l.speaker===F,z=null!==i&&i.speaker===F,q=(0,f.useState)(y?"pause":"send"),j=(0,u.Z)(q,2),B=j[0],D=j[1],V=m,W=p;(0,f.useEffect)((function(){if(!y||!v)return function(){};var e=null;return"pause"===B?e=setTimeout((function(){return D("typing")}),V):"typing"===B&&(e=setTimeout((function(){return D("send")}),W)),function(){null!==e&&clearTimeout(e)}}),[y,v,B,D,V,W]),(0,f.useEffect)((function(){"pause"!==B&&null!==g&&g(B)}),[B]);var _=z&&s;return"pause"!==B?f.createElement("div",{className:d()([Et.messageContainer,(t={},(0,o.Z)(t,C,null!==C),(0,o.Z)(t,Et.withAnimation,!0===y),(0,o.Z)(t,Et.right,R),t)])},"typing"===B?f.createElement("div",{className:Et.loadingContainer},f.createElement("div",{className:Et.loading},f.createElement("div",{className:Et.dot}),f.createElement("div",{className:Et.dot}),f.createElement("div",{className:Et.dot})),f.createElement("div",{className:Et.loadingSpeakerName},O)):f.createElement("div",{className:d()([Et.message,(n={},(0,o.Z)(n,Et.normalRight,R),(0,o.Z)(n,Et.nextTheSame,!0===z&&L),(0,o.Z)(n,Et.inBetweenRight,_&&R),(0,o.Z)(n,Et.normalLeft,!R),(0,o.Z)(n,Et.inBetweenLeft,_&&!R),(0,o.Z)(n,Et.last,!1===z),n)]),style:(0,r.Z)({},(0,h.getStyleFromColor)(I))},L?null:f.createElement("div",{className:d()([Et.speakerDetails,(0,o.Z)({},Et.right,"right"===Z)])},null!==P?f.createElement("div",{className:d()([Et.avatarContainer,(0,o.Z)({},Et.right,"right"===Z)])},f.createElement("img",{className:Et.avatar,src:P,alt:O})):null,f.createElement(Q,{body:O,textStyle:w})),f.createElement("div",null),f.createElement("div",{className:Et.messageBody},null!==k?f.createElement("div",{className:Et.imageContainer},f.createElement(Mt,{media:k,width:"100%",playing:v})):null,f.createElement(Q,{className:Et.messageBody,body:E,textStyle:b})))):null};kt.propTypes=St,kt.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 Tt={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},Nt=function(e){var t,n=e.title,a=e.timing,l=e.spacing,r=e.background,s=e.callToAction,c=e.current,m=e.active,b=e.type,w=e.conversation,C=e.transitions,M=e.className,E=(0,g.useScreenSize)(),S=E.width,k=E.height,T=E.menuOverScreen,N=(0,g.useViewer)().menuSize,x=(0,y.useTrackScreenEvent)(b),P=(0,g.useScreenRenderContext)(),O=P.isView,A=P.isPreview,Z=P.isPlaceholder,F=P.isEdit,I=P.isStatic,R=P.isCapture,L=c&&(O||F),z=c||m||!O,q=O&&!I&&"sequence"===a,j=w||{},B=j.speakers,V=void 0===B?null:B,W=j.messages,_=void 0===W?[]:W,G=j.messageStyle,H=j.speakerStyle,Y=(0,f.useState)([]),Q=(0,u.Z)(Y,2),X=Q[0],J=Q[1],K=(0,f.useRef)(null),$=(0,h.isTextFilled)(n),ee=(0,y.useResizeObserver)(),ne=ee.ref,ae=(ee.entry.contentRect||{}).height,le=(0,f.useRef)(null);(0,f.useEffect)((function(){q&&null!==le.current&&le.current.scrollTo({top:ae,behavior:"smooth"})}),[ae,q]);var ie=_.length===X.length,oe=(0,f.useCallback)((function(e){var t=(0,v.Z)(X);"send"===e&&(t.push(!0),J(t))}),[X,J]),re=(_||[]).filter((function(e){return null!==e})),ue=re.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 o=40*((l||"").length||10);return o<2e3?o:2e3})),de=re.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(_||[]).map((function(){return(0,U.Z)()}))}),[_]),me=I||R||Z||A||F,fe=!F&&me||!c,pe=null!==s&&!0===s.active,ge=(0,f.useState)(!1),ye=(0,u.Z)(ge,2),he=ye[0],ve=ye[1],be=(0,y.useResizeObserver)(),we=be.ref,Ce=(be.entry.contentRect||{}).height,Me=void 0===Ce?0:Ce,Ee=ie&&!Z&&pe||!q,ke=(0,f.useCallback)((function(e){e.initial&&x("scroll","Screen"),ve(!0)}),[x]),Te=(0,f.useCallback)((function(){ve(!1)}),[ve]);return f.createElement("div",{className:d()([Et.container,(t={},(0,o.Z)(t,M,null!==M),(0,o.Z)(t,Et.isPlaceholder,Z),t)]),"data-screen-ready":!0},Z?null:f.createElement(D,{background:r,width:S,height:k,playing:L,shouldLoad:z}),f.createElement(se,{width:S,height:k},f.createElement(st.default,{ref:le,disabled:fe,onScrolledBottom:ke,onScrolledNotBottom:Te},f.createElement("div",{ref:ne},f.createElement(Se,{className:Et.layout,style:Z?null:{padding:l,paddingTop:(T&&!A?N:0)+l}},f.createElement(p.ScreenElement,{placeholder:"conversation",emptyLabel:f.createElement(i.Z,{id:"NmCfTO",defaultMessage:[{type:0,value:"Conversation"}]}),emptyClassName:Et.empty,isEmpty:0===_.length&&null===n},f.createElement(p.Transitions,{transitions:C,playing:c,disabled:me},$?f.createElement(ut,Object.assign({},n,{className:Et.title,isEmpty:null===n})):null,f.createElement("div",{className:Et.conversation},re.map((function(e,t){var n=0!==t?_[t-1]:null,a=t+1<_.length?_[t+1]:null,l=e.speaker,i=(V||[]).find((function(e){return e.id===l}))||null,o=0===t||!0===X[t-1],r=de[t],u=ue[t];return f.createElement(kt,{key:"".concat(e.message,"-").concat(ce[t]),message:e,previousMessage:n,nextMessage:a,nextMessageState:X[t+1]||!q,currentSpeaker:i,conversationTiming:r,typingTiming:u,onChange:oe,withAnimation:q,isPlaying:c&&o,messageStyle:G,speakerStyle:H})}))),Ee?f.createElement("div",{style:{minHeight:Me}},f.createElement(te,{ref:we,className:Et.callToAction,disabled:!he,animationDisabled:A,callToAction:s,focusable:c&&O,screenSize:{width:S,height:k}})):null,f.createElement("div",{ref:K}))))))))};Nt.propTypes=Tt,Nt.defaultProps={title:null,timing:"sequence",spacing:20,background:null,callToAction:null,current:!0,active:!0,type:null,conversation:null,transitions:null,className:null};var xt=f.memo(Nt),Pt={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:xt,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"}}}]},Ot=n(65128),At=n.n(Ot),Zt=n(69546),Ft=n.n(Zt),It={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 Rt(e){var t=e.items,n=e.layout,a=e.width,l=e.height,i=e.spacing,r=e.vertical,u=e.className,s=e.axisClassName,c=e.crossClassName,m=0,p=Ft()(n)?n:[{rows:r?t.map((function(){return 1})):1,columns:r?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+(r?void 0===l?1:l:a)}),0);return f.createElement("div",{className:d()(["micromag-element-grid-container",(0,o.Z)({},u,null!==u)]),style:{width:a,height:l,padding:null!==i&&i>0?i/2:null}},f.createElement("div",{className:"micromag-element-grid-items",style:{flexDirection:r?"row":"column"}},p.map((function(e,n){var a=e.rows,l=e.columns,u="".concat((r?l:a)/g*100,"%"),p=r?a:l,y=Ft()(p)?p:[p],h=y.reduce((function(e,t){return e+t}),0);return f.createElement("div",{key:"cross-".concat(n),className:d()(["micromag-element-grid-cross",(0,o.Z)({},c,null!==c)]),style:{flexDirection:r?"column":"row",width:r?u:null,height:r?null:u}},y.map((function(e,n){var a="".concat(e/h*100,"%"),l=t[m];return m+=1,f.createElement("div",{key:"axis-".concat(n),className:d()(["micromag-element-grid-axis",(0,o.Z)({},s,null!==s)]),style:{width:r?null:a,height:r?a:null,padding:i>0?i/2:0}},l)})))}))))}Rt.propTypes=It,Rt.defaultProps={layout:null,items:[],width:null,height:null,spacing:0,vertical:!1,className:null,axisClassName:null,crossClassName:null};var Lt=n(7896),zt={"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]}]}},qt={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"},jt={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},Bt=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,r=e.background,s=e.callToAction,c=e.current,m=e.active,b=e.spacing,w=e.captionMaxLines,C=e.transitions,M=e.transitionStagger,E=e.className,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,A=P.isPreview,Z=P.isPlaceholder,F=P.isEdit,I=P.isStatic,R=P.isCapture,L=c&&(O||F),z=c||m||!O,q=Z?5:b,j=At()(zt[n])?zt[n]:{},B=j.layout,V=void 0===B?[]:B,W=j.vertical,_=void 0!==W&&W,G=V.reduce((function(e,t){var n=t.rows,a=t.columns;return e+(_?n:a).length}),0),H=(0,f.useState)(0),U=(0,u.Z)(H,2),Y=U[0],X=U[1],J=null!==a?Math.min(G,a.length):0,K=Y>=J,$=c&&K,ee=I||R||Z||A||F,ne=(0,f.useCallback)((function(){X(Y+1)}),[Y,X]),ae=(0,f.useRef)([]),le=(0,f.useState)([]),ie=(0,u.Z)(le,2),oe=ie[0],re=ie[1],ue=(0,y.useResizeObserver)(),de=ue.ref,ce=ue.entry.contentRect||{},me=ce.width,fe=void 0===me?null:me,pe=ce.height,ge=void 0===pe?null:pe;(0,f.useEffect)((function(){ae.current.length&&re(ae.current.map((function(e){return null!==e?{width:e.offsetWidth,height:e.offsetHeight}:{}})))}),[fe,ge,n,re]);var ye=null!==s&&!0===s.active,he=(0,y.useResizeObserver)(),ve=he.ref,be=(he.entry.contentRect||{}).height,we=void 0===be?0:be,Ce=(0,v.Z)(Array(G)).map((function(e,t){var n=null!==a?a[t]:null,o=oe[t]||{},r=l?n:{media:n},u=(r||{}).caption,s=void 0===u?null:u,d=(0,h.isImageFilled)(r),c=(0,h.isTextFilled)(s);return f.createElement("div",{key:"item-".concat(t),className:qt.gridItem},f.createElement("div",{className:qt.imageContainer,ref:function(e){ae.current[t]=e}},f.createElement(p.Transitions,{transitions:C,delay:t*M,playing:$,disabled:ee,fullscreen:!0},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:qt.placeholder,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:qt.emptyImage,isEmpty:!d},f.createElement(Mt,Object.assign({className:qt.image},r,o,{objectFit:{fit:"cover"},playing:L,onLoaded:ne}))))),l?f.createElement(p.Transitions,{transitions:C,delay:t*M,playing:$,disabled:ee},f.createElement(p.ScreenElement,{placeholder:"line",emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:qt.emptyCaption,isEmpty:!c},f.createElement("div",{className:qt.caption},f.createElement(Q,Object.assign({},s,{className:qt.captionText,lineClamp:w}))))):null)}));return f.createElement("div",{className:d()([qt.container,(t={},(0,o.Z)(t,E,null!==E),(0,o.Z)(t,qt.isPlaceholder,Z),t)]),"data-screen-ready":K},Z?null:f.createElement(D,{background:r,width:k,height:T,playing:L,shouldLoad:z}),f.createElement(se,{width:k,height:T},f.createElement("div",{className:qt.content,style:{paddingTop:N&&!A?x:null,paddingBottom:ye?we-q:0},ref:de},f.createElement(Rt,Object.assign({className:qt.grid,spacing:q,items:Ce},j)),!Z&&ye?f.createElement("div",{style:{marginTop:-q}},f.createElement(te,{ref:ve,className:qt.callToAction,callToAction:s,animationDisabled:A,focusable:c&&O,screenSize:{width:k,height:T}})):null)))};Bt.propTypes=jt,Bt.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 Dt=f.memo(Bt),Vt=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.images,a=(0,Ze.Iy)(e,{images:n}),l=a.story,i=a.component,o=(0,Ze.W2)(l,(0,v.Z)(i?[i]:[])),u=o.story,s=o.component;return(0,r.Z)((0,r.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(s?[s]:[]))})}}),Wt=[{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:Dt,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:Vt,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,Lt.Z)({},e);return f.createElement(Dt,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:Vt,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"}}}]}],_t={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"},Gt={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},Ht=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,r=e.spacing,s=e.background,c=e.callToAction,m=e.current,b=e.active,w=e.transitions,C=e.transitionStagger,M=e.type,E=e.className,S=(0,y.useTrackScreenEvent)(M),k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=k.menuOverScreen,P=(0,g.useViewer)().menuSize,O=(0,g.useScreenRenderContext)(),A=O.isView,Z=O.isPreview,F=O.isPlaceholder,I=O.isEdit,R=O.isStatic,L=O.isCapture,z=m&&(A||I),q=m||b||!A,j=null!==a?a.length:0,B=(0,f.useState)(0),V=(0,u.Z)(B,2),W=V[0],_=V[1],G=W>=j,H=m&&G,U=R||L||F||Z||I,Y=!I&&U||!m,X=(0,f.useCallback)((function(){_(W+1)}),[W,_]),J="reverse"===n,K=[],$=I&&0===j?[null]:a,ee=F?(0,v.Z)(Array(5)):$,ne=(0,y.useResizeObserver)(),ae=ne.ref,le=(ne.entry.contentRect||{}).width;(ee||[]).forEach((function(e,t){var n=l?e:{media:e},a=(n||{}).caption,o=void 0===a?null:a,u=(0,h.isImageFilled)(n),s=(0,h.isTextFilled)(o),d=f.createElement(p.ScreenElement,{key:"image-".concat(t),placeholder:"image",emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:_t.emptyImage,isEmpty:!u},f.createElement("div",{className:_t.imageContainer,ref:0===t?ae:null},f.createElement(Mt,Object.assign({},n,{width:le,onLoaded:X,playing:z})))),c=null;if(l){var m=!J||t>0?r/2:0,g=J||t<(ee||[]).length-1?r/2:0;c=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:_t.emptyCaption,isEmpty:!s},f.createElement("div",{className:_t.caption,style:{marginTop:m,marginBottom:g}},f.createElement(Q,Object.assign({},o,{className:_t.captionText}))))}J?(l&&K.push(c),K.push(d)):(K.push(d),l&&K.push(c)),!F&&t<(ee||[]).length-1&&K.push(f.createElement("div",{key:"spacing-".concat(t),style:{height:r}}))}));var ie=null!==c&&!0===c.active,oe=(0,f.useState)(!1),re=(0,u.Z)(oe,2),ue=re[0],de=re[1],ce=(0,y.useResizeObserver)(),me=ce.ref,fe=(ce.entry.contentRect||{}).height,pe=void 0===fe?0:fe;!F&&ie&&K.push(f.createElement("div",{key:"cta-spacer",style:{height:pe}}));var ge=(0,f.useCallback)((function(e){e.initial&&S("scroll","Screen"),de(!0)}),[S]),ye=(0,f.useCallback)((function(){de(!1)}),[de]);return f.createElement("div",{className:d()([_t.container,(t={},(0,o.Z)(t,E,null!==E),(0,o.Z)(t,_t.isPlaceholder,F),t)]),"data-screen-ready":G},F?null:f.createElement(D,{background:s,width:T,height:N,playing:z,shouldLoad:q}),f.createElement(se,{width:T,height:N},f.createElement(st.default,{disabled:Y,onScrolledBottom:ge,onScrolledNotBottom:ye},f.createElement(Se,{className:_t.layout,style:F?null:{padding:r,paddingTop:(x&&!Z?P:0)+r}},f.createElement(p.TransitionsStagger,{transitions:w,stagger:C,disabled:U,playing:H},K))),!F&&ie?f.createElement(te,{ref:me,className:_t.callToAction,disabled:!ue,animationDisabled:Z,callToAction:c,focusable:m&&A,screenSize:{width:T,height:N}}):null))};Ht.propTypes=Gt,Ht.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 Ut=f.memo(Ht),Yt=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.images,a=(0,Ze.ri)(e,{images:n}),l=a.story,i=a.component,o=(0,Ze.W2)(l,(0,v.Z)(i?[i]:[])),u=o.story,s=o.component;return(0,r.Z)((0,r.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(s?[s]:[]))})}}),Qt=[{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:Ut,layouts:["normal"],transforms:Yt,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,Lt.Z)({},e);return f.createElement(Ut,Object.assign({},t,{withCaptions:!0}))},layouts:["normal","reverse"],transforms:Yt,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"}}}]}],Xt={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"},Jt={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},Kt=function(e){var t,n=e.layout,a=e.image,l=e.imageFit,r=e.defaultImageFit,s=e.title,c=e.text,m=e.legend,v=e.withTitle,b=e.withText,w=e.withLegend,C=e.spacing,M=e.background,E=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.className,x=(0,f.useMemo)((function(){return{fit:l||r}}),[l,r]),P=(0,g.useScreenSize)(),O=P.width,A=P.height,Z=P.menuOverScreen,F=(0,g.useViewer)().menuSize,I=(0,g.useScreenRenderContext)(),R=I.isView,L=I.isPreview,z=I.isPlaceholder,q=I.isEdit,j=I.isStatic,B=I.isCapture,V=S&&(R||q),W=S||k||!R,_=null!==a,G=(0,h.isTextFilled)(s),H=(0,h.isTextFilled)(c),U=(0,h.isTextFilled)(m),Y=(0,f.useState)(!_),X=(0,u.Z)(Y,2),J=X[0],K=X[1],$=S&&J,ee=j||B||z||L||q,ne=(0,f.useCallback)((function(){K(!0)}),[K]),ae="reverse"===n||"card-reverse"===n,le="title-top"===n,ie="card"===n||"card-reverse"===n,oe="card-reverse"===n,re="fullscreen"===n,ue=re||z?0:C,de=(0,y.useResizeObserver)(),ce=de.ref,me=de.entry.contentRect||{},fe=me.width,pe=me.height,ge=oe?"".concat(ue/2,"px ").concat(-ue/2,"px 0"):"0 ".concat(-ue/2,"px ").concat(ue/2,"px"),ye=ie||oe?ge:ue/2,he=[f.createElement("div",{key:"image",ref:ce,className:Xt.imageContainer,style:z?null:{margin:ye}},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:Xt.placeholderImage,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Xt.emptyImage,isEmpty:!_},_?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee,fullscreen:!0},f.createElement(Mt,{className:Xt.image,media:a,objectFit:x,width:fe,height:pe,playing:V,onLoaded:ne})):null)),v&&f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Xt.emptyTitle,isEmpty:!G},G?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:ue/2}},f.createElement(ut,s))):null),b&&f.createElement(p.ScreenElement,{key:"text",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:Xt.emptyText,isEmpty:!H},H?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:ue/2}},f.createElement(Q,c))):null),w&&f.createElement(p.ScreenElement,{key:"legend",placeholder:"shortText",emptyLabel:f.createElement(i.Z,{id:"dqnkQk",defaultMessage:[{type:0,value:"Legend"}]}),emptyClassName:Xt.emptyLegend,isEmpty:!U},U?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:ue/2}},f.createElement(Q,m))):null)];ae?he.reverse():le&&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:-ue/2,marginTop:0},key:"call-to-action"},f.createElement(te,{className:Xt.callToAction,callToAction:E,animationDisabled:L,focusable:S&&R,screenSize:{width:O,height:A}})));var be=ue/2,we=(Z&&!L?F:0)+ue/2;return(ie||re)&&(we=0),oe&&(we=Z?F:ue/2,be=0),f.createElement("div",{className:d()([Xt.container,(t={},(0,o.Z)(t,N,null!==N),(0,o.Z)(t,Xt.isReversed,ae),(0,o.Z)(t,Xt.isPlaceholder,z),(0,o.Z)(t,Xt.isCard,ie),(0,o.Z)(t,Xt.isCardReverse,oe),(0,o.Z)(t,Xt.isFullscreen,re),t)]),"data-screen-ready":J},z?null:f.createElement(D,{background:M,width:O,height:A,playing:V,shouldLoad:W}),f.createElement(se,{width:O,height:A},f.createElement(Se,{className:Xt.layout,fullscreen:!0,style:z?null:{padding:ue/2,paddingTop:we,paddingBottom:be}},he)))};Kt.propTypes=Jt,Kt.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 $t=f.memo(Kt),en=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.layout,a=t.image,l=t.text,i=t.title,o=(0,Ze.Ee)(e,a),u=o.story,s=o.component,d=(0,Ze.nL)(u,i),c=d.story,m=d.component,f=(0,Ze.xv)(c,l),p=f.story,g=f.component,y=[];switch(n){case"reverse":y=[].concat((0,v.Z)(g?[g]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(s?[s]:[]));break;case"title-top":y=[].concat((0,v.Z)(m?[m]:[]),(0,v.Z)(s?[s]:[]),(0,v.Z)(g?[g]:[]));break;default:y=[].concat((0,v.Z)(s?[s]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(g?[g]:[]))}var h=(0,Ze.W2)(p,y),b=h.story,w=h.component;return(0,r.Z)((0,r.Z)({},b),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(w?[w]:[]))})}}),tn=[{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:$t,layouts:["normal","fullscreen"],transforms:en,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,Lt.Z)({},e);return f.createElement($t,Object.assign({},t,{withTitle:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:en,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,Lt.Z)({},e);return f.createElement($t,Object.assign({},t,{withText:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:en,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,Lt.Z)({},e);return f.createElement($t,Object.assign({},t,{withTitle:!0,withText:!0}))},layouts:["normal","reverse","title-top","card","card-reverse"],transforms:en,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,Lt.Z)({},e);return f.createElement($t,Object.assign({},t,{withLegend:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:en,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"}}}]}],nn=n(86522),an=n(12289),ln=n.n(an),on=[{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"}]}],rn={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(){}]},un={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},sn=function(e){var t,n=e.center,a=e.zoom,l=e.maxZoom,i=e.bounds,r=e.draggable,s=e.withoutStyle,c=e.events,m=e.fitBounds,p=e.zoomControl,h=e.mapTypeControl,v=e.scaleControl,b=e.streetViewControl,w=e.rotateControl,C=e.fullscreenControl,M=e.className,E=e.children,S=e.focusable,k=function(e){var t=e.zoom,n=e.maxZoom,a=void 0===n?null:n,l=e.center,i=void 0===l?null:l,o=e.withoutStyle,r=void 0!==o&&o,s=e.fitBounds,d=void 0!==s&&s,c=e.bounds,m=void 0===c?null:c,p=e.events,h=e.draggable,v=void 0!==h&&h,b=e.zoomControl,w=e.mapTypeControl,C=e.scaleControl,M=e.streetViewControl,E=e.rotateControl,S=e.fullscreenControl,k=(0,g.useGoogleMapsClient)(),T=(0,f.useState)(!1),N=(0,u.Z)(T,2),x=N[0],P=N[1],O=(0,f.useRef)(null),A=(0,f.useRef)(null),Z=(0,y.useResizeObserver)(),F=Z.ref,I=Z.entry.contentRect||{},R=I.width,L=void 0===R?null:R,z=I.height,q=void 0===z?null:z;(0,f.useEffect)((function(){var e=A.current;if(null!==e&&null!==i){var t=i||{},n=t.lat,a=void 0===n?null:n,l=t.lng,o=void 0===l?null:l;e.panTo({lat:a||0,lng:o||0})}}),[i]),(0,f.useEffect)((function(){var e=A.current;null!==e&&null!==t&&e.setZoom(Math.min(a,t))}),[t,a]);var j=(0,f.useCallback)((function(e,t){null===t||t.equals(e.getBounds())||(e.fitBounds(t),e.getZoom()>a&&e.setZoom(a),e.panToBounds(t))}),[a]);return(0,f.useEffect)((function(){var e=A.current;null!==e&&d&&j(e,m)}),[j,m,d,L,q]),(0,f.useEffect)((function(){var e=A.current;x&&null!==e&&e.setOptions({draggable:v,scrollWheel:v,disableDoubleClickZoom:!v,gestureHandling:v?"cooperative":"none"})}),[x,v]),(0,f.useEffect)((function(){if(null===k||null===O.current||null!==A.current)return function(){};var e=new k.maps.Map(O.current,{zoom:t,center:i,styles:r?null:on,zoomControl:b,mapTypeControl:w,scaleControl:C,streetViewControl:M,rotateControl:E,fullscreenControl:S});return d&&j(e,m),A.current=e,null!==p&&Object.keys(p).forEach((function(t){null!==p[t]&&e.addListener(rn[t][0],(function(){return p[t](rn[t][1](e))}))})),P(!0),function(){}}),[k,P]),{ref:(0,f.useCallback)((function(e){F.current=e,O.current=e}),[]),map:A.current,ready:x,loading:!x}}({zoom:a,maxZoom:l,bounds:i,draggable:r,fitBounds:m,center:n,events:c,withoutStyle:s,zoomControl:p,mapTypeControl:h,scaleControl:v,streetViewControl:b,rotateControl:w,fullscreenControl:C}),T=k.map,N=k.ref;return f.createElement("div",{className:d()(["micromag-element-map-container",(t={},(0,o.Z)(t,M,null!==M),(0,o.Z)(t,"micromag-element-map-preventScroll",!r),t)])},f.createElement("div",{ref:N,className:"micromag-element-map-map",tabIndex:S?"0":"-1"}),f.Children.map(E,(function(e){return f.cloneElement(e,{map:T})})))};sn.propTypes=un,sn.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 dn={onClick:"click",onDoubleClick:"dblclick"},cn={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})},mn=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,o=t.iconSize,r=void 0===o?null:o,u=t.events,s=t.title,d=(0,g.useGoogleMapsClient)(),c=(0,f.useRef)(null);(0,f.useEffect)((function(){var e=c.current;null!==e&&null!==a&&e.setPosition(a)}),[a]);var m=(0,f.useCallback)((function(e,t){if(null!==d)if(ln()(t)){var n=(t||{}).url,a=void 0===n?null:n;e.setIcon({url:a,scaledSize:new d.maps.Size(r.width,r.height)})}else e.setIcon(t)}),[d,r]);(0,f.useEffect)((function(){var e=c.current;null!==e&&null!==d&&m(e,i)}),[d,i,m]),(0,f.useEffect)((function(){if(null===d||null===e||null!==c.current)return function(){};var t=new d.maps.Marker({position:a,map:e,title:s});return m(t,i),Object.keys(u).forEach((function(e){t.addListener(dn[e],u[e])})),c.current=t,function(){d.maps.event.clearInstanceListeners(t),t.setMap(null)}}),[d,e]),c.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};mn.propTypes=cn,mn.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 fn={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},pn=function(e){var t=e.center,n=e.zoom,a=e.draggable,l=e.markers,i=e.onClickMap,r=e.onClickMarker,s=e.className,c=e.onReady,m=e.onCenterChanged,p=e.onBoundsChanged,y=e.onDragEnd,h=e.withoutStyle,v=e.fitBounds,b=e.zoomControl,w=e.mapTypeControl,C=e.scaleControl,M=e.streetViewControl,E=e.rotateControl,S=e.fullscreenControl,k=e.focusable,T=(0,g.useGoogleMapsClient)(),N=(0,f.useCallback)((function(e){null!==i&&i(e)}),[i]),x=(0,f.useMemo)((function(){var e=(l||[]).filter((function(e){return null!==e&&null!==(e.geoPosition||null)}));return null===T||null===e||0===e.length?null:e.reduce((function(e,t){var n=t.geoPosition,a=(void 0===n?null:n)||{},l=a.lat,i=void 0===l?null:l,o=a.lng,r=void 0===o?null:o;return null!==i&&null!==r&&e.extend(new T.maps.LatLng(i,r)),e}),new T.maps.LatLngBounds)}),[T,l]),P=(0,f.useState)(!1),O=(0,u.Z)(P,2),A=O[0],Z=O[1];(0,f.useEffect)((function(){null!==T&&A&&null!==c&&c(T)}),[T,A,c]);var F=(0,f.useCallback)((function(){return Z(!0)}),[Z]),I=(0,f.useMemo)((function(){return{onClick:N,onCenterChanged:m,onBoundsChanged:p,onDragEnd:y,onTilesLoaded:F}}),[N,m,p,y,F]);return f.createElement("div",{className:d()(["micromag-element-map-container",(0,o.Z)({},s,null!==s)])},f.createElement(sn,{center:t,zoom:n,withoutStyle:h,bounds:x,draggable:a,events:I,fitBounds:v,zoomControl:b,mapTypeControl:w,scaleControl:C,streetViewControl:M,rotateControl:E,fullscreenControl:S,focusable:k},null!==l?l.map((function(e,t){var n=e.active,a=void 0===n||n,l=e.geoPosition,i=void 0===l?null:l,o=e.image,u=void 0===o?null:o,s=e.title,d=void 0===s?null:s;return null!==i&&null!==(i.lat||null)&&null!==(i.lng||null)?f.createElement(mn,{key:"marker-".concat(t),active:a,title:null!==d&&(0,nn.Z)(d.body)?d.body:null,image:u,position:i,events:{onClick:null!==r?function(e){return r(e,t)}:function(){return console.log(t)}}}):f.createElement("div",null)})):null))};pn.propTypes=fn,pn.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 gn={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"},yn={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 hn(e){var t,n,a=e.layout,l=e.draggable,s=e.markers,c=e.title,m=e.description,v=e.button,b=e.openedMarkerSpacerHeight,w=e.withMarkerImages,C=e.zoom,M=e.center,E=e.fitBounds,S=e.background,k=e.current,T=e.active,N=e.transitions,x=e.onEnableInteraction,P=e.onDisableInteraction,O=e.type,A=e.className,Z=(0,ke.Z)().locale,F=(0,g.useGoogleKeys)().apiKey,I=void 0===F?null:F,R=(0,y.useTrackScreenEvent)(O),L=(0,f.useState)(null),z=(0,u.Z)(L,2),j=z[0],B=z[1],D=null!==j,V=(0,f.useRef)(null),W=(0,g.useScreenSize)(),_=W.width,G=W.height,U=(S||{}).color,Y=(0,h.getStyleFromColor)(U),X=(0,g.useScreenRenderContext)(),J=X.isView,K=X.isPreview,$=X.isPlaceholder,ee=X.isEdit,te=X.isStatic,ne=X.isCapture,ae=(0,g.useScreenState)(),le=(0,f.useState)(!1),ie=(0,u.Z)(le,2),oe=ie[0],re=ie[1],ue=k&&oe,de=te||ne||$||K||ee,ce=!ee&&de||!k,me=k&&(J||ee),fe=k||T||!J,pe=(0,f.useState)(te||ne),ge=(0,u.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useCallback)((function(){return re(!0)}),[re]),be=(0,f.useMemo)((function(){return(s||[]).map((function(e,t){return(0,r.Z)((0,r.Z)({},e),{},{active:t===j})}))}),[s,j]),we=(0,f.useCallback)((function(){var e=be[j];V.current=e,B(null)}),[be,j,B]),Ce=(0,f.useCallback)((function(){var e=be[j];R("click_marker_close","Marker ".concat(j+1,": ").concat(e.title.body),{marker:e,markerIndex:j}),we()}),[be,j,R,we]),Me=(0,f.useCallback)((function(e,t){var n=be[t];B(t),R("click_marker_open","Marker ".concat(t+1,": ").concat(n.title.body),{marker:n,markerIndex:t})}),[be,B,R]),Ee=(0,f.useCallback)((function(){he(!0),null!==P&&P(),R("click_button",v.body)}),[he,P,R,v]),Se=(0,f.useCallback)((function(){he(!1),null!==x&&x(),R("click_close","Close icon"),we()}),[he,x,R]),Te=(0,f.useCallback)((function(e){var t=e.toJSON();R("drag_map","Latitude: ".concat(t.lat.toFixed(4),", Longitude: ").concat(t.lng.toFixed(4)),{coords:t})}),[R]),Ne=(0,f.useCallback)((function(e){if(e.initial){var t=(s||[])[j];R("scroll","Marker ".concat(j+1,": ").concat(t.title.body),{marker:t,markerIndex:j})}}),[R,s,j]),xe=(0,y.useResizeObserver)({disabled:!J}),Pe=xe.ref,Oe=(xe.entry.contentRect||{}).width,Ae=void 0===Oe?"100%":Oe,Ze=(0,f.useState)(0),Fe=(0,u.Z)(Ze,2),Ie=Fe[0],Re=Fe[1],Le=Ie===(s||[]).length,ze=oe&&(!w||Le);if((0,f.useEffect)((function(){if(w&&null!==s&&(s||[]).length){Re(0);var e=s.map((function(e){var t=(e||{}).image,n=((void 0===t?null:t)||{}).url,a=void 0===n?null:n;if(null!==a){var l=new Image;return l.src=a,l.onload=function(){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(){}}),[w,s]),(0,f.useEffect)((function(){if(ee||K){var e=null!==ae?ae.split("."):[],t=(0,u.Z)(e,2),n=t[0],a=void 0===n?null:n,l=t[1],i=void 0===l?null:l;"intro"===a?(he(!1),B(null)):"map"===a?(he(!0),B(null)):"markers"===a&&(he(!0),B(parseInt(i,10)))}}),[ae,ee,he]),_>0&&G>0&&null!==I){var qe=null!==s?s.filter((function(e){return null!==e})).filter((function(e){var t=e.geoPosition;return null!==(void 0===t?null:t)})):null;if(n="https://maps.googleapis.com/maps/api/staticmap?size=".concat(Math.round(_),"x").concat(Math.round(G)),null!==M&&(null===qe||0===qe.length)){var je=M||{},Be=je.lat,De=void 0===Be?null:Be,Ve=je.lng,We=void 0===Ve?null:Ve;n+="&center=".concat(De,",").concat(We)}null!==C&&(n+="&zoom=".concat(C)),null!==I&&(n+="&key=".concat(I)),null!==Z&&(n+="&language=".concat(Z)),null!==qe&&(n+=qe.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,o=void 0===i?null:i,r=(e||{}).image,u=((void 0===r?null:r)||{}).url,s=void 0===u?null:u;return null!==l&&null!==o?"&markers=".concat(null!==s?"icon:".concat(s):"","%7C").concat(l,",").concat(o):""})).join(""))}var _e=(D?be[j]:V.current)||{},Ge=_e.title,He=void 0===Ge?null:Ge,Ue=_e.subtitle,Ye=void 0===Ue?null:Ue,Qe=_e.description,Xe=void 0===Qe?null:Qe,Je=_e.image,Ke=void 0===Je?null:Je,$e=null!==He,et=null!==Ye,tt=null!==Xe,nt=null!==Ke,at=(0,h.isTextFilled)(c),lt=(0,h.isTextFilled)(m),it=(0,h.isTextFilled)(v);return f.createElement("div",{className:d()([gn.container,(t={},(0,o.Z)(t,A,null!==A),(0,o.Z)(t,gn["".concat(a,"Layout")],null!==a),(0,o.Z)(t,gn.opened,ye||K&&"intro"!==ae),(0,o.Z)(t,gn.hasSelectedMarker,D),t)]),"data-screen-ready":ze},$?null:f.createElement(q,{color:{color:"#FFFFFF",alpha:1},width:_,height:G,playing:me,shouldLoad:fe}),f.createElement(se,{width:_,height:G},$?f.createElement(p.PlaceholderMap,{className:gn.placeholder,withImages:w}):f.createElement(p.Transitions,{transitions:N,playing:ue,fullscreen:!0,disabled:de},K?f.createElement(vt,{media:null!==n?{url:n,metadata:{width:Math.min(640,_),height:Math.min(640,G)}}:null,width:_,height:G,objectFit:{fit:"cover"}}):f.createElement(pn,{key:"map",center:M,zoom:C,draggable:l,markers:be,fitBounds:E,onClickMarker:Me,onReady:ve,onDragEnd:Te}),f.createElement("div",{key:"marker-overlay",className:gn.markerOverlayContainer},f.createElement("div",{className:gn.markerOverlayScrollable},f.createElement(st.default,{fullscreen:!0,disabled:ce,onScrolledBottom:Ne},f.createElement(p.Button,{className:gn.markerOverlaySafe,onClick:Ce,withoutStyle:!0,style:{height:G*b},disabled:K,focusable:k&&J}),f.createElement("div",{className:gn.markerOverlay,style:{minHeight:G*(1-b)}},f.createElement("div",{className:gn.markerOverlayContent,style:Y},f.createElement("div",{className:gn.swipeIndicator}),f.createElement("div",{className:gn.markerOverlayContentInner,key:"markerContent-".concat(j),ref:Pe},nt?f.createElement(vt,{className:gn.markerImage,media:Ke,width:Ae}):null,$e?f.createElement(ut,Object.assign({className:gn.markerTitle},He)):null,et?f.createElement(ut,Object.assign({size:3,className:gn.markerSubtitle},Ye)):null,tt?f.createElement(Q,Object.assign({className:gn.markerDescription},Xe)):null)))))),f.createElement("div",{key:"splash",className:d()([gn.splash])},f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:gn.emptyTitle,isEmpty:!at},f.createElement(ut,Object.assign({className:gn.title},c))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:gn.emptyDescription,isEmpty:!lt},f.createElement(Q,Object.assign({className:gn.description},m))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:gn.emptyButton,isEmpty:!it},f.createElement(H,{className:gn.splashButton,onClick:Ee,buttonStyle:null!==v?v.buttonStyle:null,focusable:k&&J},it?f.createElement(Q,Object.assign({},v,{className:gn.button})):f.createElement(i.Z,{id:"sXfFFw",defaultMessage:[{type:0,value:"Enter"}]})))),te||ne||K||ee?null:f.createElement(p.Button,{key:"close-button",className:gn.closeButton,onClick:Se,focusable:k&&J},"×"))))}hn.propTypes=yn,hn.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 vn=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,o=a.lng,u=void 0===o?null:o,s=(0,Ze.D5)(e,{latitude:i,longitude:u}),d=s.story,c=s.component,m=(0,Ze.W2)(d,(0,v.Z)(c?[c]:[])),f=m.story,p=m.component;return(0,r.Z)((0,r.Z)({},f),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(p?[p]:[]))})}}),bn=[{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:hn,layouts:["normal"],transforms:vn,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,Lt.Z)({},e);return f.createElement(hn,Object.assign({},t,{withMarkerImages:!0}))},layouts:["normal"],transforms:vn,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"}]})}]}],wn=n(11757),Cn=n(7773),Mn={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"},En={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},Sn=function(e){var t,n=e.items,a=e.answeredIndex,l=e.answersCollapseDelay,s=e.buttonsStyle,c=e.goodAnswerColor,m=e.badAnswerColor,b=e.withoutGoodAnswer,w=e.focusable,C=e.collapsed,M=e.transitions,E=e.transitionPlaying,S=e.transitionStagger,k=e.transitionDisabled,T=e.onClick,N=e.onCollapse,x=e.onCollapsed,P=e.onTransitionEnd,O=e.className,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=null!==a,z=(null!==a?n[a]:{}).good,q=void 0!==z&&z,j=(0,y.useResizeObserver)(),B=j.ref,D=(j.entry.contentRect||{}).height,_=(0,y.useResizeObserver)(),G=_.ref,U=(_.entry.contentRect||{}).height,Y=(0,f.useMemo)((function(){return null!==G.current?G.current.offsetTop:0}),[U]),X=!b,J=(0,f.useState)(null!==a),K=(0,u.Z)(J,2),$=K[0],ee=K[1],te=(0,f.useState)(C||null!==a),ne=(0,u.Z)(te,2),ae=ne[0],le=ne[1];(0,f.useEffect)((function(){var e=null;return null!==a&&X&&(e=setTimeout((function(){ee(!0),null!==N&&N()}),q?500:l)),function(){null!==e&&clearTimeout(e)}}),[a,b,ee,N,l,q]);var ie=(0,f.useCallback)((function(){null!==P&&P(),X&&$&&!ae&&(le(!0),null!==x&&x())}),[X,$,ae,ee,x,P]);return f.createElement("div",{className:d()([Mn.container,(t={},(0,o.Z)(t,Mn.answered,L),(0,o.Z)(t,Mn.withoutGoodAnswer,b),(0,o.Z)(t,Mn.withGoodAnswer,!b),(0,o.Z)(t,Mn.willCollapse,X&&$),(0,o.Z)(t,Mn.didCollapsed,X&&ae),(0,o.Z)(t,Mn.isPlaceholder,I),(0,o.Z)(t,O,null!==O),t)]),ref:B,style:L&&!ae&&(Z||R)&&X?{height:$?U:D}:null},null!==n||I?f.createElement("div",{className:Mn.items},(I||R&&0===n.length?(0,v.Z)(new Array(2)):n).map((function(e,t){var n,l=t===a,u=e||{},g=u.good,y=void 0!==g&&g,v=u.label,C=void 0===v?null:v,N=u.buttonStyle,x=void 0===N?null:N,P=(0,h.isTextFilled)(C);return ae&&!y?null:f.createElement("div",{key:"answer-".concat(t),ref:y?G:null,className:d()([Mn.item,(n={},(0,o.Z)(n,Mn.rightAnswer,y&&!b),(0,o.Z)(n,Mn.userAnswer,l),n)]),style:$&&y&&!ae&&X?{transform:"translateY(".concat(-Y,"px)")}:null,onTransitionEnd:y||b&&l?ie:null},f.createElement("div",{className:Mn.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:Mn.emptyAnswer,isEmpty:!P},P?f.createElement(p.Transitions,{transitions:M,playing:E,delay:(t+1)*S,disabled:k},f.createElement(H,{className:Mn.button,onClick:function(){return T(e,t)},disabled:F||L,focusable:w,buttonStyle:(0,r.Z)((0,r.Z)({},(0,h.getStyleFromBox)(s)),(0,h.getStyleFromBox)(x))},!b&&y?f.createElement("span",{className:Mn.resultIcon,style:(0,h.getStyleFromColor)(c,"backgroundColor")},f.createElement(W.FontAwesomeIcon,{className:Mn.faIcon,icon:V.faCheck})):null,!b&&L&&!q&&l?f.createElement("span",{className:Mn.resultIcon,style:(0,h.getStyleFromColor)(m,"backgroundColor")},f.createElement(W.FontAwesomeIcon,{className:Mn.faIcon,icon:V.faTimes})):null,f.createElement(Q,Object.assign({},C,{className:Mn.optionLabel})))):null)))}))):null)};Sn.propTypes=En,Sn.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 kn={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"},Tn={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]))},Nn=function(e){var t,n=e.question,a=e.answers,l=e.result,r=e.index,s=e.totalCount,c=e.answeredIndex,m=e.buttonsStyle,v=e.goodAnswerColor,b=e.badAnswerColor,w=e.focusable,C=e.showInstantAnswer,M=e.withResult,E=e.withoutGoodAnswer,S=e.withoutIndex,k=e.layout,T=e.callToActionHeight,N=e.transitions,x=e.transitionPlaying,P=e.transitionStagger,O=e.transitionDisabled,A=e.onAnswerClick,Z=e.onAnswerTransitionEnd,F=e.className,I=e.style,R=(0,g.useScreenRenderContext)().isPlaceholder,L="split"===k,z=L?null:k,q=(0,h.isTextFilled)(n),j=(0,h.isTextFilled)(l),B=(0,f.useState)(C),D=(0,u.Z)(B,2),V=D[0],W=D[1],_=null!==c,G=(0,y.useResizeObserver)(),H=G.ref;(G.entry.contentRect||{}).height;var U=(0,f.useCallback)((function(){W(!0)}),[W]),Y=null!==r&&null!==s;return f.createElement(Se,{className:d()([kn.container,(t={},(0,o.Z)(t,kn.isPlaceholder,R),(0,o.Z)(t,kn.resultVisible,V),(0,o.Z)(t,F,null!==F),t)]),fullscreen:!0,verticalAlign:z,style:I},[!S&&Y?f.createElement(p.ScreenElement,{key:"stats",placeholder:f.createElement("div",{className:kn.index},"1 / 10")},s>1?f.createElement(p.Transitions,{transitions:N,playing:x,disabled:O},f.createElement("div",{className:kn.index},r+1," / ",s)):null):null,f.createElement(p.ScreenElement,{key:"question",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"FOmgqv",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:kn.emptyQuestion,isEmpty:!q},q?f.createElement(p.Transitions,{transitions:N,playing:x,disabled:O},f.createElement(ut,Object.assign({},n,{className:kn.question}))):null),L?f.createElement(ve,{key:"spacer"}):null,f.createElement(Sn,{key:"answers",items:a||[],answeredIndex:c,goodAnswerColor:v,badAnswerColor:b,withoutGoodAnswer:E,buttonsStyle:m,focusable:w,transitions:N,transitionStagger:P,transitionPlaying:x,transitionDisabled:O,onClick:A,onCollapse:U,onTransitionEnd:Z}),M?f.createElement("div",{className:kn.result,key:"results",ref:H},f.createElement("div",{className:kn.resultContent},f.createElement(p.ScreenElement,{emptyLabel:_?f.createElement(i.Z,{id:"li7ADr",defaultMessage:[{type:0,value:"Result"}]}):null,isEmpty:_&&!j,emptyClassName:kn.emptyResult},j&&null!==a?f.createElement(p.Transitions,{transitions:N,playing:x,delay:(1+a.length)*P,disabled:O},f.createElement(Q,Object.assign({},l,{className:kn.resultText})),null!==T?f.createElement("div",{style:{height:T}}):null):null))):null])};Nn.propTypes=Tn,Nn.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 xn={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"},Pn={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},On=function(e){var t=e.id,n=e.layout,a=e.question,l=e.answers,i=e.result,r=e.buttonsStyle,s=e.goodAnswerColor,c=e.badAnswerColor,m=e.spacing,p=e.background,h=e.callToAction,v=e.current,b=e.active,w=e.transitions,C=e.transitionStagger,M=e.type,E=e.className,S=t||"screen-id",k=(0,y.useTrackScreenEvent)(M),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(0,g.useViewer)().menuSize,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=A.isStatic,z=A.isCapture,q=v,j=L||z||I||F||R,B=v&&(Z||R),V=v||b||!Z,W=null!==h&&!0===h.active,_=(0,y.useResizeObserver)(),G=_.ref,H=(_.entry.contentRect||{}).height,U=void 0===H?0:H,Y=L||z,Q=null!==l?l.findIndex((function(e){return null!==e&&e.good})):null,X=(0,f.useState)(Y?Q:null),J=(0,u.Z)(X,2),K=J[0],$=J[1],ee=lt({screenId:S}).create,ne=(0,f.useCallback)((function(e,t){null===K&&($(t),k("click_answer","".concat(K+1,": ").concat(e.label.body),{answer:e,answerIndex:t}))}),[K,$,k,l]);return(0,f.useEffect)((function(){!v&&R&&null!==K&&$(null)}),[R,v,K,$]),(0,f.useEffect)((function(){if(null!==K){var e=null!==K&&l?l[K]:{},t=e.good,n=void 0!==t&&t,a=e.label,i=((void 0===a?{}:a)||{}).body;ee({choice:(void 0===i?"":i)||K,value:n?1:0})}}),[K,l,ee]),f.createElement("div",{className:d()([xn.container,(0,o.Z)({},E,null!==E)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:p,width:N,height:x,playing:B,shouldLoad:V}),f.createElement(se,{width:N,height:x},f.createElement(Nn,{question:a,answers:l,result:i,answeredIndex:K,buttonsStyle:r,goodAnswerColor:s,badAnswerColor:c,focusable:v&&Z,showInstantAnswer:Y,withResult:!0,layout:n,callToActionHeight:U,transitions:w,transitionPlaying:q,transitionStagger:C,transitionDisabled:j,onAnswerClick:ne,className:xn.question,style:I?null:{padding:m,paddingTop:(P&&!F?O:0)+m}}),!I&&W?f.createElement(te,{ref:G,className:xn.callToAction,callToAction:h,animationDisabled:F,focusable:v&&Z,screenSize:{width:N,height:x}}):null))};On.propTypes=Pn,On.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 An={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]))},Fn=function(e){var t=e.layout,n=e.title,a=e.description,l=e.transitions,r=e.transitionPlaying,u=e.transitionStagger,s=e.transitionDisabled,c=e.className,m=e.style,g="split"===t,y=g?null:t,v=(0,h.isTextFilled)(n),b=(0,h.isTextFilled)(a);return f.createElement(Se,{className:d()([An.container,(0,o.Z)({},c,null!==c)]),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:An.emptyTitle,isEmpty:!v},v?f.createElement(p.Transitions,{transitions:l,playing:r,disabled:s},f.createElement(ut,Object.assign({},n,{className:An.title}))):null),g?f.createElement(ve,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:An.emptyDescription,isEmpty:!b},v?f.createElement(p.Transitions,{transitions:l,playing:r,disabled:s,delay:u},f.createElement(Q,Object.assign({},a,{className:An.description}))):null)])};Fn.propTypes=Zn,Fn.defaultProps={title:null,description:null,layout:null,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,className:null,style:null};var In={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"},Rn={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},Ln=function(e){var t=e.layout,n=e.title,a=e.description,l=e.button,r=e.focusable,u=e.transitions,s=e.transitionPlaying,c=e.transitionStagger,m=e.transitionDisabled,y=e.className,v=e.style,b=e.onClickButton,w=(0,g.useScreenRenderContext)(),C=w.isPreview,M=w.isEdit,E="split"===t,S=E?null:t,k=(0,h.isTextFilled)(n),T=(0,h.isTextFilled)(a),N=(0,h.isTextFilled)(l);return f.createElement(Se,{className:d()([In.container,(0,o.Z)({},y,null!==y)]),fullscreen:!0,verticalAlign:S,style:v},[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:In.emptyTitle,isEmpty:!k},k?f.createElement(p.Transitions,{transitions:u,playing:s,disabled:m},f.createElement(ut,Object.assign({},n,{className:In.title}))):null),f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:In.emptyDescription,isEmpty:!T},T?f.createElement(p.Transitions,{transitions:u,playing:s,disabled:m,delay:c},f.createElement(Q,Object.assign({},a,{className:In.description}))):null),E?f.createElement(ve,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"button",placeholder:"button"},f.createElement(p.Transitions,{transitions:u,playing:s,disabled:m,delay:2*c},f.createElement(H,{disabled:C||M,focusable:r,buttonStyle:null!==l?l.buttonStyle:null,className:In.button,onClick:b},N?f.createElement(Q,Object.assign({},l,{className:In.label})):f.createElement(i.Z,{id:"D7LIZQ",defaultMessage:[{type:0,value:"Start"}]}))))])};Ln.propTypes=Rn,Ln.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 zn={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},qn=function(e){var t,n=e.id,a=e.layout,l=e.introLayout,i=e.title,s=e.description,c=e.questions,m=e.results,p=e.buttonsStyle,h=e.goodAnswerColor,v=e.badAnswerColor,b=e.spacing,w=e.background,C=e.introBackground,M=e.introButton,E=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.transitionStagger,x=e.type,P=e.className,O=n||"screen-id",A=(0,y.useTrackScreenEvent)(x),Z=(0,g.useScreenSize)(),F=Z.width,I=Z.height,R=Z.menuOverScreen,L=(0,g.useViewer)().menuSize,z=(0,g.useScreenRenderContext)(),q=z.isView,j=z.isPreview,B=z.isPlaceholder,V=z.isEdit,W=z.isStatic,_=z.isCapture,G=(0,g.useScreenState)(),H=null!==G?G.split("."):[],U=(0,u.Z)(H,2),Y=U[0],Q=void 0===Y?null:Y,X=U[1],J=void 0===X?0:X,K=S,$=W||_||B||j||V,ee=S&&(q||V),ne=S||k||!q,ae=null!==E&&!0===E.active,le=(0,y.useResizeObserver)(),ie=le.ref,oe=(le.entry.contentRect||{}).height,re=void 0===oe?0:oe,ue=W||_,de=null!==i||null!==s||V||"intro"===Q,ce=(0,f.useState)(null),me=(0,u.Z)(ce,2),fe=me[0],pe=me[1],ge="intro";null!==Q?ge="questions"===Q?parseInt(J,10):Q:!B&&de||(ge=0);var ye=(0,f.useState)(ge),he=(0,u.Z)(ye,2),ve=he[0],be=he[1];(0,f.useEffect)((function(){j&&de&&"intro"!==ve&&be("intro")}),[j,de,ve,be]);var we=(0,f.useCallback)((function(e,t){pe((0,r.Z)((0,r.Z)({},fe),{},(0,o.Z)({},ve,t))),A("click_answer","Question #".concat(ve+1," ").concat(t+1,": ").concat(e.label.body),{question:c[ve],questionIndex:ve,answer:e,answerIndex:t})}),[fe,pe,A,c,ve]),Ce=(0,f.useCallback)((function(){var e=ve+1,t=c.length;e<t?be(e):e===t&&be("results")}),[c,ve,be]),Me=(0,f.useCallback)((function(){be(0)}),[be]);(0,f.useEffect)((function(){!S&&V&&null!==fe&&pe(null)}),[V,S,fe,pe]);var Ee=null!==c&&c.length>0&&c[ve]||{},Se=Ee.text,ke=void 0===Se?null:Se,Te=Ee.answers,Ne=void 0===Te?[]:Te,xe=Ee.background,Pe=void 0===xe?null:xe,Oe=Ee.layout,Ae=void 0===Oe?null:Oe,Ze=null!==fe&&void 0!==fe[ve]?fe[ve]:null,Fe=(0,f.useMemo)((function(){return null!==fe?Object.keys(fe).reduce((function(e,t){var n=(null!==c&&c[t]||{}).answers,a=((void 0===n?[]:n)[fe[t]]||{}).points;return(void 0===a?0:a)+e}),0):0}),[fe,c]),Ie=de&&"intro"===ve,Re="results"===ve,Le=!Ie&&!Re,ze=(0,f.useMemo)((function(){return Re?"results"===Q?(m||[])[parseInt(J,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,Q,J]),qe=ze||{},je=qe.background,Be=void 0===je?null:je,De=qe.layout,Ve=void 0===De?null:De,We=lt({screenId:O}).create;(0,f.useEffect)((function(){Re&&!V&&We({choice:fe,value:Fe})}),[Re,fe,We]),(0,f.useEffect)((function(){(V||j)&&("questions"===Q?be(parseInt(J,10)):"results"===Q?be("results"):"intro"===Q&&be("intro"))}),[Q,J,V,be]);var _e=w,Ge="background";Ie&&null!==C?(_e=C,Ge="results"):Re&&null!==Be?(_e=Be,Ge="results"):Le&&null!==Pe&&(_e=Pe,Ge="question_".concat(ve));var He=(0,f.useRef)(ve),Ue=(0,f.useMemo)((function(){if(ve===He.current)return null;var e=He.current;return He.current=ve,"intro"===ve||"results"===e||e>ve?"left":(He.current=ve,"right")}),[ve]);return f.createElement("div",{className:d()([xn.container,(t={},(0,o.Z)(t,xn[Ue],null!==Ue),(0,o.Z)(t,P,null!==P),t)]),"data-screen-ready":!0},B?null:f.createElement(wn.Z,null,f.createElement(Cn.Z,{key:Ge,classNames:xn,timeout:1e3},f.createElement(D,{background:_e,width:F,height:I,playing:ee,shouldLoad:ne,className:xn.background}))),f.createElement(se,{width:F,height:I},f.createElement(wn.Z,null,[Ie?f.createElement(Cn.Z,{key:"intro",classNames:xn,timeout:1e3},f.createElement(Ln,{title:i,description:s,layout:l||a,button:M,focusable:S&&q,transitions:T,transitionPlaying:K,transitionStagger:N,transitionDisabled:$,className:xn.intro,style:B?null:{padding:b,paddingTop:(R&&!j?L:0)+b},onClickButton:Me})):null,Le?f.createElement(Cn.Z,{key:"question-".concat(ve),classNames:xn,timeout:1e3},f.createElement(Nn,{index:ve,totalCount:(c||[]).length,question:ke,answers:Ne,answeredIndex:Ze,buttonsStyle:p,goodAnswerColor:h,badAnswerColor:v,focusable:S&&q,showInstantAnswer:ue,layout:Ae||a,withoutGoodAnswer:!0,callToActionHeight:re,transitions:T,transitionPlaying:K,transitionStagger:N,transitionDisabled:$,onAnswerClick:we,onAnswerTransitionEnd:Ce,className:xn.question,style:B?null:{padding:b,paddingTop:(R&&!j?L:0)+b}})):null,Re?f.createElement(Cn.Z,{key:"results",classNames:xn,timeout:2e3},f.createElement(Fn,Object.assign({},ze,{layout:Ve||a,transitions:T,transitionPlaying:K,transitionStagger:N,transitionDisabled:$,className:xn.results,style:B?null:{padding:b,paddingTop:(R&&!j?L:0)+b}}))):null]),!B&&ae?f.createElement(te,{ref:ie,className:xn.callToAction,callToAction:E,animationDisabled:j,focusable:S&&q,screenSize:{width:F,height:I}}):null))};qn.propTypes=zn,qn.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 jn=[{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:On,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:qn,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"}}}]}],Bn={body:m().string,textStyle:a.PropTypes.textStyle,linksStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,showEmpty:m().bool,className:m().string,emptyClassName:m().string},Dn=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,u=e.showEmpty,s=e.className,c=e.emptyClassName,m=null,g=null;null!==a&&(m=(0,r.Z)((0,r.Z)({},m),(0,h.getStyleFromText)(a))),null!==i&&(m=(0,r.Z)((0,r.Z)({},m),(0,h.getStyleFromMargin)(i))),null!==l&&(g=(0,r.Z)((0,r.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:d()(["micromag-element-quote-container",(t={},(0,o.Z)(t,"micromag-element-quote-showEmpty",u),(0,o.Z)(t,c,u&&null!==c),(0,o.Z)(t,s,null!==s),t)]),style:m,dangerouslySetInnerHTML:{__html:n}}))};Dn.propTypes=Bn,Dn.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,showEmpty:!1,className:null,emptyClassName:null};var Vn={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"},Wn={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},_n=function(e){var t,n=e.layout,a=e.quote,l=e.author,r=e.spacing,u=e.background,s=e.callToAction,c=e.current,m=e.active,y=e.transitions,v=e.transitionStagger,b=e.className,w=(0,g.useScreenSize)(),C=w.width,M=w.height,E=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,A=k.isCapture,Z=(0,h.isTextFilled)(a),F=(0,h.isTextFilled)(l),I="split"===n,R="top"===n,L="middle"===n,z=I?null:n,q=Z&&F&&!I,j=c,B=O||A||x||N||P,V=c&&(T||P),W=c||m||!T,_=null!==s&&!0===s.active,G=[!x&&_&&L?f.createElement(ve,{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:Vn.emptyQuote,isEmpty:!Z},Z?f.createElement(Dn,Object.assign({className:d()([Vn.quote,(0,o.Z)({},Vn.withMargin,q)])},a)):null),I&&f.createElement(ve,{key:"spacer"}),f.createElement(p.ScreenElement,{key:"author",placeholder:"subtitle",emptyLabel:f.createElement(i.Z,{id:"xYqGzM",defaultMessage:[{type:0,value:"Author"}]}),emptyClassName:Vn.emptyAuthor,isEmpty:!F},F?f.createElement(Q,Object.assign({className:Vn.author},l)):null),!x&&_&&(R||L)?f.createElement(ve,{key:"spacer-cta-bottom"}):null,!x&&_?f.createElement("div",{style:{margin:-r,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:s,animationDisabled:N,focusable:c&&T,screenSize:{width:C,height:M}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:d()([Vn.container,(t={},(0,o.Z)(t,b,b),(0,o.Z)(t,Vn.isPlaceholder,x),t)]),"data-screen-ready":!0},x?null:f.createElement(D,{background:u,width:C,height:M,playing:V,shouldLoad:W}),f.createElement(se,{width:C,height:M},f.createElement(Se,{className:Vn.layout,fullscreen:!0,verticalAlign:z,style:x?null:{padding:r,paddingTop:(E&&!N?S:0)+r}},f.createElement(p.TransitionsStagger,{transitions:y,stagger:v,disabled:B,playing:j},G))))};_n.propTypes=Wn,_n.defaultProps={layout:"top",quote:null,author:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null};var Gn=f.memo(_n),Hn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.quote,a=t.author,l=(0,Ze.pu)(e,n),i=l.story,o=l.component,u=(0,Ze.S3)(i,a),s=u.story,d=u.component,c=(0,Ze.W2)(s,[].concat((0,v.Z)(o?[o]:[]),(0,v.Z)(d?[d]:[]))),m=c.story,f=c.component;return(0,r.Z)((0,r.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),Un={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:Gn,layouts:["top","middle","bottom","split"],transforms:Hn,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"}}}]},Yn={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"},Qn={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},Xn=function(e){var t,n=e.layout,a=e.items,l=e.numbersStyle,r=e.ascending,s=e.spacing,c=e.background,m=e.callToAction,b=e.current,w=e.active,C=e.transitions,M=e.transitionStagger,E=e.type,S=e.className,k=(0,y.useTrackScreenEvent)(E),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(0,g.useViewer)().menuSize,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=A.isStatic,z=A.isCapture,q=I?(0,v.Z)(new Array(10)).map((function(){return{}})):a||[null],j=null!==q?q.length:0,B=b,V=L||z||I||F||R,W=!R&&V||!b,_=b&&(Z||R),G=b||w||!Z,H=(q||[]).map((function(e,t){var n=e||{},a=n.title,o=void 0===a?null:a,u=n.description,s=void 0===u?null:u,d=(0,h.isTextFilled)(o),c=(0,h.isTextFilled)(s),m=f.createElement("div",{className:Yn.title},f.createElement(p.ScreenElement,{placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Yn.empty,isEmpty:!d},d?f.createElement(p.Transitions,{transitions:C,playing:B,delay:M*t,disabled:V},f.createElement(ut,o)):null)),g=f.createElement("div",{className:Yn.description},f.createElement(p.ScreenElement,{placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Yn.empty,isEmpty:!c},c?f.createElement(p.Transitions,{transitions:C,playing:B,delay:M*t,disabled:V},f.createElement(Q,s)):null)),y="".concat(r?t+1:j-t);return f.createElement("div",{className:Yn.item,key:"item-".concat(t)},f.createElement("div",{className:Yn.rank},I?y:f.createElement(p.Transitions,{transitions:C,playing:B,delay:M*t,disabled:V},f.createElement(Q,{className:Yn.rankText,body:y,textStyle:l}))),f.createElement("div",{className:Yn.content},m,g))})),U=null!==m&&!0===m.active,Y=(0,f.useState)(!1),X=(0,u.Z)(Y,2),J=X[0],K=X[1],$=(0,y.useResizeObserver)(),ee=$.ref,ne=($.entry.contentRect||{}).height,ae=void 0===ne?0:ne;U&&H.push(f.createElement("div",{key:"call-to-action-spacer",style:{height:ae}}));var le=(0,f.useCallback)((function(e){e.initial&&k("scroll","Screen"),K(!0)}),[k]),ie=(0,f.useCallback)((function(){K(!1)}),[K]);return f.createElement("div",{className:d()([Yn.container,(t={},(0,o.Z)(t,S,null!==S),(0,o.Z)(t,Yn["".concat(n,"Layout")],null!==n),(0,o.Z)(t,Yn.isPlaceholder,I),t)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:c,width:N,height:x,playing:_,shouldLoad:G}),f.createElement(se,{width:N,height:x},f.createElement(st.default,{className:Yn.scroll,verticalAlign:"middle",disabled:W,onScrolledBottom:le,onScrolledNotBottom:ie},f.createElement(Se,{className:Yn.layout,style:I?null:{padding:s,paddingTop:(P&&!F?O:0)+s}},H)),!I&&U?f.createElement(te,{ref:ee,className:Yn.callToAction,disabled:!J,animationDisabled:F,callToAction:m,focusable:b&&Z,screenSize:{width:N,height:x}}):null))};Xn.propTypes=Qn,Xn.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 Jn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.items,a=void 0===n?[]:n,l=t.ascending,i=a||[],o=(void 0!==l&&l?i.reverse():i).reduce((function(e,t){var n=(0,Ze.xv)(e.story,t.title),a=n.story,l=n.component,i=(0,Ze.xv)(a,t.description),o=i.story,r=i.component,u=(0,Ze.W2)(o,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(r?[r]:[]))),s=u.story,d=u.component;return{story:s,components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(d?[d]:[]))}}),{story:e,components:[]})||{},u=o.story,s=o.components,d=void 0===s?[]:s,c=(0,Ze.W2)(u,d),m=c.story,f=c.component;return(0,r.Z)((0,r.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),Kn={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:Xn,layouts:["side","over"],transforms:Jn,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"}}}]},$n={container:"micromag-screen-slideshow-container",content:"micromag-screen-slideshow-content",disabled:"micromag-screen-slideshow-disabled",hidden:"micromag-screen-slideshow-hidden",placeholder:"micromag-screen-slideshow-placeholder"},ea={layout:m().oneOf(["top","middle","bottom"]),slides: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,className:m().string},ta=function(e){var t;e.layout;var n=e.slides,a=e.withCaptions,l=e.background,r=e.callToAction,s=e.current,c=e.active,m=e.spacing,v=e.captionMaxLines,b=e.transitions,w=e.className,C=(0,g.useScreenSize)(),M=C.width,E=C.height,S=C.menuOverScreen,k=(0,g.useViewer)().menuSize,T=(0,g.useScreenRenderContext)(),N=T.isView,x=T.isPreview,P=T.isPlaceholder,O=T.isEdit,A=T.isStatic,Z=T.isCapture,F=s&&(N||O),I=s||c||!N,R=P?5:m,L=(0,f.useState)(0),z=(0,u.Z)(L,2),q=z[0],j=z[1],B=s&&!0,V=A||Z||P||x||O,W=(0,f.useCallback)((function(){j(q+1)}),[q,j]),_=(0,f.useRef)([]),G=null!==r&&!0===r.active,H=(0,y.useResizeObserver)(),U=H.ref,Y=(H.entry.contentRect||{}).height,X=void 0===Y?0:Y,J=(n||[]).map((function(e,t){var n=e||{},l=n.visual,o=void 0===l?null:l,r=n.caption,u=void 0===r?null:r,s={width:M/2,height:E/2},d=null!==o,c=(0,h.isTextFilled)(u);return f.createElement("div",{key:"item-".concat(t),className:$n.gridItem},f.createElement("div",{className:$n.imageContainer,ref:function(e){_.current[t]=e}},f.createElement(p.Transitions,{transitions:b,delay:1,playing:B,disabled:V,fullscreen:!0},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:$n.placeholder,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:$n.emptyImage,isEmpty:!d},f.createElement(Mt,Object.assign({className:$n.image,media:o},s,{objectFit:{fit:"cover"},playing:F,onLoaded:W}))))),a?f.createElement(p.Transitions,{transitions:b,delay:1,playing:B,disabled:V},f.createElement(p.ScreenElement,{placeholder:"line",emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:$n.emptyCaption,isEmpty:!c},f.createElement("div",{className:$n.caption},f.createElement(Q,Object.assign({},u,{className:$n.captionText,lineClamp:v}))))):null)}));return f.createElement("div",{className:d()([$n.container,(t={},(0,o.Z)(t,w,null!==w),(0,o.Z)(t,$n.isPlaceholder,P),t)]),"data-screen-ready":!0},P?null:f.createElement(D,{background:l,width:M,height:E,playing:F,shouldLoad:I}),f.createElement(se,{width:M,height:E},f.createElement("div",{className:$n.content,style:{paddingTop:S&&!x?k:null,paddingBottom:G?X-R:0}},J,!P&&G?f.createElement("div",{style:{marginTop:-R}},f.createElement(te,{ref:U,className:$n.callToAction,callToAction:r,animationDisabled:x,focusable:s&&N,screenSize:{width:M,height:E}})):null)))};ta.propTypes=ea,ta.defaultProps={layout:"middle",withCaptions:!1,slides:[],spacing:20,captionMaxLines:2,background:null,callToAction:null,current:!0,active:!0,transitions:null,className:null};var na=f.memo(ta),aa=[{id:"slideshow",type:"screen",group:{label:(0,l.defineMessage)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:7},title:(0,l.defineMessage)({id:"MhGUaY",defaultMessage:[{type:0,value:"Slideshow"}]}),component:na,layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"two-vertical-equal",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"slides",type:"visuals-with-caption",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"}}}]}],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,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,resultTransitionDuration:m().number,type:m().string,className:m().string},oa=function(e){var t,n=e.id,a=e.layout,l=e.question,s=e.answers,c=e.buttonsStyle,m=e.resultsStyle,w=e.spacing,C=e.background,M=e.callToAction,E=e.withPercentLabels,S=e.current,k=e.active,T=e.transitions,N=e.transitionStagger,x=e.resultTransitionDuration,P=e.type,O=e.className,A=n||"screen-id",Z=(0,y.useTrackScreenEvent)(P),F=(0,g.useScreenSize)(),I=F.width,R=F.height,L=F.menuOverScreen,z=(0,g.useViewer)().menuSize,q=lt({screenId:A}).create,j=(0,g.useScreenRenderContext)(),B=j.isView,V=j.isPreview,W=j.isPlaceholder,_=j.isEdit,G=j.isStatic,U=j.isCapture,Y=null!==M&&!0===M.active,X=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,n=e.opts,a=void 0===n?{}:n,l=Ke(),i=(0,f.useCallback)((function(){return null!==l?l.quiz.results(t):null}),[l,t]),o=null!==l?tt(i,a):{data:null},u=o.data,s=(0,b.Z)(o,at);return(0,r.Z)({quiz:u||[]},s)}({screenId:A,opts:{autoload:!W}}),J=X.quiz,K=void 0===J?[]:J,$=(0,h.isTextFilled)(l),ee=G||U,ne=(0,f.useState)(ee?-1:null),ae=(0,u.Z)(ne,2),le=ae[0],ie=ae[1],oe=null!==le,re=(0,f.useMemo)((function(){var e=null!==s?(K||[]).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!==s?(s||[]).reduce((function(t,n,a){var l=(n||{}).label,i=((void 0===l?{}:l)||{}).body,u=void 0===i?null:i,s=(K.find((function(e){return e.choice===u}))||{}).count,d=void 0===s?0:s,c=a===le?d+1:d;return null!==u?(0,r.Z)((0,r.Z)({},t),{},(0,o.Z)({},u,{percent:e>0?c/e*100:0,count:c})):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,r.Z)((0,r.Z)({},e),{},(0,o.Z)({},n,(0,r.Z)((0,r.Z)({},t[n]),{},{percent:a[l]})))}),{})}),[s,K,le]),ue="split"===a,de="top"===a,ce="middle"===a,me=ue?null:a,fe=S,pe=G||U||W||V||_,ge=S&&(B||_),ye=S||k||!B,he=(0,f.useCallback)((function(e){if(null===le){ie(e);var t=s[e];q({choice:t.label.body||e,value:1}),Z("click_answer","Answer ".concat(le+1,": ").concat(t.label.body),{answer:t,answerIndex:e})}}),[le,ie,Z,q]);(0,f.useEffect)((function(){!S&&_&&null!==le&&ie(null)}),[_,S,le,ie]);var be=[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:!$},$?f.createElement(p.Transitions,{transitions:T,playing:fe,disabled:pe},f.createElement(ut,Object.assign({},l,{className:la.question}))):null)];(ue||!W&&Y&&ce)&&be.push(f.createElement(ve,{key:"spacer"}));var we=(0,f.useRef)([]),Ce=(0,f.useRef)([]),Me=(0,f.useState)(null),Ee=(0,u.Z)(Me,2),ke=Ee[0],Te=Ee[1],Ne=ee?0:"".concat(x,"ms"),xe=(0,f.useState)(!1),Pe=(0,u.Z)(xe,2),Oe=Pe[0],Ae=Pe[1];(0,f.useEffect)((function(){if(null!==s&&!W){var e=s.reduce((function(e,t,n){var a=we.current[n]||null,l=Ce.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);Te(Math.min(.75*I,Math.max(.2*I,e))),Ae(!0)}}),[s,I,R,Te,Ne,W]);var Ze=m||{},Fe=Ze.barColor,Ie=void 0===Fe?null:Fe,Re=Ze.textColor,Le=void 0===Re?null:Re;return be.push(f.createElement("div",{key:"answers",className:la.answers},null!==s||W?f.createElement("div",{className:la.items},(W?(0,v.Z)(new Array(3)):s).map((function(e,t){var n=null!==e,a=e||{},l=a.label,u=void 0===l?null:l,s=a.buttonStyle,m=void 0===s?null:s,g=a.resultStyle,y=(void 0===g?null:g)||{},v=y.barColor,b=void 0===v?null:v,w=y.textColor,C=(u||{}).body,M=void 0===C?null:C,k=(null!==M&&re[M]||{}).percent,x=void 0===k?0:k,P=(u||{}).textStyle,O=void 0===P?null:P,A=(O||{}).color,Z=void 0===A?null:A,F=(0,h.isTextFilled)(u),I=le===t;return f.createElement("div",{key:"answer-".concat(t),className:d()([la.item,(0,o.Z)({},la.userAnswer,I)])},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:!F},n?f.createElement(p.Transitions,{transitions:T,playing:fe,delay:(t+1)*N,disabled:pe},f.createElement("div",{className:la.itemContent},f.createElement("div",{className:la.itemInner,style:{width:oe?ke:null,transitionDuration:Ne}},f.createElement(H,{className:la.button,onClick:function(){return he(t)},refButton:function(e){we.current[t]=e},disabled:V,focusable:S&&B,buttonStyle:oe?null:(0,r.Z)((0,r.Z)({},(0,h.getStyleFromBox)(c)),(0,h.getStyleFromBox)(m))},f.createElement("span",{className:la.itemLabel,ref:function(e){Ce.current[t]=e}},f.createElement(Q,Object.assign({},u,{textStyle:O,inline:!0,className:la.itemText}))))),f.createElement("div",{className:la.resultContainer,style:{transitionDuration:Ne}},f.createElement("div",{className:la.resultContent,style:{transitionDelay:Ne,transitionDuration:Ne}},f.createElement("div",{className:la.result,style:(0,r.Z)({width:"".concat(x,"%")},(0,h.getStyleFromColor)(oe?b||Ie||Z:null,"backgroundColor"))},E?f.createElement("div",{className:la.resultLabel,style:(0,r.Z)({},(0,h.getStyleFromColor)(oe?w||Le||b||Ie||Z:null,"color"))},"".concat(x,"%")):null))))):null))}))):null)),!W&&Y&&((de||ce)&&be.push(f.createElement(ve,{key:"spacer-cta-bottom"})),be.push(f.createElement("div",{style:{margin:-w,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:M,disabled:!oe,animationDisabled:V,focusable:S&&B,screenSize:{width:I,height:R}})))),f.createElement("div",{className:d()([la.container,(t={},(0,o.Z)(t,O,null!==O),(0,o.Z)(t,la.answered,oe),(0,o.Z)(t,la.isPlaceholder,W),t)]),"data-screen-ready":Oe},W?null:f.createElement(D,{background:C,width:I,height:R,playing:ge,shouldLoad:ye}),f.createElement(se,{width:I,height:R},f.createElement(Se,{className:la.layout,fullscreen:!0,verticalAlign:me,style:W?null:{padding:w,paddingTop:(L&&!V?z:0)+w}},be)))};oa.propTypes=ia,oa.defaultProps={id:null,layout:"middle",question:null,answers:null,buttonsStyle:null,resultsStyle:null,spacing:20,background:null,callToAction:null,withPercentLabels:!0,current:!0,active:!0,transitions:null,transitionStagger:100,resultTransitionDuration:500,type:null,className:null};var ra={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:oa,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"}]})},{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"}}}]},ua={container:"micromag-screen-text-container",disabled:"micromag-screen-text-disabled",hidden:"micromag-screen-text-hidden",placeholder:"micromag-screen-text-placeholder",content:"micromag-screen-text-content",emptyText:"micromag-screen-text-emptyText",emptyTitle:"micromag-screen-text-emptyTitle",title:"micromag-screen-text-title",withMargin:"micromag-screen-text-withMargin",isPlaceholder:"micromag-screen-text-isPlaceholder",layout:"micromag-screen-text-layout"},sa={layout:m().oneOf(["top","middle","bottom","split"]),text:a.PropTypes.textElement,title:a.PropTypes.headingElement,withTitle:m().bool,spacing:m().number,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},da=function(e){var t,n=e.layout,a=e.text,l=e.title,r=e.withTitle,u=e.spacing,s=e.background,c=e.callToAction,m=e.current,y=e.active,v=e.transitions,b=e.transitionStagger,w=e.className,C=(0,g.useScreenSize)(),M=C.width,E=C.height,S=C.menuOverScreen,k=(0,g.useViewer)().menuSize,T=(0,g.useScreenRenderContext)(),N=T.isView,x=T.isPreview,P=T.isPlaceholder,O=T.isEdit,A=T.isStatic,Z=T.isCapture,F=(0,h.isTextFilled)(l),I=(0,h.isTextFilled)(a),R="split"===n,L="top"===n,z="middle"===n,q=R?null:n,j=F&&I&&!R,B=m,V=A||Z||P||x||O,W=m&&(N||O),_=m||y||!N,G=null!==c&&!0===c.active,H=[!P&&G&&z?f.createElement(ve,{key:"spacer-cta-top"}):null,r?f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:ua.emptyTitle,isEmpty:!F},F?f.createElement(ut,Object.assign({className:d()([ua.title,(0,o.Z)({},ua.withMargin,j)])},l)):null):null,R&&r?f.createElement(ve,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:ua.emptyText,isEmpty:!I},I?f.createElement(Q,Object.assign({className:ua.text},a)):null),!P&&G&&(L||z)?f.createElement(ve,{key:"spacer-cta-bottom"}):null,!P&&G?f.createElement("div",{style:{margin:-u,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:c,animationDisabled:x,focusable:m&&N,screenSize:{width:M,height:E}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:d()([ua.container,(t={},(0,o.Z)(t,w,null!==w),(0,o.Z)(t,ua.isPlaceholder,P),t)]),"data-screen-ready":!0},P?null:f.createElement(D,{background:s,width:M,height:E,playing:W,shouldLoad:_}),f.createElement(se,{width:M,height:E},f.createElement(Se,{className:ua.layout,fullscreen:!0,verticalAlign:q,style:P?null:{padding:u,paddingTop:(S&&!x?k:0)+u}},f.createElement(p.TransitionsStagger,{transitions:v,stagger:b,disabled:V,playing:B},H))))};da.propTypes=sa,da.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 ca=f.memo(da),ma=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.text,a=t.title,l=(0,Ze.nL)(e,a),i=l.story,o=l.component,u=(0,Ze.xv)(i,n),s=u.story,d=u.component,c=(0,Ze.W2)(s,[].concat((0,v.Z)(o?[o]:[]),(0,v.Z)(d?[d]:[]))),m=c.story,f=c.component;return(0,r.Z)((0,r.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:ca,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,Lt.Z)({},e);return f.createElement(ca,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,s=e.lineColor,c=e.bulletShape,m=e.bulletFilled,b=e.illustrated,w=e.spacing,C=e.background,M=e.callToAction,E=e.current,S=e.active,k=e.transitions,T=e.transitionStagger,N=e.type,x=e.className,P=(0,y.useTrackScreenEvent)(N),O=(0,g.useScreenSize)(),A=O.width,Z=O.height,F=O.menuOverScreen,I=(0,g.useViewer)().menuSize,R=(0,g.useScreenRenderContext)(),L=R.isView,z=R.isPreview,q=R.isPlaceholder,j=R.isEdit,B=R.isStatic,V=R.isCapture,W=q?(0,v.Z)(new Array(5)).map((function(){return{}})):a||[null],_=null!==W?W.length:0,G=null!==W&&_?W.reduce((function(e,t){var n=(t||{}).image;return e+(null!==(void 0===n?null:n)?1:0)}),0):0,H=(0,f.useState)(0),U=(0,u.Z)(H,2),Y=U[0],X=U[1],J=Y>=G,K=E&&J,$=B||V||q||z||j,ee=!j&&$||!E,ne=E&&(L||j),ae=E||S||!L,le=(0,f.useCallback)((function(){X(Y+1)}),[Y,X]),ie=(0,f.useRef)(null),oe=(0,f.useRef)(null),re=(0,f.useState)(0),ue=(0,u.Z)(re,2),de=ue[0],ce=ue[1];(0,f.useEffect)((function(){ce(oe.current.offsetWidth-ie.current.offsetWidth)}),[A,Z]);var me=(W||[]).map((function(e,t){var a=e||{},u=a.title,c=void 0===u?null:u,g=a.description,y=void 0===g?null:g,v=a.image,w=void 0===v?null:v,C=(0,h.isTextFilled)(c),M=(0,h.isTextFilled)(y),E=null!==w,S=("normal"===n?"title-description-image":n).split("-"),N=S.indexOf("title"),x=S.indexOf("image");b||S.splice(x,1);var P=S.length;return f.createElement("div",{className:pa.item,key:"item-".concat(t)},f.createElement(p.Transitions,{transitions:k,playing:K,delay:T*t,disabled:$},S.map((function(e,n){var a,u=!1;switch(e){case"title":u=C,a=f.createElement("div",{className:pa.title},f.createElement(p.ScreenElement,{placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:pa.empty,isEmpty:!C},u?f.createElement(ut,c):null));break;case"image":u=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},u?f.createElement(Mt,{className:pa.image,videoClassName:pa.video,media:w,width:de,playing:ne,onLoaded:le}):null));break;default:u=M,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:!M},u?f.createElement(Q,y):null))}var g=0===t,v=t===_-1,b=n===P-1,S=g&&n<=N||v&&n>N,k=g&&n<N||v&&n>=N;return f.createElement("div",{key:"element-".concat(e),className:d()([pa.element,pa["element-".concat(e)]]),ref:0===t?oe:null},f.createElement("div",{className:pa.timeline,ref:0===t?ie:null},f.createElement("div",{className:d()([pa.line,(0,o.Z)({},pa.hidden,S)]),style:(0,r.Z)({},S?null:(0,h.getStyleFromColor)(s,"backgroundColor"))}),"title"===e?f.createElement("div",{className:pa.bullet,style:(0,r.Z)((0,r.Z)({},(0,h.getStyleFromColor)(l,"borderColor")),m?(0,h.getStyleFromColor)(l,"backgroundColor"):null)}):null,f.createElement("div",{className:d()([pa.line,(0,o.Z)({},pa.hidden,k)]),style:(0,r.Z)({},k?null:(0,h.getStyleFromColor)(s,"backgroundColor"))})),f.createElement("div",{className:d()([pa.content,(0,o.Z)({},pa.lastContent,b&&!v)])},a))}))))})),fe=null!==M&&!0===M.active,pe=(0,f.useState)(!1),ge=(0,u.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,y.useResizeObserver)(),be=ve.ref,we=(ve.entry.contentRect||{}).height,Ce=void 0===we?0:we,Me=(0,f.useCallback)((function(e){e.initial&&P("scroll","Screen"),he(!0)}),[P]),Ee=(0,f.useCallback)((function(){he(!1)}),[he]);return f.createElement("div",{className:d()([pa.container,(t={},(0,o.Z)(t,x,null!==x),(0,o.Z)(t,pa.isPlaceholder,q),(0,o.Z)(t,pa["".concat(c,"BulletShape")],null!==c),(0,o.Z)(t,pa.withoutLines,_<2),t)]),"data-screen-ready":J},q?null:f.createElement(D,{background:C,width:A,height:Z,playing:ne,shouldLoad:ae}),f.createElement(se,{width:A,height:Z},f.createElement(st.default,{className:pa.scroll,verticalAlign:"middle",disabled:ee,onScrolledBottom:Me,onScrolledNotBottom:Ee},f.createElement(Se,{style:q?null:{padding:w,paddingTop:(F&&!z?I:0)+w}},me,!q&&fe?f.createElement("div",{style:{height:Ce}}):null)),!q&&fe?f.createElement(te,{ref:be,className:pa.callToAction,disabled:!ye,animationDisabled:z,callToAction:M,focusable:E&&L,screenSize:{width:A,height:Z}}):null))};ya.propTypes=ga,ya.defaultProps={layout:"normal",items:[null],bulletColor:null,lineColor:null,bulletShape:"circle",bulletFilled:!0,illustrated:!1,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:75,type:null,className:null};var ha=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.items,a=((void 0===n?[]:n)||[]).reduce((function(e,t){var n=(0,Ze.xv)(e.story,t.title),a=n.story,l=n.component,i=(0,Ze.xv)(a,t.description),o=i.story,r=i.component,u=(0,Ze.W2)(o,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(r?[r]:[]))),s=u.story,d=u.component;return{story:s,components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(d?[d]:[]))}}),{story:e,components:[]})||{},l=a.story,i=a.components,o=void 0===i?[]:i,u=(0,Ze.W2)(l,o),s=u.story,d=u.component;return(0,r.Z)((0,r.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(d?[d]:[]))})}}),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,Lt.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"}}}]}],ba="micromag-screen-title-withMargin",wa="micromag-screen-title-box",Ca={layout:m().oneOf(["top","middle","bottom","split","split-top","split-bottom"]),title:a.PropTypes.headingElement,subtitle:a.PropTypes.headingElement,description:a.PropTypes.textElement,boxStyle:a.PropTypes.boxStyle,withSubtitle:m().bool,withDescription:m().bool,withBox:m().bool,spacing:m().number,descriptionEmptyLabel:a.PropTypes.label,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,transitionStagger:m().number,className:m().string},Ma={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,r=e.description,u=e.boxStyle,s=e.withSubtitle,c=e.withDescription,m=e.withBox,y=e.spacing,v=e.descriptionEmptyLabel,b=e.background,w=e.callToAction,C=e.current,M=e.active,E=e.transitions,S=e.transitionStagger,k=e.className,T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(0,g.useViewer)().menuSize,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=A.isStatic,z=A.isCapture,q=(0,h.isTextFilled)(a),j=(0,h.isTextFilled)(l),B=(0,h.isTextFilled)(r),V=n.split("-"),W="split"===V[0],_="top"===n,G="middle"===n,H=W?V[1]||null:V[0],U=q&&(j||B)&&(!W||"top"===H),Y=j&&B&&(!W||"bottom"===H),X=C,J=L||z||I||F||R,K=C&&(Z||R),$=C||M||!Z,ee=null!==w&&!0===w.active,ne=f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:"micromag-screen-title-emptyTitle",isEmpty:!q},q?f.createElement(ut,Object.assign({className:d()(["micromag-screen-title-title",(0,o.Z)({},ba,U)])},a,{size:1})):null),ae=s?f.createElement(p.ScreenElement,{key:"subtitle",placeholder:"subtitle",emptyLabel:f.createElement(i.Z,{id:"d60tSn",defaultMessage:[{type:0,value:"Subtitle"}]}),emptyClassName:"micromag-screen-title-emptySubtitle",isEmpty:!j},j?f.createElement(ut,Object.assign({className:d()(["micromag-screen-title-subtitle",(0,o.Z)({},ba,Y)])},l,{size:2})):null):null,le=c?f.createElement(p.ScreenElement,{key:"description",placeholder:"shortText",emptyLabel:v,emptyClassName:"micromag-screen-title-emptyDescription",isEmpty:!B},B?f.createElement(Q,r):null):null;return f.createElement("div",{className:d()(["micromag-screen-title-container",(t={},(0,o.Z)(t,k,null!==k),(0,o.Z)(t,"micromag-screen-title-isPlaceholder",I),t)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:b,width:N,height:x,playing:K,shouldLoad:$}),f.createElement(se,{width:N,height:x},f.createElement(Se,{className:"micromag-screen-title-layout",fullscreen:!0,verticalAlign:H,style:I?null:{padding:y,paddingTop:(P&&!F?O:0)+y}},!I&&ee&&G?f.createElement(ve,{key:"spacer-cta-top"}):null,m&&!W?f.createElement("div",{className:wa,style:R||I||q||j||B?(0,h.getStyleFromBox)(u):null},f.createElement(p.TransitionsStagger,{transitions:E,stagger:S,disabled:J,playing:X,focusable:C&&Z},[ne,ae,le])):null,m&&W?f.createElement(p.TransitionsStagger,{transitions:E,stagger:S,disabled:J,playing:X,focusable:C&&Z},f.createElement("div",{className:wa,key:"top",style:R||I||q||c&&"top"===H&&j?(0,h.getStyleFromBox)(u):null},ne,c&&"top"===H?ae:null),f.createElement(ve,{key:"spacer1"}),f.createElement("div",{className:wa,key:"bottom",style:R||I||B||(!c||"bottom"===H)&&j?(0,h.getStyleFromBox)(u):null},c&&"bottom"!==H?null:ae,le)):null,m?null:f.createElement(p.TransitionsStagger,{transitions:E,stagger:S,disabled:J,playing:X,focusable:C&&Z},ne,W&&(!c||"bottom"===H)&&f.createElement(ve,{key:"spacer1"}),ae,W&&c&&"top"===H&&f.createElement(ve,{key:"spacer2"}),le),!I&&ee&&(_||G)?f.createElement(ve,{key:"spacer-cta-bottom"}):null,!I&&ee?f.createElement("div",{style:{margin:-y,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:w,animationDisabled:F,focusable:C&&Z,screenSize:{width:N,height:x}})):null)))};Ea.propTypes=Ca,Ea.defaultProps=Ma;var Sa=f.memo(Ea),ka=["credits"],Ta={credits:a.PropTypes.textElement},Na=function(e){var t=e.credits,n=(0,b.Z)(e,ka);return f.createElement(Sa,Object.assign({},n,{description:t,withSubtitle:!0,withDescription:!0,descriptionEmptyLabel:f.createElement(i.Z,{id:"/hupzO",defaultMessage:[{type:0,value:"Credits"}]})}))};Na.propTypes=Ta,Na.defaultProps={credits:null};var xa=function(e){return f.createElement(Sa,Object.assign({},e,{withSubtitle:!0,withDescription:!0,withBox:!0}))};xa.propTypes={},xa.defaultProps={};var Pa=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.title,a=t.subtitle,l=t.credits,i=(0,Ze.nL)(e,n),o=i.story,u=i.component,s=(0,Ze.XJ)(o,a),d=s.story,c=s.component,m=(0,Ze.xv)(d,l),f=m.story,p=m.component,g=(0,Ze.W2)(f,[].concat((0,v.Z)(u?[u]:[]),(0,v.Z)(c?[c]:[]),(0,v.Z)(p?[p]:[]))),y=g.story,h=g.component;return(0,r.Z)((0,r.Z)({},y),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(h?[h]:[]))})}}),Oa=[{id:"title",type:"screen",group:{label:(0,l.defineMessage)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,l.defineMessage)({id:"dVcog7",defaultMessage:[{type:0,value:"Title"}]}),component:Sa,layouts:["top","middle","bottom"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{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,Lt.Z)({},e);return f.createElement(Sa,Object.assign({},t,{withSubtitle:!0}))},layouts:["top","middle","bottom","split"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{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:Na,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"credits",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"upzOTm",defaultMessage:[{type:0,value:"Credits"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{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:xa,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:Pa,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,l.defineMessage)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,l.defineMessage)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{type:"fields",isList:!0,label:(0,l.defineMessage)({id:"LOknw0",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"boxStyle",type:"box-style-form",label:(0,l.defineMessage)({id:"f5Yipd",defaultMessage:[{type:0,value:"Box"}]})}]},{name:"background",type:"background",label:(0,l.defineMessage)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{label:{textStyle:"heading2"}}}]}],Aa={container:"micromag-screen-urbania-article-container",content:"micromag-screen-urbania-article-content",empty:"micromag-screen-urbania-article-empty",emptyContainer:"micromag-screen-urbania-article-emptyContainer",fullscreen:"micromag-screen-urbania-article-fullscreen",image:"micromag-screen-urbania-article-image",placeholder:"micromag-screen-urbania-article-placeholder",video:"micromag-screen-urbania-article-video",disabled:"micromag-screen-urbania-article-disabled",hidden:"micromag-screen-urbania-article-hidden",callToAction:"micromag-screen-urbania-article-callToAction",bottom:"micromag-screen-urbania-article-bottom",visible:"micromag-screen-urbania-article-visible",withGradient:"micromag-screen-urbania-article-withGradient",mediaControls:"micromag-screen-urbania-article-mediaControls",videoContainer:"micromag-screen-urbania-article-videoContainer",bottomContent:"micromag-screen-urbania-article-bottomContent"},Za={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},Fa=function(e){var t,n,a=e.layout,l=e.video,s=e.gotoNextScreenOnEnd,c=e.background,m=e.callToAction,h=e.current,v=e.active,b=e.transitions,w=e.spacing,C=e.getMediaRef,M=e.className,E=(0,y.useTrackScreenMedia)("video"),S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=(0,g.useScreenRenderContext)(),x=N.isView,P=N.isPreview,A=N.isPlaceholder,Z=N.isEdit,F=N.isStatic,I=N.isCapture,L=(0,g.useViewerNavigation)().gotoNextScreen,z=h&&(x||Z),q=h||v||!x,j=h||v||!x,B=s&&x&&h,V=l||{},W=V.autoPlay,_=void 0===W||W,G=V.media,H=void 0===G?null:G,U=V.closedCaptions,Y=void 0===U?null:U,Q=V.withSeekBar,X=void 0!==Q&&Q,J=V.withPlayPause,K=void 0!==J&&J,$=V.withTime,ee=void 0!==$&&$,ne=(0,f.useRef)(),ae=ne.current||{},le=ae.togglePlay,ie=ae.toggleMute,oe=ae.seek,ue=ae.play,de=ae.pause,ce=ae.mediaRef,me=void 0===ce?null:ce;(0,f.useEffect)((function(){null!==me&&null!==C&&C(me.current)}),[me,C]);var fe=(0,f.useRef)(null),pe=(0,f.useState)(!1),ge=(0,u.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(null),be=(0,u.Z)(ve,2),we=be[0],Ce=be[1],Me=(0,f.useState)(null),Ee=(0,u.Z)(Me,2),Se=Ee[0],ke=Ee[1],Te=(0,f.useState)(!1),Ne=(0,u.Z)(Te,2),xe=Ne[0],Pe=Ne[1],Oe=(0,f.useState)(!1),Ze=(0,u.Z)(Oe,2),Fe=Ze[0],Ie=Ze[1],Re=(0,f.useCallback)((function(e){Ce(e)}),[ke,Se]),Le=(0,f.useCallback)((function(e){E(l,"progress_".concat(Math.round(100*e,10),"%"))}),[E,l]),ze=(0,f.useCallback)((function(e){ke(e)}),[ke]),qe=(0,f.useCallback)((function(e){var t=e.initial;Pe(!0),E(l,t?"play":"resume")}),[E,l]),je=(0,f.useCallback)((function(e){var t=e.midway;Pe(!1),E(l,t?"pause":"ended")}),[E,l]),Be=(0,f.useCallback)((function(e){Ie(e),E(l,e?"mute":"unmute")}),[E,l]),De=(0,f.useCallback)((function(e){oe(e),ue()}),[oe,ue]),Ve=(0,f.useCallback)((function(e){e>0&&E(l,"seek")}),[E,l]),We=(0,f.useCallback)((function(){Fe&&!xe&&ue(),ie()}),[Fe,ie]),_e=(0,f.useCallback)((function(){B&&L()}),[B,oe,L]);(0,f.useEffect)((function(){!h&&xe&&de()}),[xe,h]);var Ge=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;he(!0),null!==fe.current&&clearTimeout(fe.current),fe.current=setTimeout((function(){he(!1),fe.current=null}),t)}),[he]),He=(0,f.useCallback)((function(){xe?K?Ge(null,3e3):de():ue()}),[ue,xe,de,Ge,K,he]),Ue=(0,y.useLongPress)({onLongPress:He,onClick:Ge}),Ye="full"===a,Qe=null!==m&&!0===m.active,Xe=null!==l,Je=(0,f.useState)(Xe),Ke=(0,u.Z)(Je,2),$e=Ke[0],et=Ke[1],tt=h&&$e,nt=F||I||A||P||Z,at=(0,f.useMemo)((function(){return Xe?(0,r.Z)((0,r.Z)({},l),{},{autoPlay:!P&&!F&&!I&&_&&h}):null}),[Xe,l,P,F,I,_,h]),lt=H||{},it=lt.metadata,ot=void 0===it?null:it,rt=lt.url,ut=void 0===rt?null:rt,st=lt.thumbnail_url,dt=void 0===st?null:st,ct=null!==ut,mt=ot||{},ft=mt.width,pt=void 0===ft?0:ft,gt=mt.height,yt=void 0===gt?0:gt,ht=(0,O.QQ)(pt,yt,k,T,{cover:Ye}),bt=ht.width,wt=ht.height,Ct=-(bt-k)/2,Mt=-(wt-T)/2,Et=Ye?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){et(!ct)}),[ut,ct,et]);var St=(0,f.useCallback)((function(){et(!0)}),[et]),kt=!_&&!xe||Fe||ye,Tt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:Aa.placeholder},Et)),empty:f.createElement("div",{className:Aa.emptyContainer},f.createElement(p.Empty,{className:Aa.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!ct},ct?f.createElement("div",{className:Aa.videoContainer,style:{width:bt,height:wt,left:Ct,top:Mt}},P||I?f.createElement(vt,{className:Aa.image,media:{url:dt,metadata:{width:pt,height:yt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},at,{ref:ne,className:Aa.video,onReady:St,onPlay:qe,onPause:je,onTimeUpdate:Re,onProgressStep:Le,onDurationChanged:ze,onSeeked:Ve,onEnded:_e,onVolumeChanged:Be,focusable:h&&x,preload:j?"auto":"metadata"}))):null),A?null:f.createElement("div",{key:"bottom-content",className:Aa.bottomContent},f.createElement(p.Transitions,{playing:tt,transitions:b,disabled:nt},null===Y||P||I||F?null:f.createElement(re,{className:Aa.closedCaptions,media:Y,currentTime:we}),f.createElement("div",{className:d()([Aa.bottom,(t={},(0,o.Z)(t,Aa.visible,kt),(0,o.Z)(t,Aa.withGradient,X||K||Fe),t)])},ct?f.createElement(Ae,{className:d()([Aa.mediaControls,(0,o.Z)({},Aa.visible,kt)]),withSeekBar:X,withPlayPause:K,withTime:ee,playing:xe,muted:Fe,currentTime:we,duration:Se,onTogglePlay:le,onToggleMute:We,onSeek:De,focusable:h&&x}):null,Qe?f.createElement("div",{style:{marginTop:-w/2}},f.createElement(te,{className:Aa.callToAction,callToAction:m,animationDisabled:P,focusable:h&&x,screenSize:{width:k,height:T}})):null)))];return f.createElement("div",Object.assign({className:d()([Aa.container,(n={},(0,o.Z)(n,M,null!==M),(0,o.Z)(n,Aa.fullscreen,Ye),n)]),"data-screen-ready":F||I||$e},Ue,{onMouseMove:Ge}),A?null:f.createElement(D,{background:c,width:k,height:T,playing:z,shouldLoad:q}),f.createElement(se,{width:k,height:T},f.createElement("div",{className:Aa.content},Tt)))};Fa.propTypes=Za,Fa.defaultProps={layout:"middle",video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,getMediaRef:null,className:null};var Ia=f.memo(Fa),Ra=Object.freeze({__proto__:null,appleNews:function(){return null}}),La={id:"urbania-article",type:"screen",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:Ia,layouts:[],transforms:Ra,fields:[{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"}}}]},za=Object.freeze({__proto__:null,appleNews:function(){return null}}),qa={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",video:"micromag-screen-urbania-trivia-video",disabled:"micromag-screen-urbania-trivia-disabled",hidden:"micromag-screen-urbania-trivia-hidden",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",videoContainer:"micromag-screen-urbania-trivia-videoContainer",bottomContent:"micromag-screen-urbania-trivia-bottomContent"},ja={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},Ba=function(e){var t,n,a=e.layout,l=e.video,s=e.gotoNextScreenOnEnd,c=e.background,m=e.callToAction,h=e.current,v=e.active,b=e.transitions,w=e.spacing,C=e.getMediaRef,M=e.className,E=(0,y.useTrackScreenMedia)("video"),S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=(0,g.useScreenRenderContext)(),x=N.isView,P=N.isPreview,A=N.isPlaceholder,Z=N.isEdit,F=N.isStatic,I=N.isCapture,L=(0,g.useViewerNavigation)().gotoNextScreen,z=h&&(x||Z),q=h||v||!x,j=h||v||!x,B=s&&x&&h,V=l||{},W=V.autoPlay,_=void 0===W||W,G=V.media,H=void 0===G?null:G,U=V.closedCaptions,Y=void 0===U?null:U,Q=V.withSeekBar,X=void 0!==Q&&Q,J=V.withPlayPause,K=void 0!==J&&J,$=V.withTime,ee=void 0!==$&&$,ne=(0,f.useRef)(),ae=ne.current||{},le=ae.togglePlay,ie=ae.toggleMute,oe=ae.seek,ue=ae.play,de=ae.pause,ce=ae.mediaRef,me=void 0===ce?null:ce;(0,f.useEffect)((function(){null!==me&&null!==C&&C(me.current)}),[me,C]);var fe=(0,f.useRef)(null),pe=(0,f.useState)(!1),ge=(0,u.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(null),be=(0,u.Z)(ve,2),we=be[0],Ce=be[1],Me=(0,f.useState)(null),Ee=(0,u.Z)(Me,2),Se=Ee[0],ke=Ee[1],Te=(0,f.useState)(!1),Ne=(0,u.Z)(Te,2),xe=Ne[0],Pe=Ne[1],Oe=(0,f.useState)(!1),Ze=(0,u.Z)(Oe,2),Fe=Ze[0],Ie=Ze[1],Re=(0,f.useCallback)((function(e){Ce(e)}),[ke,Se]),Le=(0,f.useCallback)((function(e){E(l,"progress_".concat(Math.round(100*e,10),"%"))}),[E,l]),ze=(0,f.useCallback)((function(e){ke(e)}),[ke]),qe=(0,f.useCallback)((function(e){var t=e.initial;Pe(!0),E(l,t?"play":"resume")}),[E,l]),je=(0,f.useCallback)((function(e){var t=e.midway;Pe(!1),E(l,t?"pause":"ended")}),[E,l]),Be=(0,f.useCallback)((function(e){Ie(e),E(l,e?"mute":"unmute")}),[E,l]),De=(0,f.useCallback)((function(e){oe(e),ue()}),[oe,ue]),Ve=(0,f.useCallback)((function(e){e>0&&E(l,"seek")}),[E,l]),We=(0,f.useCallback)((function(){Fe&&!xe&&ue(),ie()}),[Fe,ie]),_e=(0,f.useCallback)((function(){B&&L()}),[B,oe,L]);(0,f.useEffect)((function(){!h&&xe&&de()}),[xe,h]);var Ge=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;he(!0),null!==fe.current&&clearTimeout(fe.current),fe.current=setTimeout((function(){he(!1),fe.current=null}),t)}),[he]),He=(0,f.useCallback)((function(){xe?K?Ge(null,3e3):de():ue()}),[ue,xe,de,Ge,K,he]),Ue=(0,y.useLongPress)({onLongPress:He,onClick:Ge}),Ye="full"===a,Qe=null!==m&&!0===m.active,Xe=null!==l,Je=(0,f.useState)(Xe),Ke=(0,u.Z)(Je,2),$e=Ke[0],et=Ke[1],tt=h&&$e,nt=F||I||A||P||Z,at=(0,f.useMemo)((function(){return Xe?(0,r.Z)((0,r.Z)({},l),{},{autoPlay:!P&&!F&&!I&&_&&h}):null}),[Xe,l,P,F,I,_,h]),lt=H||{},it=lt.metadata,ot=void 0===it?null:it,rt=lt.url,ut=void 0===rt?null:rt,st=lt.thumbnail_url,dt=void 0===st?null:st,ct=null!==ut,mt=ot||{},ft=mt.width,pt=void 0===ft?0:ft,gt=mt.height,yt=void 0===gt?0:gt,ht=(0,O.QQ)(pt,yt,k,T,{cover:Ye}),bt=ht.width,wt=ht.height,Ct=-(bt-k)/2,Mt=-(wt-T)/2,Et=Ye?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){et(!ct)}),[ut,ct,et]);var St=(0,f.useCallback)((function(){et(!0)}),[et]),kt=!_&&!xe||Fe||ye,Tt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:qa.placeholder},Et)),empty:f.createElement("div",{className:qa.emptyContainer},f.createElement(p.Empty,{className:qa.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!ct},ct?f.createElement("div",{className:qa.videoContainer,style:{width:bt,height:wt,left:Ct,top:Mt}},P||I?f.createElement(vt,{className:qa.image,media:{url:dt,metadata:{width:pt,height:yt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},at,{ref:ne,className:qa.video,onReady:St,onPlay:qe,onPause:je,onTimeUpdate:Re,onProgressStep:Le,onDurationChanged:ze,onSeeked:Ve,onEnded:_e,onVolumeChanged:Be,focusable:h&&x,preload:j?"auto":"metadata"}))):null),A?null:f.createElement("div",{key:"bottom-content",className:qa.bottomContent},f.createElement(p.Transitions,{playing:tt,transitions:b,disabled:nt},null===Y||P||I||F?null:f.createElement(re,{className:qa.closedCaptions,media:Y,currentTime:we}),f.createElement("div",{className:d()([qa.bottom,(t={},(0,o.Z)(t,qa.visible,kt),(0,o.Z)(t,qa.withGradient,X||K||Fe),t)])},ct?f.createElement(Ae,{className:d()([qa.mediaControls,(0,o.Z)({},qa.visible,kt)]),withSeekBar:X,withPlayPause:K,withTime:ee,playing:xe,muted:Fe,currentTime:we,duration:Se,onTogglePlay:le,onToggleMute:We,onSeek:De,focusable:h&&x}):null,Qe?f.createElement("div",{style:{marginTop:-w/2}},f.createElement(te,{className:qa.callToAction,callToAction:m,animationDisabled:P,focusable:h&&x,screenSize:{width:k,height:T}})):null)))];return f.createElement("div",Object.assign({className:d()([qa.container,(n={},(0,o.Z)(n,M,null!==M),(0,o.Z)(n,qa.fullscreen,Ye),n)]),"data-screen-ready":F||I||$e},Ue,{onMouseMove:Ge}),A?null:f.createElement(D,{background:c,width:k,height:T,playing:z,shouldLoad:q}),f.createElement(se,{width:k,height:T},f.createElement("div",{className:qa.content},Tt)))};Ba.propTypes=ja,Ba.defaultProps={layout:"middle",video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,getMediaRef:null,className:null};var Da=f.memo(Ba),Va={id:"urbania-trivia",type:"screen",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:Da,layouts:[],transforms:za,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"}]})}]},Wa={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"},_a={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},Ga=function(e){var t,n,a=e.layout,l=e.video,s=e.gotoNextScreenOnEnd,c=e.background,m=e.callToAction,h=e.current,v=e.active,b=e.transitions,w=e.spacing,C=e.getMediaRef,M=e.className,E=(0,y.useTrackScreenMedia)("video"),S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=(0,g.useScreenRenderContext)(),x=N.isView,P=N.isPreview,A=N.isPlaceholder,Z=N.isEdit,F=N.isStatic,I=N.isCapture,L=(0,g.useViewerNavigation)().gotoNextScreen,z=h&&(x||Z),q=h||v||!x,j=h||v||!x,B=s&&x&&h,V=l||{},W=V.autoPlay,_=void 0===W||W,G=V.media,H=void 0===G?null:G,U=V.closedCaptions,Y=void 0===U?null:U,Q=V.withSeekBar,X=void 0!==Q&&Q,J=V.withPlayPause,K=void 0!==J&&J,$=V.withTime,ee=void 0!==$&&$,ne=(0,f.useRef)(),ae=ne.current||{},le=ae.togglePlay,ie=ae.toggleMute,oe=ae.seek,ue=ae.play,de=ae.pause,ce=ae.mediaRef,me=void 0===ce?null:ce;(0,f.useEffect)((function(){null!==me&&null!==C&&C(me.current)}),[me,C]);var fe=(0,f.useRef)(null),pe=(0,f.useState)(!1),ge=(0,u.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(null),be=(0,u.Z)(ve,2),we=be[0],Ce=be[1],Me=(0,f.useState)(null),Ee=(0,u.Z)(Me,2),Se=Ee[0],ke=Ee[1],Te=(0,f.useState)(!1),Ne=(0,u.Z)(Te,2),xe=Ne[0],Pe=Ne[1],Oe=(0,f.useState)(!1),Ze=(0,u.Z)(Oe,2),Fe=Ze[0],Ie=Ze[1],Re=(0,f.useCallback)((function(e){Ce(e)}),[ke,Se]),Le=(0,f.useCallback)((function(e){E(l,"progress_".concat(Math.round(100*e,10),"%"))}),[E,l]),ze=(0,f.useCallback)((function(e){ke(e)}),[ke]),qe=(0,f.useCallback)((function(e){var t=e.initial;Pe(!0),E(l,t?"play":"resume")}),[E,l]),je=(0,f.useCallback)((function(e){var t=e.midway;Pe(!1),E(l,t?"pause":"ended")}),[E,l]),Be=(0,f.useCallback)((function(e){Ie(e),E(l,e?"mute":"unmute")}),[E,l]),De=(0,f.useCallback)((function(e){oe(e),ue()}),[oe,ue]),Ve=(0,f.useCallback)((function(e){e>0&&E(l,"seek")}),[E,l]),We=(0,f.useCallback)((function(){Fe&&!xe&&ue(),ie()}),[Fe,ie]),_e=(0,f.useCallback)((function(){B&&L()}),[B,oe,L]);(0,f.useEffect)((function(){!h&&xe&&de()}),[xe,h]);var Ge=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;he(!0),null!==fe.current&&clearTimeout(fe.current),fe.current=setTimeout((function(){he(!1),fe.current=null}),t)}),[he]),He=(0,f.useCallback)((function(){xe?K?Ge(null,3e3):de():ue()}),[ue,xe,de,Ge,K,he]),Ue=(0,y.useLongPress)({onLongPress:He,onClick:Ge}),Ye="full"===a,Qe=null!==m&&!0===m.active,Xe=null!==l,Je=(0,f.useState)(Xe),Ke=(0,u.Z)(Je,2),$e=Ke[0],et=Ke[1],tt=h&&$e,nt=F||I||A||P||Z,at=(0,f.useMemo)((function(){return Xe?(0,r.Z)((0,r.Z)({},l),{},{autoPlay:!P&&!F&&!I&&_&&h}):null}),[Xe,l,P,F,I,_,h]),lt=H||{},it=lt.metadata,ot=void 0===it?null:it,rt=lt.url,ut=void 0===rt?null:rt,st=lt.thumbnail_url,dt=void 0===st?null:st,ct=null!==ut,mt=ot||{},ft=mt.width,pt=void 0===ft?0:ft,gt=mt.height,yt=void 0===gt?0:gt,ht=(0,O.QQ)(pt,yt,k,T,{cover:Ye}),bt=ht.width,wt=ht.height,Ct=-(bt-k)/2,Mt=-(wt-T)/2,Et=Ye?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){et(!ct)}),[ut,ct,et]);var St=(0,f.useCallback)((function(){et(!0)}),[et]),kt=!_&&!xe||Fe||ye,Tt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:Wa.placeholder},Et)),empty:f.createElement("div",{className:Wa.emptyContainer},f.createElement(p.Empty,{className:Wa.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!ct},ct?f.createElement("div",{className:Wa.videoContainer,style:{width:bt,height:wt,left:Ct,top:Mt}},P||I?f.createElement(vt,{className:Wa.image,media:{url:dt,metadata:{width:pt,height:yt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},at,{ref:ne,className:Wa.video,onReady:St,onPlay:qe,onPause:je,onTimeUpdate:Re,onProgressStep:Le,onDurationChanged:ze,onSeeked:Ve,onEnded:_e,onVolumeChanged:Be,focusable:h&&x,preload:j?"auto":"metadata"}))):null),A?null:f.createElement("div",{key:"bottom-content",className:Wa.bottomContent},f.createElement(p.Transitions,{playing:tt,transitions:b,disabled:nt},null===Y||P||I||F?null:f.createElement(re,{className:Wa.closedCaptions,media:Y,currentTime:we}),f.createElement("div",{className:d()([Wa.bottom,(t={},(0,o.Z)(t,Wa.visible,kt),(0,o.Z)(t,Wa.withGradient,X||K||Fe),t)])},ct?f.createElement(Ae,{className:d()([Wa.mediaControls,(0,o.Z)({},Wa.visible,kt)]),withSeekBar:X,withPlayPause:K,withTime:ee,playing:xe,muted:Fe,currentTime:we,duration:Se,onTogglePlay:le,onToggleMute:We,onSeek:De,focusable:h&&x}):null,Qe?f.createElement("div",{style:{marginTop:-w/2}},f.createElement(te,{className:Wa.callToAction,callToAction:m,animationDisabled:P,focusable:h&&x,screenSize:{width:k,height:T}})):null)))];return f.createElement("div",Object.assign({className:d()([Wa.container,(n={},(0,o.Z)(n,M,null!==M),(0,o.Z)(n,Wa.fullscreen,Ye),n)]),"data-screen-ready":F||I||$e},Ue,{onMouseMove:Ge}),A?null:f.createElement(D,{background:c,width:k,height:T,playing:z,shouldLoad:q}),f.createElement(se,{width:k,height:T},f.createElement("div",{className:Wa.content},Tt)))};Ga.propTypes=_a,Ga.defaultProps={layout:"middle",video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,getMediaRef:null,className:null};var Ha=f.memo(Ga),Ua=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.video||{}).media,a=void 0===n?null:n,l=(0,Ze.nk)(e,a),i=l.story,o=l.component,u=(0,Ze.W2)(i,(0,v.Z)(o?[o]:[])),s=u.story,d=u.component;return(0,r.Z)((0,r.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(d?[d]:[]))})}}),Ya={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:Ha,layouts:["middle","full"],transforms:Ua,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"}}}]},Qa={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"},Xa=null,Ja={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},Ka=function(e){var t;e.layout;var a=e.video,l=e.background,s=e.callToAction,c=e.current,m=e.active,h=e.transitions,v=e.onPrevious,b=e.onNext,w=e.type,C=e.spacing,M=e.className,E=function(){var e=(0,f.useState)({package:Xa}),t=(0,u.Z)(e,2),a=t[0].package,l=t[1];return(0,f.useEffect)((function(){var e=!1;return null!==a||n.e(917).then(n.bind(n,55917)).then((function(t){var n=t.Scene,a=t.PerspectiveCamera,i=t.SphereBufferGeometry,o=t.VideoTexture,r=t.MeshBasicMaterial,u=t.Mesh,s=t.WebGLRenderer,d=t.MathUtils;Xa={Scene:n,PerspectiveCamera:a,SphereBufferGeometry:i,VideoTexture:o,MeshBasicMaterial:r,Mesh:u,WebGLRenderer:s,MathUtils:d},e||l({package:Xa})})),function(){e=!0}}),[a,l]),a}(),S=(0,y.useTrackScreenEvent)(w),k=(0,y.useTrackScreenMedia)("video_360"),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.landscape,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,L=A.isEdit,z=A.isStatic,q=A.isCapture,j=c&&(Z||L),B=c||m||!Z,V=(0,f.useRef)(),W=(0,f.useRef)(),_=W.current||{},G=_.togglePlay,H=_.toggleMute,U=_.seek,Y=_.play,Q=_.pause,X=(0,f.useState)(null),J=(0,u.Z)(X,2),K=J[0],$=J[1],ee=(0,f.useState)(null),ne=(0,u.Z)(ee,2),ae=ne[0],le=ne[1],ie=(0,f.useState)(!1),oe=(0,u.Z)(ie,2),ue=oe[0],de=oe[1],ce=(0,f.useState)(!1),me=(0,u.Z)(ce,2),fe=me[0],pe=me[1],ge=(0,f.useCallback)((function(e){$(e)}),[le,ae]),ye=(0,f.useCallback)((function(e){k(a,"progress_".concat(Math.round(100*e,10),"%"))}),[k,a]),he=(0,f.useCallback)((function(e){le(e)}),[le]),ve=(0,f.useCallback)((function(e){var t=e.initial;de(!0),k(a,t?"play":"resume")}),[k,a]),be=(0,f.useCallback)((function(e){var t=e.midway;de(!1),k(a,t?"pause":"ended")}),[k,a]),we=(0,f.useCallback)((function(e){pe(e),k(a,e?"mute":"unmute")}),[k,a]),Ce=(0,f.useCallback)((function(e){e>0&&k(a,"seek")}),[k,a]),Me=(0,f.useCallback)((function(){fe&&!ue&&Y(),H()}),[fe,H]);(0,f.useEffect)((function(){!c&&ue&&Q()}),[ue,c]);var Ee=null!==a,Se=(0,f.useState)(!Ee),ke=(0,u.Z)(Se,2),Te=ke[0],Ne=ke[1],xe=c&&Te,Pe=z||q||I||F||L,Oe=a||{},Ze=Oe.media,Fe=void 0===Ze?null:Ze,Ie=Oe.closedCaptions,Re=void 0===Ie?null:Ie,Le=Oe.withSeekBar,ze=void 0!==Le&&Le,qe=Oe.withPlayPause,je=void 0!==qe&&qe,Be=Oe.autoPlay,De=void 0===Be||Be,Ve=Ee?(0,r.Z)((0,r.Z)({},a),{},{autoPlay:!F&&!z&&!q&&De&&c}):null,We=Fe||{},_e=We.metadata,Ge=void 0===_e?null:_e,He=We.url,Ue=void 0===He?null:He,Ye=We.thumbnail_url,Qe=void 0===Ye?null:Ye,Xe=null!==Ue,Je=Ge||{},Ke=Je.width,$e=void 0===Ke?0:Ke,et=Je.height,tt=void 0===et?0:et,nt=null!==Qe,at=(0,f.useState)(!nt),lt=(0,u.Z)(at,2),it=lt[0],ot=lt[1],rt=Xe&&(Z||L)&&!q&&!z,ut=(0,O.QQ)($e,tt,N,x,{cover:!0}),st=ut.width,dt=ut.height,ct=-(st-N)/2,mt=-(dt-x)/2;(0,f.useEffect)((function(){Ne(!Xe)}),[Ue,Xe,Ne]),(0,f.useEffect)((function(){ot(!nt)}),[Qe,nt,ot]);var ft=(0,f.useCallback)((function(){Ne(!0)}),[Ne]),pt=(0,f.useCallback)((function(){ot(!0)}),[it]),gt=(0,f.useRef)(null),yt=(0,f.useRef)(null),ht=(0,f.useRef)(null),bt=(0,f.useRef)(null),wt=(0,f.useRef)(0),Ct=(0,f.useRef)(0),Mt=(0,f.useRef)(0),Et=(0,f.useRef)(0),St=(0,f.useRef)(50),kt=(0,f.useRef)(!1),Tt=(0,f.useRef)(0),Nt=(0,f.useRef)(0),xt=(0,f.useRef)(0),Pt=(0,f.useRef)(0),Ot=(0,f.useCallback)((function(){var e=E.MathUtils;Ct.current=Math.max(-85,Math.min(85,Ct.current)),Mt.current=e.degToRad(90-Ct.current),Et.current=e.degToRad(wt.current),yt.current.position.x=St.current*Math.sin(Mt.current)*Math.cos(Et.current),yt.current.position.y=St.current*Math.cos(Mt.current),yt.current.position.z=St.current*Math.sin(Mt.current)*Math.sin(Et.current),yt.current.lookAt(0,0,0),bt.current.render(ht.current,yt.current)}),[]);(0,f.useEffect)((function(){if(null!==E&&Xe&&rt){var e=E.Scene,t=E.PerspectiveCamera,n=E.SphereBufferGeometry,a=E.VideoTexture,l=E.MeshBasicMaterial,i=E.Mesh,o=E.WebGLRenderer,r=gt.current,u=r.offsetWidth,s=r.offsetHeight;yt.current=new t(75,u/s,1,1100),ht.current=new e;var d=new n(500,60,40);d.scale(-1,1,1);var c=(W.current||{}).mediaRef,m=((void 0===c?null:c)||{}).current,f=new i(d,new l({map:new a(void 0===m?null:m)}));ht.current.add(f),bt.current=new o({canvas:gt.current}),bt.current.setPixelRatio("undefined"!=typeof window?window.devicePixelRatio:1),bt.current.setSize(u,s),Ot()}return function(){rt&&(yt.current=null,ht.current=null,bt.current=null)}}),[Xe,rt,Ot]),(0,y.useAnimationFrame)(Ot,{disabled:!rt}),(0,f.useEffect)((function(){null!==yt.current&&null!==bt.current&&(yt.current.aspect=N/x,yt.current.updateProjectionMatrix(),bt.current.setSize(N,x))}),[N,x]);var At=(0,f.useRef)(null),Zt=(0,f.useCallback)((function(e){kt.current=!0,Tt.current=e.clientX,Nt.current=e.clientY,xt.current=wt.current,Pt.current=Ct.current,null!==At.current&&clearTimeout(At.current),At.current=setTimeout((function(){G(),At.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(kt.current){var t=e||{},n=t.clientX,l=void 0===n?null:n,i=t.clientY,o=void 0===i?null:i,r=Tt.current-l,u=Nt.current-o;wt.current=.2*r+xt.current,Ct.current=.2*u+Pt.current;var s=It.current||{},d=s.x,c=void 0===d?l:d,m=s.y,f=void 0===m?o:m,p=Math.abs(c-l)||0,g=Math.abs(f-o)||0;Ft.current+=p+g,!Rt.current&&Ft.current>Math.min(N,x)&&(S("drag_sphere",a.name),Rt.current=!0),It.current={x:l,y:o},(Math.abs(r)>3||Math.abs(u)>3)&&null!==At.current&&(clearTimeout(At.current),At.current=null)}}),[N,x,S,a]),zt=(0,f.useCallback)((function(e){var t=V.current;if(kt.current&&null!==t){var n=Math.abs(Tt.current-e.clientX),a=Math.abs(Nt.current-e.clientY);if(!P&&null!==At.current&&n<3&&a<3){var l=t.getBoundingClientRect(),i=l.left,o=void 0===i?0:i,r=l.width;e.clientX-o<.5*r?null!==v&&v():null!==b&&b()}null!==At.current&&(clearTimeout(At.current),At.current=null)}kt.current=!1}),[v,b,P]),qt=null!==s&&!0===s.active,jt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo360,{className:Qa.placeholder,width:"100%",height:"100%"}),emptyClassName:Qa.empty,emptyLabel:f.createElement(i.Z,{id:"oLtEu6",defaultMessage:[{type:0,value:"Video 360"}]}),isEmpty:!rt},f.createElement(p.Transitions,{playing:xe,transitions:h,disabled:Pe,fullscreen:!0},rt?f.createElement(f.Fragment,null,f.createElement("canvas",{ref:gt,className:Qa.canvas}),f.createElement("button",{className:Qa.canvasButton,type:"button","aria-label":"canvas-interaction",onPointerDown:Zt,onPointerMove:Lt,onPointerUp:zt,tabIndex:c&&Z?null:"-1"})):f.createElement("div",{className:Qa.videoContainer,style:{width:st,height:dt,left:ct,top:mt}},f.createElement(vt,{className:Qa.video,media:{url:Qe,metadata:{width:$e,height:tt}},width:"100%",height:"100%"})))),I?null:f.createElement("div",{key:"bottom-content",className:Qa.bottomContent},f.createElement(p.Transitions,{playing:xe,transitions:h,disabled:Pe},null===Re||F||q||z?null:f.createElement(re,{className:Qa.closedCaptions,media:Re,currentTime:K}),rt?f.createElement(Ae,{className:Qa.mediaControls,withSeekBar:ze,withPlayPause:je,playing:ue,muted:fe,currentTime:K,duration:ae,onTogglePlay:G,onToggleMute:Me,onSeek:U,focusable:c&&Z}):null,qt?f.createElement("div",{style:{marginTop:-C/2}},f.createElement(te,{callToAction:s,animationDisabled:F,focusable:c&&Z,screenSize:{width:N,height:x}})):null))];return f.createElement("div",{className:d()([Qa.container,(t={},(0,o.Z)(t,M,null!==M),(0,o.Z)(t,Qa.showVideo,F||z||q),t)]),"data-screen-ready":(z||q)&&it||Te},I?null:f.createElement(D,{background:l,width:N,height:x,playing:j,shouldLoad:B}),f.createElement(se,{width:N,height:x},rt?f.createElement("div",{ref:V,className:Qa.videoContainer,style:{width:st,height:dt,left:ct,top:mt}},f.createElement(R,Object.assign({},Ve,{ref:W,className:Qa.video,withoutCors:!0,onReady:ft,onPlay:ve,onPause:be,onTimeUpdate:ge,onProgressStep:ye,onDurationChanged:he,onSeeked:Ce,onVolumeChanged:we,onPosterLoaded:pt,focusable:c&&Z}))):null,f.createElement("div",{className:Qa.content},jt)))};Ka.propTypes=Ja,Ka.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 $a=f.memo(Ka),el=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.video||{}).media,a=void 0===n?null:n,l=(0,Ze.nk)(e,a),i=l.story,o=l.component,u=(0,Ze.W2)(i,(0,v.Z)(o?[o]:[])),s=u.story,d=u.component;return(0,r.Z)((0,r.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(d?[d]:[]))})}}),tl={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:$a,layouts:["full"],transforms:el,fields:[{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,l.defineMessage)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{label:{textStyle:"heading2"}}}]},nl=new a.ScreensManager;nl.addDefinition(qe),nl.addDefinition(yt),nl.addDefinition(Pt),nl.addDefinition(Wt),nl.addDefinition(Qt),nl.addDefinition(tn),nl.addDefinition(bn),nl.addDefinition(jn),nl.addDefinition(Un),nl.addDefinition(Kn),nl.addDefinition(ra),nl.addDefinition(fa),nl.addDefinition(va),nl.addDefinition(Oa),nl.addDefinition(Ya),nl.addDefinition(tl),nl.addDefinition(aa),nl.addDefinition(La),nl.addDefinition(Va);var al=new a.ScreensManager;al.merge(nl);var ll={children:m().node.isRequired},il=function(e){var t=e.children;return f.createElement(g.ScreensProvider,{manager:al},t)};il.propTypes=ll,il.defaultProps={}},18001:function(e,t,n){"use strict";var a=n(70417),l=n(68705),i=n(81260),o=(n(98689),n(72985),n(76009),n(96368),n(71892));function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=r(a),s=r(i),d=r(o),c={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,o=e.lineHeight,r=void 0===o?null:o,u=e.color,s=void 0===u?null:u,d={fontFamily:n,fontSize:i,lineHeight:r?Math.floor(i*r):null,textColor:s&&s.color?s.color:null};return l.validate(d,c)},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,o=void 0===i?{}:i,r=t||{},s=r.url,d=u.default(u.default({role:n},o[n]?{layout:n}:{}),{},{URL:s}),c=l.validate(d,a);return{story:e,component:c}},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]:{},o=e.componentLayouts,r=void 0===o?{}:o,c=t||{},f=c.body,p=void 0===f?null:f,g=c.textStyle,y=void 0===g?null:g,h=y?m(y):null,v=null!==h?d.default(h):null,b=null!==h&&null!==v,w=u.default(u.default({role:n},r[n]?{layout:n}:{}),{},{text:p,format:"html"},i),C=a?l.validate(w,a):null;return{story:u.default(u.default({},e),{},{componentStyles:u.default(u.default({},e.componentStyles||{}),null!==C&&b?s.default({},v,h):{})}),component:C}},h={name:"Format\\Container",description:"Properties shared by all container types.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/container",properties:[{name:"role",type:"string",required:!0,description:"Always container for this component.",value:"container",read_only:!0,typed:!1},{name:"additions",type:"array:Format\\ComponentLink",required:!1,description:"An array of ComponentLink objects. This can be used to create a ComponentLink, allowing a link to anywhere in News. Adding a link to a container component makes the entire component interactable. Any links used in its child components are not interactable.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"components",type:"array:Format\\Component",required:!1,description:"An array of components to display as child components. Child components are positioned and rendered relative to their parent component.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalContainer",required:!1,description:"An array of container properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"contentDisplay",type:["Format\\CollectionDisplay","Format\\HorizontalStackDisplay"],required:!1,description:"The object that defines the way child components should be positioned within this container component. A HorizontalStackDisplay for example, allows for displaying child components side-by-side.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},v={name:"Format\\Gallery",description:"The component for displaying a sequence of images in a specific order as a horizontal strip.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/gallery",properties:[{name:"items",type:"array:Format\\GalleryItem",required:!0,description:"An array of the images that appear in the gallery. The order used in the array is the order of the images in the gallery. Gallery items can be JPEG (with .jpg or .jpeg extension), PNG, or GIF images.",typed:!1},{name:"role",type:"string",required:!0,description:"Always gallery for this component.",value:"gallery",read_only:!0,typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},b=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"gallery",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,o=void 0===i?{}:i,r=t||{},s=r.images,d=void 0===s?[]:s,c=null!==d?d.map((function(e){if(null==e)return null;var t=e||{},n=t.media,a=void 0===n?null:n,i=t.url,o=void 0===i?null:i,r=t.caption,s=void 0===r?null:r,d=null!==a&&a.url?a.url:null,c=null!==o?o:null,m=c||d,f=null!==s&&s.body?l.stripTags(s.body):null;return m?u.default({URL:c||d},null!==f?{caption:f}:{}):null})).filter((function(e){return null!==e})):[],m=u.default(u.default({role:n},o[n]?{layout:n}:{}),{},{items:c}),f=l.validate(m,a);return{story:e,component:f}},w={name:"Format\\Heading",description:"The text component for adding a heading.",version:"1.7+",from_class:null,extends:"Format\\Text",typed:null,url:"https://developer.apple.com/documentation/apple_news/heading",properties:[{name:"role",type:"enum:string",required:!0,description:"Always one of these roles for this component: heading, heading1, heading2, heading3, heading4, heading5, or heading6.",enum_values:["heading","heading1","heading2","heading3","heading4","heading5","heading6"],value:"heading",typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text components that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, a rangeLength, and either a TextStyle object or the identifier of a TextStyle that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},C={name:"Format\\Image",description:"The component for displaying JPEG, PNG, or GIF images.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/image",properties:[{name:"role",type:"string",required:!0,description:"Always image for this component.",value:"image",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of an image file.",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the image. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"additions",type:"array:Format\\ComponentLink",required:!1,description:"An array of ComponentLink objects. This can be used to create a ComponentLink, allowing a link to anywhere in News.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:["Format\\CaptionDescriptor","string"],required:!1,description:"A caption that describes the image. The text is seen when the image is in full screen. This text is also used by VoiceOver for iOS and VoiceOver for macOS, if accessibilityCaption text is not provided. The caption text does not appear in the main article view. To display a caption in the main article view, use the Caption component.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates the image may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},M={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}]},S={name:"Format\\Quote",description:"The component for including a quote.",version:"1.7+",from_class:null,extends:"Format\\Text",typed:null,url:"https://developer.apple.com/documentation/apple_news/quote",properties:[{name:"role",type:"string",required:!0,description:"Always quote for this component.",value:"quote",read_only:!0,typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text components that can be applied conditionally and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, rangeLength, and either a TextStyle object or the identifier of a TextStyle that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},k={name:"Format\\Video",description:"The component for adding a video.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/video",properties:[{name:"role",type:"string",required:!0,description:"Always video for this component.",value:"video",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of a video file that can be played using AVPlayer. HTTP Live Streaming (HLS) is highly recommended (.M3U8). For more information on HLS, refer to the iOS developer documentation on HTTP Live Streaming, especially the following sections of the HTTP Live Streaming Overview:",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the content of the video. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"aspectRatio",type:"number",required:!1,description:"The aspect ratio of the video: width divided by height. The aspect ratio determines the height of the video player.",default:1.777,typed:!1},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A caption that describes the content of the video file. This text is also used by VoiceOver for iOS and VoiceOver for macOS if accessibilityCaption is not provided, or it can be shown when the video cannot be played.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates that the video or its still image may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"stillURL",type:"uri",required:!1,description:"The URL of an image file that should be shown when the video has not yet been played.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]};t.Bb=function(e,t){return p(e,t,"audio",f)},t.S3=function(e,t){return y(e,t,"text",g,{textStyle:"style-author"})},t.W2=function(e,t){var n={role:"container",components:t},a=l.validate(n,h);return{story:e,component:t&&t.length>0?a:null}},t.ri=function(e,t){return b(e,t,"gallery",v)},t.nL=function(e,t){return y(e,t,"heading1",w)},t.XJ=function(e,t){return y(e,t,"heading2",w)},t.Ee=function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,o=void 0===i?{}:i,r=(t||{}).url,s=u.default(u.default({role:n},o[n]?{layout:n}:{}),{},{URL:r}),d=l.validate(s,a);return{story:e,component:d}}(e,t,"image",C)},t.D5=function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"map",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,o=void 0===i?{}:i,r=t||{},s=r.latitude,d=void 0===s?null:s,c=r.longitude,m=void 0===c?null:c,f=u.default(u.default({role:n},o[n]?{layout:n}:{}),{},{latitude:d,longitude:m}),p=l.validate(f,a);return{story:e,component:p}}(e,t,"map",M)},t.Iy=function(e,t){return b(e,t,"mosaic",E)},t.pu=function(e,t){return y(e,t,"quote",S)},t.xv=function(e,t){return y(e,t,"text",g)},t.nk=function(e,t){return p(e,t,"video",k)}},68705:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(81260),l=n(70417),i=n(98689),o=n(72985),r=n(76009),u=n(96368);function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(a),c=s(l),m=s(i),f=s(o),p=s(r),g=s(u);t.stripTags=function(e){return e?e.replace(/(<([^>]+)>)/gi,""):null},t.validate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=e?Object.keys(e).reduce((function(n,a){var l=e[a]||null;if(t&&t.properties){var i=t.properties.find((function(e){return e.name===a}))||null;if(null!==i){var o=!0;switch(i.type){case"string":o=m.default(l);break;case"integer":o=f.default(l);break;case"float":o=p.default(l);break;default:o=null!==l}if(!o&&i.required)return console.log("VALIDATION ERROR: SKIPPED BECAUSE REQUIRED",e,a),null;if(null!==n&&o)return c.default(c.default({},n),{},d.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(70417),l=n(22220),i=n(97641),o=n(66204),r=n(83857),u=n(54406),s=n(52807),d=n(82801),c=n(82026),m=n(24139),f=n(71862),p=n(81260),g=n(51068),y=n(75182),h=n(35681),v=n(35372),b=n(5587),w=n(5537),C=n(91354),M=n(71098),E=n(28436),S=n(60631),k=n(70239),T=n(74696),N=n(74161),x=n(33057),P=n(55976),O=n(46461);function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Z=A(a),F=A(l),I=A(i),R=A(o),L=A(c),z=A(p),q=A(g),j=A(y),B=A(h),D=A(w),V=A(P),W=I.default.shape({home:I.default.string.isRequired,screen:I.default.string.isRequired});function _(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=t||{},l=a.maxDistance,i=void 0===l?5:l,o=a.tags,r=void 0===o?["BUTTON","A","INPUT","TEXTAREA"]:o,u=e||{},s=u.tagName,d=void 0===s?null:s,c=u.parentNode,m=void 0===c?null:c;return"BODY"!==d&&(r.map((function(e){return e.toLowerCase()})).indexOf(d.toLowerCase())>-1||n<i&&_(m,t,n+1))}var G={container:"micromag-viewer-container",menuPreview:"micromag-viewer-menuPreview",menuPreviewContainer:"micromag-viewer-menuPreviewContainer",screen:"micromag-viewer-screen",screenInner:"micromag-viewer-screenInner",content:"micromag-viewer-content",menuDotsContainer:"micromag-viewer-menuDotsContainer",menuDots:"micromag-viewer-menuDots",current:"micromag-viewer-current",landscape:"micromag-viewer-landscape",visible:"micromag-viewer-visible",withSibblings:"micromag-viewer-withSibblings",hideMenu:"micromag-viewer-hideMenu",ready:"micromag-viewer-ready"},H="micromag-viewer-menus-menu-dots-closeButton",U={container:"micromag-viewer-menus-menu-dot-container",button:"micromag-viewer-menus-menu-dot-button",dot:"micromag-viewer-menus-menu-dot-dot",subDot:"micromag-viewer-menus-menu-dot-subDot",dots:"micromag-viewer-menus-menu-dot-dots",vertical:"micromag-viewer-menus-menu-dot-vertical"},Y={current:I.default.bool,active:I.default.bool,colors:I.default.shape({primary:I.default.string,secondary:I.default.string}),count:I.default.number,subIndex:I.default.number,vertical:I.default.bool,onClick:I.default.func,className:I.default.string},Q=function(e){var t,n=e.current,a=e.active,l=e.colors,i=e.count,r=e.subIndex,u=e.vertical,s=e.onClick,d=e.className,c=l||{},m=c.primary,f=void 0===m?"rgba(255, 255, 255, 1)":m,p=c.secondary,g=void 0===p?"rgba(200, 200, 200, 0.5)":p,y=S.useSpring((function(){return{x:0,config:{duration:0}}})),h=q.default(y,2);h[0];var v=h[1];o.useEffect((function(){v.start({reset:!0,immediate:!1,from:{x:0},to:{x:1},config:{duration:1e3}})}),[!0,1,0,v]);var b=n&&i>1?R.default.createElement("span",{className:U.dots},j.default(Array(i).keys()).map((function(e){return R.default.createElement("span",{className:B.default([U.dot,U.subDot]),style:{width:"".concat(parseFloat(1/i*100).toFixed(2),"%"),backgroundColor:a&&e<=r?f:g}})}))):R.default.createElement("span",{className:U.dot,style:{backgroundColor:a?f:g}});return R.default.createElement("li",{className:B.default([U.container,(t={},z.default(t,U.active,n),z.default(t,U.vertical,u),z.default(t,d,null!==d),t)]),"aria-hidden":"true"},R.default.createElement("button",{type:"button",className:U.button,onClick:s,tabIndex:"-1"},b))};Q.propTypes=Y,Q.defaultProps={current:!1,active:!1,colors:null,count:1,subIndex:0,vertical:!1,onClick:null,className:null};var X={},J={size:I.default.number,spacing:I.default.number,color:I.default.string,className:I.default.string},K=function(e){var t=e.size,n=e.spacing,a=e.color,l=e.className,i=(t-2*n)/3;return R.default.createElement("svg",{className:B.default([X.container,z.default({},l,null!==l)]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(t," ").concat(t),"aria-hidden":"true"},j.default(new Array(9)).map((function(e,t){var l=t%3*(i+n),o=Math.floor(t/3)*(i+n);return R.default.createElement("rect",{key:"square-".concat(t),fill:a,x:l,y:o,width:i,height:i})})))};K.propTypes=J,K.defaultProps={size:100,spacing:8,color:"white",className:null};var $={direction:I.default.oneOf(["horizontal","vertical"]),withShadow:I.default.bool,items:s.PropTypes.menuItems,onClickItem:I.default.func,onClickMenu:I.default.func,colors:I.default.shape({primary:I.default.string,secondary:I.default.string}),closeable:I.default.bool,withItemClick:I.default.bool,withoutScreensMenu:I.default.bool,onClose:I.default.func,className:I.default.string},ee=function(e){var t,n=e.direction,a=e.withShadow,l=e.items,i=e.onClickItem,o=e.onClickMenu,r=e.colors,u=e.closeable,s=e.withItemClick,d=e.withoutScreensMenu,c=e.onClose,m=e.className,f=(r||{}).primary,p=void 0===f?"rgba(255, 255, 255, 1)":f,g=b.useIntl(),y=l.findIndex((function(e){var t=e.current;return void 0!==t&&t}));return R.default.createElement("nav",{className:B.default(["micromag-viewer-menus-menu-dots-container",(t={},z.default(t,m,null!==m),z.default(t,"micromag-viewer-menus-menu-dots-vertical","vertical"===n),z.default(t,"micromag-viewer-menus-menu-dots-withShadow",a),t)]),"aria-label":g.formatMessage({id:"bLYuuN",defaultMessage:[{type:0,value:"You are on screen "},{type:1,value:"current"},{type:0,value:" of "},{type:1,value:"total"},{type:0,value:"."}]},{current:y+1,total:l.length})},R.default.createElement("ul",{className:"micromag-viewer-menus-menu-dots-items"},l.map((function(e,t){var a=e||{},l=a.current,u=void 0!==l&&l,c=a.count,m=void 0===c?1:c,f=a.subIndex,p=void 0===f?0:f;return R.default.createElement(Q,{key:"item-".concat(t+1),current:u,active:t<=y,colors:r,count:m,subIndex:p,onClick:function(){(s||d)&&null!==i?i(e):s||null===o||o()},vertical:"vertical"===n})})),d?null:R.default.createElement("li",{className:"micromag-viewer-menus-menu-dots-menu"},R.default.createElement(K,{className:"micromag-viewer-menus-menu-dots-menuIcon",color:p}),R.default.createElement("button",{type:"button",title:g.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),"aria-label":g.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),className:"micromag-viewer-menus-menu-dots-menuButton",onClick:o})),u?R.default.createElement("li",{className:H,style:{color:p}},R.default.createElement("button",{type:"button",className:H,onClick:c,title:g.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":g.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]})},R.default.createElement(x.FontAwesomeIcon,{icon:N.faTimes}))):null))};ee.propTypes=$,ee.defaultProps={direction:"horizontal",withShadow:!1,items:[],onClickItem:null,onClickMenu:null,colors:null,closeable:!1,withItemClick:!1,withoutScreensMenu:!1,onClose:null,className:null};var te="micromag-viewer-menus-menu-preview-button",ne="micromag-viewer-menus-menu-preview-icon",ae={container:"micromag-viewer-partials-share-modal-container",content:"micromag-viewer-partials-share-modal-content",opened:"micromag-viewer-partials-share-modal-opened"},le={url:I.default.string,title:I.default.string,opened:I.default.bool,className:I.default.string,onShare:I.default.func,onCancel:I.default.func},ie=function(e){var t,n=e.url,a=e.title,l=e.opened,i=e.className,r=e.onShare,u=e.onCancel,s=o.useRef(null),d=o.useCallback((function(e){null!==r&&r(e)}),[r]),c=o.useMemo((function(){return{url:n,onShareWindowClose:function(){null!==u&&u()}}}),[n,u]),m=o.useMemo((function(){return{size:32,round:!0}}),[]),f=o.useCallback((function(e){var t=e.currentTarget;s.current&&!s.current.contains(t)&&null!==u&&u()}),[l,u]);return M.useDocumentEvent("click",f,l),R.default.createElement("div",{className:B.default([ae.container,(t={},z.default(t,i,i),z.default(t,ae.opened,l),t)]),ref:s,"aria-hidden":l?null:"-1"},R.default.createElement("div",{className:ae.content},R.default.createElement("div",{className:ae.buttons},R.default.createElement(O.FacebookShareButton,Object.assign({},c,{quote:a,beforeOnClick:function(){return d("Facebook"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.FacebookIcon,m)),R.default.createElement(O.TwitterShareButton,Object.assign({},c,{title:a,beforeOnClick:function(){return d("Twitter"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.TwitterIcon,m)),R.default.createElement(O.EmailShareButton,Object.assign({},c,{subject:a,beforeOnClick:function(){return d("Email"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.EmailIcon,m)))))};ie.propTypes=le,ie.defaultProps={url:null,title:null,opened:!1,className:null,onShare:null,onCancel:null};var oe={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},re=function(e){var t=e.title,n=e.url,a=e.className,l=e.buttonClassName,i=e.onShare,r=e.children,u=e.focusable,s=b.useIntl(),d=o.useState(!1),c=q.default(d,2),m=c[0],f=c[1],p=o.useCallback((function(){f((function(e){return!e}))}),[f]),g=o.useCallback((function(e){f(!1),null!==i&&i(e)}),[f,i]),y=o.useCallback((function(){f(!1)}),[f]);return R.default.createElement("div",{className:B.default(["micromag-viewer-partials-share-button-container",z.default({},a,null!==a)])},R.default.createElement(C.Button,{className:B.default([z.default({},l,null!==l)]),onClick:p,title:s.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),"aria-label":s.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),focusable:u},r),R.default.createElement(ie,{className:"micromag-viewer-partials-share-button-shareModal",opened:m,title:t,url:n,onShare:g,onCancel:y}))};re.propTypes=oe,re.defaultProps={title:null,url:null,className:null,buttonClassName:null,onShare:null,children:null,focusable:!1};var ue={viewerTheme:s.PropTypes.viewerTheme,screenSize:s.PropTypes.screenSize,menuWidth:I.default.number,title:I.default.string,shareUrl:I.default.string,items:s.PropTypes.menuItems,focusable:I.default.bool,onClickItem:I.default.func,onClose:I.default.func,onShare:I.default.func,maxThumbsWidth:I.default.number,toggleFullscreen:I.default.func,fullscreenActive:I.default.bool,fullscreenEnabled:I.default.bool,className:I.default.string},se=function(e){var t=e.viewerTheme,n=e.screenSize,a=e.menuWidth,l=e.title,i=e.shareUrl,r=e.items,u=e.focusable,s=e.onClickItem,d=e.onClose,c=e.onShare,m=e.maxThumbsWidth,f=e.toggleFullscreen,p=e.fullscreenActive,g=e.fullscreenEnabled,y=e.className,h=b.useIntl(),v=n||{},w=v.width,S=v.height,k=M.useResizeObserver(),P=k.ref,O=k.entry.contentRect,A=M.useResizeObserver(),F=A.ref,I=A.entry.contentRect,L=(O||{}).width,j=void 0===L?0:L,D=(I||{}).width,W=void 0===D?0:D,_=Math.max(Math.floor(W/m),3),G=t||{},H=G.colors,U=void 0===H?null:H,Y=G.background,Q=void 0===Y?null:Y,X=G.textStyles,J=void 0===X?null:X,K=G.logo,$=void 0===K?null:K,ee=(J||{}).title,ae=void 0===ee?null:ee,le=U||{},ie=le.primary,oe=void 0===ie?null:ie,ue=le.secondary,se=void 0===ue?null:ue,de=Q||{},ce=de.color,me=void 0===ce?null:ce,fe=de.image,pe=((void 0===fe?null:fe)||{}).url,ge=void 0===pe?null:pe,ye=E.getStyleFromColor(oe,"borderColor"),he=E.getStyleFromColor(se,"color"),ve=E.getStyleFromColor(me,"backgroundColor"),be=($||{}).url,we=void 0===be?null:be,Ce=null!==ge?{backgroundImage:"url(".concat(ge,")")}:null,Me=null!==ae?E.getStyleFromText(ae):null,Ee=o.useState(!1),Se=q.default(Ee,2),ke=Se[0],Te=Se[1],Ne=T.useDrag((function(e){var t=q.default(e.direction,2)[1],n=e.last;!e.tap&&n&&ke&&t<0&&null!==d&&d()}),{filterTaps:!0,eventOptions:{capture:!0}}),xe=o.useCallback((function(){Te(!0)}),[Te]),Pe=o.useCallback((function(){Te(!1)}),[Te]);return R.default.createElement("div",Object.assign({className:B.default(["micromag-viewer-menus-menu-preview-container",z.default({},y,null!==y)]),style:Z.default(Z.default(Z.default({},ve),Ce),{},{width:a}),"aria-hidden":u?null:"true"},Ne()),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-header"},null!==we?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-organisation",style:{backgroundImage:"url(".concat(we,")")}}):null,R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-title",style:Me},l),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-buttons",style:he},R.default.createElement(re,{className:"micromag-viewer-menus-menu-preview-shareButton",buttonClassName:te,onShare:c,url:i,title:l,focusable:u},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:N.faShare})),g?R.default.createElement(C.Button,{className:te,onClick:f,title:h.formatMessage({id:"AuxqcG",defaultMessage:[{type:0,value:"Fullscreen"}]}),"aria-label":h.formatMessage({id:"AuxqcG",defaultMessage:[{type:0,value:"Fullscreen"}]}),focusable:u},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:p?N.faCompress:N.faExpand})):null,R.default.createElement(C.Button,{className:te,onClick:d,title:h.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":h.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),focusable:u},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:N.faTimes})))),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-content",ref:F},R.default.createElement(V.default,{className:"micromag-viewer-menus-menu-preview-scroll",onScrolledBottom:xe,onScrolledNotBottom:Pe},R.default.createElement("nav",{className:"micromag-viewer-menus-menu-preview-nav"},R.default.createElement("ul",{className:"micromag-viewer-menus-menu-preview-items"},r.map((function(e,t){var n=e.current,a=void 0!==n&&n,l=e.screen;e.count;var i="".concat(h.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:t+1})).concat(a?" ".concat(h.formatMessage({id:"vmrJ8U",defaultMessage:[{type:0,value:"(current screen)"}]})):"");return R.default.createElement("li",{className:B.default(["micromag-viewer-menus-menu-preview-item",z.default({},"micromag-viewer-menus-menu-preview-active",a)]),key:"item-".concat(t),style:{width:"".concat(100/_,"%")}},R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-itemContent"},R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-screenContainer",ref:0===t?P:null},w>0&&S>0?R.default.createElement(C.ScreenPreview,{screenWidth:w,screenHeight:S,width:j,screen:l,focusable:!1,withSize:!0}):null,a?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-activeScreenBorder",style:ye}):null)),R.default.createElement("button",{type:"button",className:"micromag-viewer-menus-menu-preview-screenButton",onClick:function(){null!==s&&s(e)},"aria-label":i,onKeyUp:function(t){"Enter"===t.key&&null!==s&&s(e)},tabIndex:u?"0":"-1"}))})))))))};se.propTypes=ue,se.defaultProps={viewerTheme:null,screenSize:null,menuWidth:null,title:null,shareUrl:null,items:[],focusable:!0,onClickItem:null,onClose:null,onShare:null,maxThumbsWidth:140,toggleFullscreen:null,fullscreenActive:!1,fullscreenEnabled:!1,className:null};var de={story:s.PropTypes.story.isRequired,currentScreenIndex:I.default.number,opened:I.default.bool,toggleFullscreen:I.default.func,fullscreenActive:I.default.bool,fullscreenEnabled:I.default.bool,closeable:I.default.bool,withShadow:I.default.bool,trackingEnabled:I.default.bool,shareBasePath:I.default.string,theme:s.PropTypes.viewerTheme,screenSize:s.PropTypes.screenSize,menuWidth:I.default.number,withDotItemClick:I.default.bool,withoutScreensMenu:I.default.bool,onRequestOpen:I.default.func,onRequestClose:I.default.func,onClickItem:I.default.func,onClickMenu:I.default.func,onClickCloseViewer:I.default.func,refDots:I.default.shape({current:I.default.any})},ce=function(e){var t=e.story,n=e.currentScreenIndex,a=e.opened,l=e.toggleFullscreen,i=e.fullscreenActive,r=e.fullscreenEnabled,u=e.closeable,s=e.withShadow,d=e.shareBasePath,c=e.trackingEnabled,m=e.theme,f=e.screenSize,p=e.menuWidth,g=e.withDotItemClick,y=e.withoutScreensMenu,h=e.onRequestOpen,v=e.onRequestClose,b=e.onClickItem,w=e.onClickMenu,C=e.onClickCloseViewer,E=e.refDots,N=t.components,x=void 0===N?[]:N,P=t.title,O=void 0===P?null:P,A=null!==x&&x[n]||{},F=A.id,I=void 0===F?null:F,L=A.type,z=void 0===L?null:L,j=o.useMemo((function(){return x.map((function(e){var t=x.filter((function(t){return t.parentId===e.id})),n=t.find((function(e){return e.id===I}))||null,a=t.findIndex((function(e){return e.id===I}))+1;return{screen:e,screenId:e.id,current:I===e.id||null!==n,visible:null===((null==e?void 0:e.parentId)||null),count:t.length+1||1,subIndex:a||0}})).filter((function(e){var t=e.visible;return void 0===t||t}))}),[x,I]),B=M.useTrackEvent(),D=o.useCallback((function(e,t,a){c&&B(e,t,a,{screenId:I,screenIndex:n,screenType:z})}),[B,I,n,z]),V=o.useMemo((function(){var e="undefined"!=typeof window?window.location.origin.replace(/\/+$/,""):"";return null!==d?"".concat(e).concat(d):e}),[d]),W=S.useSpring((function(){return{y:0,config:Z.default(Z.default({},S.config.stiff),{},{clamp:!0})}})),_=q.default(W,2),H=_[0].y,U=_[1],Y=o.useRef(a);Y.current!==a&&(Y.current=a),o.useEffect((function(){U.start({y:a?1:0})}),[a]);var Q=M.useResizeObserver(),X=Q.ref,J=(Q.entry.contentRect||{}).height,K=void 0===J?0:J,$={transform:H.to((function(e){return"translateY(".concat(e*K,"px)")}))},te=T.useDrag((function(e){var t=q.default(e.movement,2)[1],n=e.first,a=e.last,l=q.default(e.direction,2)[1],i=e.cancel,o=e.canceled,r=e.tap;if(!o&&!r){var u=Y.current;if(n&&u)i();else{var s=Math.max(0,Math.min(1,t/K+(u?1:0)));if(a){var d=l>0&&s>.1;Y.current=d,U.start({y:d?1:0}),d&&null!==h?h():d||null===v||v()}else U.start({y:s})}}}),{axis:"y",filterTaps:!0}),ne=o.useCallback((function(e){null!==w&&w(e),D("viewer_menu","click_open","Menu icon")}),[w,D]),ae=o.useCallback((function(e){null!==b&&b(e);var t=j.findIndex((function(e){return e.id===I}));D("viewer_menu","click_screen_change","Screen ".concat(t+1))}),[b,j,I,D]),le=o.useCallback((function(){null!==v&&v(),D("viewer_menu","click_close","Close icon")}),[v,D]),ie=o.useCallback((function(e){return D("viewer_menu","click_share",e)}),[D]),oe=(m||{}).menuTheme,re=void 0===oe?null:oe;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({},re,{direction:"horizontal",withShadow:s,items:j,onClickItem:ae,onClickMenu:ne,closeable:u,withItemClick:g,withoutScreensMenu:y,onClose:C,className:G.menuDots}))),R.default.createElement(k.animated.div,{className:G.menuPreviewContainer,style:$,ref:X},R.default.createElement(se,{viewerTheme:m,title:O,shareUrl:V,className:G.menuPreview,screenSize:f,menuWidth:p,focusable:a,items:j,onClickItem:ae,onClose:le,onShare:ie,toggleFullscreen:l,fullscreenActive:i,fullscreenEnabled:r})))};ce.propTypes=de,ce.defaultProps={currentScreenIndex:0,opened:!1,toggleFullscreen:null,fullscreenActive:!1,fullscreenEnabled:!1,closeable:!1,withShadow:!1,trackingEnabled:!1,shareBasePath:null,theme:null,screenSize:null,menuWidth:null,withDotItemClick:!1,withoutScreensMenu:!1,onRequestOpen:null,onRequestClose:null,onClickItem:null,onClickMenu:null,onClickCloseViewer:null,refDots:null};var me={container:"micromag-viewer-screen-container",current:"micromag-viewer-screen-current"},fe={screen:s.PropTypes.screenComponent,renderContext:s.PropTypes.renderContext,screenState:I.default.string,current:I.default.bool,active:I.default.bool,onPrevious:I.default.func,onNext:I.default.func,onEnableInteraction:I.default.func,onDisableInteraction:I.default.func,getMediaRef:I.default.func},pe=function(e){var t,n=e.screen,a=e.renderContext,l=e.screenState,i=e.active,o=e.current,r=e.onPrevious,u=e.onNext,s=e.onEnableInteraction,d=e.onDisableInteraction,c=e.getMediaRef;return null!==n?R.default.createElement("div",{className:B.default([me.container,(t={},z.default(t,me.active,i),z.default(t,me.current,o),t)]),"aria-hidden":o?null:"true"},R.default.createElement(C.Screen,{screen:n,renderContext:a,screenState:l,active:i,current:o,onPrevious:r,onNext:u,onEnableInteraction:s,onDisableInteraction:d,getMediaRef:c})):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={story:s.PropTypes.story,basePath:I.default.string,theme:s.PropTypes.viewerTheme,width:I.default.number,height:I.default.number,screen:I.default.string,screenState:I.default.string,deviceScreens:s.PropTypes.deviceScreens,renderContext:s.PropTypes.renderContext,onScreenChange:I.default.func,tapNextScreenWidthPercent:I.default.number,neighborScreensActive:I.default.number,storyIsParsed:I.default.bool,landscapeScreenMargin:I.default.number,withMetadata:I.default.bool,withoutMenu:I.default.bool,withoutScreensMenu:I.default.bool,withoutMenuShadow:I.default.bool,withoutFullscreen:I.default.bool,withLandscapeSiblingsScreens:I.default.bool,closeable:I.default.bool,onClose:I.default.func,onInteraction:I.default.func,onEnd:I.default.func,onViewModeChange:I.default.func,currentScreenMedia:s.PropTypes.ref,menuIsScreenWidth:I.default.bool,screensMedias:s.PropTypes.ref,screenSizeOptions:I.default.shape({withoutMaxSize:I.default.bool,desktopHeightRatio:I.default.number,screenRatio:I.default.number}),className:I.default.string},ye={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,menuIsScreenWidth:!1,closeable:!1,onClose:null,onInteraction:null,onEnd:null,onViewModeChange:null,currentScreenMedia:null,screensMedias:null,screenSizeOptions:null,className:null},he=function(e){var t,n=e.story,a=e.basePath,l=e.theme,i=e.width,r=e.height,u=e.screen,s=e.screenState,c=e.deviceScreens,m=e.renderContext,f=e.onScreenChange,p=e.tapNextScreenWidthPercent,g=e.neighborScreensActive,y=e.storyIsParsed,h=e.landscapeScreenMargin,w=e.withMetadata,E=e.withoutMenu,S=e.withoutScreensMenu,k=e.withoutMenuShadow;e.withoutFullscreen;var T=e.withLandscapeSiblingsScreens,N=e.menuIsScreenWidth,x=e.closeable,P=e.onClose,O=e.onInteraction,A=e.onEnd,F=e.onViewModeChange,I=e.currentScreenMedia,L=e.screensMedias,V=e.screenSizeOptions,W=e.className,H=b.useIntl(),U=M.useParsedStory(n,{disabled:y})||{},Y=U.components,Q=void 0===Y?[]:Y,X=U.title,J=void 0===X?null:X,K=U.metadata,$=void 0===K?null:K,ee=U.fonts,te=void 0===ee?null:ee,ne=o.useMemo((function(){return new D.default}),[U]),ae=((l||{}).textStyles||{}).title,le=((void 0===ae?null:ae)||{}).fontFamily,ie=void 0===le?null:le,oe=o.useMemo((function(){return[].concat(j.default(te||[]),[ie]).filter((function(e){return null!==e}))}),[te]);M.useLoadedFonts(oe).loaded;var re="view"===m,ue="static"===m||"capture"===m,se=M.useTrackScreenView(),de=o.useRef(null),me=M.useScreenSizeFromElement(Z.default({width:i,height:r,screens:c},V)),fe=me.ref,ge=me.screenSize,ye=me.scale,he=ge||{},ve=he.width,be=void 0===ve?null:ve,we=he.height,Ce=void 0===we?null:we,Me=he.landscape,Ee=void 0!==Me&&Me,Se=he.menuOverScreen,ke=void 0!==Se&&Se,Te=null!==ye?be*ye:be,Ne=null!==ye?Ce*ye:Ce,xe=be>0&&Ce>0;o.useEffect((function(){xe&&null!==F&&F({landscape:Ee})}),[xe,Ee,F]);var Pe=o.useRef([]),Oe=o.useMemo((function(){return Math.max(0,Q.findIndex((function(e){return"".concat(e.id)==="".concat(u)})))}),[u,Q]);null!==I&&(I.current=Pe.current[Oe]),null!==L&&(L.current=Pe.current);var Ae=o.useCallback((function(e){e!==Oe&&(null!==I&&(I.current=Pe.current[e]),null!==f&&f(Q[e],e))}),[Oe,Q,f]),Ze=re,Fe=Q[Oe]||null;o.useEffect((function(){Ze&&null!==Fe&&se(Fe,Oe)}),[Fe,se,Ze]);var Ie=o.useRef(null),Re=o.useCallback((function(){Ae(Math.max(0,Oe-1)),Ie.current.focus()}),[Ae]),Le=o.useCallback((function(){Ae(Math.min(Q.length-1,Oe+1)),Ie.current.focus()}),[Ae]),ze=Q.length,qe=o.useCallback((function(){null!==O&&O()}),[O]),je=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,r=e.clickOnSiblings,u=void 0!==r&&r,s=e.nextScreenWidthPercent,d=void 0===s?.5:s,c=e.eventsManager,m=void 0===c?null:c,f=e.onClick,p=void 0===f?null:f,g=e.onEnd,y=void 0===g?null:g,h=e.onChangeScreen,v=void 0===h?null:h,b=o.useState(t.reduce((function(e,t){var n=t.id;return Z.default(Z.default({},e),{},z.default({},n,!0))}),{})),w=q.default(b,2),C=w[0],M=w[1],E=(t[n]||{}).id,S=void 0===E?n:E,k=C[S],T=void 0===k||k,N=o.useCallback((function(e){var n=C[S];(void 0===n||n)!==e&&M(t.reduce((function(t,n){var a=n.id;return S===a?Z.default(Z.default({},t),{},z.default({},a,e)):Z.default(Z.default({},t),{},z.default({},a,void 0===C[a]||!0===C[a]))}),{}))}),[t,S,C,M]),x=o.useCallback((function(){return N(!0)}),[N]),P=o.useCallback((function(){return N(!1)}),[N]),O=o.useCallback((function(e,l){null!==p&&p(e,l);var o=t.length,r=n===l;if(null!==m&&m.emit("tap",e,l),!(!i&&r||_(e.target)||r&&!T)){var s=n,c=e.currentTarget.getBoundingClientRect().left,f=void 0===c?0:c,g=e.clientX;console.log(e.clientX,f,a),(r?g-f<a*(1-d):n>l)?(s=u?l:Math.max(0,n-1),null!==m&&m.emit("tap_previous",s)):(s=u?l:Math.min(o-1,n+1),n===o-1&&null!==y?(y(),null!==m&&m.emit("tap_end")):m&&m.emit("tap_next",s)),null!==m&&m.emit("change_screen",s),v(s)}}),[a,t,n,m,p,y,v,n,C,T,d,i,u]);return{onClick:O,currentScreenInteractionEnabled:T,enableInteraction:x,disableInteraction:P}}({screens:Q,screenIndex:Oe,screenWidth:Te,isView:re,clickOnSiblings:Ee&&T,nextScreenWidthPercent:p,eventsManager:ne,onClick:qe,onEnd:A,onChangeScreen:Ae}),Be=je.onClick,De=je.currentScreenInteractionEnabled,Ve=je.enableInteraction,We=je.disableInteraction,_e=0===ze||De,Ge=o.useState(!1),He=q.default(Ge,2),Ue=He[0],Ye=He[1],Qe=o.useCallback((function(){return Ye(!0)}),[Ye]),Xe=o.useCallback((function(){return Ye(!1)}),[Ye]),Je=o.useCallback((function(){qe(),Ye(!0)}),[Ae,qe,Ye]),Ke=o.useCallback((function(e){var t=e.screenId;qe();var n=Q.findIndex((function(e){return e.id===t}));Ae(n),Ue&&Ye(!1)}),[qe,Ae,Ue,Ye]),$e=o.useCallback((function(e){return!!Ee||(e.preventDefault(),!1)}),[Ee]),et=R.default.createElement("style",{type:"text/css"},"body { overscroll-behavior: contain; }"),tt=M.useFullscreen(fe.current||null),nt=tt.toggle,at=tt.active,lt=tt.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;o.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])}(o.useMemo((function(){return{f:function(){return nt()},m:function(){return Ye(!Ue)},escape:function(){return Ye(!1)},arrowleft:function(){return Re()},arrowright:function(){return Le()}," ":function(){return Le()}}}),[Ue,Ye,Re,Le]),{disabled:"view"!==m});var it=((Fe||{}).parameters||{}).metadata||{},ot=it.title,rt=void 0===ot?null:ot,ut=it.description,st=void 0===ut?null:ut,dt=null!==rt?rt:J,ct=o.useMemo((function(){return null!==st?Z.default(Z.default({},$),{},{description:st}):$}),[$]),mt=M.useResizeObserver(),ft=mt.ref,pt=(mt.entry.contentRect||{}).height,gt=void 0===pt?0:pt;return R.default.createElement(d.ScreenSizeProvider,{size:ge},R.default.createElement(d.ViewerProvider,{events:ne,menuVisible:_e,menuSize:gt,gotoPreviousScreen:Re,gotoNextScreen:Le,disableInteraction:We,enableInteraction:Ve},w?R.default.createElement(C.Meta,{title:dt,metadata:ct},et):R.default.createElement(v.Helmet,null,et),R.default.createElement(C.FontFaces,{fonts:oe}),R.default.createElement("div",{className:B.default([G.container,ge.screens.map((function(e){return"story-screen-".concat(e)})),(t={},z.default(t,G.landscape,Ee),z.default(t,G.withSibblings,T),z.default(t,G.hideMenu,!_e),z.default(t,G.ready,xe||ue),z.default(t,W,W),t)]),ref:fe,onContextMenu:$e},E?null:R.default.createElement(ce,{story:U,currentScreenIndex:Oe,opened:Ue,withShadow:ke&&!k,toggleFullscreen:nt,fullscreenActive:at,fullscreenEnabled:lt,closeable:x,shareBasePath:a,screenSize:ge,menuWidth:N?Te:null,trackingEnabled:Ze,onClickItem:Ke,onClickMenu:Je,onClickCloseViewer:P,onRequestOpen:Qe,onRequestClose:Xe,withDotItemClick:Te>400,withoutScreensMenu:S,refDots:ft}),xe||ue?R.default.createElement("div",{ref:de,className:G.content},Q.map((function(e,t){var n,a,l=t===Oe,i=t>Oe-g&&t<Oe+g,o=R.default.createElement(pe,{screen:e,screenState:l?s:null,renderContext:m,index:t,current:l,active:i,onPrevious:Re,onNext:Le,onEnableInteraction:Ve,onDisableInteraction:We,getMediaRef:function(e){Pe.current[t]=e}}),r="screen-viewer-".concat(e.id||"","-").concat(t+1);return a=Ee?T?"translateX(calc(".concat((Te+h)*(t-Oe),"px - 50%)) scale(").concat(l?1:.9,")"):null:"translateX(".concat(l?0:"100%",")"),R.default.createElement(R.default.Fragment,{key:r},l&&Oe>0?R.default.createElement("button",{type:"button",className:"sr-only",onClick:Re,tabIndex:"-1"},R.default.createElement(b.FormattedMessage,{id:"zYH/31",defaultMessage:[{type:0,value:"Go to previous screen"}]})):null,R.default.createElement("div",{ref:l?Ie:null,style:{width:Te,height:Ne,transform:ue?null:a},className:B.default([G.screen,(n={},z.default(n,G.current,l),z.default(n,G.visible,l||T),n)]),tabIndex:i?"0":"-1","aria-hidden":l?null:"true","aria-label":H.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:t+1}),onKeyUp:function(e){"Enter"===e.key&&Be(e,t)},onClick:function(e){return Be(e,t)}},R.default.createElement("div",{className:G.scaler,style:{width:be,height:Ce,transform:null!==ye?"scale(".concat(ye,")"):null,transformOrigin:null!==ye?"0 0":null}},o)),l&&Oe<Q.length?R.default.createElement("button",{type:"button",className:"sr-only",onClick:Le,tabIndex:"-1"},R.default.createElement(b.FormattedMessage,{id:"v9bqYj",defaultMessage:[{type:0,value:"Go to next screen"}]})):null)}))):null)))};he.propTypes=ge,he.defaultProps=ye;var ve=["children","onScreenChange"],be={children:I.default.func,onScreenChange:I.default.func},we=function(e){e.children;var t=e.onScreenChange,n=F.default(e,ve),a=d.useRoutes(),l=d.useRoutePush(),i=o.useCallback((function(e){l("screen",{screen:e.id}),null!==t&&t(e)}),[l,t]);return R.default.createElement(r.Switch,null,R.default.createElement(r.Route,{path:a.home,exact:!0,render:function(){return R.default.createElement(he,Object.assign({},n,{onScreenChange:i}))}}),R.default.createElement(r.Route,{path:a.screen,render:function(e){var t=e.match.params.screen;return R.default.createElement(he,Object.assign({},n,{screen:t,onScreenChange:i}))}}))};we.propTypes=be,we.defaultProps={children:null,onScreenChange:null};var Ce=["story","screenComponents","memoryRouter","basePath","routes","withoutRouter","googleApiKey","trackingVariables","locale","locales","translations"],Me={story:s.PropTypes.story,screen:I.default.string,screenComponents:I.default.objectOf(I.default.elementType),memoryRouter:I.default.bool,basePath:I.default.string,routes:W,withoutRouter:I.default.bool,googleApiKey:I.default.string,trackingVariables:s.PropTypes.trackingVariables,locale:I.default.string,locales:I.default.arrayOf(I.default.string),translations:I.default.objectOf(I.default.string),children:I.default.func},Ee={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},Se=function(e){var t=e.story,n=e.screenComponents,a=e.memoryRouter,l=e.basePath,i=e.routes,s=e.withoutRouter,c=e.googleApiKey,p=e.trackingVariables,g=e.locale,y=e.locales,h=e.translations,v=F.default(e,Ce),b=a?r.MemoryRouter:u.BrowserRouter,w=o.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,o=void 0===i?null:i,r=t.components,u=void 0===r?[]:r;return Z.default({storyId:n,storySlug:l,storyTitle:o,screensCount:(u||[]).length},p)}),[t,p]),C=((t||{}).metadata||{}).language,M=void 0===C?g:C,E=R.default.createElement(m.IntlProvider,{locale:M,locales:y,extraMessages:h},R.default.createElement(d.GoogleKeysProvider,{apiKey:c},R.default.createElement(d.GoogleMapsClientProvider,{locale:M},R.default.createElement(d.FieldsProvider,{manager:L.default},R.default.createElement(f.ScreensProvider,null,R.default.createElement(d.ComponentsProvider,{namespace:d.SCREENS_NAMESPACE,components:n||{}},R.default.createElement(d.UserInteractionProvider,null,R.default.createElement(d.TrackingProvider,{variables:w},s?R.default.createElement(he,Object.assign({story:t,basePath:l},v)):R.default.createElement(we,Object.assign({story:t,basePath:l},v))))))))));return s?E:R.default.createElement(b,{basename:a?null:l},R.default.createElement(d.RoutesProvider,{routes:i},E))};Se.propTypes=Me,Se.defaultProps=Ee,t.ZP=Se}},function(e){e.O(0,[271],(function(){return 30725,e(e.s=30725)})),e.O()}]);
+//# sourceMappingURL=main.85387fd6.js.map