@micromag/viewer-build 0.3.50 → 0.3.53

package/build/static/js/main.64d177a9.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 r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=void 0!==window.MICROMAG_STORY?window.MICROMAG_STORY:null,c=void 0!==window.MICROMAG_VIEWER_PROPS?window.MICROMAG_VIEWER_PROPS:null,d=void 0!==window.MICROMAG_ROOT_ELEMENT_ID?window.MICROMAG_ROOT_ELEMENT_ID:"root",m=void 0!==window.MICROMAG_ROOT_ELEMENT?window.MICROMAG_ROOT_ELEMENT:document.getElementById(d),f=void 0!==window.MICROMAG_RENDER_STORY_FNC?window.MICROMAG_RENDER_STORY_FNC:"renderStory",p=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:m;(0,i.render)(l.createElement(a.ZP,o(o({},t),{},{story:e})),n)};null!==u&&p(u,c),null!==f&&(window[f]=p)},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),r=n(33057),o=n(71098),s=n(74696),u=n(35681),c=n.n(u),d=n(97641),m=n.n(d),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,u=e.height,d=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:u},E=(0,f.useState)(!1),M=(0,l.Z)(E,2),S=M[0],k=M[1],T=(0,o.useResizeObserver)(),N=T.ref,x=(T.entry.contentRect||{}).height;null!==w&&(w.current=N.current);var P=(0,o.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,s.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:!d});return(0,f.useEffect)((function(){if(A>0&&x>0&&!d){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,d]),f.createElement("div",{className:c()([p.container,(t={},(0,a.Z)(t,p.withScroll,!d),(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)),d?null:f.createElement("div",{className:p.arrowContainer},f.createElement(r.FontAwesomeIcon,{className:p.arrow,icon:i.faArrowDown})))}y.propTypes=g,y.defaultProps={width:null,height:null,disabled:!1,verticalAlign:null,className:null,children:null,onScrolledBottom:null,onScrolledNotBottom:null,contain:!1,scrollContainerRef:null};var h=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),r=n(97641),o=n(35681),s=n(54406),u=n(52807),c=n(5587),d=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),E=n(23716),M=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(r),z=Z(o),q=Z(p),j=Z(g),B=Z(v),D=Z(b),V=Z(w),W=Z(C),_=Z(M),G=Z(S),H=Z(k),U=Z(N),Y=Z(x),Q={children:u.PropTypes.label.isRequired,isHtml:L.default.bool,values:L.default.object},X=function(e){var t=e.children,n=(e.isHtml,e.values),a=c.FormattedMessage;return d.isMessage(t)?R.default.createElement(a,Object.assign({values:n},t)):t};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:u.PropTypes.buttonTheme,size:u.PropTypes.buttonSize,href:L.default.string,external:L.default.bool,direct:L.default.bool,target:L.default.string,label:u.PropTypes.label,children:u.PropTypes.label,focusable:L.default.bool,active:L.default.bool,icon:L.default.node,iconPosition:L.default.oneOf(["left","right","inline"]),disabled:L.default.bool,loading:L.default.bool,disableOnLoading:L.default.bool,small:L.default.bool,big:L.default.bool,withShadow:L.default.bool,withoutStyle:L.default.bool,withoutTheme:L.default.bool,outline:L.default.bool,asLink:L.default.bool,className:L.default.string,iconClassName:L.default.string,labelClassName:L.default.string,onClick:L.default.func,refButton:L.default.oneOfType([L.default.func,L.default.shape({current:L.default.any})])},ee=function(e){var t,n,a=e.type,l=e.theme,i=e.size,r=e.href,o=e.external,u=e.direct,c=e.target,d=e.label,m=e.children,f=e.focusable,p=e.active,g=e.icon,y=e.iconPosition,h=e.disabled,v=e.loading,b=e.disableOnLoading,w=e.small,C=e.big,E=e.withShadow,M=e.withoutStyle,S=e.withoutTheme,k=e.asLink,T=e.outline,N=e.onClick,x=e.className,P=e.iconClassName,O=e.labelClassName,A=e.refButton,Z=I.default(e,K),L=d||m,q=null!==L?R.default.createElement(X,null,L):null,j=null!==d&&null!==m,B=null!==g,D=B&&("inline"===y||null===q),V=B&&!D,W=R.default.createElement(R.default.Fragment,null,D?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([J.icon,F.default({},P,null!==P)])},g),null!==q?R.default.createElement("span",{className:z.default([J.label,F.default({},O,null!==O)])},q):null):null,V?R.default.createElement(R.default.Fragment,null,R.default.createElement("span",{className:z.default([J.left,F.default({},P,null!==P&&"left"===y)])},"left"===y?g:null),R.default.createElement("span",{className:z.default([J.center,F.default({},O,null!==O)])},q),R.default.createElement("span",{className:z.default([J.right,F.default({},P,null!==P&&"right"===y)])},"right"===y?g:null),j?m:null):null,B?null:q,j?m:null),_=!S&&!M&&!k,G=z.default([(t={btn:_},F.default(t,"btn-".concat(T?"outline-":"").concat(l),_&&null!==l),F.default(t,"btn-".concat(i),_&&null!==i),F.default(t,"active",!M&&p),t),J.container,(n={},F.default(n,J.withoutStyle,M),F.default(n,J.withIcon,B),F.default(n,J.withIconColumns,V),F.default(n,J.withText,null!==q),F.default(n,J.withShadow,E),F.default(n,J.isSmall,w),F.default(n,J.isBig,C),F.default(n,J.isLink,null!==r),F.default(n,J.asLink,k),F.default(n,J.isDisabled,h),F.default(n,J.isLoading,v),F.default(n,x,null!==x),n)]);if(null!==r){var H=z.default([G,F.default({disabled:h},J.linkDisabled,h)]);return o||u?R.default.createElement("a",Object.assign({},Z,{href:h?null:r,className:H,onClick:N,target:o?c:null,ref:A,tabIndex:f?"":"-1"}),W):R.default.createElement(s.Link,{to:r,className:H,onClick:N,ref:A,tabIndex:f?"":"-1"},W)}return R.default.createElement("button",Object.assign({},Z,{type:a,className:G,onClick:N,disabled:h||b&&v,ref:A,tabIndex:f?"0":"-1"}),W)};ee.propTypes=$,ee.defaultProps={type:"button",theme:null,size:null,href:null,external:!1,direct:!1,target:"_blank",label:null,children:null,focusable:!0,active:!1,icon:null,iconPosition:"inline",disabled:!1,loading:!1,disableOnLoading:!0,small:!1,big:!1,withShadow:!1,withoutStyle:!1,withoutTheme:!1,outline:!1,asLink:!1,className:null,iconClassName:null,labelClassName:null,onClick:null,refButton:null};var te={},ne=["className","onClick","theme"],ae={buttons:u.PropTypes.buttons,size:u.PropTypes.buttonSize,theme:u.PropTypes.buttonTheme,renderButton:L.default.func,onClickButton:L.default.func,className:L.default.string,buttonClassName:L.default.string},le=function(e){var t=e.buttons,n=e.size,a=e.theme,l=e.renderButton,i=e.onClickButton,r=e.buttonClassName,o=e.className;return R.default.createElement("div",{className:z.default(["btn-group",F.default({},"btn-group-".concat(n),null!==n),te.container,F.default({},o,null!==o)]),role:"group"},t.map((function(e,t){var n,o=e.className,s=void 0===o?null:o,u=e.onClick,c=void 0===u?null:u,d=e.theme,m=void 0===d?null:d,f=I.default(e,ne),p={key:"button-".concat(t),className:z.default([te.button,(n={},F.default(n,r,null!==r),F.default(n,s,null!==s),n)]),onClick:function(n){null!==c&&c(n,e,t),null!==i&&i(n,e,t)},theme:m||a};return null!==l?l(e,t,p):R.default.createElement(ee,Object.assign({},p,f))})))};le.propTypes=ae,le.defaultProps={buttons:[],size:null,theme:void 0,renderButton:null,onClickButton:null,className:null,buttonClassName:null};var ie=["className"],re={className:L.default.string},oe=function(e){var t=e.className,n=I.default(e,ie);return R.default.createElement(ee,Object.assign({className:z.default(["px-2",F.default({},t,t)]),size:"sm",icon:R.default.createElement(m.FontAwesomeIcon,{icon:f.faAngleLeft,size:"lg"})},n))};oe.propTypes=re,oe.defaultProps={className:null};var se=["type"],ue=["component","id","settings"],ce={name:L.default.string,value:u.PropTypes.component,form:L.default.string,formComponents:u.PropTypes.components,fields:u.PropTypes.fields,className:L.default.string,onChange:L.default.func,gotoFieldForm:L.default.func.isRequired,closeFieldForm:L.default.func.isRequired,fieldContext:L.default.any},de=function(e){var t=e.name,n=e.value,a=e.form,l=e.formComponents,r=e.fields,o=e.className,s=e.onChange,u=e.gotoFieldForm,c=e.closeFieldForm,m=e.fieldContext,f=h.useFieldsManager(),p=d.getFieldFromPath(t.split("."),r,f),g=p||{},y=g.type,v=void 0===y?null:y,b=I.default(g,se),w=null!==v&&f.getDefinition(v)||B.default({},p),C=w.component,E=void 0===C?null:C;w.id,w.settings;var M=I.default(w,ue),S=h.useFieldComponent(E),k=D.default(n,t,null),T=i.useCallback((function(e){var a=d.setFieldValue(n,t.split("."),e);null!==s&&s(a)}),[n,t,s]),N=i.useCallback((function(){return c(t,a)}),[t,a,c]),x={name:t,value:k,onChange:T,gotoFieldForm:u,closeFieldForm:c,closeForm:N};if(null!==a){var P=d.getComponentFromName(a,l);return null!==P?R.default.createElement(h.FieldContextProvider,{context:m},R.default.createElement(P,Object.assign({field:p},x,{className:o}))):null}return null!==S?R.default.createElement(h.FieldContextProvider,{context:m},R.default.createElement(S,Object.assign({className:o},M,b,{isForm:!0},x))):null};de.propTypes=ce,de.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:u.PropTypes.formFields,initialValue:L.default.object,postForm:L.default.func,submitButtonLabel:u.PropTypes.label,submitButtonLoadingLabel:u.PropTypes.label,buttons:u.PropTypes.buttons,children:L.default.node,actionsAlign:L.default.oneOf(["left","right"]),withoutActions:L.default.bool,withoutComplete:L.default.bool,withoutBackButton:L.default.bool,onComplete:L.default.func,onResponse:L.default.func,onMessage:L.default.func,onCancel:L.default.func,onCancelHref:L.default.string,onOpenFieldForm:L.default.func,onCloseFieldForm:L.default.func,className:L.default.string,fieldsClassName:L.default.string,actionsClassName:L.default.string,cancelClassName:L.default.string},pe={method:"POST",fields:[],initialValue:null,postForm:null,submitButtonLabel:R.default.createElement(c.FormattedMessage,{id:"ZLDmja",defaultMessage:[{type:0,value:"Submit"}]}),submitButtonLoadingLabel:null,buttons:null,children:null,actionsAlign:"left",withoutActions:!1,withoutComplete:!1,withoutBackButton:!1,onComplete:null,onResponse:null,onMessage:null,onCancel:null,onCancelHref:null,onOpenFieldForm:null,onCloseFieldForm:null,className:null,fieldsClassName:null,actionsClassName:null,cancelClassName:null},ge=function(e){var t,n=e.action,a=e.method,l=e.fields,r=e.initialValue,o=e.postForm,s=e.submitButtonLabel,u=e.submitButtonLoadingLabel,m=e.buttons,f=e.children,p=e.actionsAlign,g=e.withoutActions,v=e.withoutComplete,b=e.withoutBackButton,w=e.onComplete,C=e.onResponse,E=e.onMessage,M=e.onCancel,S=e.onCancelHref,k=e.onOpenFieldForm,T=e.onCloseFieldForm,N=e.className,x=e.fieldsClassName,P=e.actionsClassName,O=e.cancelClassName,A=i.useState(!1),Z=j.default(A,2),I=Z[0],L=Z[1];i.useEffect((function(){var e=null;return I&&(e=setTimeout((function(){L(!1)}),3e3)),function(){clearTimeout(e)}}),[I]);var B=i.useCallback((function(e){null!==w&&w(e),v||L(!0)}),[w,L]),D=y.useForm({value:r,action:n,fields:l,postForm:o,onComplete:B}),V=D.onSubmit,W=D.fields,_=D.status,G=D.value,H=D.setValue,U=D.errors,Y=D.response,Q=D.generalError,X=h.useFieldComponent("fields");i.useEffect((function(){null!==C&&(C(Y),null!==E&&Y&&Y.message&&E(Y.message))}),[Y,C,E]);var J=d.validateFields(W,G),K=i.useState([]),$=j.default(K,2),te=$[0],ne=$[1],ae=i.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n="".concat(e).concat(null!==t?":".concat(t):"");ne([].concat(q.default(te),[n])),null!==k&&k()}),[te,ne]),ie=i.useCallback((function(){var e=q.default(te);e.pop(),ne(q.default(e)),null!==T&&T()}),[te,ne]),re=te.length>0?te[te.length-1]:null;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!==re?R.default.createElement("div",{className:"mb-2"},R.default.createElement(oe,{theme:"secondary",outline:!0,onClick:ie})):null,W&&W.length>0&&null!==re?R.default.createElement("div",{className:z.default(["w-100",me.panel]),key:"field"},R.default.createElement(de,{name:re.replace(/\//g,"."),fields:W,value:G,onChange:H,gotoFieldForm:ae,closeFieldForm:ie})):null,X&&null!==W&&W.length>0&&null===re?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!==re?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!==M||null!==S?R.default.createElement(ee,{type:"button",onClick:M,href:S,theme:"secondary",outline:!0,disabled:"loading"===_,className:z.default(["me-2",F.default({},O,null!==O)])},R.default.createElement(c.FormattedMessage,{id:"PyxZY2",defaultMessage:[{type:0,value:"Cancel"}]})):null,null!==m?R.default.createElement(le,{buttons:m,className:me.buttons}):R.default.createElement(ee,{type:"submit",theme:"primary",disabled:"loading"===_||!J},"loading"===_&&u||s),I?R.default.createElement("p",{className:"text-success mx-2 my-1"},R.default.createElement(c.FormattedMessage,{id:"BpZoQZ",defaultMessage:[{type:0,value:"Success"}]})):null))};ge.propTypes=fe,ge.defaultProps=pe;var ye="micromag-core-partials-link-withoutStyle",he=["href","external","children","target","rel","className","withoutStyle"],ve={href:L.default.string,external:L.default.bool,target:L.default.string,children:u.PropTypes.label,rel:L.default.string,withoutStyle:L.default.bool,className:L.default.string},be=function(e){var t=e.href,n=e.external,a=e.children,l=e.target,i=e.rel,r=e.className,o=e.withoutStyle,u=I.default(e,he);return n?R.default.createElement("a",Object.assign({className:z.default([r,F.default({},ye,o)]),href:t,target:l,rel:i},u),R.default.createElement(X,null,a)):R.default.createElement(s.Link,Object.assign({className:z.default([r,F.default({},ye,o)]),to:t},u),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:u.PropTypes.label,subtitle:u.PropTypes.label,children:L.default.node,afterBody:L.default.node,links:L.default.arrayOf(L.default.shape({label:u.PropTypes.label,href:L.default.string})),linksInSameBody:L.default.bool,footer:L.default.node,theme:L.default.oneOf([null,"dark","primary","light"]),className:L.default.string,imageClassName:L.default.string,headerClassName:L.default.string,titleClassName:L.default.string,subtitleClassName:L.default.string,bodyClassName:L.default.string,footerClassName:L.default.string,onClick:L.default.func,onClickBody:L.default.func,onClickFooter:L.default.func},Ee=function(e){var t,n=e.href,a=e.header,l=e.image,i=e.imageAlt,r=e.imageOverlay,o=e.beforeBody,s=e.title,u=e.subtitle,c=e.children,d=e.afterBody,m=e.links,f=e.linksInSameBody,p=e.footer,g=e.theme,y=e.className,h=e.imageClassName,v=e.headerClassName,b=e.titleClassName,w=e.subtitleClassName,C=e.bodyClassName,E=e.footerClassName,M=e.onClick,S=e.onClickBody,k=e.onClickFooter,T=(m||[]).map((function(e,t){var n=e.label,a=e.className,l=void 0===a?null:a,i=I.default(e,we);return R.default.createElement(be,Object.assign({key:"link-".concat(n,"-").concat(t),className:z.default(["card-link",F.default({},l,null!==l)])},i),n)})),N=null!==s||null!==u||null!==c||null!==m&&f?R.default.createElement(R.default.Fragment,null,null!==s?R.default.createElement("h5",{className:z.default(["card-title",F.default({},b,null!==b)])},R.default.createElement(X,null,s)):null,null!==u?R.default.createElement("h6",{className:z.default(["card-subtitle",F.default({},w,null!==w)])},R.default.createElement(X,null,u)):null,c,null!==m&&f?R.default.createElement("div",{className:"d-flex"},T):null):null,x=R.default.createElement(R.default.Fragment,null,null!==a?R.default.createElement("div",{className:z.default(["card-header",F.default({},v,null!==v)])},R.default.createElement(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,o,null!==N?null!==S?R.default.createElement("button",{type:"button",className:z.default(F.default({"card-body":!r,"card-img-overlay":r},C,null!==C)),onClick:S},N):R.default.createElement("div",{className:z.default(F.default({"card-body":!r,"card-img-overlay":r},C,null!==C))},N):null,d,null===m||null===T||f?null:R.default.createElement("div",{className:"card-body"},T),null!==p?null!==k?R.default.createElement("button",{type:"button",className:z.default(["card-footer",F.default({},E,null!==E)]),onClick:k},R.default.createElement(X,null,p)):R.default.createElement("div",{className:z.default(["card-footer",F.default({},E,null!==E)])},R.default.createElement(X,null,p)):null),P=z.default(["card",(t={},F.default(t,"bg-".concat(g),!r&&"dark"!==g),F.default(t,"bg-dark",r||"dark"===g),F.default(t,"text-dark","light"===g),F.default(t,"text-light",r||"dark"===g||"primary"===g),F.default(t,y,null!==y),t)]);return null!==n?R.default.createElement(be,{href:n,className:P},x):null!==M?R.default.createElement("button",{type:"button",className:z.default(["p-0","text-start",P]),onClick:M},x):R.default.createElement("div",{className:P},x)};Ee.propTypes=Ce,Ee.defaultProps={href:null,header:null,image:null,imageAlt:null,imageOverlay:!1,beforeBody:null,title:null,subtitle:null,children:null,afterBody:null,links:null,linksInSameBody:!1,footer:null,theme:null,className:null,imageClassName:null,headerClassName:null,titleClassName:null,subtitleClassName:null,bodyClassName:null,footerClassName:null,onClick:null,onClickBody:null,onClickFooter:null};var Me={animated:L.default.bool,color:L.default.string,className:L.default.string},Se=function(e){var t=e.animated,n=e.color,a=e.className;return R.default.createElement("svg",{className:z.default([F.default({},a,null!==a)]),width:"38",height:"38",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg"},R.default.createElement("defs",null,R.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},R.default.createElement("stop",{stopColor:n,stopOpacity:"0",offset:"0%"}),R.default.createElement("stop",{stopColor:n,stopOpacity:".631",offset:"63.146%"}),R.default.createElement("stop",{stopColor:n,offset:"100%"}))),R.default.createElement("g",{fill:"none",fillRule:"evenodd"},R.default.createElement("g",{transform:"translate(1 1)"},R.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)",strokeWidth:"2"},t?R.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}):null),R.default.createElement("circle",{fill:n,cx:"36",cy:"18",r:"1"},t?R.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}):null))))};Se.propTypes=Me,Se.defaultProps={animated:!0,color:"currentColor",className:null};var ke={},Te=["description","loading","children","className"],Ne={description:L.default.node,loading:L.default.bool,children:L.default.node,className:L.default.string},xe=function(e){var t=e.description,n=e.loading,a=e.children,l=e.className,i=I.default(e,Te);return R.default.createElement(Ee,Object.assign({className:z.default([ke.container,F.default({},l,null!==l)])},i),t,n?R.default.createElement(Se,null):a)};xe.propTypes=Ne,xe.defaultProps={description:null,loading:!1,children:null,className:null};var Pe={items:u.PropTypes.menuItems,theme:u.PropTypes.bootstrapThemes,separator:L.default.oneOf([null,"arrow"]),withoutBar:L.default.bool,noWrap:L.default.bool,className:L.default.string},Oe=function(e){var t=e.items,n=e.theme,a=e.separator,l=e.withoutBar,i=e.noWrap,r=e.className;return R.default.createElement("nav",{className:r},R.default.createElement("ol",{className:z.default(["micromag-core-menus-breadcrumb-container","breadcrumb","mb-0",{"p-0":l,"bg-transparent":l,"rounded-0":l,"flex-nowrap":i}])},t.map((function(e,t){var l,i=e.url,r=e.label,o=e.active,u=void 0!==o&&o,c=e.onClick,d=void 0===c?null:c;return R.default.createElement("li",{className:z.default(["breadcrumb-item",(l={active:u},F.default(l,"micromag-core-menus-breadcrumb-arrow","arrow"===a),F.default(l,"text-".concat(n),u&&null!==n),l)]),key:"item-".concat(t)},u?R.default.createElement(X,null,r):null,!u&&i?R.default.createElement(s.Link,{to:i,onClick:d,className:z.default(F.default({},"text-".concat(n),null!==n))},R.default.createElement(X,null,r)):null,!u&&d?R.default.createElement(ee,{onClick:d,className:z.default(F.default({},"text-".concat(n),null!==n))},R.default.createElement(X,null,r)):null)}))))};Oe.propTypes=Pe,Oe.defaultProps={items:[],theme:null,separator:null,withoutBar:!1,noWrap:!1,className:null};var Ae=["type","className","label","children","onClick","active"],Ze={items:u.PropTypes.menuItems,children:L.default.node,visible:L.default.bool,align:u.PropTypes.dropdownAlign,className:L.default.string,itemClassName:L.default.string,onClickItem:L.default.func,onClickOutside:L.default.func},Fe=function(e){var t,n=e.items,a=e.children,l=e.visible,r=e.align,o=e.className,s=e.itemClassName,u=e.onClickItem,c=e.onClickOutside,d=i.useRef(null),m=i.useState(l),f=j.default(m,2),p=f[0],g=f[1],h=i.useCallback((function(e){d.current&&!d.current.contains(e.currentTarget)&&null!==c&&c(e)}),[d.current,c]);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(r),null!==r),F.default(t,"show",l),F.default(t,o,null!==o),t)]),ref:d},null!==a?a:n.map((function(e,t){var n,a=e.type,l=void 0===a?"link":a,i=e.className,r=void 0===i?null:i,o=e.label,c=void 0===o?null:o,d=e.children,m=void 0===d?null:d,f=e.onClick,p=void 0===f?null:f,g=e.active,y=void 0!==g&&g,h=I.default(e,Ae),v="div";"link"===l?v=be:"button"===l?v="button":"header"===l?v="h6":"divider"===l&&(v="hr");var b=null!==p||"link"===l&&null!==u?function(e){null!==p&&p(e),"link"===l&&null!==u&&u(e)}:null;return null!==v?R.default.createElement("div",null,R.default.createElement(v,Object.assign({key:"item-".concat(t,"-").concat(c),className:z.default([(n={"dropdown-item":"link"===l||"button"===l,"dropdown-divider":"divider"===l,"dropdown-header":"header"===l,active:y},F.default(n,s,null!==s),F.default(n,r,null!==r),n)]),onClick:b},h),null!==c?R.default.createElement(X,null,c):m)):null})))};Fe.propTypes=Ze,Fe.defaultProps={items:[],children:null,visible:!1,align:null,className:null,itemClassName:null,onClickItem:null,onClickOutside:null};var Ie=["id","className","linkClassName","href","label","external","items","dropdown","active","onClick"],Re={items:u.PropTypes.menuItems,tagName:L.default.string,itemTagName:L.default.string,children:L.default.node,linkAsItem:L.default.bool,className:L.default.string,itemClassName:L.default.string,linkClassName:L.default.string,hasSubMenuClassName:L.default.string,subMenuClassName:L.default.string,subMenuItemClassName:L.default.string,subMenuLinkClassName:L.default.string,hasDropdownClassName:L.default.string,dropdownClassName:L.default.string,dropdownItemClassName:L.default.string,dropdownLinkClassName:L.default.string,dropdownAlign:u.PropTypes.dropdownAlign},Le=function e(t){var n=t.items,a=t.tagName,l=t.itemTagName,r=t.children,o=t.linkAsItem,s=t.className,u=t.itemClassName,c=t.linkClassName,d=t.hasSubMenuClassName,m=t.subMenuClassName,f=t.subMenuItemClassName,p=t.subMenuLinkClassName,g=t.hasDropdownClassName,y=t.dropdownClassName,h=t.dropdownItemClassName,v=t.dropdownLinkClassName,b=t.dropdownAlign,w=i.useState(n.map((function(){return!1}))),C=j.default(w,2),E=C[0],M=C[1],S=o?"div":a;return R.default.createElement(S,{className:s},null!==r?r:n.map((function(t,n){var a,i,r,s,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(),M([].concat(q.default(E.slice(0,n)),[!E[n]],q.default(E.slice(n+1)))),null!==Y&&Y(e)}:Y,J=null!==_?function(){M([].concat(q.default(E.slice(0,n)),[!1],q.default(E.slice(n+1))))}:null,K=l;return o?R.default.createElement(be,Object.assign({},Q,{key:"item-".concat(T||n),onClick:X,href:Z,external:B,className:z.default((a={active:H},F.default(a,u,null!==u),F.default(a,x,null!==x),F.default(a,c,null!==c),F.default(a,O,null!==O),a))}),L):R.default.createElement(K,{key:"item-".concat(T||n),className:z.default((i={dropdown:null!==_,active:H},F.default(i,u,null!==u),F.default(i,x,null!==x),F.default(i,d,null!==V&&null!==d),F.default(i,g,null!==V&&null!==g),i))},null!==Z?R.default.createElement(be,Object.assign({},Q,{onClick:X,href:Z,external:B,className:z.default((r={},F.default(r,c,null!==c),F.default(r,"dropdown-toggle",null!==_),F.default(r,O,null!==O),r))}),L):null,null===Z&&null!==X?R.default.createElement(ee,Object.assign({},Q,{onClick:X,className:z.default((s={},F.default(s,c,null!==c),F.default(s,"dropdown-toggle",null!==_),F.default(s,O,null!==O),s))}),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,u,null===f&&null!==u),w)),linkClassName:z.default((C={},F.default(C,p,null!==p),F.default(C,c,null===p&&null!==c),C))}):null,null!==_?R.default.createElement(Fe,{items:_,visible:E[n]||!1,className:y,itemClassName:z.default((S={},F.default(S,h,null!==h),F.default(S,u,null===h&&null!==u),S)),linkClassName:z.default((k={},F.default(k,v,null!==v),F.default(k,c,null===v&&null!==c),k)),align:b,onClickItem:J,onClickOutside:J}):null)})))};Le.propTypes=Re,Le.defaultProps={items:[],tagName:"ul",itemTagName:"li",children:null,linkAsItem:!1,className:null,itemClassName:null,linkClassName:null,hasSubMenuClassName:null,subMenuClassName:null,subMenuItemClassName:null,subMenuLinkClassName:null,hasDropdownClassName:null,dropdownClassName:null,dropdownItemClassName:null,dropdownLinkClassName:null,dropdownAlign:null};var ze={brand:L.default.node,brandLink:L.default.string,breadcrumbs:L.default.node,theme:L.default.oneOf(["light","dark","primary",null]),size:L.default.oneOf(["sm","md","lg"]),compact:L.default.bool,noWrap:L.default.bool,withoutCollapse:L.default.bool,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,r=e.theme,o=e.size,s=e.compact,u=e.noWrap,c=e.withoutCollapse,d=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(r),null!==r),F.default(t,"navbar-".concat("light"===r?"light":"dark"),null!==r),F.default(t,"text-".concat("light"===r?"dark":"light"),null!==r),F.default(t,"navbar-expand-".concat(o),!c),F.default(t,"navbar-expand",c),F.default(t,"py-2",s),F.default(t,"px-2",s),F.default(t,"flex-nowrap",u),F.default(t,m,null!==m),t)])},R.default.createElement("div",{className:z.default(["container-fluid",{"px-0":s}])},null!==n&&null!==a?R.default.createElement(be,{className:z.default(["navbar-brand",F.default({"py-0":s},f,null!==f)]),to:a},n):null,null!==n&&null===a?R.default.createElement("span",{className:z.default(["navbar-brand",F.default({"py-0":s},f,null!==f)])},n):null,null!==l?R.default.createElement("span",{className:z.default(["navbar-breadcrumbs",F.default({"py-0":s},p,null!==p)])},l):null,c?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"})),c?d:R.default.createElement("div",{className:z.default(["navbar-collapse","collapse",{show:h}])},d)))};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=c.defineMessages({previous:{id:"menus.pagination.previous",defaultMessage:[{type:0,value:"Previous"}]},next:{id:"menus.pagination.next",defaultMessage:[{type:0,value:"next"}]}}),De={page:L.default.number,total:L.default.number,url:L.default.string,withPreviousNext:L.default.bool,className:L.default.string,paginationClassName:L.default.string,itemClassName:L.default.string,linkClassName:L.default.string,onClickPage:L.default.func},Ve=function(e){var t=e.page,n=e.total,a=e.url,l=e.withPreviousNext,r=e.className,o=e.paginationClassName,s=e.itemClassName,u=e.linkClassName,c=e.onClickPage,d=i.useCallback((function(e){return null!==a?"".concat(a).concat(-1!==a.indexOf("?")?"&page=".concat(e):"?page=".concat(e)):null}),[a]),m=q.default(Array(n).keys()).map((function(e){return e+1}));return R.default.createElement("nav",{className:z.default([je.container,F.default({},r,null!==r)])},R.default.createElement("ul",{className:z.default(["pagination",F.default({},o,null!==o)])},l?R.default.createElement("li",{className:z.default(["page-item",F.default({disabled:t<=1},s,null!==s)])},t>1?R.default.createElement(be,{className:z.default(["page-link",F.default({},u,null!==u)]),href:d(t-1),onClick:null!==c?function(){return c(t-1)}:null},Be.previous):R.default.createElement("span",{className:z.default(["page-link",F.default({},u,null!==u)])},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},s,null!==s)])},R.default.createElement(be,{className:z.default(["page-link",F.default({},u,null!==u)]),href:d(e),onClick:null!==c?function(){return c(e)}:null},e))})),l?R.default.createElement("li",{className:z.default(["page-item",F.default({disabled:t>=n},s,null!==s)])},t<n?R.default.createElement(be,{className:z.default(["page-link",F.default({},u,null!==u)]),href:d(t+1),onClick:null!==c?function(){return c(t+1)}:null},Be.next):R.default.createElement("span",{className:z.default(["page-link",F.default({},u,null!==u)])},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:u.PropTypes.menuItems,size:u.PropTypes.buttonSize,theme:u.PropTypes.buttonTheme,renderItemButton:L.default.func,buttonClassName:L.default.string,className:L.default.string,onClickItem:L.default.func},Ge=function(e){var t=e.items,n=e.size,a=e.theme,l=e.renderItemButton,i=e.buttonClassName,r=e.className,o=e.onClickItem;return R.default.createElement("div",{className:z.default([We.container,F.default({},r,r)])},R.default.createElement(le,{buttons:t,size:n,theme:a,renderButton:l,onClickButton:o,className:We.buttons,buttonClassName:z.default([We.button,F.default({},i,null!==i)])}))};Ge.propTypes=_e,Ge.defaultProps={items:[],size:null,theme:"secondary",renderItemButton:null,buttonClassName:null,className:null,onClickItem:null};var He={modals:u.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,r=e.register,o=e.unregister,s=i.useMemo((function(){return t||"element-".concat((new Date).getTime())}),[t]);return i.useEffect((function(){return null!==r&&r(s,n),function(){null!==o&&o(s)}}),[s,n]),null!==l?V.default.createPortal(a,l):null};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,r=l.register,o=void 0===r?null:r,s=l.unregister,u=void 0===s?null:s;return R.default.createElement(Xe,{id:t,data:n,container:i,register:o,unregister:u},a)};Ke.propTypes=Je,Ke.defaultProps={id:null,data:null,children:null};var $e={container:"micromag-core-modals-modal-container",center:"micromag-core-modals-modal-center",inner:"micromag-core-modals-modal-inner",top:"micromag-core-modals-modal-top"},et={id:L.default.string,title:L.default.string,position:L.default.oneOf(["center","top"]),children:L.default.node},tt=function(e){var t=e.id,n=e.children,a=e.position,l=e.title,r=i.useMemo((function(){return t||d.getDisplayName(n.type)}),[t,n.type]),o=i.useMemo((function(){return{title:l}}),[l]);return R.default.createElement(Ke,{id:r,data:o},R.default.createElement("div",{className:z.default([$e.container,F.default({},$e[a],null!==a)])},R.default.createElement("div",{className:$e.inner},n)))};tt.propTypes=et,tt.defaultProps={id:null,title:null,position:"center",children:null};var nt={container:"micromag-core-modals-dialog-container"},at={title:u.PropTypes.label,header:L.default.node,children:L.default.node,footer:L.default.node,buttons:u.PropTypes.buttons,onClickClose:L.default.func,className:L.default.string},lt=function(e){var t=e.title,n=e.header,a=e.children,l=e.buttons,i=e.footer,r=e.onClickClose,o=e.className;return R.default.createElement("div",{className:z.default(["modal-dialog",nt.container,F.default({},o,o)]),role:"dialog"},R.default.createElement("div",{className:"modal-content"},n||R.default.createElement("div",{className:z.default(["modal-header",nt.header,{}])},R.default.createElement("h5",{className:"modal-title"},R.default.createElement(X,null,t)),R.default.createElement("button",{type:"button",className:"btn-close","aria-label":"Close",onClick:r})),R.default.createElement("div",{className:z.default(["modal-body",nt.body,{}])},a),null!==i||null!==l?R.default.createElement("div",{className:z.default(["modal-footer",nt.footer])},i,null!==l?R.default.createElement(le,{buttons:l,className:nt.buttons}):null):null))};lt.propTypes=at,lt.defaultProps={title:null,header:null,children:null,footer:null,buttons:null,onClickClose:null,className:null};var it={type:L.default.oneOfType([u.PropTypes.mediaTypes,L.default.array]),opened:L.default.bool,sources:L.default.arrayOf(L.default.string),onUploaded:L.default.func,onRequestClose:L.default.func},rt=function(e){var t=e.type,n=e.opened,a=e.sources,l=e.onUploaded,r=e.onRequestClose,o=i.useCallback((function(e){null!==l&&l(e)}),[l]),s=i.useMemo((function(){return 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]),u=h.useUppy({onComplete:o,sources:a,allowedFileTypes:null!==s&&s.length>0?s:null});return i.useEffect((function(){null===u||n||u.reset()}),[u,n]),null!==u?R.default.createElement(E.DashboardModal,{uppy:u,open:n,closeAfterFinish:!0,onRequestClose:r,plugins:a}):null};rt.propTypes=it,rt.defaultProps={type:null,opened:!1,sources:["webcam","facebook","instagram","dropbox","google-drive"],onUploaded:null,onRequestClose:null};var ot={container:"micromag-core-panels-container"},st={panels:u.PropTypes.panels,setPanelsContainer:L.default.func,className:L.default.string},ut=function(e){var t=e.panels,n=e.setPanelsContainer,a=e.className,l=i.useRef(null);return i.useEffect((function(){n(l.current)}),[]),R.default.createElement("div",{className:z.default([ot.container,F.default({},a,a)])},R.default.createElement("div",{className:z.default([ot.panels,F.default({},ot.hasPanels,t.length>0)]),ref:l}))};ut.propTypes=st,ut.defaultProps={panels:[],setPanelsContainer:null,className:null};var ct=h.withPanels(ut),dt={id:L.default.string,data:L.default.object,children:L.default.node},mt=function(e){var t=e.id,n=e.data,a=e.children,l=h.usePanels(),i=l.panels,r=void 0===i?null:i,o=l.container,s=l.register,u=void 0===s?null:s,c=l.unregister,d=void 0===c?null:c;return null===r?a:R.default.createElement(Xe,{id:t,data:n,container:o,register:u,unregister:d},a)};mt.propTypes=dt,mt.defaultProps={id:null,data:null,children:null};var ft={id:L.default.string,title:L.default.string,children:L.default.node},pt=function(e){var t=e.id,n=e.children,a=e.title,l=i.useMemo((function(){return t||d.getDisplayName(n.type)}),[t,n.type]),r=i.useMemo((function(){return{title:a}}),[a]);return R.default.createElement(mt,{id:l,data:r},R.default.createElement("div",{className:"micromag-core-panels-panel-container"},n))};pt.propTypes=ft,pt.defaultProps={id:null,title:null,children:null};var gt={container:"micromag-core-partials-collapsable-panel-container",top:"micromag-core-partials-collapsable-panel-top",button:"micromag-core-partials-collapsable-panel-button",label:"micromag-core-partials-collapsable-panel-label",content:"micromag-core-partials-collapsable-panel-content",isOpened:"micromag-core-partials-collapsable-panel-isOpened"},yt={title:L.default.node,children:L.default.node,className:L.default.string,topClassName:L.default.string,contentClassName:L.default.string,openedClassName:L.default.string,buttonClassName:L.default.string},ht=function(e){var t,n=e.title,a=e.children,l=e.className,r=e.topClassName,o=e.contentClassName,s=e.openedClassName,u=e.buttonClassName,c=i.useState(!1),d=j.default(c,2),p=d[0],g=d[1],y=i.useCallback((function(){return g(!p)}),[p,g]);return R.default.createElement("div",{className:z.default([gt.container,(t={},F.default(t,gt.isOpened,p),F.default(t,s,p&&null!==s),F.default(t,l,null!==l),t)])},R.default.createElement("div",{className:z.default([gt.top,F.default({},r,null!==r)])},R.default.createElement(ee,{withoutStyle:!0,className:z.default([gt.button,F.default({},u,null!==u)]),icon:R.default.createElement(m.FontAwesomeIcon,{icon:p?f.faAngleUp:f.faAngleDown,className:gt.icon}),iconPosition:"right",labelClassName:gt.label,onClick:y},n)),R.default.createElement("div",{className:z.default([gt.content,F.default({},o,null!==o)])},a))};ht.propTypes=yt,ht.defaultProps={title:null,children:null,className:null,topClassName:null,contentClassName:null,openedClassName:null,buttonClassName:null};var vt={date:L.default.string,withTime:L.default.bool,timeSeparator:L.default.node},bt=function(e){var t=e.date,n=e.withTime,a=e.timeSeparator,l=i.useMemo((function(){return _.default(t).toDate()}),[t]);return R.default.createElement(R.default.Fragment,null,R.default.createElement(c.FormattedDate,{value:l,year:"numeric",month:"long",day:"2-digit"}),n?a:null,n?R.default.createElement(c.FormattedTime,{value:l}):null)};bt.propTypes=vt,bt.defaultProps={date:null,withTime:!1,timeSeparator:", "};var wt={throttleDelay:L.default.number,threshold:L.default.arrayOf(L.default.number),onEnter:L.default.func,onLeave:L.default.func,onChange:L.default.func,disabled:L.default.bool,children:L.default.node,className:L.default.string},Ct=function(e){var t=e.throttleDelay,n=e.threshold,a=e.onEnter,l=e.onLeave,r=e.onChange,o=e.disabled,s=e.children,u=e.className,c=y.useIntersectionObserver({threshold:n}),d=c.ref,m=c.entry.isIntersecting,f=i.useRef(!1),p=i.useMemo((function(){var e=function(e){var t=f.current;null!==a&&e&&!t&&a(),null!==l&&!e&&t&&l(),null!==r&&r(e),e&&!t?f.current=!0:!e&&t&&(f.current=!1)};return null!==t?G.default(e,t,{trailing:!0,leading:!0}):e}),[t,a,l,r]);return i.useEffect((function(){return o?function(){}:(p(m),function(){null!==t&&p.cancel()})}),[t,m,o,p]),R.default.createElement("div",{className:u,ref:d},s)};Ct.propTypes=wt,Ct.defaultProps={throttleDelay:null,threshold:void 0,onEnter:null,onLeave:null,onChange:null,disabled:!1,children:null,className:null};var Et={width:L.default.oneOfType([L.default.number,L.default.string]),height:L.default.oneOfType([L.default.number,L.default.string]),outline:L.default.bool,className:L.default.string,boxClassName:L.default.string,children:L.default.node},Mt=function(e){var t,n=e.width,a=e.height,l=e.outline,i=e.className,r=e.boxClassName,o=e.children;return R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-block-container",(t={},F.default(t,i,null!==i),F.default(t,"micromag-core-partials-placeholder-block-outline",l),t)])},R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-block-box",F.default({},r,null!==r)]),style:{width:n,height:a}},o))};Mt.propTypes=Et,Mt.defaultProps={width:"100%",height:"3em",outline:!1,className:null,boxClassName:null,children:null};var St={name:L.default.string.isRequired,components:L.default.object.isRequired,props:L.default.object,isPlaceholder:L.default.bool,className:L.default.string,placeholderProps:L.default.object},kt=function(e){var t=e.name,n=e.components,a=e.props,l=e.isPlaceholder,i=e.className,r=e.placeholderProps;if(!t)return"Bad component name";if(l)return R.default.createElement(Mt,r);var o=n[d.pascalCase(t)];return o?R.default.createElement(o,Object.assign({},a,{className:i})):"Bad component"};kt.propTypes=St,kt.defaultProps={props:{},isPlaceholder:!1,className:null,placeholderProps:null};var Tt={container:"micromag-core-partials-empty-container",middle:"micromag-core-partials-empty-middle",withoutBorder:"micromag-core-partials-empty-withoutBorder",invertColor:"micromag-core-partials-empty-invertColor"},Nt={children:L.default.node,withoutBorder:L.default.bool,light:L.default.bool,className:L.default.string},xt=function(e){var t,n=e.children,a=e.withoutBorder,l=e.light,i=e.className;return R.default.createElement("div",{className:z.default([Tt.container,(t={},F.default(t,Tt.withoutBorder,a),F.default(t,Tt.light,l),F.default(t,i,i),t)])},R.default.createElement("div",{className:Tt.middle},R.default.createElement(X,null,n)))};xt.propTypes=Nt,xt.defaultProps={children:null,withoutBorder:!1,light:!1,className:null};var Pt={fonts:u.PropTypes.fonts,formats:L.default.arrayOf(L.default.oneOfType([L.default.string,L.default.shape({name:L.default.string,format:L.default.string})]))},Ot=function(e){var t=e.fonts,n=e.formats,a=(t||[]).filter((function(e){return H.default(e)&&"custom"===e.type&&null!==(e.media||null)})).map((function(e){var t=e.name,a=void 0===t?null:t,l=e.media,i=((void 0===l?null:l)||{}).files,r=void 0===i?{}:i,o=n.reduce((function(e,t){var n=H.default(t)?t.format:t,a=H.default(t)?t.name:t,l=r["webfonts.".concat(a)]||r[a]||null;return null!==l?[].concat(q.default(e),['url("'.concat(l.url,'?") format("').concat(n,'")')]):e}),[]);return o.length>0&&null!==a?'\n                @font-face {\n                    font-family: "'.concat(a,'";\n                    src: ').concat(o.join(","),";\n                }\n            "):null})).filter((function(e){return null!==e}));return a.length>0?R.default.createElement("style",{type:"text/css"},a.join("\n")):null};Ot.propTypes=Pt,Ot.defaultProps={fonts:[],formats:["eot","woff2","woff",{name:"otf",format:"opentype"},{name:"ttf",format:"truetype"},"svg"]};var At={},Zt={thumbnail:L.default.node,thumbnailAlign:L.default.oneOf(["top","center","bottom"]),children:L.default.node,title:u.PropTypes.label,className:L.default.string,thumbnailClassName:L.default.string,bodyClassName:L.default.string,titleClassName:L.default.string},Ft=function(e){var t=e.thumbnail,n=e.thumbnailAlign,a=e.children,l=e.title,i=e.className,r=e.thumbnailClassName,o=e.bodyClassName,s=e.titleClassName;return R.default.createElement("div",{className:z.default(["card",At.container,F.default({},i,null!==i)])},"string"==typeof t?R.default.createElement("img",{src:t,alt:l,className:z.default(["me-3",At.thumbnail,F.default({"align-self-start":"top"===n,"align-self-center":"center"===n,"align-self-end":"bottom"===n},r,null!==r)])}):t,null!==l||null!==a?R.default.createElement("div",{className:z.default(["card-body",At.body,F.default({},o,null!==o)])},null!==l?R.default.createElement("h5",{className:z.default(["mt-0","text-truncate",At.title,F.default({},s,null!==s)])},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 rn=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["audio"]),metadata:L.default.shape(B.default(B.default({},Kt),{},{duration:L.default.number}))}));L.default.arrayOf(rn);var on=L.default.shape(B.default(B.default({},en),{},{type:L.default.oneOf(["closed-captions"])})),sn=L.default.oneOfType([L.default.string,L.default.shape({type:L.default.oneOf(["system","google","custom"]),name:L.default.string,media:an})]);L.default.arrayOf(sn);var un=L.default.oneOf(["left","right","center"]),cn=L.default.shape({color:L.default.string,alpha:L.default.number}),dn=L.default.shape({fontFamily:sn,fontSize:L.default.number,fontStyle:L.default.shape({bold:L.default.bool,italic:L.default.bool,underline:L.default.bool,upperCase:L.default.bool}),align:un,color:cn,letterSpacing:L.default.number,lineHeight:L.default.number}),mn=L.default.oneOf(["dotted","dashed","solid","double","groove","ridge","inset","outset","hidden"]);L.default.shape({width:L.default.number,style:mn,radius:L.default.number,color:cn});var fn=L.default.shape({backgroundColor:cn,borderRadius:L.default.number,borderWidth:L.default.number,borderColor:cn,borderStyle:mn});L.default.shape({top:L.default.number,bottom:L.default.number}),L.default.arrayOf(L.default.shape({rows:L.default.oneOfType([L.default.number,L.default.arrayOf(L.default.number)]),columns:L.default.oneOfType([L.default.number,L.default.arrayOf(L.default.number)])}));var pn=L.default.oneOf(["cover","contain",null]);L.default.shape({fit:pn,horizontalPosition:L.default.oneOf(["left","center","right"]),verticalPosition:L.default.oneOf(["top","center","bottom"])});var gn=L.default.shape({body:L.default.string,textStyle:dn}),yn=gn;L.default.shape({label:L.default.string,textStyle:dn});var hn=L.default.shape({media:nn});L.default.arrayOf(hn),L.default.shape({media:ln,autoPlay:L.default.bool,loop:L.default.bool,closedCaptions:on,withSeekBar:L.default.bool,withPlayPause:L.default.bool}),L.default.shape({media:rn,autoPlay:L.default.bool,loop:L.default.bool,closedCaptions:on,withPlayPause:L.default.bool}),L.default.shape({media:on});var vn=L.default.shape({color:cn,image:nn,video:ln}),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"]),En=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:En,reverse:L.default.bool}),L.default.shape({layout:L.default.arrayOf(L.default.string),spacing:L.default.number});var Mn=L.default.shape({lat:L.default.number,lng:L.default.number}),Sn={id:L.default.number,geoPosition:Mn,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:cn}),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:dn,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(dn),background:vn,colors:L.default.objectOf(cn),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,r=e.children,o=a||{},s=o.canonical,u=void 0===s?null:s,c=o.description,d=void 0===c?null:c,m=o.keywords,f=void 0===m?null:m,p=o.image,g=void 0===p?null:p,y=o.favicon,h=void 0===y?null:y,v=o.rssUrl,b=void 0===v?null:v,w=o.atomUrl,C=void 0===w?null:w,E=o.microformats,M=void 0===E?[]:E,S=o.language,k=void 0===S?null:S,N=null!==t?"".concat(t," | ").concat(i):l,x=g||{},P=x.url,O=void 0===P?null:P,A=x.metadata,Z=(void 0===A?{}:A)||{},F=Z.width,I=void 0===F?null:F,L=Z.height,z=void 0===L?null:L,q=(h||{}).url,j=void 0===q?null:q;return R.default.createElement(T.Helmet,null,R.default.createElement("title",null,null!==N&&N.length>0?N:"Micromag"),null!==d?R.default.createElement("meta",{name:"description",content:d}):null,null!==k?R.default.createElement("meta",{name:"language",content:k}):null,null!==f&&U.default(f)?R.default.createElement("meta",{name:"keywords",content:f}):null,null!==f&&W.default(f)?R.default.createElement("meta",{name:"keywords",content:f.join(",")}):null,null!==u?R.default.createElement("link",{rel:"canonical",href:u}):null,null!==j?R.default.createElement("link",{rel:"icon",type:"image/png",href:j}):null,null!==b?R.default.createElement("link",{rel:"alternate",type:"application/rss+xml",href:b}):null,null!==C?R.default.createElement("link",{rel:"alternate",type:"application/atom+xml",href:C}):null,null!==O?R.default.createElement("meta",{property:"og:image",content:O}):null,null!==O?R.default.createElement("meta",{property:"og:image:url",content:O}):null,null!==I?R.default.createElement("meta",{property:"og:image:width",content:I}):null,null!==z?R.default.createElement("meta",{property:"og:image:height",content:z}):null,R.default.createElement("meta",{property:"og:title",content:N}),null!==d?R.default.createElement("meta",{property:"og:description",content:d}):null,null!==n?R.default.createElement("meta",{property:"og:url",content:n}):null,R.default.createElement("meta",{name:"twitter:card",content:null!==O?"summary_large_image":"summary"}),R.default.createElement("meta",{name:"twitter:title",content:N}),null!==d?R.default.createElement("meta",{name:"twitter:description",content:d}):null,null!==O?R.default.createElement("meta",{name:"twitter:image",content:O}):null,(M||[]).map((function(e){return R.default.createElement("script",{type:"application/ld+json",id:"".concat(e["@type"],"-").concat(e.identifier),key:"microformat-".concat(e["@type"],"-").concat(e.identifier)},JSON.stringify(e))})),r)};ta.propTypes=ea,ta.defaultProps={title:null,url:null,metadata:null,fullTitle:null,suffix:"Micromag",children:null};var na={items:L.default.arrayOf(L.default.node),auto:L.default.bool,delay:L.default.number,width:L.default.oneOfType([L.default.string,L.default.number]),height:L.default.oneOfType([L.default.string,L.default.number]),className:L.default.string,children:L.default.node},aa=function(e){var t=e.items,n=e.auto,a=e.delay,l=e.width,r=e.height,o=e.className,s=e.children,u=i.useState(0),c=j.default(u,2),d=c[0],m=c[1];i.useEffect((function(){var e=null;return n&&(e=setTimeout((function(){d<t.length-1?m((function(e){return e+1})):m(0)}),a)),function(){clearTimeout(e)}}),[d,t,n,a]);var f={width:l,height:r};return R.default.createElement("div",{className:z.default(["micromag-core-partials-slideshow-container",F.default({},o,o)]),style:f},R.default.createElement("div",{className:"micromag-core-partials-slideshow-items"},t.map((function(e,t){var n;return R.default.createElement("div",{key:"slide-".concat(t+1),className:z.default(["micromag-core-partials-slideshow-item",(n={},F.default(n,"micromag-core-partials-slideshow-prev",t<d),F.default(n,"micromag-core-partials-slideshow-current",t===d),F.default(n,"micromag-core-partials-slideshow-next",t>d),n)])},e)}))),s)};aa.propTypes=na,aa.defaultProps={items:[],auto:!0,delay:5e3,width:null,height:null,className:null,children:null};var la={icon:"micromag-core-placeholders-icon"},ia=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faAd,className:la.icon}))},ra=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faImage,className:la.icon}))},oa=function(e){var t=e.width,n=void 0===t?"100%":t,a=e.height,l=void 0===a?"2em":a,i=e.className;return R.default.createElement(Mt,{width:n,height:l,className:i},R.default.createElement(m.FontAwesomeIcon,{icon:f.faMusic,className:la.icon}))},sa={lines:L.default.number,lineMargin:L.default.oneOfType([L.default.number,L.default.string]),width:L.default.oneOfType([L.default.number,L.default.string]),height:L.default.oneOfType([L.default.number,L.default.string]),fontSize:L.default.number,className:L.default.string},ua=function(e){var t=e.lines,n=e.lineMargin,a=e.width,l=e.height,i=e.fontSize,r=e.className,o=null!==l&&Y.default(l)?"".concat(Math.round(l*i),"px"):l,s=Y.default(a)?.9*a:"90%";return R.default.createElement("div",{className:z.default(["micromag-core-partials-placeholder-text-container",F.default({},r,r)])},q.default(Array(t)).map((function(e,t){return R.default.createElement("div",{key:"line-".concat(t),className:"micromag-core-partials-placeholder-text-line",style:{width:t%2==0?a:s,height:o,marginTop:n,marginBottom:n}})})))};ua.propTypes=sa,ua.defaultProps={lines:1,lineMargin:1,width:"100%",height:null,fontSize:16,className:null};var ca=function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.4em":a,i=e.className;return R.default.createElement(Mt,{outline:!0,width:n,height:l,className:i},R.default.createElement(ua,{line:1,height:"0.1em"}))},da=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faImage,className:la.icon}))},ma=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.shortText]),height:.2,lines:1}))},fa="micromag-core-placeholders-map-icon",pa=function(e){return R.default.createElement(Mt,Object.assign({},e,{width:"100%",height:"100%",className:z.default(["micromag-core-placeholders-map-container",F.default({},e.className,null!==e.className)])}),R.default.createElement(m.FontAwesomeIcon,{icon:e.withImages?f.faImage:f.faMapMarkerAlt,className: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(Mt,Object.assign({},e,{width:"100%",height:"70%",className:z.default([e.className,la.mapPath])}),R.default.createElement(m.FontAwesomeIcon,{icon:f.faMapMarkedAlt,size:"lg",className:la.icon}))},ya=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.subtitle]),height:.5,lines:6}))},ha=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.shortText]),height:.2,lines:2}))},va=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.subtitle]),height:.3,lines:1}))},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,r=void 0===i?2:i;return R.default.createElement(ua,Object.assign({},e,{height:n,lines:l,lineMargin:r,className:z.default([e.className,la.text])}))},wa=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.timeline])}))},Ca=function(e){return R.default.createElement(ua,Object.assign({},e,{className:z.default([e.className,la.title]),height:.5,lines:2,lineMargin:4}))},Ea=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faVideo,className:la.icon}))},Ma=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:z.default(["micromag-core-placeholders-video-360-container",F.default({},a,null!==a)]),boxClassName:"micromag-core-placeholders-video-360-box"},R.default.createElement(m.FontAwesomeIcon,{icon:f.faVideo,className:"micromag-core-placeholders-video-360-icon"}),R.default.createElement("div",{className:"micromag-core-placeholders-video-360-label"},"360"))},Sa=function(e){var t=e.width,n=e.height,a=e.className;return R.default.createElement(Mt,{width:t,height:n,className:a},R.default.createElement(m.FontAwesomeIcon,{icon:f.faPlay,className: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,r=e.screenHeight,o=e.className,s=e.children,u=null!==t||null!==n,c=y.useResizeObserver(),d=c.ref,m=c.entry.contentRect||{},f=m.width,p=void 0===f?0:f,g=m.height,v=void 0===g?0:g,b=i.useMemo((function(){var e=t||p||null,i=n||v||null;if(null===e&&null===i)return{};var o=l/r,s=u?t||i*o:e,c=u&&n||e/o;if(null===a)return{width:s,height:c,transform:"scale(".concat(s/l,")")};var d=P.getSizeWithinBounds(l,r,s,c,{cover:"cover"===a}),m=d.width,f=d.height,g=d.scale,y=(s-m)/2,h=(c-f)/2;return{width:s,height:c,transform:"scale(".concat(g,") translate(").concat(y,"px, ").concat(h,"px)")}}),[l,r,t,n,a,p,v,u]),w=b.width,C=void 0===w?null:w,E=b.height,M=void 0===E?null:E,S=b.transform,k=void 0===S?null:S,T=i.useMemo((function(){return{screen:"mobile",screens:["mobile"],width:l,height:r}}),[l,r]),N=null!==C&&null!==M;return R.default.createElement("div",{styles:z.default(["micromag-core-screens-screen-sizer-container",F.default({},o,null!==o)]),ref:u?null:d},N?R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-frame",style:{width:C,height:M}},R.default.createElement("div",{className:"micromag-core-screens-screen-sizer-screen",style:{width:l,height:r,transform:k}},R.default.createElement(h.ScreenSizeProvider,{size:T},R.default.cloneElement(s,{width:l,height:r})))):null)};Ta.propTypes=ka,Ta.defaultProps={width:null,height:null,fit:null,screenWidth:320,screenHeight:480,className:null};var Na={screen:u.PropTypes.storyComponent.isRequired,renderContext:u.PropTypes.renderContext,screenState:L.default.string,active:L.default.bool,current:L.default.bool,component:L.default.node,components:u.PropTypes.components,className:L.default.string,onPrevious:L.default.func,onNext:L.default.func,onEnableInteraction:L.default.func,onDisableInteraction:L.default.func,getMediaRef:L.default.func},xa=function(e){var t=e.screen,n=e.renderContext,a=e.screenState,l=e.active,i=e.current,r=e.components,o=e.component,s=e.className,u=e.onPrevious,c=e.onNext,m=e.onEnableInteraction,f=e.onDisableInteraction,p=e.getMediaRef,g=(t||{}).type,y=void 0===g?null:g,v=null!==r&&d.getComponentFromName(y,r)||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({},s,null!==s)])},R.default.createElement(w,Object.assign({},t,{active:l,current:i,onPrevious:u,onNext:c,onEnableInteraction:m,onDisableInteraction:f,getMediaRef:p}))):R.default.createElement("div",{className:s},o))};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:u.PropTypes.component.isRequired,layout:L.default.string,screenWidth:L.default.number,screenHeight:L.default.number,screenState:L.default.string,withSize:L.default.bool,className:L.default.string},Za=function(e){var t=e.screen,n=e.layout,a=e.screenWidth,l=e.screenHeight,i=e.screenState,r=e.withSize,o=e.className,s=I.default(e,Oa),u=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({},o,!r)])},s));return r?R.default.createElement(Ta,{className:o,screenWidth:a,screenHeight:l},u):u};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:u.PropTypes.component.isRequired,screenState:L.default.string,width:L.default.number,height:L.default.number,screenWidth:L.default.number,screenHeight:L.default.number,className:L.default.string,withSize:L.default.bool},La=function(e){var t=e.screen,n=e.screenState,a=e.width,l=e.height,i=e.screenWidth,r=e.screenHeight,o=e.className,s=e.withSize,u=I.default(e,Ia),c=R.default.createElement(Pa,Object.assign({screen:t,renderContext:"preview",screenState:n,width:s?void 0:a,height:s?void 0:l,className:z.default(["micromag-core-screens-preview-screen",F.default({},o,!s)])},u));return s?R.default.createElement(Ta,{className:o,screenWidth:i,screenHeight:r,width:a,height:l},c):c};La.propTypes=Ra,La.defaultProps={screenState:null,width:void 0,height:void 0,screenWidth:void 0,screenHeight:void 0,className:null,withSize:!1};var za=R.default.memo(La),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:ra,Audio:oa,Button:ca,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:da,InputText:function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.5em":a,i=e.className;return R.default.createElement(Mt,{outline:!0,width:n,height:l,className:i})},Line:ma,Map:pa,MapPath:ga,QuizAnswer:function(e){var t,n=e.width,a=void 0===n?"75%":n,l=e.height,i=void 0===l?"0.3em":l,r=e.className,o=e.good,s=void 0===o||o;return R.default.createElement("div",{className:z.default(["micromag-core-placeholders-quiz-answer-container",(t={},F.default(t,r,null!==r),F.default(t,"micromag-core-placeholders-quiz-answer-good",s),t)])},R.default.createElement("div",{className:"micromag-core-placeholders-quiz-answer-answer"},R.default.createElement(m.FontAwesomeIcon,{className:"micromag-core-placeholders-quiz-answer-answerIcon",icon:s?f.faCheck:f.faTimes})),R.default.createElement(Mt,{outline:!0,width:a,height:i,className:"micromag-core-placeholders-quiz-answer-block"},R.default.createElement(ua,{line:1,height:"0.2em"})))},Quote:ya,ShortText:ha,Subtitle:va,SurveyAnswer:function(e){var t=e.width,n=void 0===t?"75%":t,a=e.height,l=void 0===a?"0.3em":a,i=e.className;return R.default.createElement("div",{className:z.default(["micromag-core-placeholders-survey-answer-container",F.default({},i,null!==i)])},R.default.createElement(Mt,{outline:!0,width:n,height:l,className:"micromag-core-placeholders-survey-answer-block"},R.default.createElement(ua,{line:1,height:"0.2em"})),R.default.createElement("div",{className:"micromag-core-placeholders-survey-answer-percent"},R.default.createElement(m.FontAwesomeIcon,{className:"micromag-core-placeholders-survey-answer-percentIcon",icon:f.faPercent})))},Text:ba,Timeline:wa,Title:Ca,Video:Ea,Video360:Ma,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:u.PropTypes.label,isEmpty:L.default.bool,placeholderProps:L.default.object,emptyClassName:L.default.string},Da=function(e){var t=e.children,n=e.placeholder,a=e.empty,l=e.emptyLabel,i=e.preview,r=e.isEmpty,o=e.placeholderProps,s=e.emptyClassName,u=h.useScreenRenderContext(),c=u.isPlaceholder,m=u.isEdit,f=u.isPreview;if(c){var p=U.default(n)?d.getComponentFromName(n,ja):null;return null!==p?R.default.createElement(p,o):n}return m&&r?null!==a?a:R.default.createElement(xt,{className:s},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:u.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,r=e.playing,o=e.direction,s=e.delay,u=e.duration,c=e.easing,d=e.children,m=e.className,f=e.onStart,p=e.onComplete,g=O.useSpring((function(){return{}})),y=j.default(g,2),h=y[0],v=y[1];return i.useEffect((function(){var e=!r&&"in"===o||r&&"out"===o,t={from:a,to:e||r?l:a,reset:r&&!e,onStart:f,onRest:p,config:{duration:e?0:null!==u?u:void 0}},n=null;return s>0&&r&&"out"!==o?(v.start({to:a,immediate:!0}),n=setTimeout((function(){v.start(t)}),s)):v.start(t),function(){null!==n&&clearTimeout(n)}}),[r,o,s,u,c,a,l,v,f,p]),R.default.createElement(A.animated.div,{style:B.default({},h),className:z.default(["micromag-core-transitions-transition-container",(t={},F.default(t,m,null!==m),F.default(t,"micromag-core-transitions-transition-fullscreen",n),t)])},d)}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:u.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,r=e.children,o=h.useScreenSize().landscape,s=n||void 0!==o&&o,u={in:null,out:null},c=null!==l?l:{in:"fade",out:"fade"};Object.keys(c).forEach((function(e){var t=c[e];u[e]="string"==typeof t?{name:t}:t}));var m=u.in,f=void 0===m?null:m,p=u.out,g=void 0===p?null:p,y=null!==f?f:g,v=null!==g?g:f,b=(y||{}).name,w=void 0===b?null:b,C=(v||{}).name,E=void 0===C?null:C,M=w===E,S=null!==y?d.getComponentFromName(w,Ha,null):null,k=null===v||M?null:d.getComponentFromName(E,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?r:R.default.createElement(k,Object.assign({fullscreen:t,playing:s,direction:"out"},N),r);return null===S||i?x:R.default.createElement(S,Object.assign({fullscreen:t,playing:s,direction:M?null:"in"},T),x)}Ya.propTypes=Ua,Ya.defaultProps={fullscreen:!1,playing:!1,delay:0,transitions:null,disabled:!1,children:null};var Qa={transitions:u.PropTypes.transitions,stagger:L.default.number,playing:L.default.bool,disabled:L.default.bool,delay:L.default.number,fullscreen:L.default.bool,children:L.default.node},Xa=function(e){var t=e.transitions,n=e.stagger,a=e.playing,l=e.disabled,i=e.delay,r=e.fullscreen,o=e.children,s=0;return R.default.Children.map(o,(function(e){if(!e)return null;var o=e.type,u=((void 0===o?null:o)||{}).withoutTransitionsWrapper;if(l||void 0!==u&&u)return e;var c=R.default.createElement(Ya,{transitions:t,delay:i+s*n,playing:a,fullscreen:r},e);return s+=1,c}))};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(d.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(d.convertStyleToString(a),"}")):null};el.propTypes=$a,el.defaultProps={selector:null,linkSelector:"a",style:null},t.BackButton=oe,t.Breadcrumb=Oe,t.Button=ee,t.Buttons=le,t.Card=Ee,t.CollapsablePanel=ht,t.Date=bt,t.Detector=Ct,t.DropdownMenu=Fe,t.Element=kt,t.Empty=xt,t.FieldForm=de,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=ct,t.PlaceholderAdFrame=ia,t.PlaceholderAdImage=ra,t.PlaceholderAudio=oa,t.PlaceholderButton=ca,t.PlaceholderImage=da,t.PlaceholderLine=ma,t.PlaceholderMap=pa,t.PlaceholderMapPath=ga,t.PlaceholderQuote=ya,t.PlaceholderShortText=ha,t.PlaceholderSubtitle=va,t.PlaceholderText=ba,t.PlaceholderTimeline=wa,t.PlaceholderTitle=Ca,t.PlaceholderVideo=Ea,t.PlaceholderVideo360=Ma,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=rt},82801:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(70417),l=n(98689),i=n(97641),r=n(66204),o=n(52807),s=n(81260),u=n(75182),c=n(61132),d=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 E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var S=E(a),k=E(l),T=E(i),N=E(r),x=E(s),P=E(u),O=E(c),A=E(d),Z=E(f),F=E(b),I=E(C),R="modals",L="fields",z="forms",q="screens",j="elements",B=N.default.createContext(null),D=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=r.useContext(B),n=r.useMemo((function(){return null!==e?new o.ComponentsManager(t.getComponents(e)):t}),[t,e]);return n},V=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D();return n.getComponents(e)||t},W=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!k.default(e))return e||t;var a=D(n);return r.useMemo((function(){return a.getComponent(e)||t}),[a,e,t])},_={children:T.default.node.isRequired,namespace:T.default.string,manager:T.default.instanceOf(o.ComponentsManager),components:T.default.objectOf(T.default.oneOfType([T.default.object,T.default.func]))},G=function(e){var t=e.components,n=e.manager,a=e.namespace,l=e.children,i=D()||null,s=r.useMemo((function(){return new o.ComponentsManager(S.default(S.default(S.default({},null!==i?i.getComponents():null),null!==n?n.getComponents():null),new o.ComponentsManager(t).addNamespace(a).getComponents()))}),[i,n,t,a]);return N.default.createElement(B.Provider,{value:s},l)};G.propTypes=_,G.defaultProps={namespace:null,components:{},manager:null};var H=N.default.createContext(null),U=function(){return r.useContext(H)},Y={fields:o.PropTypes.fieldDefinitions,manager:T.default.instanceOf(o.FieldsManager),children:T.default.node.isRequired},Q=function(e){var t=e.fields,n=e.manager,a=e.children,l=U()||null,i=r.useMemo((function(){var e=O.default([].concat(P.default(t||[]),P.default(null!==n?n.getDefinitions():[]),P.default(null!==l?l.getDefinitions():[])),(function(e){return e.id})).reverse();return new o.FieldsManager(e)}),[l,n,t]),s=r.useMemo((function(){var e=i.getComponents();return Object.keys(e).reduce((function(t,n){var a=e[n];return k.default(a)?t:S.default(S.default({},t),{},x.default({},n,a))}),{})}),[i]);return N.default.createElement(H.Provider,{value:i},N.default.createElement(G,{namespace:L,components:s},a))};Q.propTypes=Y,Q.defaultProps={fields:null,manager:null};var X=N.default.createContext(new o.ScreensManager),J=function(){return r.useContext(X)},K={screens:o.PropTypes.screenDefinitions,manager:T.default.instanceOf(o.ScreensManager),children:T.default.node.isRequired},$=function(e){var t=e.screens,n=e.manager,a=e.children,l=J(),i=r.useMemo((function(){var e=null!==n?n:new o.ScreensManager(t);return null!==(l||null)?l.merge(e):e}),[n,t,l]),s=r.useMemo((function(){return i.getComponents()}),[i]),u=r.useState(s),c=A.default(u,2),d=c[0],m=c[1];return r.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:d},a))};$.propTypes=K,$.defaultProps={screens:null,manager:null};var ee=N.default.createContext(null),te=function(){return r.useContext(ee)},ne=function(){return te()},ae={story:T.default.oneOfType([o.PropTypes.story,o.PropTypes.theme]),children:T.default.node.isRequired},le=function(e){var t=e.story,n=e.children;return N.default.createElement(ee.Provider,{value:t},n)};le.propTypes=ae,le.defaultProps={story:null};var ie=N.default.createContext(null),re=function(){return r.useContext(ie)},oe={children:T.default.node.isRequired},se=function(e){var t=e.children,n=ne(),a=J(),l=U(),i=r.useMemo((function(){return new o.ColorsParser({screensManager:a,fieldsManager:l})}),[a,l]),s=r.useCallback((function(e){return i.parse(e)}),[i]),u=r.useCallback((function(){return s(n)}),[s,n]);return N.default.createElement(ie.Provider,{value:{getColors:u}},t)};se.propTypes=oe,se.defaultProps={};var ue=N.default.createContext(null),ce={context:T.default.any,children:T.default.node.isRequired},de=function(e){var t=e.context,n=e.children;return N.default.createElement(ue.Provider,{value:t},n)};de.propTypes=ce,de.defaultProps={context:null};var me=N.default.createContext({apiKey:null}),fe=function(){return r.useContext(me)},pe={children:T.default.node.isRequired,apiKey:T.default.string},ge=function(e){var t=e.children,n=e.apiKey,a=fe().apiKey,l=r.useMemo((function(){return{apiKey:n||a}}),[n,a]);return N.default.createElement(me.Provider,{value:l},t)};ge.propTypes=pe,ge.defaultProps={apiKey:null};var ye=N.default.createContext({systemFonts:null,googleFonts:null,customFonts:null}),he=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,n=void 0!==t&&t,a=e.setFonts,l=void 0===a?null:a,i=fe(),o=i.apiKey,s=r.useState(null),u=A.default(s,2),c=u[0],d=u[1];return r.useEffect((function(){var e=!1;return null===o||n||m.getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(o,"&sort=popularity")).then((function(t){var n=t.items;if(!e){var a=(void 0===n?[]:n).map((function(e){return{type:"google",name:e.family,variants:e.variants}}));null!==l?l(a):d(a)}})),function(){e=!0}}),[o,n,l,d]),c},ve=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.withoutGoogleFonts,n=void 0!==t&&t,a=r.useContext(ye),l=a.setGoogleFonts,i=void 0===l?null:l,o=a.systemFonts,s=void 0===o?null:o,u=a.googleFonts,c=void 0===u?null:u,d=a.customFonts,m=void 0===d?null:d;he({disabled:n||null!==c&&c.length>0,setFonts:i});var f=r.useMemo((function(){return{systemFonts:s,googleFonts:c,customFonts:m}}),[s,c,m]);return f},be={children:T.default.node.isRequired,systemFonts:o.PropTypes.fonts,customFonts:o.PropTypes.fonts},we=function(e){var t=e.systemFonts,n=e.customFonts,a=e.children,l=ve(),i=l.systemFonts,o=void 0===i?null:i,s=l.googleFonts,u=void 0===s?null:s,c=l.customFonts,d=r.useState(null),m=A.default(d,2),f=m[0],p=m[1],g=r.useMemo((function(){return{systemFonts:O.default([].concat(P.default(o||[]),P.default(t||[])),(function(e){return Z.default(e)?e.name:e})),googleFonts:O.default([].concat(P.default(u||[]),P.default(f||[])),(function(e){return Z.default(e)?e.name:e})),customFonts:O.default([].concat(P.default(c||[]),P.default(n||[])),(function(e){return Z.default(e)?e.name:e})),setGoogleFonts:p}}),[o,u,c,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),Ee={children:T.default.node.isRequired},Me=function(e){var t=e.children,n=fe().apiKey,a=r.useState(null),l=A.default(a,2),i=l[0],o=l[1];return r.useEffect((function(){p.loadGoogleApi().then((function(e){return e.client.init({apiKey:n}).then((function(){return e}))})).then((function(e){return o(e)}))}),[n,o]),N.default.createElement(Ce.Provider,{value:i},t)};Me.propTypes=Ee,Me.defaultProps={};var Se=N.default.createContext(null),ke=function(){return r.useContext(Se)},Te={children:T.default.node.isRequired,locale:T.default.string,libraries:T.default.arrayOf(T.default.string)},Ne=function(e){var t=e.children,n=e.locale,a=e.libraries,l=fe().apiKey,i=ke(),o=r.useState(i),s=A.default(o,2),u=s[0],c=s[1];return r.useEffect((function(){null===i&&p.loadGoogleMaps({apiKey:l,locale:n,libraries:a}).then((function(e){c(e)}))}),[l,n,a,c,i]),N.default.createElement(Se.Provider,{value:u},t)};Ne.propTypes=Te,Ne.defaultProps={locale:"fr",libraries:null};var xe=N.default.createContext({container:null}),Pe={children:T.default.node.isRequired,container:T.default.object},Oe=function(e){var t=e.children,n=e.container,a=r.useState(n),l=A.default(a,2),i=l[0],o=l[1],s=r.useState([]),u=A.default(s,2),c=u[0],d=u[1],m=r.useRef(c),f=r.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=m.current,a=[].concat(P.default(n),[S.default({id:e},t)]);d(a),m.current=a}),[c,d]),p=r.useCallback((function(e){var t=m.current;if(-1!==t.findIndex((function(t){return t.id===e}))){var n=t.filter((function(t){return t.id!==e}));d(n),m.current=n}}),[c,d]),g=r.useMemo((function(){return{modals:c,container:i,setContainer:o,register:f,unregister:p}}),[c,i,o,f,p]);return N.default.createElement(xe.Provider,{value:g},t)};Oe.propTypes=Pe,Oe.defaultProps={container:null};var Ae=N.default.createContext({container:null}),Ze={children:T.default.node.isRequired,container:T.default.object},Fe=function(e){var t=e.children,n=e.container,a=r.useState(n),l=A.default(a,2),i=l[0],o=l[1],s=r.useState([]),u=A.default(s,2),c=u[0],d=u[1],m=r.useRef(c),f=r.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=m.current,a=[].concat(P.default(n),[S.default({id:e},t)]);d(a),m.current=a}),[c,d]),p=r.useCallback((function(e){var t=m.current;if(-1!==t.findIndex((function(t){return t.id===e}))){var n=t.filter((function(t){return t.id!==e}));d(n),m.current=n}}),[c,d]),g=r.useMemo((function(){return{panels:c,setContainer:o,container:i,register:f,unregister:p}}),[c,o,i,f,p]);return N.default.createElement(Ae.Provider,{value:g},t)};Fe.propTypes=Ze,Fe.defaultProps={container:null};var Ie=N.default.createContext(null),Re=function(){var e=r.useContext(Ie),t=e.routes,n=e.basePath;return r.useCallback((function(e,a){var l=y.generatePath(t[e],a);return null!==n?"".concat(n.replace(/\/$/,""),"/").concat(l.replace(/^\//,"")):l}),[y.generatePath,t,n])},Le={children:T.default.node.isRequired,routes:T.default.objectOf(T.default.string),basePath:T.default.string},ze=function(e){var t=e.routes,n=e.basePath,a=e.children,l=r.useMemo((function(){return{routes:t,basePath:n}}),[]);return N.default.createElement(Ie.Provider,{value:l},a)};ze.propTypes=Le,ze.defaultProps={routes:null,basePath:null};var qe=N.default.createContext({data:null,definition:null,renderContext:null}),je=function(){return r.useContext(qe)},Be={children:T.default.node.isRequired,data:o.PropTypes.screen,definition:o.PropTypes.screenDefinition,renderContext:o.PropTypes.renderContext,screenState:T.default.string},De=function(e){var t=e.data,n=e.definition,a=e.renderContext,l=e.screenState,i=e.children,o=je()||{},s=o.data,u=void 0===s?null:s,c=o.definition,d=void 0===c?null:c,m=o.renderContext,f=void 0===m?null:m,p=o.screenState,g=void 0===p?null:p,y=t||u||null,h=(y||{}).type,v=void 0===h?null:h,b=J(),w=null!==b?b.getDefinition(v):null,C=n||w||d,E=a||f||"view",M=l||g||null,S=r.useMemo((function(){return{data:y,definition:C,renderContext:E,screenState:M}}),[y,C,E,M]);return N.default.createElement(qe.Provider,{value:S},i)};De.propTypes=Be,De.defaultProps={data:null,definition:null,renderContext:null,screenState:null};var Ve=N.default.createContext({screen:null,screens:[],width:0,height:0,landscape:!1}),We={children:T.default.node.isRequired,size:o.PropTypes.screenSize},_e=function(e){var t=e.size,n=e.children,a=r.useState(t),l=A.default(a,2),i=l[0],o=l[1],s=i.width,u=i.height,c=t.width,d=t.height;return r.useEffect((function(){s===c&&u===d||o(t)}),[o,c,d,s,u,t]),N.default.createElement(Ve.Provider,{value:i},n)};_e.propTypes=We,_e.defaultProps={size:{}};var Ge=function(){return r.useContext(v.TrackingContext)},He={children:T.default.node.isRequired,variables:o.PropTypes.trackingVariables},Ue=function(e){var t=e.variables,n=e.children,a=Ge()||null,l=r.useMemo((function(){return new o.Tracking({variables:S.default(S.default({},null!==a?a.getVariables():null),t)})}),[a,t]);return N.default.createElement(v.TrackingContainer,{tracking:l},n)};Ue.propTypes=He,Ue.defaultProps={variables:null};var Ye=null,Qe={},Xe={fr:function(){return Promise.resolve().then((function(){return M(n(77877))}))},en:function(){return Promise.resolve().then((function(){return M(n(24309))}))}},Je=["default"],Ke={},$e={webcam:function(){return Promise.resolve().then((function(){return M(n(49119))}))},facebook:function(){return Promise.resolve().then((function(){return M(n(18704))}))},instagram:function(){return Promise.resolve().then((function(){return M(n(74069))}))},dropbox:function(){return Promise.resolve().then((function(){return M(n(89710))}))},"google-drive":function(){return Promise.resolve().then((function(){return M(n(93615))}))}},et=["default"],tt={},nt={transloadit:null,tus:function(){return Promise.resolve().then((function(){return M(n(90683))}))},xhr:function(){return Promise.resolve().then((function(){return M(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"],rt=N.default.createContext(null),ot={children:T.default.node.isRequired,transport:T.default.oneOf(["xhr","transloadit","tus"]),locale:T.default.string,sources:T.default.arrayOf(T.default.oneOf(["webcam","facebook","instagram","dropbox","google-drive"])),transloadit:T.default.shape({key:T.default.string.isRequired,templateId:T.default.string,waitForEncoding:T.default.bool}),companion:T.default.shape({url:T.default.string.isRequired,allowedHosts:T.default.string.isRequired}),tus:T.default.oneOfType([T.default.string,T.default.shape({endpoint:T.default.string.isRequired})]),xhr:T.default.oneOfType([T.default.string,T.default.shape({endpoint:T.default.string.isRequired})])},st=function(e){var t,a,l,i,o,s=e.children,u=e.transport,c=e.locale,d=e.sources,m=e.transloadit,f=e.companion,p=e.tus,g=e.xhr,y=h.useIntl().locale,v=r.useContext(rt)||{},b=v.transport,w=void 0===b?null:b,C=v.locale,E=void 0===C?null:C,T=v.sources,P=void 0===T?null:T,O=v.transloadit,I=void 0===O?null:O,R=v.companion,L=void 0===R?null:R,z=v.tus,q=void 0===z?null:z,j=v.xhr,B=u||w||"xhr",D=c||E||y,V=d||P||["webcam","facebook","instagram","dropbox","google-drive"],W=m||I,_=f||L,G=p||q,H=g||(void 0===j?null:j),U=(t=r.useState({package:Ye}),l=(a=A.default(t,2))[0].package,i=void 0===l?null:l,o=a[1],r.useEffect((function(){var e=!1;return null!==i||Promise.resolve().then((function(){return M(n(24182))})).then((function(t){var n=t.Uppy;Ye=n,e||o({package:n})})),function(){e=!0}}),[i,o]),i),Y=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?nt:t,a=r.useState({package:tt[e]||null}),l=A.default(a,2),i=l[0].package,o=void 0===i?null:i,s=l[1],u=n[e]||null;return r.useEffect((function(){var t=!1;return null!==o||null===u||u().then((function(n){var a=n.default,l=F.default(n,et),i=Object.keys(l).reduce((function(e,t){return e[t]=l[t],e}),a);tt[e]=i,t||s({package:i})})),function(){t=!0}}),[u,o,s]),o}(B),Q=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?$e:t,a=r.useState({packages:e.reduce((function(e,t){var n=Ke[t]||null;return null===n?e:S.default(S.default({},e),{},x.default({},t,n))}),null)}),l=A.default(a,2),i=l[0].packages,o=void 0===i?[]:i,s=l[1],u=r.useMemo((function(){if(null===o)return e;var t=Object.keys(o);return e.filter((function(e){return-1===t.indexOf(e)}))}),[e,o]);return r.useEffect((function(){var e=!1;return 0===u.length||Promise.all(u.map((function(e){return n[e]||null})).filter((function(e){return null!==e})).map((function(e){return e()}))).then((function(t){var n=u.reduce((function(e,n,a){var l=t[a],i=l.default,r=F.default(l,Je);return S.default(S.default({},e),{},x.default({},n,Object.keys(r).reduce((function(e,t){return e[t]=r[t],e}),i)))}),{});Ke=S.default(S.default({},Ke),n),e||s({packages:n})})),function(){e=!0}}),[u,n,o,s]),0===u.length?o:null}(V),X=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).packagesMap,n=void 0===t?Xe:t,a=r.useState({package:Qe[e]||null}),l=A.default(a,2),i=l[0].package,o=void 0===i?null:i,s=l[1],u=n[e]||null;return r.useEffect((function(){var e=!1;return null!==o||null===u||u().then((function(t){var n=t.default;e||s({package:n})})),function(){e=!0}}),[u,o,s]),o}(D||y),J=r.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 r=W.key,o=W.templateId,s=W.waitForEncoding,u=void 0===s||s,c=F.default(W,it);i.use(Y,{params:S.default({auth:{key:r},template_id:o},c),waitForEncoding:u})}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,r=a.allowedHosts;return i.use(n,{id:t,companionUrl:l,companionAllowedHosts:r})}),i):i}}),[U,X,Y,Q,B,V,W,_,G,H]),K=r.useMemo((function(){return{transport:B,locale:D,sources:V,transloadit:W,companion:_,tus:G,xhr:H,Uppy:U,uppyTransport:Y,uppySources:Q,uppyLocale:X,buildUppy:J}}),[B,D,V,W,_,G,H,U,Y,Q,X,J]);return N.default.createElement(rt.Provider,{value:K},s)};st.propTypes=ot,st.defaultProps={transport:null,locale:null,sources:null,transloadit:null,companion:null,tus:null,xhr:null};var ut={userInteracted:!1},ct=N.default.createContext(ut),dt={children:T.default.node.isRequired},mt=function(e){var t=e.children,n=r.useState(!1),a=A.default(n,2),l=a[0],i=a[1];r.useEffect((function(){if(l)return function(){};var e=!1,t=function(){e||(i(!0),e=!0)};return document.addEventListener("mouseup",t),document.addEventListener("touchend",t),document.addEventListener("pointerup",t),function(){document.removeEventListener("mouseup",t),document.removeEventListener("touchend",t),document.removeEventListener("pointerup",t)}}),[l,i]);var o=r.useMemo((function(){return{userInteracted:l,setUserInteracted:i}}),[l,i]);return N.default.createElement(ct.Provider,{value:o},t)};mt.propTypes=dt,mt.defaultProps={};var ft={events:new I.default,menuVisible:!1,menuSize:0,disableInteraction:null,enableInteraction:null},pt=N.default.createContext(ft),gt=function(){return r.useContext(pt)},yt={children:T.default.node.isRequired,events:T.default.instanceOf(I.default),menuVisible:T.default.bool,menuSize:T.default.number,gotoNextScreen:T.default.func.isRequired,gotoPreviousScreen:T.default.func.isRequired,disableInteraction:T.default.func,enableInteraction:T.default.func},ht=S.default({},ft),vt=function(e){var t=e.children,n=e.events,a=e.menuVisible,l=e.menuSize,i=e.gotoNextScreen,o=e.gotoPreviousScreen,s=e.disableInteraction,u=e.enableInteraction,c=r.useMemo((function(){return{events:n,menuVisible:a,menuSize:l,gotoNextScreen:i,gotoPreviousScreen:o,disableInteraction:s,enableInteraction:u}}),[n,a,l,i,o,s,u]);return N.default.createElement(pt.Provider,{value:c},t)};vt.propTypes=yt,vt.defaultProps=ht,Object.defineProperty(t,"TrackingContext",{enumerable:!0,get:function(){return v.TrackingContext}}),t.ComponentsContext=B,t.ComponentsProvider=G,t.ELEMENTS_NAMESPACE=j,t.EditorContext=ie,t.EditorProvider=se,t.FIELDS_NAMESPACE=L,t.FORMS_NAMESPACE=z,t.FieldContext=ue,t.FieldContextProvider=de,t.FieldsContext=H,t.FieldsProvider=Q,t.FontsContext=ye,t.FontsProvider=we,t.GoogleApiClientContext=Ce,t.GoogleApiClientProvider=Me,t.GoogleKeysContext=me,t.GoogleKeysProvider=ge,t.GoogleMapsClientContext=Se,t.GoogleMapsClientProvider=Ne,t.MODALS_NAMESPACE=R,t.ModalsContext=xe,t.ModalsProvider=Oe,t.PanelsContext=Ae,t.PanelsProvider=Fe,t.RoutesContext=Ie,t.RoutesProvider=ze,t.SCREENS_NAMESPACE=q,t.ScreenContext=qe,t.ScreenProvider=De,t.ScreenSizeContext=Ve,t.ScreenSizeProvider=_e,t.ScreensContext=X,t.ScreensProvider=$,t.StoryContext=ee,t.StoryProvider=le,t.TrackingProvider=Ue,t.UppyContext=rt,t.UppyProvider=st,t.UserInteractionContext=ct,t.UserInteractionProvider=mt,t.ViewerContext=pt,t.ViewerProvider=vt,t.useComponent=W,t.useComponents=V,t.useComponentsManager=D,t.useEditor=re,t.useElementComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,j)},t.useElementsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(j,e)},t.useElementsComponentsManager=function(){return D(j)},t.useFieldComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,L)},t.useFieldContext=function(){return r.useContext(ue)},t.useFieldDefinition=function(e){return U().getDefinition(e)},t.useFieldsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(L,e)},t.useFieldsComponentsManager=function(){return D(L)},t.useFieldsManager=U,t.useFonts=ve,t.useFormComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,z)},t.useFormsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(z,e)},t.useFormsComponentsManager=function(){return D(z)},t.useGetColors=function(){var e=(re()||{}).getColors;return void 0===e?function(){return[]}:e},t.useGoogleApiClient=function(){return r.useContext(Ce)},t.useGoogleFonts=he,t.useGoogleKeys=fe,t.useGoogleMapsClient=ke,t.useModalComponent=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W(e,t,R)},t.useModals=function(){return r.useContext(xe)||{}},t.useModalsComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(R,e)},t.useModalsComponentsManager=function(){return D(R)},t.usePanels=function(){return r.useContext(Ae)||{}},t.useRouteBack=function(){var e=Re(),t=y.useHistory();return r.useCallback((function(){return t.goBack()}),[t,e])},t.useRoutePush=function(){var e=Re(),t=y.useHistory(),n=r.useCallback((function(n,a){for(var l=arguments.length,i=new Array(l>2?l-2:0),r=2;r<l;r++)i[r-2]=arguments[r];if(k.default(n))t.push.apply(t,[e(n,a)].concat(i));else{var o=n||{},s=o.pathname,u=void 0===s?null:s,c=o.search,d=void 0===c?null:c;t.push.apply(t,[{pathname:e(u,a),search:d}].concat(i))}}),[t,e]);return n},t.useRoutes=function(){return r.useContext(Ie).routes},t.useScreen=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=r.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 r.useContext(Ve)},t.useScreenState=function(){return(je()||{}).screenState},t.useScreensComponents=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return V(q,e)},t.useScreensComponentsManager=function(){return D(q)},t.useScreensManager=J,t.useStory=ne,t.useStoryContext=te,t.useTracking=Ge,t.useUppy=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.onComplete,n=void 0===t?null:t,a=e.onFail,l=void 0===a?null:a,i=e.getFileName,o=void 0===i?function(e){var t=e.extension,n=void 0===t?null:t;return"".concat(w.v1()).concat(null!==n?".".concat(n):"")}:i,s=e.meta,u=void 0===s?null:s,c=e.maxNumberOfFiles,d=void 0===c?30:c,m=e.allowedFileTypes,f=void 0===m?null:m,p=e.autoProceed,g=void 0!==p&&p,y=r.useContext(rt)||null,h=y.buildUppy,v=y.transport,b=r.useMemo((function(){return null!==h?h({meta:u,restrictions:{maxNumberOfFiles:d,allowedFileTypes:f},autoProceed:g}):null}),[h,u,d,f,g]);return r.useEffect((function(){if(null===b)return function(){};var e=function(e){var t=e.successful,a=void 0===t?[]:t,i=e.failed,r=void 0===i?null:i,o="transloadit"===v?at(e):a;null!==n&&n(o),null!==l&&l(r)};return b.on("complete",e),function(){b.off("complete",e)}}),[b,v,n]),r.useEffect((function(){if(null===b)return function(){};var e=function(e){var t=e.fileIDs;(void 0===t?[]:t).forEach((function(e){var t=b.getFile(e),n=o(t);null!==n&&b.setFileMeta(e,{name:n})}))};return b.on("upload",e),function(){b.off("upload",e)}}),[b]),r.useEffect((function(){return function(){null!==b&&b.close()}}),[b]),b},t.useUrlGenerator=Re,t.useUserInteracted=function(){return r.useContext(ct).userInteracted},t.useViewer=gt,t.useViewerEvents=function(){return gt().events},t.useViewerInteraction=function(){var e=gt();return{disableInteraction:e.disableInteraction,enableInteraction:e.enableInteraction}},t.useViewerNavigation=function(){var e=gt();return{gotoNextScreen:e.gotoNextScreen,gotoPreviousScreen:e.gotoPreviousScreen}},t.withGoogleApiClient=function(e){var t,n,a,l,i=function(t){return N.default.createElement(Ce.Consumer,null,(function(n){return N.default.createElement(e,Object.assign({googleApiClient:n},t))}))};return i.displayName="WithGoogleApiClient(".concat((a=void 0===(n=(t=e).displayName)?null:n,l=t.name,a||(void 0===l?null:l)||"Component"),")"),i},t.withGoogleMapsClient=function(e){var t,n,a,l,i=function(t){return N.default.createElement(Se.Consumer,null,(function(n){return N.default.createElement(e,Object.assign({googleApiClient:n},t))}))};return i.displayName="WithGoogleMapsClient(".concat((a=void 0===(n=(t=e).displayName)?null:n,l=t.name,a||(void 0===l?null:l)||"Component"),")"),i},t.withModals=function(e){var t=function(t){return N.default.createElement(xe.Consumer,null,(function(n){var a=n.modals,l=n.container,i=n.setContainer,r=n.register,o=n.unregister;return N.default.createElement(e,Object.assign({modalsContainer:l,setModalsContainer:i,modals:a,registerModal:r,unregisterModal:o},t))}))};return t.displayName="WithModals(".concat(g.getDisplayName(e),")"),t},t.withPanels=function(e){var t=function(t){return N.default.createElement(Ae.Consumer,null,(function(n){var a=n.panels,l=n.setContainer,i=n.container,r=n.register,o=n.unregister;return N.default.createElement(e,Object.assign({panelsContainer:i,setPanelsContainer:l,panels:a,registerPanel:r,unregisterPanel:o},t))}))};return t.displayName="WithPanels(".concat(g.getDisplayName(e),")"),t}},71098:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(66204),l=n(70417),i=n(5587),r=n(98689),o=n(14290),s=n(52807),u=n(28436),c=n(22220),d=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),E=n(3478);function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var k=M(l),T=M(r),N=M(o),x=M(c),P=M(m),O=M(f),A=M(p),Z=M(g),F=M(y),I=M(h),R=M(E),L="undefined"!=typeof document?new s.EventsManager(document):null,z=u.createUseEvent(L),q=["fields","injectInFields"],j=["fields"],B=new Map,D=function(e){var t=e.root,n=void 0===t?null:t,a=e.rootMargin,l=e.threshold,i=void 0===l?null:l;return"root_".concat(n,"_rootMargin_").concat(a||null,"_threshold_").concat(i)},V=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],a=function(e,t){return null!==(n.find((function(t){return t.element===e}))||null)?n.map((function(n){return n.element===e&&-1===n.callbacks.indexOf(t)?k.default(k.default({},n),{},{callbacks:[].concat(F.default(n.callbacks),[t])}):n})).filter((function(e){return e.callbacks.length>0})):[].concat(F.default(n),[{element:e,callbacks:[t]}])},l=function(e,t){return n.map((function(n){return n.element===e?k.default(k.default({},n),{},{callbacks:n.callbacks.filter((function(e){return e!==t}))}):n})).filter((function(e){return e.callbacks.length>0}))},i=function(e){e.forEach((function(e){n.forEach((function(t){var n=t.element,a=t.callbacks;n===e.target&&a.forEach((function(t){t(e)}))}))}))},r=new e(i,t),o=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(n=l(e,t),void 0===r.unobserve)return r.disconnect(),void n.forEach((function(e){r.observe(e.element)}));var a=n.find((function(t){return t.element===e}))||null;null===a&&r.unobserve(e)},s=function(e,t){var l=n.find((function(t){return t.element===e}))||null;n=a(e,t),null===l&&r.observe(e)};return{subscribe:s,unsubscribe:o,observer:r}},W=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=D(t);B.has(e)||B.set(e,{});var a=B.get(e);return void 0===a[n]&&(a[n]=V(e,t),B.set(e,a)),a[n]},_=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=t.root,i=void 0===l?null:l,r=t.rootMargin,o=void 0===r?null:r,s=t.threshold,u=void 0===s?null:s,c=t.disabled,d=void 0!==c&&c,m=a.useState(n),f=A.default(m,2),p=f[0],g=f[1],y=a.useRef(null),h=a.useRef(null),v=y.current!==h.current;return a.useEffect((function(){var t=y.current,n=function(e){return g(e)},a=null;if(null!==t){var l={};null!==i&&(l.root=i),null!==o&&(l.rootMargin=o),null!==u&&(l.threshold=u);var r=W(e,l),s=r.subscribe,c=r.unsubscribe;a=c,s(t,n)}return h.current=t,function(){null!==a&&a(t,n)}}),[e,v,d,i,o,u]),{ref:y,entry:p}},G=[0,1],H={target:null,time:null,isVisible:!1,isIntersecting:!1,intersectionRatio:0,intersectionRect:null,boundingClientRect:null,rootBounds:null},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.root,n=void 0===t?null:t,a=e.rootMargin,l=void 0===a?"0px":a,i=e.threshold,r=void 0===i?G:i,o=e.disabled,s=void 0!==o&&o;return _("undefined"!=typeof window?IntersectionObserver:null,{root:n,rootMargin:l,threshold:r,disabled:s},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,r=e.landscape,o=void 0!==r&&r,s=e.menuOverScreen,u=void 0!==s&&s,c=e.screens,d=void 0===c?[]:c,m=e.mediaType,f=void 0===m?"screen":m,p=e.media,g=void 0===p?null:p;return a.useMemo((function(){var e=null!==g?g:{type:f,width:"".concat(n,"px"),height:"".concat(i,"px")},t=F.default(d).reverse().filter((function(t){var n=t.mediaQuery,a=void 0===n?null:n;return null===a||b.match(a,e)}));return{screen:t.length>0?t[0].name:null,screens:F.default(t).reverse().map((function(e){return e.name})),width:n,height:i,landscape:o,menuOverScreen:u}}),[d,g,f,n,i,o,u])},ne=function(){return{width:"undefined"!=typeof window?window.innerWidth:null,height:"undefined"!=typeof window?window.innerHæeight:null}},ae=function(e,t){var n=(e||{}).data,a=(void 0===n?null:n)||{},l=a.id,i=void 0===l?null:l,r=a.type,o=t||{},s=o.screenId,u=void 0===s?null:s,c=o.screenType;return{screenId:null!==i?i:u,screenType:null!==r?r:void 0===c?null:c}},le=function(e){return void 0!==e},ie="undefined"!=typeof window?new s.EventsManager(window):null,re=u.createUseEvent(ie);t.getObserver=W,t.useAnimationFrame=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.disabled,l=void 0!==n&&n,i=a.useRef(null),r=a.useRef(null),o=function t(n){r.current||(r.current=n);var a=n-r.current;e(a),i.current=requestAnimationFrame(t)};a.useEffect((function(){return l||(i.current=requestAnimationFrame(o)),function(){null!==i.current&&cancelAnimationFrame(i.current)}}),[l])},t.useDocumentEvent=z,t.useForm=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.fields,n=void 0===t?[]:t,l=e.injectInFields,i=void 0!==l&&l,r=x.default(e,q),o=a.useMemo((function(){return n.length>0?n.map((function(e){return e.name})):[]}),[n]),s=d.useForm(k.default({fields:o},r)),u=s.fields,c=x.default(s,j);return k.default(k.default({},c),{},{fields:i?n.map((function(e){return k.default(k.default({},e),u[e.name]||null)})):n})},t.useFormTransition=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=a.useRef(e||[]),l=a.useMemo((function(){var t=e.length;if(n.current){var a=n.current.length;return n.current=e||[],t>a?"right":"left"}return null}),[e]),i=a.useMemo((function(){var e,n,a;return{enter:O.default((e={},P.default(e,t.enterRight,"right"===l),P.default(e,t.enterLeft,"left"===l),P.default(e,t.enterTop,"top"===l),P.default(e,t.enterBottom,"bottom"===l),e))||"none",enterActive:O.default((n={},P.default(n,t.enterActiveHorizontal,"left"===l||"right"===l),P.default(n,t.enterActiveVertical,"top"===l||"bottom"===l),n))||"none",leave:t.leave||"none",leaveActive:O.default((a={},P.default(a,t.leaveActiveRight,"right"===l),P.default(a,t.leaveActiveLeft,"left"===l),P.default(a,t.leaveActiveTop,"top"===l),P.default(a,t.leaveActiveBottom,"bottom"===l),a))||"none"}}),[l]);return{direction:l,name:i,timeout:"left"===l||"right"===l?300:10}},t.useFormattedDate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.format,n=void 0===t?null:t,l=e.showToday,r=void 0===l||l,o=i.useIntl(),s=N.default();return a.useCallback((function(e){var t=T.default(e)?N.default(e):e;return r&&t.format("YYYY-MM-DD")===s.format("YYYY-MM-DD")?o.formatMessage({id:"v4Qtl9",defaultMessage:[{type:0,value:"Today"}]}):o.formatDate(N.default(e).toDate(),k.default({year:"numeric",month:"long",day:"2-digit"},n))}),[s,r,n])},t.useFormattedTime=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.format,n=void 0===t?null:t,l=e.showNow,r=void 0===l||l,o=e.timeGap,s=void 0===o?2:o,u=i.useIntl(),c=N.default();return a.useCallback((function(e){var t=T.default(e)?N.default(e):e;return r&&t.format("YYYY-MM-DD")===c.format("YYYY-MM-DD")&&t.hour()===c.hour()&&t.minute()>c.minute()-s&&t.minute()<c.minute()+s?u.formatMessage({id:"3na7F8",defaultMessage:[{type:0,value:"Now"}]}):u.formatTime(t.toDate(),k.default({hour:"numeric",minute:"numeric"},n))}),[c,r,s,n])},t.useFullscreen=function(e){var t=Z.default.isEnabled,n=a.useState(!1),l=A.default(n,2),i=l[0],r=l[1],o=a.useCallback((function(){Z.default.isEnabled&&(null!=e?Z.default.request(e):Z.default.request())}),[e]),s=a.useCallback((function(){Z.default.isEnabled&&Z.default.exit()}),[]),u=a.useCallback((function(){i?s():o()}),[i,o,s]);return a.useEffect((function(){var e=function(){r(Z.default.isFullscreen)};return Z.default.isEnabled&&Z.default.on("change",e),function(){Z.default.isEnabled&&Z.default.off("change",e)}}),[]),{toggle:u,fullscreen:o,unFullscreen:s,active:i,enabled:t}},t.useIntersectionObserver=U,t.useIsVisible=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.rootMargin,n=e.threshold,l=void 0===n?1:n,i=e.persist,r=void 0!==i&&i,o=U({rootMargin:t,threshold:l}),s=o.ref,u=o.entry.isIntersecting,c=a.useRef(u);u&&!c.current&&(c.current=u);var d=!r&&u||r&&c.current;return{ref:s,visible:d}},t.useLoadedFonts=function(e){var t=a.useState(!1),l=A.default(t,2),i=l[0],r=l[1];return a.useEffect((function(){var t=e.reduce((function(e,t){var n=I.default(t)?t:{type:"system",name:t},a=n.type,l=n.name;return"google"!==a&&"custom"!==a||function(e){return-1!==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 r(!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)}}))})):r(!0)}),[e,r]),{loaded:i}},t.useLongPress=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.onLongPress,n=void 0===t?null:t,l=e.onClick,i=void 0===l?null:l,r=e.shouldPreventDefault,o=void 0===r||r,s=e.delay,u=void 0===s?350:s,c=a.useState(!1),d=A.default(c,2),m=d[0],f=d[1],p=a.useRef(null),g=a.useRef(null),y=a.useCallback((function(e){null!==e.target&&(g.current=e.target),p.current=setTimeout((function(){o&&null!==g.current&&(g.current.addEventListener("touchend",J,{passive:!1}),g.current.addEventListener("click",K,{passive:!1})),null!==n&&n(e),f(!0),p.current=null}),u)}),[n,u,o]),h=a.useCallback((function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];null!==p.current?clearTimeout(p.current):o&&null!==g.current&&(J(e),g.current.removeEventListener("touchend",J),setTimeout((function(){g.current.removeEventListener("click",K)}),10)),t&&!m&&null!==i&&i(),f(!1)}),[o,i,m]);return{onMouseDown:function(e){return y(e)},onTouchStart:function(e){return y(e)},onMouseUp:function(e){return h(e)},onMouseLeave:function(e){return h(e,!1)},onTouchEnd:function(e){return h(e)}}},t.useMediaApi=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.url,n=void 0===t?null:t,l=e.initialMuted,i=void 0!==l&&l,r=e.onTimeUpdate,o=void 0===r?null:r,s=e.onProgressStep,u=void 0===s?null:s,c=e.onDurationChanged,d=void 0===c?null:c,m=e.onVolumeChanged,f=void 0===m?null:m,p=e.onPlay,g=void 0===p?null:p,y=e.onPause,h=void 0===y?null:y,v=e.onEnded,b=void 0===v?null:v,w=e.onSeeked,C=void 0===w?null:w,E=e.onLoadStart,M=void 0===E?null:E,S=e.onCanPlayThough,k=void 0===S?null:S,T=e.onCanPlay,N=void 0===T?null:T,x=e.onLoadedData,P=void 0===x?null:x,O=e.onLoadedMetadata,Z=void 0===O?null:O,F=a.useRef(null),I=a.useState(i),R=A.default(I,2),L=R[0],z=R[1],q=a.useState(null),j=A.default(q,2),B=j[0],D=j[1],V=a.useState(null),W=A.default(V,2),_=W[0],G=W[1],H=a.useState(!1),U=A.default(H,2),Y=U[0],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),re=A.default(ie,2),oe=re[0],se=re[1],ue=a.useRef({}),ce=!Y,de=a.useCallback((function(){var e=F.current;null!==e&&e.play()}),[]),me=a.useCallback((function(){var e=F.current;null!==e&&e.pause()}),[]),fe=a.useCallback((function(){var e=F.current;null!==e&&(Y?e.pause():e.play())}),[Y]),pe=a.useCallback((function(){var e=F.current;null!==e&&(e.pause(),e.currentTime=0)}),[]),ge=a.useCallback((function(e){var t=F.current;null!==t&&(t.currentTime=e)}),[]),ye=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!0)}),[]),he=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!1)}),[]),ve=a.useCallback((function(){var e=F.current;null!==e&&(e.muted=!L)}),[L]),be=a.useCallback((function(){null!==g&&g({initial:oe}),oe&&se(!1),Q(!0)}),[oe,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(),se(!0)}),[se,b]),Ee=a.useCallback((function(e){var t=e.currentTarget;D(t.currentTime),null!==o&&o(t.currentTime);var n=t.currentTime/t.duration,a=ue.current;$.filter((function(e){return n>e&&void 0===a[e]})).forEach((function(e){null!==u&&u(e),a[e]=!0}))}),[D,o,u]),Me=a.useCallback((function(e){var t=e.currentTarget;G(t.duration),null!==d&&d(t.duration)}),[G,d]),Se=a.useCallback((function(e){var t=e.currentTarget;null!==C&&C(t.currentTime)}),[C]),ke=a.useCallback((function(e){var t=e.currentTarget;z(t.muted),null!==f&&f(t.muted,t.volume)}),[z,f]),Te=a.useCallback((function(){null!==M&&M()}),[ee,M]),Ne=a.useCallback((function(){ee(!0),null!==k&&k()}),[ee,k]),xe=a.useCallback((function(){ee(!0),null!==N&&N()}),[ee,N]),Pe=a.useCallback((function(){ee(!0),null!==Z&&Z()}),[ee,Z]),Oe=a.useCallback((function(){le(!0),null!==P&&P()}),[le,P]);return a.useEffect((function(){var e=F.current,t=void 0===e?null:e;return null!==t&&(t.addEventListener("timeupdate",Ee),t.addEventListener("durationchange",Me),t.addEventListener("volumechange",ke),t.addEventListener("play",be),t.addEventListener("pause",we),t.addEventListener("ended",Ce),t.addEventListener("seeked",Se),t.addEventListener("loadstart",Te),t.addEventListener("canplaythrough",Ne),t.addEventListener("canplay",xe),t.addEventListener("loadedmetadata",Pe),t.addEventListener("loadeddata",Oe)),null!==t&&t.readyState>1?le(!0):le(!1),null!==t&&t.readyState>3?ee(!0):ee(!1),function(){null!==t&&(t.removeEventListener("timeupdate",Ee),t.removeEventListener("durationchange",Me),t.removeEventListener("volumechange",ke),t.removeEventListener("play",be),t.removeEventListener("pause",we),t.removeEventListener("ended",Ce),t.removeEventListener("seeked",Se),t.removeEventListener("loadstart",Te),t.removeEventListener("canplaythrough",Ne),t.removeEventListener("canplay",xe),t.removeEventListener("loadedmetadata",Pe))}}),[n]),{ref:F,play:de,pause:me,togglePlay:fe,stop:pe,seek:ge,mute:ye,unMute:he,toggleMute:ve,muted:L,currentTime:B,duration:_,playing:Y,paused:ce,ready:K,dataReady:ae}},t.useMediasParser=function(){var e=v.useScreensManager(),t=v.useFieldsManager(),n=a.useMemo((function(){return new s.MediasParser({screensManager:e,fieldsManager:t})}),[e,t]);return{toPath:a.useCallback((function(e){return n.toPath(e)}),[n]),fromPath:a.useCallback((function(e){return n.fromPath(e)}),[n]),parser:n}},t.useObserver=_,t.useParsedStory=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.disabled,l=void 0!==n&&n,i=t.withTheme,r=void 0===i||i,o=t.withMedias,u=void 0===o||o,c=t.withFonts,d=void 0===c||c,m=v.useScreensManager(),f=v.useFieldsManager(),p=a.useMemo((function(){return new s.StoryParser({screensManager:m,fieldsManager:f})}),[m,f]),g=a.useMemo((function(){return l?e:p.parse(e,{withMedias:u,withTheme:r,withFonts:d})}),[p,l,u,r,d,e]);return g},t.useResizeObserver=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),r=Q(),o=r.ref,s=r.entry.contentRect,u=s||{},c=u.width,d=void 0===c?0:c,m=u.height,f=void 0===m?0:m,p=null!==n?n:d,g=null!==l?l:f,y=i||{},h=y.screenWidth,v=void 0===h?320:h,b=y.screenHeight,w=void 0===b?480:b,C=y.withoutMaxSize,E=void 0!==C&&C,M=y.landscapeMinHeight,S=void 0===M?600:M,T=y.menuAlwaysOverScreen,N=void 0===T||T,P=y.landscapeMinRatio,O=void 0===P?2/3:P,A=y.withoutScale,Z=void 0!==A&&A,F=v/w,I=p/g,R=g>0&&I>(O||F),L=R&&!E,z=p,q=g,j=!R;L&&(g<S||N?j=!0:q=g-100,z=Math.round(q*F)),z%2==1&&(z-=1),q%2==1&&(q-=1);var B=z/v,D=te(k.default({width:Z?z:v,height:Z?q:q/B,landscape:R,menuOverScreen:j},i));return{ref:o,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,r=e.withSpring,o=void 0===r||r,s=e.swipeWidthThreshold,u=void 0===s?3:s,c=e.animateScale,d=void 0!==c&&c,m=e.disabled,f=void 0!==m&&m,p=e.lockAxis,g=void 0!==p&&p,y=e.onSwipeStart,h=void 0===y?null:y,v=e.onSwipeEnd,b=void 0===v?null:v,E=e.onSwipeCancel,M=void 0===E?null:E,S=e.onTap,T=void 0===S?null:S,N=a.useRef(null),x=a.useRef(0),P=a.useRef(null),O=null!==n,Z="undefined"==typeof window||O?null:window.innerWidth,F=O?n:Z,I=i.length,L=a.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return{x:e,zIndex:t,scale:n}})),z=a.useCallback((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.down,n=void 0!==t&&t,a=e.mx,l=void 0===a?0:a;return i.map((function(e,t){var a=f?0:(t-x.current)*F+(n?l:0),i=d&&!f&&n?1-Math.abs(l)/F/2:1;return L(a,t,i)}))}),[f,i,x,F,d]),q=w.useSprings(i.length,(function(e){return{x:f?0:e*F,y:0,zIndex:e,config:k.default({},o?null:{duration:1})}})),j=A.default(q,2),B=j[0],D=j[1],V=C.useDrag((function(e){var t=e.down,n=A.default(e.movement,2),a=n[0],l=n[1],i=A.default(e.direction,1)[0],r=e.cancel,o=e.tap;if(f)r();else{t||N.current!==x.current||(P.current=null,null!==M&&M(x.current));var s=g&&"x"!==P.current?0:a,c=g&&"y"!==P.current?0:l;if(t&&Math.abs(s)>F/u)return x.current=R.default(x.current+(i>0?-1:1),0,I-1),P.current=null,r(),void(null!==b&&b(x.current));if(D(z({down:t,mx:s,my:c})),N.current!==x.current&&(t&&!o&&null!==h&&h(x.current),!t&&o&&null!==T&&T()),g&&t&&null===P.current){var d=Math.abs(a),m=Math.abs(l);d!==m&&(m>2||d>2)&&(P.current=m>d?"y":"x")}N.current=t&&!o?x.current:null}}),{filterTaps:!0}),W=a.useCallback((function(){D(z())}),[f,i,x,F]),_=a.useCallback((function(e){x.current=e,W()}),[W]);return a.useEffect((function(){D(z())}),[i,n,D,f]),{items:B,bind:V,index:x.current,setIndex:_}},t.useThemeParser=function(){var e=v.useScreensManager(),t=a.useMemo((function(){return new s.ThemeParser({screensManager:e})}),[e]);return a.useCallback((function(e){return t.parse(e)}),[t])},t.useTrackEvent=function(){var e=v.useTracking();return le(e)?a.useCallback((function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3?arguments[3]:void 0;null!==t&&null!==n&&e.trackEvent(t,n,a,l)}),[]):function(){}},t.useTrackMedia=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=v.useTracking();return le(t)?a.useCallback((function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=arguments.length>2?arguments[2]:void 0;null!==e&&null!==n&&null!==a&&t.trackMedia(e,n,a,l)}),[]):function(){}},t.useTrackScreenEvent=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=v.useTracking();if(!le(t))return function(){};var n=v.useScreen();return"view"!==n.renderContext?function(){}:a.useCallback((function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=arguments.length>2?arguments[2]:void 0;null!==e&&null!==a&&t.trackEvent("screen_".concat(e),a,l,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=re},52807:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(70417),l=n(97641),i=n(23238),r=n(81260),o=n(75182),s=n(50085),u=n(15198),c=n(69546),d=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),E=n(58921),M=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(r),P=k(o),O=k(s),A=k(u),Z=k(c),F=k(d),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(E),_=k(M),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}),re=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}),oe=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}),se=N.default.arrayOf(oe),ue=N.default.shape({label:K,url:N.default.string}),ce=N.default.arrayOf(ue),de=N.default.shape({id:N.default.string.isRequired}),me=N.default.arrayOf(de),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])),Ee=N.default.oneOf(["lg","sm",null]),Me=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"])}),rt=N.default.shape({body:N.default.string,textStyle:Ke}),ot=rt,st=N.default.shape({label:N.default.string,textStyle:Ke}),ut=N.default.shape({media:je}),ct=N.default.arrayOf(ut),dt=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:rt}),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}),Et=N.default.shape({lat:N.default.number,lng:N.default.number}),Mt={id:N.default.number,geoPosition:Et,title:ot,subtitle:ot,description:rt},St=N.default.shape(T.default({},Mt)),kt=N.default.arrayOf(St),Tt=N.default.shape(T.default(T.default({},Mt),{},{image:je})),Nt=N.default.arrayOf(Tt),xt={id:N.default.string,label:rt},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:rt,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),rn=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}),on=N.default.oneOf(["view","placeholder","edit","preview","static","capture"]),sn=N.default.shape({width:N.default.number,height:N.default.number}),un=N.default.shape({width:N.default.number,height:N.default.number,url:N.default.string,target:te,iframe:N.default.string,image:je}),cn=N.default.shape({src:N.default.string,track:N.default.string,trackLng:N.default.number,controls:N.default.bool}),dn=N.default.shape({image:je,text:N.default.string}),mn=N.default.arrayOf(dn),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),En=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({}))}),Mn=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:re,menuItem:oe,menuItems:se,breadcrumb:ue,breadcrumbs:ce,device:de,devices:me,modal:fe,modals:pe,panel:ge,panels:ye,button:he,buttons:ve,bootstrapThemes:we,buttonTheme:Ce,buttonSize:Ee,formControlSize:Me,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:rt,headingElement:ot,inputElement:st,imageElement:ut,imageElements:ct,videoElement:dt,audioElement:mt,closedCaptionsElement:ft,backgroundElement:pt,imageElementWithCaption:gt,imageElementsWithCaption:yt,stackDirection:ht,stackAlign:vt,stackSpacing:bt,stackElement:wt,gridElement:Ct,geoPosition:Et,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:rn,renderContext:on,adFormats:sn,adFormat:un,audioComponent:cn,slide:dn,slides:mn,containerStyle:fn,transitionName:pn,transition:yn,transitions:hn,searchFilter:vn,searchFilters:bn,paymentItem:wn,paymentItems:Cn,pageMetadata:En}),Sn=function(e){return R.default(e,["color","alpha"])},kn=function(e){return I.default(e,(function(e,t){return e.alpha===t.alpha&&e.color===t.color}))},Tn=function(){function e(t){var n=t.fieldsManager,a=t.screensManager;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,r=a.components,o=(void 0===r?[]:r).reduce((function(t,a){var l=t.colors,i=void 0===l?null:l,r=a.type,o=(n.screensManager.getDefinition(r)||{}).fields,s=void 0===o?[]:o,u=n.getColorFieldPatterns(s),c=e.getColorsFromPath(a,u).colors;return{colors:[].concat(P.default(i),P.default(c))}}),{colors:[]}),s=o.colors;if(null!==i){var u=this.parse(i);return null!==s||null!==u?kn([].concat(P.default(Sn(u||[])),P.default(Sn(s||[])))):[]}return null!==s?Sn(kn(s||[])):[]}},{key:"getColorFieldPatterns",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,r=void 0===i?null:i,o=l.type,s=void 0===o?null:o,u=[a,r].filter((function(e){return null!==e})).join("\\."),c=T.default(T.default({},null!==s?n.fieldsManager.getDefinition(s):null),l),d=c.fields,m=void 0===d?[]:d,f=c.itemsField,p=void 0===f?null:f,g=c.settings,y=void 0===g?[]:g;return[].concat(P.default(t),P.default(e.fieldIsColor(c)?[new RegExp("^".concat(u,"$"))]:[]),P.default(n.getColorFieldPatterns(m,u)),P.default(n.getColorFieldPatterns(y,u)),P.default(null!==p?n.getColorFieldPatterns([p],"".concat(u,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsColor",value:function(e){var t=e.id;return"color"===(void 0===t?null:t)}},{key:"getColorsFromPath",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=Z.default(t),r=i?P.default(t.keys()):Object.keys(t);return r.reduce((function(r,o){var s=r.data,u=r.colors,c=void 0===u?null:u,d=[l,o].filter((function(e){return null!==e})).join("."),m=n.reduce((function(e,t){return e||t.test(d)}),!1),f=t[o],p=null,g=null,y=null;if(m&&F.default(f))if(f.color&&4===f.color.length){var h=f.color.split("").map((function(e,t){return t>0?e+e:e})).join("").toUpperCase();p={alpha:f.alpha||1,color:h}}else f.color&&(p={alpha:f.alpha,color:f.color.toUpperCase()});else if(F.default(f)||Z.default(f)){var v=e.getColorsFromPath(f,n,a,d);g=v.data,y=v.colors}else g=f;return{data:i?[].concat(P.default(s||[]),[g]):T.default(T.default({},s),{},x.default({},o,g)),colors:null!==p?[].concat(P.default(c||[]),P.default(y||[]),[p]):[].concat(P.default(c||[]),P.default(y||[]))}}),{data:0===r.length?t:null,colors:a})}}]),e}(),Nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(null===t||null===e)return n;var a=v.pascalCase(e);return t[a]||t[e]||n},xn=function(e){L.default(n,e);var t=z.default(n);function n(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return 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,r=a.components,o=(void 0===r?[]:r).reduce((function(t,a){var l=t.components,i=t.medias,r=a.type,o=n.getFieldsPatternByScreen(r),s=e.replaceMediasWithPaths(a,o),u=s.data,c=s.medias;return{components:[].concat(P.default(l),[u]),medias:T.default(T.default({},i),c)}}),{components:[],medias:null}),s=o.components,u=o.medias;if(null!==i){var c=this.toPath(i),d=c.medias,m=B.default(c,Zn);return null!==u||null!==d?T.default(T.default({},t),{},{theme:m,components:s,medias:T.default(T.default({},d),u)}):t}return null!==u?T.default(T.default({},t),{},{components:s,medias:u}):t}},{key:"fromPath",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===t)return t;var a=t||{},l=a.theme,i=void 0===l?null:l,r=a.components,o=void 0===r?[]:r,s=a.medias,u=void 0===s?n:s;if(null===u&&null===i)return t;var c=e.getMediaPatternsFromData(o),d=null!==u&&c.length>0?e.replacePathsWithMedias(o,u,c):o;if(null!==i){var m=this.fromPath(i,u);return m!==i||d!==o?T.default(T.default({},t),{},{theme:m,components:d}):t}return d!==o?T.default(T.default({},t),{},{components:d}):t}},{key:"getMediaFieldsPattern",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,r=void 0===i?null:i,o=l.type,s=void 0===o?null:o,u=[a,r].filter((function(e){return null!==e})).join("\\."),c=T.default(T.default({},null!==s?n.fieldsManager.getDefinition(s):null),l),d=c.fields,m=void 0===d?[]:d,f=c.itemsField,p=void 0===f?null:f,g=c.settings,y=void 0===g?[]:g;return[].concat(P.default(t),P.default(e.fieldIsMedia(c)?[new RegExp("^".concat(u,"$"))]:[]),P.default(e.fieldIsFontFamily(c)?[new RegExp("^".concat(u,"\\.media$"))]:[]),P.default(n.getMediaFieldsPattern(m,u)),P.default(n.getMediaFieldsPattern(y,u)),P.default(null!==p?n.getMediaFieldsPattern([p],"".concat(u,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsMedia",value:function(e){var t=e.media;return void 0!==t&&t}},{key:"fieldIsFontFamily",value:function(e){var t=e.id;return"font-family"===(void 0===t?null:t)}},{key:"replacePathsWithMedias",value:function(t,n,a){var l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=Z.default(t);return e.keys(t).reduce((function(r,o){var s,u=[l,o].filter((function(e){return null!==e})).join("."),c=a.reduce((function(e,t){return e||t.test(u)}),!1),d=t[o];return s=c?F.default(d)?d:n[d]||null:F.default(d)||Z.default(d)?e.replacePathsWithMedias(d,n,a,u):d,i?[].concat(P.default(r),[s]):T.default(T.default({},r),{},x.default({},o,s))}),i?[]:{})}},{key:"getMediaPath",value:function(e){var t=e.id,n=void 0===t?null:t;return null!==n?"media://".concat(n):null}},{key:"replaceMediasWithPaths",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=Z.default(t),r=e.keys(t);return r.reduce((function(r,o){var s,u=r.data,c=r.medias,d=[l,o].filter((function(e){return null!==e})).join("."),m=n.reduce((function(e,t){return e||t.test(d)}),!1),f=t[o],p=null,g=null;if(m&&F.default(f)){var y=e.getMediaPath(f);s=null!==y?y:f,p=null!==y?f:null}else if(F.default(f)||Z.default(f)){var h=e.replaceMediasWithPaths(f,n,a,d);s=h.data,g=h.medias}else s=f;return{data:i?[].concat(P.default(u||[]),[s]):T.default(T.default({},u),{},x.default({},o,s)),medias:null!==p?T.default(T.default(T.default({},c),g),{},x.default({},s,p)):T.default(T.default({},c),g)}}),{data:0===r.length?t:null,medias:a})}},{key:"getMediaPatternsFromData",value:function(t){var n=e.dot(t);return Object.keys(n).filter((function(e){return 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,r=void 0===i?null:i;if(null===l||null===r)return e;var o=l.components,s=void 0===o?[]:o,u=l.background,c=void 0===u?null:u,d=l.colors,m=void 0===d?{}:d,f=l.textStyles,p=void 0===f?null:f,g=r.reduce((function(e,n,a){var l=n.type,i=t.getDefinitionByScreen(l,s),r=i.definition,o=i.themeScreen,u=t.parseScreen(r,n,o,c,m,p);return u!==n||null!==o?[].concat(P.default(e.slice(0,a)),[T.default(T.default({},o),u)],P.default(e.slice(a+1))):e}),r);return g!==r?T.default(T.default({},e),{},{components:g}):e}},{key:"parseScreen",value:function(e,t,n,a,l,i){var r=this,o=e.fields,s=void 0===o?[]:o,u=null===n&&null!==a?{}:n;null!==a&&void 0!==u.background?u.background=T.default(T.default({},a),u.background):null!==a&&(u.background=a);var c=Object.keys(t).reduce((function(e,n){var a=s.find((function(e){return e.name===n}))||{},o=t[n],c=null!==u&&u[n]||null,d=r.parseField(n,a,o,c,l,i);return d!==o?T.default(T.default({},e),{},x.default({},n,d)):e}),t);return null!==u?T.default(T.default({},u),c):c}},{key:"parseField",value:function(e,t,n,a,l,i){var r=t.theme,o=void 0===r?{}:r;if(Z.default(n)){var s=n.map((function(e){return null!==e?Object.keys(e).reduce((function(t,n){var a=o[n]||{},r=a.textStyle,s=void 0===r?null:r,u=a.color,c=void 0===u?null:u;if(!F.default(e[n]))return t;var d=null!==c?{color:null!==c&&null!==l&&l[c]||null}:null,m=null!==s?{textStyle:T.default(T.default({},null!==s&&null!==i&&i[s]||null),e[n].textStyle||null)}:null;return null===d&&null===m?t:T.default(T.default({},t),{},x.default({},n,T.default(T.default(T.default({},d),e[n]),m)))}),e):e}));return s}if(F.default(n)&&!Z.default(n)){var u=o||{},c=u.textStyle,d=void 0===c?null:c,m=u.color,f=void 0===m?null:m,p=null!==f&&null!==l&&l[f]||null,g=null!==p?{color:p}:null,y=null!==d&&null!==i&&i[d]||null,h=null!==a&&a.textStyle||null,v=null!==y||null!==h?{textStyle: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,r=a.components,o=void 0===r?[]:r,s=_.default(o.reduce((function(t,a){var l=a.type,i=n.getFieldsPatternByScreen(l),r=e.extractFontsWithPaths(a,i);return r.length>0?[].concat(P.default(t),P.default(r)):t}),[]),"name");if(null!==i){var u=this.parse(i),c=u.fonts,d=void 0===c?[]:c,m=B.default(u,Ln);return s.length>0||d.length>0?T.default(T.default({},t),{},{theme:m,fonts:_.default([].concat(P.default(d),P.default(s)),"name")}):t}return s.length>0?T.default(T.default({},t),{},{fonts:s}):t}},{key:"getFieldsPattern",value:function(t){var n=this,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t.reduce((function(t,l){var i=l.name,r=void 0===i?null:i,o=l.type,s=void 0===o?null:o,u=[a,r].filter((function(e){return null!==e})).join("\\."),c=T.default(T.default({},null!==s?n.fieldsManager.getDefinition(s):null),l),d=c.fields,m=void 0===d?[]:d,f=c.itemsField,p=void 0===f?null:f,g=c.settings,y=void 0===g?[]:g;return[].concat(P.default(t),P.default(e.fieldIsFontFamily(c)?[new RegExp("^".concat(u,"$"))]:[]),P.default(n.getFieldsPattern(m,u)),P.default(n.getFieldsPattern(y,u)),P.default(null!==p?n.getFieldsPattern([p],"".concat(u,"\\.[0-9]+")):[]))}),[])}}],[{key:"fieldIsFontFamily",value:function(e){var t=e.id;return"font-family"===(void 0===t?null:t)}},{key:"valueIsFont",value:function(e){var t=e.type,n=void 0===t?null:t;return"custom"===n||"google"===n}},{key:"extractFontsWithPaths",value:function(t,n){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l=Z.default(t),i=l?P.default(t.keys()):Object.keys(t);return i.reduce((function(l,i){var r=[a,i].filter((function(e){return null!==e})).join("."),o=n.reduce((function(e,t){return e||t.test(r)}),!1),s=t[i],u=null,c=null;return o&&F.default(s)&&e.valueIsFont(s)?u=s:(F.default(s)||Z.default(s))&&(c=e.extractFontsWithPaths(s,n,r)),null!==c||null!==u?[].concat(P.default(l),P.default(c||[]),P.default(null!==u?[u]:[])):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,r=void 0===i||i,o=n.withFonts,s=void 0===o||o;if(null===e)return e;var u=[[r,function(e){return t.mediasParser.fromPath(e)}],[l,function(e){return t.themeParser.parse(e)}],[s,function(e){return t.fontsParser.parse(e)}]];return u.reduce((function(e,t){var n=D.default(t,2),a=n[0],l=n[1];return a?l(e):e}),e)}}]),e}(),jn=["value"],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,r=void 0===i?null:i,o=l.type,s=void 0===o?null:o,u=l.metadata,c=((void 0===u?{}:u)||{}).title;-1!==this.screensViewed.indexOf(r||t)&&(this.screensViewed=[].concat(P.default(this.screensViewed),[r||t]));var d={event:"screenView",screenId:r,screenType:s,screenIndex:t,screenTitle:c,screenProgress:null!==a&&null!==t?(t+1)/a:null,screensViewed:this.screensViewed,screensViewedProgress:null!==a?this.screensViewed.length/a:null};this.push(d)}},{key:"trackEvent",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.value,i=void 0===l?null:l,r=B.default(a,jn),o=T.default(T.default({},r),{},{event:"eventInteraction",eventCategory:e,eventAction:t,eventLabel:n,eventValue:i});this.push(o)}},{key:"trackMedia",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.value,i=void 0===l?null:l,r=a.currentTime,o=void 0===r?null:r,s=B.default(a,Bn),u=t||{},c=u.id,d=void 0===c?null:c,m=u.name,f=void 0===m?null:m,p=u.duration,g=void 0===p?null:p,y=u.currentTime,h=void 0===y?o:y,v=u.metadata,b=void 0===v?{}:v,w=b||{},C=w.duration,E=void 0===C?g:C,M=f,S=T.default(T.default({},s),{},{event:"eventInteraction",eventCategory:e,eventAction:n,eventLabel:M,eventValue:i,mediaId:d,mediaCurrentTime:null!==h?Math.round(h):null,mediaProgress:null!==h&&null!==E&&E>0?Math.round(h/E*100):null});this.push(S)}}]),n}(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=Mn,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),r=n(66204),o=n(98689),s=n(64265),u=n(5056),c=n(75182),d=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(o),C=h(s),E=h(c),M=h(d),S=h(m),k=h(f),T=h(p),N=h(g),x=h(y),P=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===e)return null;var n=w.default(e)?{color:e}:e,a=n.color,l=void 0===a?null:a,i=n.alpha,r=void 0===i?null:i;return null!==r||null!==t?C.default(l).setAlpha(null!==t?t:r).toRgbString():l},O=[{name:"mobile"},{name:"small",mediaQuery:"only screen and (min-width: 500px)"},{name:"medium",mediaQuery:"only screen and (min-width: 790px)"},{name:"large",mediaQuery:"only screen and (min-width: 1000px)"},{name:"very-large",mediaQuery:"only screen and (min-width: 1600px)"}],A=function e(t,n){return t.reduce((function(t,a){if(null!==t)return t;var l=a.name,i=void 0===l?null:l,r=a.fields;return null!==n&&i===n?a:e(void 0===r?[]:r,n)}),null)},Z=function(e){if(null==e)return null;var t=b.default(e)?e:{name:e},n=t.name,a=t.fallback;return[n,void 0===a?null:a].filter((function(e){return null!==e})).map((function(e){return'"'.concat(e,'"')})).join(", ")},F=function(e){return(e-Math.floor(e)).toFixed(4)},I=["image","video","media"],R=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"backgroundColor",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=P(e,n);return null!==a?T.default({},t,a):null},L=function(e){if(null==e)return null;var t=e.width,n=void 0===t?null:t,a=e.style,l=void 0===a?null:a,i=e.color,r=void 0===i?null:i;return M.default(M.default(M.default({},null!==n?{borderWidth:n}:null),null!==l?{borderStyle:l}:null),R(r,"borderColor"))};Object.defineProperty(t,"pascalCase",{enumerable:!0,get:function(){return u.pascalCase}}),Object.defineProperty(t,"snakeCase",{enumerable:!0,get:function(){return u.snakeCase}}),t.convertStyleToString=function(e){return null!==e?Object.keys(e).map((function(t){return"".concat(l.paramCase(t),":").concat(v.default(e[t])?"".concat(e[t],"px"):e[t],";")})).join("\n"):""},t.createNullableOnChange=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return function(t){var n=t;b.default(t)&&Object.keys(t).reduce((function(e,n){return e&&null===t[n]}),!0)&&(n=null),null!==e&&e(n)}},t.createUseEvent=function(e){return function(t,n){var a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];r.useEffect((function(){return a&&null!==e&&e.subscribe(t,n),function(){a&&null!==e&&e.unsubscribe(t,n)}}),[e,t,n,a])}},t.getColorAsString=P,t.getComponentFromName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(null===t||null===e)return n;var a=u.pascalCase(e);return t[a]||t[e]||n},t.getContrastingColor=function(e){var t=(e||{}).color,n=void 0===t?"white":t;return C.default.equals(n,C.default("white"))?"lightblue":C.default.equals(n,C.default("black"))?"white":C.default(n).spin(30).toString()},t.getDeviceScreens=function(){return O},t.getDisplayName=function(e){var t=e.displayName,n=void 0===t?null:t,a=e.name;return n||(void 0===a?null:a)||"Component"},t.getFieldByName=A,t.getFieldFromPath=function(e,t,n){return(S.default(e)?e:[e]).reduce((function(t,a){if(null===t)return null;var l=t.type,i=void 0===l?null:l,r=t.fields,o=void 0===r?null:r,s=t.field,u=void 0===s?null:s,c=t.itemsField,d=void 0===c?null:c,m=null!==u&&u.type||i,f=null!==m?n.getDefinition(m):t,p=f.fields,g=void 0===p?null:p,y=f.settings,h=void 0===y?null:y,v=f.itemsField,b=d||(void 0===v?null:v);return null!==b&&a.match(/^[0-9]+$/)?M.default(M.default({},b),{},{name:e.join("/"),listItems:!0}):A([].concat(E.default(o||[]),E.default(g||[]),E.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,r=t.media,o=void 0===r?null:r,s=k.default(t,I);return[].concat(E.default(e),null!==a&&null!==i?[M.default({media:a},s),M.default({media:i},s)]:[M.default({media:o||a||i},s)])}),[])},t.getLayoutParts=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=null!==e&&!1!==e.indexOf("-")?e.split("-"):[e,null,null],n=N.default(t,3),a=n[0],l=n[1],i=n[2];return{horizontal:a,vertical:l,suffix:i}},t.getMediaFilesAsArray=function(e){return null!==e&&S.default(e)?e:Object.keys(e||{}).reduce((function(t,n){return[].concat(E.default(t),[M.default({handle:n},e[n])])}),[])},t.getOptimalImageUrl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:800,l=e||{},i=l.sizes,r=void 0===i?null:i,o=l.url,s=void 0===o?null:o,u=l.metadata,c=(u=void 0===u?{}:u).width,d=u.height;if(null===r||null===t&&null===n)return s;var m=M.default({original:{url:s,width:c,height:d}},r),f=Object.keys(m).reduce((function(e,l){var i=e.diff,r=e.isLarger,o=e.size,s=m[l],u=s.url,c=s.width,d=void 0===c?null:c,f=s.height,p=void 0===f?null:f,g=null!==d&&null!==t?d-t:null,y=null!==p&&null!==n?p-n:null,h=(null===g||g>=0)&&(null===y||y>=0),v=[g,y].reduce((function(e,t){return null!==t?(e||0)+Math.abs(t):e}),null);null===v&&(v=1/0);var b=(d||0)+(p||0)>o;return v<i&&h||v<i&&(!r&&b||i>a)||v<=a&&!r&&h||v<=a&&!r&&!h&&b?{key:l,url:u,diff:v,isLarger:h}:e}),{key:null,url:s,diff:1/0,isLarger:!1,size:0}),p=f.url;return p},t.getScreenExtraField=function(e){return{name:"parameters",type:"parameters",label:e.formatMessage({id:"8A8cuq",defaultMessage:[{type:0,value:"Parameters"}]})}},t.getSecondsFromTime=function(e){var t=e.split(":");try{var n=t[2].split(",");return 1===n.length&&(n=t[2].split(".")),3600*parseFloat(t[0],10)+60*parseFloat(t[1],10)+parseFloat(n[0],10)+parseFloat(n[1],10)/1e3}catch(e){return 0}},t.getStyleFromBorder=L,t.getStyleFromBox=function(e){if(null===e)return null;var t=e.backgroundColor,n=void 0===t?null:t,a=e.borderRadius,l=void 0===a?null:a,i=e.padding,r=e.borderWidth,o=void 0===r?null:r,s=e.borderStyle,u=void 0===s?null:s,c=e.borderColor,d={width:o,style:u,color:void 0===c?null:c};return M.default(M.default(M.default(M.default({},R(n,"backgroundColor")),null!==l?{borderRadius:l}:null),L(d)),{},{padding:i})},t.getStyleFromColor=R,t.getStyleFromContainer=function(e){if(null==e)return null;var t=e.size,n=void 0===t?{}:t,a=e.backgroundColor,l=void 0===a?null:a,i=n.width,r=void 0===i?null:i,o=n.height,s=void 0===o?null:o;return M.default(M.default(M.default({},r?{width:"".concat(r,"%")}:null),s?{height:"".concat(s,"%")}:null),R(l,"backgroundColor"))},t.getStyleFromHighlight=function(e){if(null==e)return null;var t=e.textColor,n=void 0===t?null:t,a=e.color,l=void 0===a?null:a,i=null!==l?P(l):null,r=null!==i?"0.05em 0px 0px ".concat(i,", -0.05em 0px 0px ").concat(i):null;return null!==l||null!==n?M.default(M.default(M.default({},null!==l?R(l,"backgroundColor"):null),null!==n?R(n,"color"):null),null!==l?{boxShadow:r,mozBoxShadow:r,msBoxShadow:r,webkitBoxShadow:r}:null):null},t.getStyleFromImage=function(e){if(null==e)return null;var t=e.fit,n=void 0===t?{}:t,a=e.backgroundColor,l=void 0===a?null:a,i=n.size,r=void 0===i?null:i,o=n.position,s=void 0===o?{}:o,u=s.axisAlign,c=void 0===u?null:u,d=s.crossAlign,m=void 0===d?null:d;return M.default(M.default(M.default({},null!==r?{objectFit:r}:null),null!==c&&null!==m?{objectPosition:"".concat(c," ").concat(m)}:null),R(l,"backgroundColor"))},t.getStyleFromLink=function(e){if(null==e)return null;var t=e.color,n=void 0===t?null:t,a=e.fontStyle||{},l=a.italic,i=void 0!==l&&l,r=a.bold,o=void 0!==r&&r,s=a.underline,u=void 0!==s&&s;return M.default(M.default(M.default(M.default({},null!==n?R(n,"color"):null),i?{fontStyle:"italic"}:null),o?{fontWeight:"bold"}:null),u?{textDecoration:"underline"}:null)},t.getStyleFromMargin=function(e){if(null==e)return null;var t=e.top,n=void 0===t?null:t,a=e.bottom,l=void 0===a?null:a;return M.default(M.default({},null!==n?{marginTop:n}:null),null!==l?{marginBottom:l}:null)},t.getStyleFromText=function(e){if(null==e)return null;var t=e.fontFamily,n=void 0===t?null:t,a=e.fontSize,l=void 0===a?null:a,i=e.fontStyle,r=void 0===i?null:i,o=e.lineHeight,s=void 0===o?null:o,u=e.letterSpacing,c=void 0===u?null:u,d=e.align,m=void 0===d?null:d,f=e.color,p=void 0===f?null:f,g=r||{},y=g.italic,h=void 0!==y&&y,v=g.bold,b=void 0!==v&&v,w=g.underline,C=void 0!==w&&w,E=g.transform,S=g.outline,k=void 0!==S&&S;return M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default(M.default({fontFamily:Z(n)},null!==l?{fontSize:l}:null),h?{fontStyle:"italic"}:null),b?{fontWeight:"bold"}:null),C?{textDecoration:"underline"}:null),null!==E?{textTransform:E}:null),null!==m?{textAlign:m}:null),null!==s?{lineHeight:s}:null),null!==c?{letterSpacing:c}:null),R(p,"color")),k?{WebkitTextStroke:"2px ".concat(P(p,"color")),color:"transparent"}:null)},t.isImageFilled=function(e){var t=(e||{}).media;return null!==(void 0===t?null:t)},t.isIos=function(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document},t.isLabelFilled=function(e){var t=(e||{}).label,n=((void 0===t?null:t)||{}).length,a=void 0===n?0:n;return"number"==typeof a&&a>0},t.isMessage=function(e){return b.default(e)&&void 0!==e.defaultMessage},t.isTextFilled=function(e){var t=(e||{}).body,n=((void 0===t?null:t)||{}).length,a=void 0===n?0:n;return"number"==typeof a&&a>0},t.isValidUrl=function(e){var t;try{t=new URL(e)}catch(e){return!1}return"http:"===t.protocol||"https:"===t.protocol},t.schemaId=function(e){return t=e.join("/"),"https://schemas.micromag.ca/0.1/".concat(t,".json");var t},t.setFieldValue=function e(t,n,a){var l=n.shift(),i=null!==l.match(/^[0-9]+$/);if(null!==t||null!==a){if(i){var r=parseInt(l,10),o=null!==a?[].concat(E.default(t.slice(0,r)),[n.length>0?e(null!==t&&t[r]||null,n,a):a],E.default(t.slice(r+1))):[].concat(E.default(t.slice(0,r)),E.default(t.slice(r+1)));return o.length>0?o:null}return M.default(M.default({},t),{},T.default({},l,n.length>0?e(null!==t&&t[l]||null,n,a):a))}return null},t.slug=function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return t="-"===n?u.paramCase(e):u.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),r=n(75182),o=n(78514);function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(i),c=s(r),d={id:"audio-element",fields:[{name:"media",type:"audio"}],settings:[{name:"autoPlay",type:"toggle",label:l.defineMessage({id:"pJgYyE",defaultMessage:[{type:0,value:"AutoPlay"}]})},{name:"loop",type:"toggle",label:l.defineMessage({id:"F2SD/0",defaultMessage:[{type:0,value:"Loop"}]})},{name:"withPlayPause",type:"toggle",label:l.defineMessage({id:"8EI08h",defaultMessage:[{type:0,value:"With play/pause button"}]})},{name:"closedCaptions",type:"closed-captions",label:l.defineMessage({id:"4H2n5r",defaultMessage:[{type:0,value:"Closed captions"}]})}]},m={id:"answer",component:"field-with-form",labelPath:"label.body",fields:[{name:"label",type:"text-element",label:l.defineMessage({id:"OJi+eg",defaultMessage:[{type:0,value:"Label"}]})},{type:"fields",isList:!0,fields:[{type:"box-style-form",name:"buttonStyle",label:l.defineMessage({id:"nno1Pq",defaultMessage:[{type:0,value:"Button style"}]})},{name:"resultStyle",type:"graph-bar-style",isList:!0,label:l.defineMessage({id:"6Q4tcn",defaultMessage:[{type:0,value:"Result style"}]})}]}]},f={id:"answers",component:"items",noItemLabel:l.defineMessage({id:"A+a0kL",defaultMessage:[{type:0,value:"No answer..."}]}),addItemLabel:l.defineMessage({id:"lGh/NP",defaultMessage:[{type:0,value:"Add an answer"}]}),itemsField:{type:"answer",breadcrumbLabel:l.defineMessage({id:"XJ2Xc+",defaultMessage:[{type:0,value:"Answer"}]})}},p={id:"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=u.default(u.default({},w),{},{id:"entries-with-image",itemsField:{type:"entry-with-image",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),E=u.default(u.default({},w),{},{id:"entries-with-visual",itemsField:{type:"entry-with-visual",breadcrumbLabel:l.defineMessage({id:"X97njD",defaultMessage:[{type:0,value:"Entry"}]})}}),M={id:"entry",component:"field-with-form",labelPath:"title.body",fields:[{name:"title",type:"heading-element",label:l.defineMessage({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:l.defineMessage({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})}]},S=u.default(u.default({},M),{},{id:"entry-with-image",fields:[].concat(c.default(M.fields),[{name:"image",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),k=u.default(u.default({},M),{},{id:"entry-with-visual",fields:[].concat(c.default(M.fields),[{name:"image",type:"visual",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}])}),T={id:"graph-bar-style",isList:!0,fields:[{name:"barColor",type:"color",label:l.defineMessage({id:"qjL/eA",defaultMessage:[{type:0,value:"Bar"}]})},{name:"textColor",type:"color",label:l.defineMessage({id:"ZMS1Wv",defaultMessage:[{type:0,value:"Text"}]})}]},N={id:"text-element",component:"text-element",settings:[{name:"textStyle",type:"text-style"}]},x=u.default(u.default({},N),{},{id:"heading-element",size:"lg",inline:!0}),P={id:"image-with-caption",component:"field-with-form",labelPath:"caption.body",thumbnailPath:"media.thumbnail_url",fields:[{name:"media",type:"image",label:l.defineMessage({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})},{name:"caption",type:"text-element",label:l.defineMessage({id:"p85qJD",defaultMessage:[{type:0,value:"Caption"}]})}]},O={id:"images-with-caption",component:"items",noItemLabel:l.defineMessage({id:"dFMzBu",defaultMessage:[{type:0,value:"No image..."}]}),addItemLabel:l.defineMessage({id:"QSmRdP",defaultMessage:[{type:0,value:"Add an image"}]}),itemsField:{type:"image-with-caption",breadcrumbLabel:l.defineMessage({id:"uwcXzb",defaultMessage:[{type:0,value:"Image"}]})}},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:o.v1(),side:"left"}},noItemLabel:l.defineMessage({id:"+nhSvj",defaultMessage:[{type:0,value:"No speaker..."}]}),addItemLabel:l.defineMessage({id:"opcGwP",defaultMessage:[{type:0,value:"Add a speaker"}]}),itemsField:{type:"speaker",breadcrumbLabel:l.defineMessage({id:"rzdds2",defaultMessage:[{type:0,value:"Speaker"}]})}},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:d,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:E,entries:w,entryWithImage:S,entryWithVisual:k,entry:M,fieldWithForm:{id:"field-with-form",component:"field-with-form"},fields:{id:"fields",component:"fields"},fit:{id:"fit",component:"fit"},font:{id:"font",component:"font",media:!0},fonts:{id:"fonts",component:"fonts",itemsField:{type:"font"}},fontFamily:{id:"font-family",component:"font-family"},fontSize:{id:"font-size",component:"font-size"},geoPosition:{id:"geo-position",component:"geo-position"},graphBarStyle:T,headingElement:x,imageWithCaption:P,image:{id:"image",component:"image",media:!0},imagesWithCaption:O,images: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),r=n(15198),o=n(66204),s=n(97641),u=n(5587);function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(a),m=c(l),f=c(i),p=c(r),g=c(o),y=c(s),h=function(){function e(){f.default(this,e),this.locales=[]}return p.default(e,[{key:"addLocale",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=this.getLocale(e);this.locales=[].concat(m.default(null!==a?this.locales.filter((function(t){return t.locale!==e})):this.locales),[{locale:e,messages:null===a||n?t:d.default(d.default({},a.messages),t)}])}},{key:"getLocale",value:function(e){return this.locales.find((function(t){return t.locale===e}))||null}},{key:"hasLocale",value:function(e){return null!==this.getLocale(e)}},{key:"getMessages",value:function(e){var t=this.locales.find((function(t){return t.locale===e}))||null;return null===t?null:t.messages}}]),e}(),v=new h,b=["en","fr"],w=g.default.createContext(b),C=function(){return o.useContext(w)},E={intlManager:y.default.instanceOf(h),locale:y.default.string,locales:y.default.arrayOf(y.default.string),extraMessages:y.default.objectOf(y.default.string),children:y.default.node},M={intlManager:v,locale:null,locales:null,extraMessages:null,children:null},S=function(e){var t=e.intlManager,n=e.locale,a=e.locales,l=e.children,i=e.extraMessages,r=C(),s=o.useContext(u.IntlContext)||{},c=s.locale,m=void 0===c?null:c,f=s.messages,p=void 0===f?null:f,y=o.useMemo((function(){var e=t.getMessages(n);return d.default(d.default(d.default({},e),i),m===n?p:null)}),[n,m,p,i]);return g.default.createElement(u.IntlProvider,{locale:n,messages:y},g.default.createElement(w.Provider,{value:a||r},l))};S.propTypes=E,S.defaultProps=M,t.IntlManager=h,t.IntlProvider=S,t.LocalesContext=w,t.default=v,t.useLocales=C,t.useOtherLocales=function(){var e=C(),t=o.useContext(u.IntlContext).locale;return o.useMemo((function(){return e.filter((function(e){return e!==t}))}),[e,t])}},35938:function(e,t,n){"use strict";n.r(t),n.d(t,{ScreensProvider:function(){return Cl},default:function(){return bl}});var a=n(52807),l=n(5587),i=n(66902),r=n(56666),o=n(33028),s=n(2867),u=n(35681),c=n.n(u),d=n(97641),m=n.n(d),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),E=n(74696),M=(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,o=e.minSampleHeight,u=e.backgroundColor,d=e.progressColor,m=e.audioLevels,p=e.className,g=e.onSeek,b=e.onResume,S=e.onReady,k=(0,f.useRef)(null),T=(0,f.useRef)(null),N=(0,f.useMemo)((function(){var e=(u||{}).color;return void 0===e?"white":e}),[u]),x=(0,f.useMemo)((function(){return(0,h.getContrastingColor)(u,d)}),[d,u]),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,s.Z)(R,2),z=L[0],q=L[1];(0,f.useEffect)((function(){if(null!==t&&null!==n){var e=t/n;q.start({reset:!0,immediate:!a,from:{x:e},to:{x:a?1:e},config:{duration:1e3*(n-t)}})}}),[a,n,t,q]),(0,f.useEffect)((function(){if(null!==m&&0!==m.length&&null!==O.current){var e=l+2*i,t=Math.floor(F/e),n=m.length/t,a=(0,v.Z)(Array(t).keys()).reduce((function(e,t){for(var a=t*n,l=a+n,i=[],r=Math.floor(a);r<Math.round(l);r+=1)i.push(m[r]);return[].concat((0,v.Z)(e),n>=1?[i.reduce((function(e,t){return e+t}),0)/i.length]:i)}),[]),r=Math.min.apply(Math,(0,v.Z)(a)),s=Math.max.apply(Math,(0,v.Z)(a))-r,u=a.map((function(e){return(e-r)/s})),c=k.current,d=T.current,f="undefined"!=typeof window?window.devicePixelRatio:1;c.width=d.width=Math.floor(F*f),c.height=d.height=Math.floor(I*f);var p=c.getContext("2d"),g=d.getContext("2d");p.scale(f,f),g.scale(f,f),p.clearRect(0,0,F,I),g.clearRect(0,0,F,I),p.fillStyle=N,g.fillStyle=x;var y=(F-t*e)/2;u.forEach((function(t,n){var a=Math.max(o,t*I),r=e*n+y+i,s=I/2-a/2;p.fillRect(Math.round(r),Math.round(s),l,Math.round(a)),g.fillRect(Math.round(r),Math.round(s),l,Math.round(a))})),null!==S&&S()}}),[m,l,i,o,F,I,N,x,S]);var j=(0,f.useCallback)((function(e){var t=O.current.getBoundingClientRect().left,l=Math.max(0,Math.min(1,(e-t)/F));null!==g&&null!==n&&g(l*n),a||b()}),[n,a,g,b]),B=(0,E.useGesture)({onDrag:function(e){var t=(0,s.Z)(e.xy,1)[0],n=e.elapsedTime;!e.active&&n>300||j(t)}},{drag:{axis:"x",filterTaps:!0}});return f.createElement("div",Object.assign({className:c()([M,(0,r.Z)({},p,null!==p)]),ref:O},B()),f.createElement("canvas",{ref:k,className:"micromag-element-audio-audio-wave-canvasBackground"}),f.createElement(C.animated.canvas,{ref:T,className:"micromag-element-audio-audio-wave-canvasProgress",style:{clipPath:z.x.to((function(e){return"polygon(0 0, ".concat(100*e,"% 0, ").concat(100*e,"% 100%, 0 100%)")}))}}))}k.propTypes=S,k.defaultProps={currentTime:null,duration:null,playing:!1,sampleWidth:3,sampleMargin:1,minSampleHeight:2,backgroundColor:"white",progressColor:null,audioLevels:null,className:null,onSeek:null,onResume:null,onReady:null};var T=["ref"],N={media:a.PropTypes.audioMedia,apiRef:m().oneOfType([m().func,m().shape({current:m().any})]),initialMuted:m().oneOf(["auto",!0,!1]),autoPlay:m().bool,loop:m().bool,waveFake:m().bool,waveProps:m().shape({sampleWidth:m().number,sampleMargin:m().number,minSampleHeight:m().number}),showWave:m().bool,reduceBufferFactor:m().number,className:m().string,onReady:m().func,onPlay:m().func,onPause:m().func,onEnded:m().func,onSeeked:m().func,onTimeUpdate:m().func,onProgressStep:m().func,onDurationChanged:m().func,onVolumeChanged:m().func},x=function(e){var t=e.media,n=e.apiRef,a=e.initialMuted,l=e.autoPlay,i=e.loop,o=e.waveFake,u=e.waveProps,d=e.showWave,m=e.reduceBufferFactor,p=e.className,h=e.onReady,w=e.onPlay,C=e.onPause,E=e.onEnded,M=e.onSeeked,S=e.onTimeUpdate,N=e.onProgressStep,x=e.onDurationChanged,P=e.onVolumeChanged,O=t||{},A=O.url,Z=void 0===A?null:A,F=O.metadata,I=((void 0===F?null:F)||{}).waveform,R=void 0===I?null:I,L=(0,g.useUserInteracted)(),z=!0===a||"auto"===a&&l&&!L,q=(0,y.useMediaApi)({url:Z,initialMuted:z,onPlay:w,onPause:C,onEnded:E,onSeeked:M,onTimeUpdate:S,onProgressStep:N,onDurationChanged:x,onVolumeChanged:P}),j=q.ref,B=(0,b.Z)(q,T);null!==n&&(n.current=B,n.current.mediaRef=j);var D=B.currentTime,V=B.duration,W=B.playing,_=B.seek,G=B.ready,H=B.play,U=B.pause,Y=B.muted,Q=B.unMute,X=(0,f.useState)(null),J=(0,s.Z)(X,2),K=J[0],$=J[1],ee=(0,f.useState)(null),te=(0,s.Z)(ee,2),ne=te[0],ae=te[1];(0,f.useEffect)((function(){var e=!1,t="undefined"!=typeof window?window.AudioContext||window.webkitAudioContext:null;return null!==R?$(R.map((function(e){return(e+128)/256}))):null!==Z&&o?$((0,v.Z)(new Array(1e3)).map((function(){return Math.random()}))):null!==Z&&null!==t&&fetch(Z,{mode:"cors"}).then((function(t){if(e)throw new Error("Audio loading canceled");return t.arrayBuffer()})).then((function(n){if(e)throw new Error("Audio loading canceled");return ae(URL.createObjectURL(new Blob([n]))),(new t).decodeAudioData(n)})).then((function(e){if(e.numberOfChannels>0){var t=e.getChannelData(0);$(t.reduce((function(e,t,n){return e[e.length]=Math.abs(t),e}),[]))}})).catch((function(e){throw e})),function(){null===Z&&(e=!0)}}),[Z,R,$,ae,m,o]);var le=o||G&&null!==ne;return(0,f.useEffect)((function(){le&&null!==h&&h()}),[le,h]),(0,f.useEffect)((function(){l?(H(),"auto"===a&&Y&&L&&Q()):U()}),[l]),f.createElement("div",{className:c()(["micromag-element-audio-container",(0,r.Z)({},p,null!==p)])},f.createElement("audio",{key:Z,ref:j,src:o?Z:ne,autoPlay:l,muted:Y,loop:i,crossOrigin:"anonymous",preload:"none"}),d?f.createElement(k,Object.assign({className:"micromag-element-audio-wave",media:t,currentTime:D},u,{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,s=e.initialMuted,u=e.autoPlay,d=e.loop,m=e.playsInline,p=e.preload,v=e.withoutCors,w=e.className,C=e.onReady,E=e.onPlay,M=e.onPause,S=e.onEnded,k=e.onSeeked,T=e.onTimeUpdate,N=e.onProgressStep,x=e.onDurationChanged,P=e.onVolumeChanged,O=e.focusable,F=e.supportedMimes,I=n||{},R=I.url,L=void 0===R?null:R,z=I.files,q=void 0===z?null:z,j=I.metadata,B=(void 0===j?null:j)||{},D=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,o.Z)((0,o.Z)({},e),{},(0,r.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===s||"auto"===s&&u&&!$,te=(0,y.useMediaApi)({url:K?null:L,initialMuted:ee,onPlay:E,onPause:M,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,re=ae.dataReady,oe=ae.play,se=ae.pause,ue=ae.unMute;(0,f.useEffect)((function(){re&&null!==C&&C()}),[re,C]);var ce=null!==a&&null!==l;(0,f.useEffect)((function(){u?(oe(),"auto"===s&&ie&&$&&ue()):se()}),[u]);var de=(0,f.useRef)(p),me=(0,f.useRef)("none"!==p&&"metadata"!==p);return(0,f.useEffect)((function(){var e=ne.current,t=void 0===e?null:e,n="none"!==p&&"metadata"!==p,a=de.current!==p;n&&a&&!me.current&&null!==t&&void 0!==t.load&&(me.current=!0,t.load())}),[p]),f.createElement("div",{className:c()([A.container,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,A.paused,!le),(0,r.Z)(t,A.withSize,ce),t)]),style:ce?{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:u,loop:d,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,s=e.repeat,u=e.color,d=e.media,m=e.className,p=e.playing,g=e.children,y=e.loadingMode,v=e.shouldLoad,b=d||{},w=b.type,C=void 0===w?null:w,E=b.metadata,M=void 0===E?null:E,S=b.thumbnail_url,k=M||{},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,o.Z)({width:t,height:n},(0,h.getStyleFromColor)(u));if(null!==d&&(Z||A&&!p)){var j=(0,h.getOptimalImageUrl)(A?{url:S}:d,t,n);q.backgroundImage=null!==j&&z?'url("'.concat(j,'")'):null,q.backgroundRepeat=s&&!A?"repeat":"no-repeat",q.backgroundPosition=[l,i].join(" "),null!==a?q.backgroundSize=a:s&&!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:c()([L.container,(0,r.Z)({},m,null!==m)]),style:q},A&&p?f.createElement("div",{className:L.videoContainer,style:B},f.createElement(R,{className:L.video,media:d,autoPlay:p,initialMuted:!0,loop:!0,preload:z?"auto":"metadata"})):null,f.createElement("div",{className:L.content},g))};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,s=e.className,u=e.loadingMode,d=e.shouldLoad,m=t>0&&n>0,p=(0,f.useMemo)((function(){return(0,h.getLayersFromBackground)(a)}),[a]),g=p.length,y=(0,o.Z)({},m?{width:t,height:n}:null);return f.createElement("div",{className:c()([L.container,(0,r.Z)({},s,null!==s)]),style:y},f.createElement("div",{className:L.layers},p.map((function(e,a){var i,o=e.horizontalAlign,s=void 0===o?void 0:o,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:c()([L.layer,(i={},(0,r.Z)(i,L.bottom,"bottom"===p),(0,r.Z)(i,L.right,"right"===s),i)]),style:{zIndex:g-a}},f.createElement(q,Object.assign({width:t,height:n,className:L.background,playing:l,horizontalAlign:s,verticalAlign:p,loadingMode:u,shouldLoad:d},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,s=e.onClick,u=e.children,d=e.className,m=e.refButton,g=(0,b.Z)(e,_),y=null;return null!==t&&(y=(0,o.Z)((0,o.Z)({},y),(0,h.getStyleFromText)(t))),null!==n&&(y=(0,o.Z)((0,o.Z)({},y),(0,h.getStyleFromBox)(n))),f.createElement(p.Button,Object.assign({className:c()(["micromag-element-button-container",(0,r.Z)({},d,null!==d)]),disabled:l,style:y,onClick:s,refButton:m,type:a,focusable:i},g),u)};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,s=e.lineClamp,u=e.showEmpty,d=e.className,m=e.emptyClassName,g=e.inline,y=a||{},v=y.link,b=void 0===v?null:v,w=y.highlight,C=void 0===w?null:w,E={},M=null!==b?(0,h.getStyleFromLink)(b):null,S=null!==C?(0,h.getStyleFromHighlight)(C):null;null!==a&&(E=(0,o.Z)((0,o.Z)({},E),(0,h.getStyleFromText)(a))),null!==s&&(E.WebkitLineClamp=s),null!==i&&(E=(0,o.Z)((0,o.Z)({},E),(0,h.getStyleFromMargin)(i))),null!==l&&(M=(0,o.Z)((0,o.Z)({},M),(0,h.getStyleFromText)(l)));var k=null!==M||null!==C,T=(0,f.useMemo)((function(){return k?"text-component-".concat((0,U.Z)()):null}),[k]),N={id:T,className:c()(["micromag-element-text-container",(t={},(0,r.Z)(t,"micromag-element-text-withLineClamp",null!==s),(0,r.Z)(t,"micromag-element-text-showEmpty",u),(0,r.Z)(t,m,u&&null!==m),(0,r.Z)(t,d,null!==d),t)]),style:E,dangerouslySetInnerHTML:{__html:n}},x="".concat(g?"span":"div");return f.createElement(f.Fragment,null,null!==M?f.createElement(p.LinkStyle,{selector:"#".concat(T),style:M}):null,null!==S?f.createElement(p.HighlightStyle,{selector:"#".concat(T),style:S}):null,f.createElement(x,N))};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,o=e.closeable,s=e.onClose,u=e.className;return f.createElement("div",{className:c()([X.container,(t={},(0,r.Z)(t,X.closeable,o),(0,r.Z)(t,u,null!==u),t)]),style:{width:l,height:i}},o?f.createElement("div",{className:X.top},f.createElement(H,{className:X.close,onClick:s},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,u=e.screenSize,d=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,M=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,s.Z)(O,2),Z=A[0],F=A[1],I=null===w||"swipe-up"===w,R=(0,f.useMemo)((function(){return(0,h.isValidUrl)(M)}),[M]),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,o.Z)((0,o.Z)({},{fontSize:j}),(0,h.getStyleFromColor)(D,"color"))}),[j,D]),G=(0,f.useRef)(null),U=(0,f.useState)(!1),Y=(0,s.Z)(U,2),X=Y[0],J=Y[1],$=(0,E.useGesture)({onDrag:function(e){e.event.preventDefault()},onDragEnd:function(e){(0,s.Z)(e.movement,2)[1]<-d&&(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:c()(["micromag-element-call-to-action-container",(t={},(0,r.Z)(t,m,null!==m),(0,r.Z)(t,"micromag-element-call-to-action-disabled",a),(0,r.Z)(t,"micromag-element-call-to-action-animationDisabled",l),(0,r.Z)(t,"micromag-element-call-to-action-invalidUrl",!R),(0,r.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:M,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,o.Z)({marginBottom:10},N)},I&&!a?$():null,P?{onClick:ee}:{href:M,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:c()(["micromag-element-call-to-action-webView",(0,r.Z)({},"micromag-element-call-to-action-visible",Z)]),src:M,closeable:!0,onClose:te},u)):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),re={media:a.PropTypes.closedCaptionsMedia,currentTime:m().number,timeOffset:m().string,className:m().string},oe=function(e){var t=e.currentTime,n=e.timeOffset,a=e.media,l=e.className,i=(a||{}).url,o=void 0===i?null:i,u=(0,f.useState)([]),d=(0,s.Z)(u,2),m=d[0],p=d[1],g=(0,f.useState)(-1),y=(0,s.Z)(g,2),v=y[0],b=y[1],w=null!==n?n.split(/[\t ]*-->[\t ]*/):null,C=null!==w&&w.length?(0,h.getSecondsFromTime)(w[0]):0;(0,f.useEffect)((function(){null!==o&&ie()(o,{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)}))}),[o,ie(),p]);var E=(0,f.useCallback)((function(e){var t=m.findIndex((function(t){return e>=t.start-C&&e<=t.end-C}));return t}),[m,C]);(0,f.useEffect)((function(){if(m.length>0){var e=E(t);e!==v&&b(e)}}),[t,m,E,b]);var M=-1!==v?m[v]:null,S=null!==M;return f.createElement("div",{className:c()(["micromag-element-closed-captions-container",(0,r.Z)({},l,null!==l)])},S?f.createElement("div",{className:"micromag-element-closed-captions-captions",dangerouslySetInnerHTML:S?{__html:M.text}:null}):null)};oe.propTypes=re,oe.defaultProps={media:null,currentTime:0,timeOffset:null,className:null};var se={width:m().number.isRequired,height:m().number.isRequired,className:m().string,children:m().node};function ue(e){var t=e.width,n=e.height,a=e.className,l=e.children,i=t>0&&n>0?{width:t,height:n}:null;return f.createElement("div",{className:c()(["micromag-element-container-container",(0,r.Z)({},a,null!==a)]),style:i},l)}ue.propTypes=se,ue.defaultProps={className:null,children:null};var ce=n(76009),de=n.n(ce),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,o=(0,f.useContext)(pe).direction;return f.createElement("div",{className:c()(["micromag-element-stack-spacer-container",(t={},(0,r.Z)(t,"micromag-element-stack-spacer-hasSize",null!==n),(0,r.Z)(t,i,null!==i),t)]),style:{width:"horizontal"===o?n:null,minWidth:"horizontal"===o?a:null,maxWidth:"horizontal"===o?l:null,height:"vertical"===o?n:null,minHeight:"vertical"===o?a:null,maxHeight:"vertical"===o?l:null}})}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,o=e.minSize,s=e.maxSize,u=e.className,d=e.children,m=("vertical"===t?"column":"row")+(l?"-reverse":""),p="center"===n?n:"flex-".concat(n),g=fe()(a)?"space-".concat(a):null,y=de()(a)?a:null,h=null!==d&&d.length?d.length-1:null;return f.createElement(ye,{direction:t},f.createElement("div",{className:c()(["micromag-element-stack-container",(0,r.Z)({},u,null!==u)]),style:{flexDirection:m,alignItems:p,justifyContent:g,width:"horizontal"===t?i:null,minWidth:"horizontal"===t?o:null,maxWidth:"horizontal"===t?s:null,height:"vertical"===t?i:null,minHeight:"vertical"===t?o:null,maxHeight:"vertical"===t?s:null}},f.Children.toArray(d).reduce((function(e,t,n){return t.type!==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 Ee(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={},Ee.propTypes={},Ee.defaultProps={};var Me={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,s=e.distribution,u=e.fullscreen,d=e.className,m=e.children,p=e.style,g=null;null!==s?g="space-".concat(s):"middle"===i?g="center":"bottom"===i&&(g="flex-end");var y=null;"center"===l?y="center":"right"===l&&(y="flex-end");var h=(0,o.Z)({width:n,height:a,justifyContent:g,alignItems:y},p);return f.createElement(ye,{direction:"vertical"},f.createElement("div",{className:c()(["micromag-element-layout-container",(t={},(0,r.Z)(t,"micromag-element-layout-fullscreen",u),(0,r.Z)(t,d,null!==d),t)]),style:h},m))};Se.propTypes=Me,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,o=e.progressColor,u=e.withTime,d=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,s.Z)(y,2),v=h[0],b=h[1];(0,f.useEffect)((function(){if(null!==n&&null!==a){var e=n/a;b.start({reset:!0,immediate:!l,from:{x:e},to:{x:l?1:e},config:{duration:1e3*(a-n)}})}}),[l,a,n,b]);var E=(0,f.useCallback)((function(e){if(null!==d&&null!==a){var t=e.currentTarget.getBoundingClientRect(),n=(e.pageX-t.left)/t.width;d(n*a)}}),[a]),M=(0,f.useMemo)((function(){return n>3600||a>3600?11:14}),[n,a]),S=(0,f.useMemo)((function(){if(u){var e=new Date(null);return e.setSeconds(n),e.toISOString().substring(M,19)}return null}),[n,M,u]),k=(0,f.useMemo)((function(){if(u){var e=new Date(null);return e.setSeconds(a),e.toISOString().substring(M,19)}return null}),[a,M,u]);return f.createElement("div",{className:c()(["micromag-element-media-controls-seek-bar-container",(t={},(0,r.Z)(t,"micromag-element-media-controls-seek-bar-withTime",u),(0,r.Z)(t,p,null!==p),t)])},u?f.createElement("div",{className: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:o}})),f.createElement("button",{type:"button",className:"micromag-element-media-controls-seek-bar-button",onClick:E,title:g.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),"aria-label":g.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),tabIndex:m?"0":"-1"})),u?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,o=e.onTogglePlay,s=e.onToggleMute,u=e.onSeek,d=e.withSeekBar,m=e.withPlayPause,p=e.withTime,g=e.color,y=e.progressColor,v=e.className,b=e.focusable,w=(0,ke.Z)(),C=fe()(g)?{color:g,alpha:1}:g,E=(C||{}).color,M=void 0===E?"white":E,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:c()([Pe.container,(t={},(0,r.Z)(t,v,null!==v),(0,r.Z)(t,Pe.playing,n),(0,r.Z)(t,Pe.muted,a),(0,r.Z)(t,Pe.withPlayPause,m),(0,r.Z)(t,Pe.withSeekBar,d),t)]),style:{color:M}},f.createElement("div",{className:Pe.toggles},f.createElement("button",{type:"button",className:Pe.playPauseButton,onClick:o,title:w.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),"aria-label":w.formatMessage({id:"ahSpiH",defaultMessage:[{type:0,value:"Play"}]}),tabIndex:b?"0":"-1"},f.createElement(W.FontAwesomeIcon,{className:Pe.icon,icon:n?V.faPause:V.faPlay})),f.createElement("button",{type:"button",className:Pe.muteButton,onClick:s,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}))),d?f.createElement(xe,{className:Pe.seekBar,currentTime:l,duration:i,playing:n,onSeek:u,focusable:b,withTime:p,backgroundColor:M,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,u=e.callToAction,d=e.current,m=e.active,v=e.transitions,b=e.getMediaRef,w=e.showWave,C=e.className,E=(0,y.useTrackScreenMedia)("audio"),M=(0,g.useScreenSize)(),S=M.width,k=M.height,T=M.menuOverScreen,N=(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!==u&&!0===u.active,z=(0,f.useState)(F||x),q=(0,s.Z)(z,2),j=q[0],B=q[1],V=d&&(A||Z),W=d||m||!A,_=d&&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,re=void 0===ie?null:ie,se=(Q||{}).url,ce=null!==(void 0===se?null:se),de=H?(0,o.Z)((0,o.Z)({},n),{},{autoPlay:!O&&!F&&!I&&J&&d}):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,Ee=ge.mediaRef,Me=void 0===Ee?null:Ee;(0,f.useEffect)((function(){null!==Me&&null!==b&&b(Me.current)}),[Me,b]);var ke=(0,f.useState)(null),Te=(0,s.Z)(ke,2),Ne=Te[0],xe=Te[1],Pe=(0,f.useState)(null),Oe=(0,s.Z)(Pe,2),Ze=Oe[0],Ie=Oe[1],Re=(0,f.useState)(!1),Le=(0,s.Z)(Re,2),ze=Le[0],qe=Le[1],je=(0,f.useState)(!1),Be=(0,s.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){E(n,"progress_".concat(Math.round(100*e,10),"%"))}),[E,n]),He=(0,f.useCallback)((function(e){Ie(e)}),[Ie]),Ue=(0,f.useCallback)((function(e){var t=e.initial;qe(!0),E(n,t?"play":"resume")}),[E,n]),Ye=(0,f.useCallback)((function(e){var t=e.midway;qe(!1),E(n,t?"pause":"ended")}),[E,n]),Qe=(0,f.useCallback)((function(e){Ce(e),be()}),[Ce,be]),Xe=(0,f.useCallback)((function(e){Ve(e),E(n,e?"mute":"unmute")}),[E,n]),Je=(0,f.useCallback)((function(e){e>0&&E(n,"seek")}),[E,n]),Ke=(0,f.useCallback)((function(){De&&!ze&&be(),he()}),[De,he]);(0,f.useEffect)((function(){!d&&ze&&we()}),[ze,d]);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:u,animationDisabled:O,focusable:d&&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:!ce},f.createElement(p.Transitions,{transitions:v,playing:_,disabled:G},f.createElement(P,Object.assign({},de,{ref:pe,waveFake:We||O,waveProps:O?{sampleWidth:10,sampleMargin:5,minSampleHeight:5,backgroundColor:le,progressColor:re}:{backgroundColor:le,progressColor:re},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(oe,{className:Fe.closedCaptions,media:$,currentTime:Ne}),ce?f.createElement(Ae,{className:Fe.mediaControls,withPlayPause:ne,playing:ze,muted:De,onTogglePlay:ye,onToggleMute:Ke,focusable:d&&A,withSeekBar:!w,duration:Ze,currentTime:Ne,onSeek:Qe}):null,et)].filter((function(e){return null!==e}));return f.createElement("div",Object.assign({className:c()([Fe.container,(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,Fe.placeholder,x),(0,r.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(ue,{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,r=l.component;console.log(a);var s=(0,Ze.W2)(i,(0,v.Z)(r?[r]:[])),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),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,o.Z)((0,o.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,o.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,o.Z)((0,o.Z)({},e),{},{routes:(0,o.Z)({index:"/contributions/:screen",store:"/contributions",update:"/contributions/:contribution",delete:"/contributions/:contribution"},e.routes||null)}))}return(0,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,o.Z)({},t);return null!==n&&(l.page=n),null!==a&&(l.count=a),this.requestGet(this.route("index",{screen:e}),l)}},{key:"create",value:function(e){return this.requestPost(this.route("store"),e)}}]),n}(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,o.Z)((0,o.Z)({},e),{},{routes:(0,o.Z)({index:"medias",tags:"medias/tags",authors:"medias/authors",show:"medias/:media",store:"medias",update:"medias/:media",delete:"medias/:media"},e.routes||null)}))}return(0,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,o.Z)({},e);return null!==t&&(a.page=t),null!==n&&(a.count=n),this.requestGet(this.route("index"),a)}},{key:"getTags",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=(0,o.Z)({},e);return null!==t&&(n.count=t),this.requestGet(this.route("tags"),n)}},{key:"getAuthors",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=(0,o.Z)({},e);return null!==t&&(n.count=t),this.requestGet(this.route("authors"),n)}},{key:"create",value:function(e){return this.requestPost(this.route("store"),e)}},{key:"update",value:function(e,t){return this.requestPut(this.route("update",{media:e}),t)}},{key:"delete",value:function(e){return this.requestDelete(this.route("delete",{media:e}))}}]),n}(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,o.Z)((0,o.Z)({},e),{},{routes:(0,o.Z)({results:"/quiz/:screen",store:"/quiz",update:"/quiz/:quiz",delete:"/quiz/:quiz"},e.routes||null)}))}return(0,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,r=(0,f.useState)(!1),o=(0,s.Z)(r,2),u=o[0],c=o[1],d=(0,f.useState)(!1),m=(0,s.Z)(d,2),p=m[0],g=m[1],y=(0,f.useState)(a),h=(0,s.Z)(y,2),v=h[0],b=h[1],w=(0,f.useCallback)((function(){var t=!1;c(!0);var n=e.apply(void 0,arguments).then((function(e){return t||(b(e),c(!1)),e})).catch((function(e){g(e),c(!1)}));return n.cancel=function(){t=!0,c(!1)},n}),[e,c,b]);return(0,f.useEffect)((function(){var e=null;return i&&(e=w()),function(){null!==e&&e.cancel()}}),[i,w]),{data:v,load:w,loading:u,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),r=(0,s.Z)(i,2),u=r[0],c=r[1],d=(0,f.useCallback)((function(e){return null===l?null:(c(!0),l.quiz.create((0,o.Z)({screen_id:t},e)).then((function(e){return c(!1),null!==a&&a(e),e})))}),[l,c,a,t]);return{create:d,creating:u}},it={api:m().instanceOf(Xe),apiBaseUrl:m().string,children:m().node},rt=function(e){var t=e.api,n=e.apiBaseUrl,a=e.children;return f.createElement(et,{api:t,baseUrl:n},a)};rt.propTypes=it,rt.defaultProps={api:null,apiBaseUrl:void 0,children:null};var ot={size:m().oneOf([1,2,3,4,5,6]),body:m().string,textStyle:a.PropTypes.textStyle,linksStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,className:m().string,headingRef:m().shape({})},st=function(e){var t=e.size,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,s=e.className,u=e.headingRef,d="h".concat(t),m=a||{},g=m.link,y=void 0===g?null:g,v=m.highlight,b=void 0===v?null:v,w=null,C=null!==y?(0,h.getStyleFromLink)(y):null,E=null!==b?(0,h.getStyleFromHighlight)(b):null;null!==a&&(w=(0,o.Z)((0,o.Z)({},w),(0,h.getStyleFromText)(a))),null!==i&&(w=(0,o.Z)((0,o.Z)({},w),(0,h.getStyleFromMargin)(i))),null!==l&&(C=(0,o.Z)((0,o.Z)({},C),(0,h.getStyleFromText)(l)));var M=null!==C||null!==b,S=(0,f.useMemo)((function(){return M?"text-component-".concat((0,U.Z)()):null}),[M]);return f.createElement(f.Fragment,null,null!==C?f.createElement(p.LinkStyle,{selector:"#".concat(S),style:C}):null,null!==E?f.createElement(p.HighlightStyle,{selector:"#".concat(S),style:E}):null,f.createElement(d,{id:S,className:c()(["micromag-element-heading-container",(0,r.Z)({},s,null!==s)]),style:w,dangerouslySetInnerHTML:{__html:n},ref:u}))};st.propTypes=ot,st.defaultProps={size:1,body:null,textStyle:null,linksStyle:null,margin:null,className:null,headingRef:null};var ut=f.forwardRef((function(e,t){return f.createElement(st,Object.assign({headingRef:t},e))})),ct=n(55976),dt="micromag-element-text-input-element",mt={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},ft=function(e){var t,n=e.label,a=e.labelOutside,l=e.labelClassName,i=e.textStyle,s=e.buttonStyle,u=e.labelOutsideStyle,d=e.margin,m=e.multiline,p=e.value,g=e.onChange,y=e.onFocus,v=e.onBlur,b=e.required,w=e.disabled,C=e.focusable,E=e.className,M={},S={},k={};null!==d&&(M=(0,o.Z)((0,o.Z)({},M),(0,h.getStyleFromMargin)(d))),null!==u&&(S=(0,o.Z)((0,o.Z)({},S),(0,h.getStyleFromText)(u))),null!==i&&(k=(0,o.Z)((0,o.Z)({},k),(0,h.getStyleFromText)(i))),null!==s&&(k=(0,o.Z)((0,o.Z)({},k),(0,h.getStyleFromBox)(s)));var T={className:c()(["micromag-element-text-input-container",(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,dt,!a),t)]),style:M},N=(0,o.Z)((0,o.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};ft.propTypes=mt,ft.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 pt={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"},gt={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},yt=function(e){var t,n=e.id,a=e.layout,l=e.title,u=e.name,d=e.message,m=e.submit,w=e.nameStyle,C=e.messageStyle,E=e.spacing,M=e.background,S=e.callToAction,k=e.current,T=e.active,N=e.transitions,x=e.transitionStagger,P=e.resizeTransitionDuration,O=e.type,A=e.className,Z=n||"screen-id",F=(0,y.useTrackScreenEvent)(O),I=(0,g.useScreenSize)(),R=I.width,L=I.height,z=I.menuOverScreen,q=(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)(u),ie=(0,h.isLabelFilled)(d),re=(0,h.isTextFilled)(m),oe=(0,f.useRef)(null),se=(0,f.useRef)(null),ce=(0,f.useState)(null),de=(0,s.Z)(ce,2),me=de[0],fe=de[1],pe=(0,f.useState)(""),ge=(0,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(""),be=(0,s.Z)(ve,2),we=be[0],Ce=be[1],Ee=(0,f.useState)(Y||X?4:0),Me=(0,s.Z)(Ee,2),Se=Me[0],ke=Me[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),r=(0,s.Z)(i,2),u=r[0],c=r[1];return{create:(0,f.useCallback)((function(e){return null===l?null:(c(!0),l.contributions.create((0,o.Z)({screen_id:t},e)).then((function(e){return c(!1),null!==a&&a(e),e})))}),[l,c,a,t]),creating:u}}({screenId:Z}),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)}}))),r=(0,s.Z)(i,1)[0],u=(0,f.useCallback)((function(){return null!==l?l.contributions.get(t):null}),[l,t]),c=null!==l?tt(u,a):{data:null},d=c.data,m=(0,b.Z)(c,nt);return(0,o.Z)({contributions:d||r},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,s.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(se.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(oe.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:pt.emptyTitle,isEmpty:!ae},ae?f.createElement(p.Transitions,{transitions:N,playing:$,disabled:ee},f.createElement(ut,Object.assign({},l,{className:pt.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:pt.interactiveContainer,style:{height:Se<4?me:null,transitionDuration:"".concat(P,"ms")}},f.createElement("form",{className:pt.form,onSubmit:Qe,ref:se},f.createElement("div",{className:pt.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:pt.emptyInputName,isEmpty:!le},f.createElement(p.Transitions,{transitions:N,playing:$,delay:x,disabled:ee},f.createElement(ft,Object.assign({className:pt.inputName},u,{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:pt.emptyInputMessage,isEmpty:!ie},f.createElement(p.Transitions,{transitions:N,playing:$,delay:2*x,disabled:ee},f.createElement(ft,Object.assign({className:pt.inputMessage},d,{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:pt.emptySubmit,isEmpty:!re},f.createElement(p.Transitions,{transitions:N,playing:$,delay:3*x,disabled:ee},f.createElement(H,{type:"submit",className:pt.buttonSubmit,disabled:_,buttonStyle:null!==m?m.buttonStyle:null,focusable:k&&B},f.createElement(Q,Object.assign({},m,{inline:!0})))))),f.createElement("div",{className:pt.formLoading},f.createElement(W.FontAwesomeIcon,{className:pt.loadingIcon,icon:V.faSpinner}))),f.createElement("div",{className:pt.contributionsContainer,"aria-hidden":4===Se?null:"true"},f.createElement("div",{className:pt.contributionsContent},f.createElement("div",{className:pt.contributions,ref:oe},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:pt.contribution,style:null!==n?(0,h.getStyleFromColor)(n.color,"borderColor"):null},f.createElement(ut,{className:pt.contributionName,body:e.name,size:2,textStyle:n}),f.createElement(Q,{className:pt.contributionMessage,body:e.message,textStyle:a}))}))))),ze?f.createElement("div",{style:{height:He}}):null)),f.createElement("div",{className:c()([pt.container,(t={},(0,r.Z)(t,A,null!==A),(0,r.Z)(t,pt.isPlaceholder,G),(0,r.Z)(t,pt.submitting,1===Se),(0,r.Z)(t,pt.submitted,Se>1),(0,r.Z)(t,pt.showContributions,4===Se),t)]),"data-screen-ready":!0},G?null:f.createElement(D,{background:M,width:R,height:L,playing:J,shouldLoad:K}),f.createElement(ue,{width:R,height:L},f.createElement("div",{className:pt.content,style:G?null:{padding:E,paddingTop:(z&&!_?q:0)+E}},f.createElement(ct.default,{verticalAlign:a,disabled:ne,onScrolledBottom:Ue,onScrolledNotBottom:Ye},Xe),!G&&ze?f.createElement(te,{ref:_e,className:pt.callToAction,disabled:!Ve,animationDisabled:_,callToAction:S,focusable:k&&B,screenSize:{width:R,height:L}}):null)))};yt.propTypes=gt,yt.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 ht={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:yt,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"}}}]},vt={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},bt=function(e){var t=e.media,n=e.alt,a=e.width,l=e.height,i=e.objectFit,u=e.containerStyle,d=e.imageStyle,m=e.className,p=e.imageClassName,g=e.onLoaded,y=e.loadingMode,v=t||{};v.url;var b,w,C=v.metadata,E=(void 0===C?null:C)||{},M=E.width,S=void 0===M?0:M,k=E.height,T=void 0===k?0:k,N=E.description,x=void 0===N?"image":N,P=S/T,A=(0,f.useState)({width:S,height:T}),Z=(0,s.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,o.Z)((0,o.Z)({},b),u);var ie=w=(0,o.Z)((0,o.Z)({},w),d),re=ie.width,oe=void 0===re?null:re,se=ie.height,ue=void 0===se?null:se,ce=(0,h.getOptimalImageUrl)(t,oe,ue);return f.createElement("div",{className:c()(["micromag-element-image-container",(0,r.Z)({},m,null!==m)]),style:b},null!==ce?f.createElement("img",{src:ce,alt:n||x,className:c()(["micromag-element-image-img",(0,r.Z)({},p,null!==p)]),style:w,onLoad:j,loading:y}):null)};bt.propTypes=vt,bt.defaultProps={media:null,alt:null,width:null,height:null,objectFit:null,containerStyle:{},imageStyle:{},className:null,imageClassName:null,onLoaded:null,loadingMode:"lazy"};var wt="micromag-element-visual-container",Ct=["media","width","height","objectFit","playing","videoLoop","videoInitialMuted","onLoaded","className","videoClassName"],Et={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,s=e.videoLoop,u=e.videoInitialMuted,d=e.onLoaded,m=e.className,p=e.videoClassName,g=(0,b.Z)(e,Ct),y=t||{},h=y.type,v=void 0===h?null:h,w=y.thumbnail_url,C=void 0===w?null:w,E=y.metadata,M=y.url,S=(E||{}).mime,k="video"===v,T="image"===v&&"image/gif"===S,N=(0,f.useMemo)((function(){return(0,o.Z)((0,o.Z)({},g),{},{media:t})}),[g,t]),x=(0,f.useMemo)((function(){var e=i||!k&&!T?N:(0,o.Z)((0,o.Z)({},N),{},{media:{url:C}});return T&&i?(0,o.Z)((0,o.Z)({},N),{},{media:{url:M}}):e}),[k,T,N,C,M,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(bt,Object.assign({},x,{objectFit:l,width:n,height:a,onLoaded:d,className:c()([wt,(0,r.Z)({},m,null!==m)])})),k&&i?f.createElement("div",{className:c()([wt,(0,r.Z)({},m,null!==m)]),style:{width:n,height:a}},f.createElement("div",{className:c()(["micromag-element-visual-videoContainer",(0,r.Z)({},p,null!==p)]),style:P},f.createElement(R,Object.assign({},N,{width:null===l?n:null,height:null===l?a:null,autoPlay:!0,loop:s,initialMuted:u,onReady:d})))):null):null};Mt.propTypes=Et,Mt.defaultProps={media:null,width:null,height:null,objectFit:null,playing:!0,videoLoop:!0,videoInitialMuted:!0,onLoaded:null,className:null,videoClassName:null};var St={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"},kt={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},Tt=function(e){var t,n,a=e.message,l=e.previousMessage,i=e.nextMessage,u=e.nextMessageState,d=e.currentSpeaker,m=e.conversationTiming,p=e.typingTiming,g=e.onChange,y=e.withAnimation,v=e.isPlaying,b=e.messageStyle,w=e.speakerStyle,C=e.className,E=a||{},M=E.message,S=E.image,k=void 0===S?null:S,T=d||{},N=T.avatar,x=(N=void 0===N?{}:N).url,P=void 0===x?null:x,O=T.name,A=T.side,Z=void 0===A?"left":A,F=T.id,I=T.color,R="right"===Z,L=null!==l&&l.speaker===F,z=null!==i&&i.speaker===F,q=(0,f.useState)(y?"pause":"send"),j=(0,s.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&&u;return"pause"!==B?f.createElement("div",{className:c()([St.messageContainer,(t={},(0,r.Z)(t,C,null!==C),(0,r.Z)(t,St.withAnimation,!0===y),(0,r.Z)(t,St.right,R),t)])},"typing"===B?f.createElement("div",{className:St.loadingContainer},f.createElement("div",{className:St.loading},f.createElement("div",{className:St.dot}),f.createElement("div",{className:St.dot}),f.createElement("div",{className:St.dot})),f.createElement("div",{className:St.loadingSpeakerName},O)):f.createElement("div",{className:c()([St.message,(n={},(0,r.Z)(n,St.normalRight,R),(0,r.Z)(n,St.nextTheSame,!0===z&&L),(0,r.Z)(n,St.inBetweenRight,_&&R),(0,r.Z)(n,St.normalLeft,!R),(0,r.Z)(n,St.inBetweenLeft,_&&!R),(0,r.Z)(n,St.last,!1===z),n)]),style:(0,o.Z)({},(0,h.getStyleFromColor)(I))},L?null:f.createElement("div",{className:c()([St.speakerDetails,(0,r.Z)({},St.right,"right"===Z)])},null!==P?f.createElement("div",{className:c()([St.avatarContainer,(0,r.Z)({},St.right,"right"===Z)])},f.createElement("img",{className:St.avatar,src:P,alt:O})):null,f.createElement(Q,{body:O,textStyle:w})),f.createElement("div",null),f.createElement("div",{className:St.messageBody},null!==k?f.createElement("div",{className:St.imageContainer},f.createElement(Mt,{media:k,width:"100%",playing:v})):null,f.createElement(Q,{className:St.messageBody,body:M,textStyle:b})))):null};Tt.propTypes=kt,Tt.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 Nt={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},xt=function(e){var t,n=e.title,a=e.timing,l=e.spacing,o=e.background,u=e.callToAction,d=e.current,m=e.active,b=e.type,w=e.conversation,C=e.transitions,E=e.className,M=(0,g.useScreenSize)(),S=M.width,k=M.height,T=M.menuOverScreen,N=(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=d&&(O||F),z=d||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,s.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,re=(0,f.useCallback)((function(e){var t=(0,v.Z)(X);"send"===e&&(t.push(!0),J(t))}),[X,J]),oe=(_||[]).filter((function(e){return null!==e})),se=oe.map((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.timing,n=void 0===t?null:t,a=e.message,l=void 0===a?null:a,i=arguments.length>1?arguments[1]:void 0;if(null!==n)return n;if(0===i)return 0;var r=40*((l||"").length||10);return r<2e3?r:2e3})),ce=oe.map((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.hesitation,n=void 0===t?null:t;return null!==n?n:1e3})),de=(0,f.useMemo)((function(){return(_||[]).map((function(){return(0,U.Z)()}))}),[_]),me=I||R||Z||A||F,fe=!F&&me||!d,pe=null!==u&&!0===u.active,ge=(0,f.useState)(!1),ye=(0,s.Z)(ge,2),he=ye[0],ve=ye[1],be=(0,y.useResizeObserver)(),we=be.ref,Ce=(be.entry.contentRect||{}).height,Ee=void 0===Ce?0:Ce,Me=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:c()([St.container,(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,St.isPlaceholder,Z),t)]),"data-screen-ready":!0},Z?null:f.createElement(D,{background:o,width:S,height:k,playing:L,shouldLoad:z}),f.createElement(ue,{width:S,height:k},f.createElement(ct.default,{ref:le,disabled:fe,onScrolledBottom:ke,onScrolledNotBottom:Te},f.createElement("div",{ref:ne},f.createElement(Se,{className:St.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:St.empty,isEmpty:0===_.length&&null===n},f.createElement(p.Transitions,{transitions:C,playing:d,disabled:me},$?f.createElement(ut,Object.assign({},n,{className:St.title,isEmpty:null===n})):null,f.createElement("div",{className:St.conversation},oe.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,r=0===t||!0===X[t-1],o=ce[t],s=se[t];return f.createElement(Tt,{key:"".concat(e.message,"-").concat(de[t]),message:e,previousMessage:n,nextMessage:a,nextMessageState:X[t+1]||!q,currentSpeaker:i,conversationTiming:o,typingTiming:s,onChange:re,withAnimation:q,isPlaying:d&&r,messageStyle:G,speakerStyle:H})}))),Me?f.createElement("div",{style:{minHeight:Ee}},f.createElement(te,{ref:we,className:St.callToAction,disabled:!he,animationDisabled:A,callToAction:u,focusable:d&&O,screenSize:{width:S,height:k}})):null,f.createElement("div",{ref:K}))))))))};xt.propTypes=Nt,xt.defaultProps={title:null,timing:"sequence",spacing:20,background:null,callToAction:null,current:!0,active:!0,type:null,conversation:null,transitions:null,className:null};var Pt=f.memo(xt),Ot={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:Pt,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"}}}]},At=n(65128),Zt=n.n(At),Ft=n(69546),It=n.n(Ft),Rt={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 Lt(e){var t=e.items,n=e.layout,a=e.width,l=e.height,i=e.spacing,o=e.vertical,s=e.className,u=e.axisClassName,d=e.crossClassName,m=0,p=It()(n)?n:[{rows:o?t.map((function(){return 1})):1,columns:o?1:t.map((function(){return 1}))}],g=p.reduce((function(e,t){var n=t.rows,a=void 0===n?1:n,l=t.columns;return e+(o?void 0===l?1:l:a)}),0);return f.createElement("div",{className:c()(["micromag-element-grid-container",(0,r.Z)({},s,null!==s)]),style:{width:a,height:l,padding:null!==i&&i>0?i/2:null}},f.createElement("div",{className:"micromag-element-grid-items",style:{flexDirection:o?"row":"column"}},p.map((function(e,n){var a=e.rows,l=e.columns,s="".concat((o?l:a)/g*100,"%"),p=o?a:l,y=It()(p)?p:[p],h=y.reduce((function(e,t){return e+t}),0);return f.createElement("div",{key:"cross-".concat(n),className:c()(["micromag-element-grid-cross",(0,r.Z)({},d,null!==d)]),style:{flexDirection:o?"column":"row",width:o?s:null,height:o?null:s}},y.map((function(e,n){var a="".concat(e/h*100,"%"),l=t[m];return m+=1,f.createElement("div",{key:"axis-".concat(n),className:c()(["micromag-element-grid-axis",(0,r.Z)({},u,null!==u)]),style:{width:o?null:a,height:o?a:null,padding:i>0?i/2:0}},l)})))}))))}Lt.propTypes=Rt,Lt.defaultProps={layout:null,items:[],width:null,height:null,spacing:0,vertical:!1,className:null,axisClassName:null,crossClassName:null};var zt=n(7896),qt={"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]}]}},jt={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"},Bt={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},Dt=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,o=e.background,u=e.callToAction,d=e.current,m=e.active,b=e.spacing,w=e.captionMaxLines,C=e.transitions,E=e.transitionStagger,M=e.className,S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=S.menuOverScreen,x=(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=d&&(O||F),z=d||m||!O,q=Z?5:b,j=Zt()(qt[n])?qt[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,s.Z)(H,2),Y=U[0],X=U[1],J=null!==a?Math.min(G,a.length):0,K=Y>=J,$=d&&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,s.Z)(le,2),re=ie[0],oe=ie[1],se=(0,y.useResizeObserver)(),ce=se.ref,de=se.entry.contentRect||{},me=de.width,fe=void 0===me?null:me,pe=de.height,ge=void 0===pe?null:pe;(0,f.useEffect)((function(){ae.current.length&&oe(ae.current.map((function(e){return null!==e?{width:e.offsetWidth,height:e.offsetHeight}:{}})))}),[fe,ge,n,oe]);var ye=null!==u&&!0===u.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,r=re[t]||{},o=l?n:{media:n},s=(o||{}).caption,u=void 0===s?null:s,c=(0,h.isImageFilled)(o),d=(0,h.isTextFilled)(u);return f.createElement("div",{key:"item-".concat(t),className:jt.gridItem},f.createElement("div",{className:jt.imageContainer,ref:function(e){ae.current[t]=e}},f.createElement(p.Transitions,{transitions:C,delay:t*E,playing:$,disabled:ee,fullscreen:!0},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:jt.placeholder,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:jt.emptyImage,isEmpty:!c},f.createElement(Mt,Object.assign({className:jt.image},o,r,{objectFit:{fit:"cover"},playing:L,onLoaded:ne}))))),l?f.createElement(p.Transitions,{transitions:C,delay:t*E,playing:$,disabled:ee},f.createElement(p.ScreenElement,{placeholder:"line",emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:jt.emptyCaption,isEmpty:!d},f.createElement("div",{className:jt.caption},f.createElement(Q,Object.assign({},u,{className:jt.captionText,lineClamp:w}))))):null)}));return f.createElement("div",{className:c()([jt.container,(t={},(0,r.Z)(t,M,null!==M),(0,r.Z)(t,jt.isPlaceholder,Z),t)]),"data-screen-ready":K},Z?null:f.createElement(D,{background:o,width:k,height:T,playing:L,shouldLoad:z}),f.createElement(ue,{width:k,height:T},f.createElement("div",{className:jt.content,style:{paddingTop:N&&!A?x:null,paddingBottom:ye?we-q:0},ref:ce},f.createElement(Lt,Object.assign({className:jt.grid,spacing:q,items:Ce},j)),!Z&&ye?f.createElement("div",{style:{marginTop:-q}},f.createElement(te,{ref:ve,className:jt.callToAction,callToAction:u,animationDisabled:A,focusable:d&&O,screenSize:{width:k,height:T}})):null)))};Dt.propTypes=Bt,Dt.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 Vt=f.memo(Dt),Wt=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,r=(0,Ze.W2)(l,(0,v.Z)(i?[i]:[])),s=r.story,u=r.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(u?[u]:[]))})}}),_t=[{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:Vt,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:Wt,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,zt.Z)({},e);return f.createElement(Vt,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:Wt,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"}}}]}],Gt={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"},Ht={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},Ut=function(e){var t,n=e.layout,a=e.images,l=e.withCaptions,o=e.spacing,u=e.background,d=e.callToAction,m=e.current,b=e.active,w=e.transitions,C=e.transitionStagger,E=e.type,M=e.className,S=(0,y.useTrackScreenEvent)(E),k=(0,g.useScreenSize)(),T=k.width,N=k.height,x=k.menuOverScreen,P=(0,g.useViewer)().menuSize,O=(0,g.useScreenRenderContext)(),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,s.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,r=void 0===a?null:a,s=(0,h.isImageFilled)(n),u=(0,h.isTextFilled)(r),c=f.createElement(p.ScreenElement,{key:"image-".concat(t),placeholder:"image",emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Gt.emptyImage,isEmpty:!s},f.createElement("div",{className:Gt.imageContainer,ref:0===t?ae:null},f.createElement(Mt,Object.assign({},n,{width:le,onLoaded:X,playing:z})))),d=null;if(l){var m=!J||t>0?o/2:0,g=J||t<(ee||[]).length-1?o/2:0;d=f.createElement(p.ScreenElement,{key:"caption-".concat(t),placeholder:"text",placeholderProps:{lines:2},emptyLabel:f.createElement(i.Z,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:Gt.emptyCaption,isEmpty:!u},f.createElement("div",{className:Gt.caption,style:{marginTop:m,marginBottom:g}},f.createElement(Q,Object.assign({},r,{className:Gt.captionText}))))}J?(l&&K.push(d),K.push(c)):(K.push(c),l&&K.push(d)),!F&&t<(ee||[]).length-1&&K.push(f.createElement("div",{key:"spacing-".concat(t),style:{height:o}}))}));var ie=null!==d&&!0===d.active,re=(0,f.useState)(!1),oe=(0,s.Z)(re,2),se=oe[0],ce=oe[1],de=(0,y.useResizeObserver)(),me=de.ref,fe=(de.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"),ce(!0)}),[S]),ye=(0,f.useCallback)((function(){ce(!1)}),[ce]);return f.createElement("div",{className:c()([Gt.container,(t={},(0,r.Z)(t,M,null!==M),(0,r.Z)(t,Gt.isPlaceholder,F),t)]),"data-screen-ready":G},F?null:f.createElement(D,{background:u,width:T,height:N,playing:z,shouldLoad:q}),f.createElement(ue,{width:T,height:N},f.createElement(ct.default,{disabled:Y,onScrolledBottom:ge,onScrolledNotBottom:ye},f.createElement(Se,{className:Gt.layout,style:F?null:{padding:o,paddingTop:(x&&!Z?P:0)+o}},f.createElement(p.TransitionsStagger,{transitions:w,stagger:C,disabled:U,playing:H},K))),!F&&ie?f.createElement(te,{ref:me,className:Gt.callToAction,disabled:!se,animationDisabled:Z,callToAction:d,focusable:m&&A,screenSize:{width:T,height:N}}):null))};Ut.propTypes=Ht,Ut.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 Yt=f.memo(Ut),Qt=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,r=(0,Ze.W2)(l,(0,v.Z)(i?[i]:[])),s=r.story,u=r.component;return(0,o.Z)((0,o.Z)({},s),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(u?[u]:[]))})}}),Xt=[{id:"gallery-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:Yt,layouts:["normal"],transforms:Qt,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,zt.Z)({},e);return f.createElement(Yt,Object.assign({},t,{withCaptions:!0}))},layouts:["normal","reverse"],transforms:Qt,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"}}}]}],Jt={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"},Kt={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},$t=function(e){var t,n=e.layout,a=e.image,l=e.imageFit,o=e.defaultImageFit,u=e.title,d=e.text,m=e.legend,v=e.withTitle,b=e.withText,w=e.withLegend,C=e.spacing,E=e.background,M=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.className,x=(0,f.useMemo)((function(){return{fit:l||o}}),[l,o]),P=(0,g.useScreenSize)(),O=P.width,A=P.height,Z=P.menuOverScreen,F=(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)(u),H=(0,h.isTextFilled)(d),U=(0,h.isTextFilled)(m),Y=(0,f.useState)(!_),X=(0,s.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,re="card-reverse"===n,oe="fullscreen"===n,se=oe||z?0:C,ce=(0,y.useResizeObserver)(),de=ce.ref,me=ce.entry.contentRect||{},fe=me.width,pe=me.height,ge=re?"".concat(se/2,"px ").concat(-se/2,"px 0"):"0 ".concat(-se/2,"px ").concat(se/2,"px"),ye=ie||re?ge:se/2,he=[f.createElement("div",{key:"image",ref:de,className:Jt.imageContainer,style:z?null:{margin:ye}},f.createElement(p.ScreenElement,{placeholder:"image",placeholderProps:{className:Jt.placeholderImage,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Jt.emptyImage,isEmpty:!_},_?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee,fullscreen:!0},f.createElement(Mt,{className:Jt.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:Jt.emptyTitle,isEmpty:!G},G?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:se/2}},f.createElement(ut,u))):null),b&&f.createElement(p.ScreenElement,{key:"text",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:Jt.emptyText,isEmpty:!H},H?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:se/2}},f.createElement(Q,d))):null),w&&f.createElement(p.ScreenElement,{key:"legend",placeholder:"shortText",emptyLabel:f.createElement(i.Z,{id:"dqnkQk",defaultMessage:[{type:0,value:"Legend"}]}),emptyClassName:Jt.emptyLegend,isEmpty:!U},U?f.createElement(p.Transitions,{transitions:T,playing:$,disabled:ee},f.createElement("div",{style:z?null:{margin:se/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!==M&&!0===M.active;!z&&ve&&he.push(f.createElement("div",{style:{margin:-se/2,marginTop:0},key:"call-to-action"},f.createElement(te,{className:Jt.callToAction,callToAction:M,animationDisabled:L,focusable:S&&R,screenSize:{width:O,height:A}})));var be=se/2,we=(Z&&!L?F:0)+se/2;return(ie||oe)&&(we=0),re&&(we=Z?F:se/2,be=0),f.createElement("div",{className:c()([Jt.container,(t={},(0,r.Z)(t,N,null!==N),(0,r.Z)(t,Jt.isReversed,ae),(0,r.Z)(t,Jt.isPlaceholder,z),(0,r.Z)(t,Jt.isCard,ie),(0,r.Z)(t,Jt.isCardReverse,re),(0,r.Z)(t,Jt.isFullscreen,oe),t)]),"data-screen-ready":J},z?null:f.createElement(D,{background:E,width:O,height:A,playing:V,shouldLoad:W}),f.createElement(ue,{width:O,height:A},f.createElement(Se,{className:Jt.layout,fullscreen:!0,style:z?null:{padding:se/2,paddingTop:we,paddingBottom:be}},he)))};$t.propTypes=Kt,$t.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 en=f.memo($t),tn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.layout,a=t.image,l=t.text,i=t.title,r=(0,Ze.Ee)(e,a),s=r.story,u=r.component,c=(0,Ze.nL)(s,i),d=c.story,m=c.component,f=(0,Ze.xv)(d,l),p=f.story,g=f.component,y=[];switch(n){case"reverse":y=[].concat((0,v.Z)(g?[g]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(u?[u]:[]));break;case"title-top":y=[].concat((0,v.Z)(m?[m]:[]),(0,v.Z)(u?[u]:[]),(0,v.Z)(g?[g]:[]));break;default:y=[].concat((0,v.Z)(u?[u]:[]),(0,v.Z)(m?[m]:[]),(0,v.Z)(g?[g]:[]))}var h=(0,Ze.W2)(p,y),b=h.story,w=h.component;return(0,o.Z)((0,o.Z)({},b),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(w?[w]:[]))})}}),nn=[{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:en,layouts:["normal","fullscreen"],transforms:tn,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,zt.Z)({},e);return f.createElement(en,Object.assign({},t,{withTitle:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:tn,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,zt.Z)({},e);return f.createElement(en,Object.assign({},t,{withText:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:tn,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,zt.Z)({},e);return f.createElement(en,Object.assign({},t,{withTitle:!0,withText:!0}))},layouts:["normal","reverse","title-top","card","card-reverse"],transforms:tn,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,zt.Z)({},e);return f.createElement(en,Object.assign({},t,{withLegend:!0}))},layouts:["normal","reverse","card","card-reverse"],transforms:tn,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"}}}]}],an=n(86522),ln=n(12289),rn=n.n(ln),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"}]}],sn={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},cn=function(e){var t,n=e.center,a=e.zoom,l=e.maxZoom,i=e.bounds,o=e.draggable,u=e.withoutStyle,d=e.events,m=e.fitBounds,p=e.zoomControl,h=e.mapTypeControl,v=e.scaleControl,b=e.streetViewControl,w=e.rotateControl,C=e.fullscreenControl,E=e.className,M=e.children,S=e.focusable,k=function(e){var t=e.zoom,n=e.maxZoom,a=void 0===n?null:n,l=e.center,i=void 0===l?null:l,r=e.withoutStyle,o=void 0!==r&&r,u=e.fitBounds,c=void 0!==u&&u,d=e.bounds,m=void 0===d?null:d,p=e.events,h=e.draggable,v=void 0!==h&&h,b=e.zoomControl,w=e.mapTypeControl,C=e.scaleControl,E=e.streetViewControl,M=e.rotateControl,S=e.fullscreenControl,k=(0,g.useGoogleMapsClient)(),T=(0,f.useState)(!1),N=(0,s.Z)(T,2),x=N[0],P=N[1],O=(0,f.useRef)(null),A=(0,f.useRef)(null),Z=(0,y.useResizeObserver)(),F=Z.ref,I=Z.entry.contentRect||{},R=I.width,L=void 0===R?null:R,z=I.height,q=void 0===z?null:z;(0,f.useEffect)((function(){var e=A.current;if(null!==e&&null!==i){var t=i||{},n=t.lat,a=void 0===n?null:n,l=t.lng,r=void 0===l?null:l;e.panTo({lat:a||0,lng:r||0})}}),[i]),(0,f.useEffect)((function(){var e=A.current;null!==e&&null!==t&&e.setZoom(Math.min(a,t))}),[t,a]);var j=(0,f.useCallback)((function(e,t){null===t||t.equals(e.getBounds())||(e.fitBounds(t),e.getZoom()>a&&e.setZoom(a),e.panToBounds(t))}),[a]);return(0,f.useEffect)((function(){var e=A.current;null!==e&&c&&j(e,m)}),[j,m,c,L,q]),(0,f.useEffect)((function(){var e=A.current;x&&null!==e&&e.setOptions({draggable:v,scrollWheel:v,disableDoubleClickZoom:!v,gestureHandling:v?"cooperative":"none"})}),[x,v]),(0,f.useEffect)((function(){if(null===k||null===O.current||null!==A.current)return function(){};var e=new k.maps.Map(O.current,{zoom:t,center:i,styles:o?null:on,zoomControl:b,mapTypeControl:w,scaleControl:C,streetViewControl:E,rotateControl:M,fullscreenControl:S});return c&&j(e,m),A.current=e,null!==p&&Object.keys(p).forEach((function(t){null!==p[t]&&e.addListener(sn[t][0],(function(){return p[t](sn[t][1](e))}))})),P(!0),function(){}}),[k,P]),{ref:(0,f.useCallback)((function(e){F.current=e,O.current=e}),[]),map:A.current,ready:x,loading:!x}}({zoom:a,maxZoom:l,bounds:i,draggable:o,fitBounds:m,center:n,events:d,withoutStyle:u,zoomControl:p,mapTypeControl:h,scaleControl:v,streetViewControl:b,rotateControl:w,fullscreenControl:C}),T=k.map,N=k.ref;return f.createElement("div",{className:c()(["micromag-element-map-container",(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,"micromag-element-map-preventScroll",!o),t)])},f.createElement("div",{ref:N,className:"micromag-element-map-map",tabIndex:S?"0":"-1"}),f.Children.map(M,(function(e){return f.cloneElement(e,{map:T})})))};cn.propTypes=un,cn.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"},mn={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})},fn=function(e){var t=e.map,n=e.position,a=e.type,l=e.events,i=e.active;return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.position,a=void 0===n?null:n,l=t.icon,i=void 0===l?null:l,r=t.iconSize,o=void 0===r?null:r,s=t.events,u=t.title,c=(0,g.useGoogleMapsClient)(),d=(0,f.useRef)(null);(0,f.useEffect)((function(){var e=d.current;null!==e&&null!==a&&e.setPosition(a)}),[a]);var m=(0,f.useCallback)((function(e,t){if(null!==c)if(rn()(t)){var n=(t||{}).url,a=void 0===n?null:n;e.setIcon({url:a,scaledSize:new c.maps.Size(o.width,o.height)})}else e.setIcon(t)}),[c,o]);(0,f.useEffect)((function(){var e=d.current;null!==e&&null!==c&&m(e,i)}),[c,i,m]),(0,f.useEffect)((function(){if(null===c||null===e||null!==d.current)return function(){};var t=new c.maps.Marker({position:a,map:e,title:u});return m(t,i),Object.keys(s).forEach((function(e){t.addListener(dn[e],s[e])})),d.current=t,function(){c.maps.event.clearInstanceListeners(t),t.setMap(null)}}),[c,e]),d.current}(t,{position:n,type:a,events:l,title:e.title,icon:e.image||(i?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAC+ElEQVR4AWIgBP7//88DxCGAWssB1pIkCsO1iLG27WCtYG17x3Ywtm3bthlNMLZtz/NrXvStM/cbP/Vln6RSOfq/xqlOi2nO10bxUe26RRKLRdnxiZOnTqVpQO6NOc5AiYSd6O4dRcbAnlJQv4rk/fWt5HzzkbDjEydPHfX0pQr6Q4dcI7RqqZP7Z1z8i/cSLuqop4/+ZCB3iOt214UFVkG9SoikvOijHx1fGAXeqWNm7u9f0Zj2oh+dCoHcOlfkA0oZiB66ZYaBZ53uo/N7pOiWGBqmyF21xKEg24uhQf/mOWJsmaYgYOiiDwfYn5yTRE2X42vNWy/KyKcelZ6PPMCOTzwhEH04ii8ABzMRaNwzj0uXB+8rs4gnAqIPR/HJ4UvgV8wdlICUXOR9+9GHo/jG8enxK+aR+cDI+/ajD0eJ50Vzvv3Yt5h35Acj79ePPhylbetyXuVfA70z9OEoXVy0pbBl40DfGfpwVMy1R1kTRnpBTqM1cZQHh3P2Tiwv1wzynKEPR2HaNI4VNmsQyBcE3bj+UTgYE1kncmCvFQQMXRGpfQsmcre27fNFHVtkFYSeOM459OHcDvw+/mwtzkQ2QOigh64qz7RlrXRmTw1nA4ZOXG+F3z/Iozrkmvm1/80IRD866CkfY1hqeSeOGZnA6EdHJWPaNjdYw/tH0wHRR38q/43Padcx8/75ISUQ9fTRr1IxiUZbR7ZtSulxUk9fsoySZ8+xjxZ1bpkUiDrq6Uv3f/9TXVxk53z3qS+IPHXUq0xMbHuRNWGk77CQp05laiLysoRCbu4vn5cLIk6eOpUN06a52J46zisPRpy8ypaJyOvaMqycrz4sAcInTl5l07RprC3u1qYEDJ+4yraJSI3w5vVmiXO1dYNJPAjYQzo+CDlfvi+A2PGJqyBMG8aegiY1BRg7vgrKYqY53RjUS4Cx4wcGk1isa3zUNTB2/OBgIvVDq5bawNjxg4R96Z07U5T393fCjh8k7E7t2PPEi7rs+Kn0XwF82Z38cjx5pwAAAABJRU5ErkJggg==":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArCAYAAACJrvP4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTA3VDE2OjQ0OjQ4LTA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0wN1QxNzo1MToxMi0wNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNC0wN1QxNzo1MToxMi0wNDowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMDRhNzAzOS01Mjk1LTQzNjktYmMxNS1kYzEzODM3NDQ0MmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA0YTcwMzktNTI5NS00MzY5LWJjMTUtZGMxMzgzNzQ0NDJiIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTA0YTcwMzktNTI5NS00MzY5LWJjMTUtZGMxMzgzNzQ0NDJiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDRhNzAzOS01Mjk1LTQzNjktYmMxNS1kYzEzODM3NDQ0MmIiIHN0RXZ0OndoZW49IjIwMjAtMDQtMDdUMTY6NDQ6NDgtMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5lxvhNAAAEzUlEQVRYhbWXTWgbRxiG329mNLuKtVrrEMlEQsL4YhNIIoiQffFhcwkG44MugRBIXFpyq2+BUnJom0Mgh/bWQ35EcimE3kJoAg605BZMqLB7SEKMChKKA7bDypK1vz1UNrZr70qx+l52Z76fZ2b4ZoYhhMj3/RiAi51O55LneWeFECeFEEOO42w5jvORMfanoii/APiNiJpBuSgAMmxZ1k3O+fVarWZVKhW9Xq/DNE20221Eo1FomoZTp07hzJkzn9LptHRd92cp5XdEtNkzzPf9km3bD1ZWVsTi4mK02QwcMAAgFovhwoUL7dOnTzuRSOQaEf0aCPN9n2zb/t627YVHjx4NNRqNUMhBjYyM4MqVK1uRSORHKeW3R8Isy/phc3Pz63K5HGu1Wn2DdnTixAlcvXq1OTw8/NNeINv56S7dwnFBANBqtVAul2O2bS/4vl/a6acuaNi27b/v37+vfc7SHaWRkRHMz8+bkUgkS0SbDAAsy7q5vLwsBgkCgEajgZWVFWFZ1k0AYL7vxzjn11+8eBEdKKmrxcXFKOf8uu/7MQHgYq1Ws5rNZiisWq1ibW1td58lk0nkcrnAmGaziVqtZmWz2Yui0+lcqlQqehjo9evX2NjY2G2bpgnTNLG+vo58Ph8YW6lU9FQqdYl5nne2Xq+HzmgvaK82NjZQrVYD4+v1OjzPO8uEECdN0wx0XltbO5bdNE0IIU4yzvlQu90OdB6EnXM+xGzbXo/H44HO0Whw7YTZ4/E4bNteZ57nVROJRKBzMpk8lj2RSMDzvCrjnC+l02k3yDmXy+GoASUSidDyz2QyLud8iUkp7xYKheBFB5DP5zE2NgZN0yCEgKZpGBsbCy17ADh//nxbSnlXENFSu93+MDo6GltdXQ0MyuVyobM4qNHRUUQikQYRLTEAkFLeNgxjq68sPcowjC1VVW8D3SuGMfYgmUx+Gh8fHyhofHwcqVRqE0B5F0ZEjpTyy5mZmS3O+UBAnHPMzMxsRSKRr4jI2YV1gU+llH8YhmENAmYYhiWl/J2Inu70sb0OiqLMFwoFK2zfhCmZTKJQKFiKonyxt38fjIganPOFUqkUfFiGqFQqmZzzBSLadxuzg46c83u6ri8Xi0Xnc0DFYtHRdX2Zc37voO0/MABQFOWyYRjbYWfmQcXjcRiGsa0oyuXD7IfCiGhVCHFrbm6ur+Wcm5szhRC3iOjQ0+FQGAAwxu5kMpkPExMTPYEmJiaQyWQ+MMbuHJnzKEN3712bnZ1tCSECQUIIzM7OtqSU13b2VF+wLvAl5/z51NRUYLFMTU05nPPnRPQyyC8QBgBSyhvT09OOqqqH2lVVxfT0tCOlvBGWKxRGRG8cx3k2OTl56J03OTnpOo7zjIjeHBsGAKqqflMsFrcZ2+/OGEOxWNxWVfWbXvL0BCOivwC8OliZ3farrn0wMABQVfXhuXPn9r0K8/l8U1XVh73m6BkG4EkulxNE/z7piAjZbFYAeDJwGBF9dF33bTqdBgCk02m4rvuWiD4OHNZVJZVKAQC630o/wX3BFEV5r2maDwCapvmKorz/32BEVNd1vQ0Auq63iSj4RXIcGIB32WzW1jQN2WzWBvCuz/je5fs+63Q6j13XbXc6nce+7/c12H8A3aa8zLNKuWMAAAAASUVORK5CYII="),iconSize:e.iconSize}),null};fn.propTypes=mn,fn.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 pn={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},gn=function(e){var t=e.center,n=e.zoom,a=e.draggable,l=e.markers,i=e.onClickMap,o=e.onClickMarker,u=e.className,d=e.onReady,m=e.onCenterChanged,p=e.onBoundsChanged,y=e.onDragEnd,h=e.withoutStyle,v=e.fitBounds,b=e.zoomControl,w=e.mapTypeControl,C=e.scaleControl,E=e.streetViewControl,M=e.rotateControl,S=e.fullscreenControl,k=e.focusable,T=(0,g.useGoogleMapsClient)(),N=(0,f.useCallback)((function(e){null!==i&&i(e)}),[i]),x=(0,f.useMemo)((function(){var e=(l||[]).filter((function(e){return null!==e&&null!==(e.geoPosition||null)}));return null===T||null===e||0===e.length?null:e.reduce((function(e,t){var n=t.geoPosition,a=(void 0===n?null:n)||{},l=a.lat,i=void 0===l?null:l,r=a.lng,o=void 0===r?null:r;return null!==i&&null!==o&&e.extend(new T.maps.LatLng(i,o)),e}),new T.maps.LatLngBounds)}),[T,l]),P=(0,f.useState)(!1),O=(0,s.Z)(P,2),A=O[0],Z=O[1];(0,f.useEffect)((function(){null!==T&&A&&null!==d&&d(T)}),[T,A,d]);var F=(0,f.useCallback)((function(){return Z(!0)}),[Z]),I=(0,f.useMemo)((function(){return{onClick:N,onCenterChanged:m,onBoundsChanged:p,onDragEnd:y,onTilesLoaded:F}}),[N,m,p,y,F]);return f.createElement("div",{className:c()(["micromag-element-map-container",(0,r.Z)({},u,null!==u)])},f.createElement(cn,{center:t,zoom:n,withoutStyle:h,bounds:x,draggable:a,events:I,fitBounds:v,zoomControl:b,mapTypeControl:w,scaleControl:C,streetViewControl:E,rotateControl:M,fullscreenControl:S,focusable:k},null!==l?l.map((function(e,t){var n=e.active,a=void 0===n||n,l=e.geoPosition,i=void 0===l?null:l,r=e.image,s=void 0===r?null:r,u=e.title,c=void 0===u?null:u;return null!==i&&null!==(i.lat||null)&&null!==(i.lng||null)?f.createElement(fn,{key:"marker-".concat(t),active:a,title:null!==c&&(0,an.Z)(c.body)?c.body:null,image:s,position:i,events:{onClick:null!==o?function(e){return o(e,t)}:function(){return console.log(t)}}}):f.createElement("div",null)})):null))};gn.propTypes=pn,gn.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 yn={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"},hn={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 vn(e){var t,n,a=e.layout,l=e.draggable,u=e.markers,d=e.title,m=e.description,v=e.button,b=e.openedMarkerSpacerHeight,w=e.withMarkerImages,C=e.zoom,E=e.center,M=e.fitBounds,S=e.background,k=e.current,T=e.active,N=e.transitions,x=e.onEnableInteraction,P=e.onDisableInteraction,O=e.type,A=e.className,Z=(0,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,s.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,s.Z)(le,2),re=ie[0],oe=ie[1],se=k&&re,ce=te||ne||$||K||ee,de=!ee&&ce||!k,me=k&&(J||ee),fe=k||T||!J,pe=(0,f.useState)(te||ne),ge=(0,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useCallback)((function(){return oe(!0)}),[oe]),be=(0,f.useMemo)((function(){return(u||[]).map((function(e,t){return(0,o.Z)((0,o.Z)({},e),{},{active:t===j})}))}),[u,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]),Ee=(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]),Me=(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=(u||[])[j];R("scroll","Marker ".concat(j+1,": ").concat(t.title.body),{marker:t,markerIndex:j})}}),[R,u,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,s.Z)(Ze,2),Ie=Fe[0],Re=Fe[1],Le=Ie===(u||[]).length,ze=re&&(!w||Le);if((0,f.useEffect)((function(){if(w&&null!==u&&(u||[]).length){Re(0);var e=u.map((function(e){var t=(e||{}).image,n=((void 0===t?null:t)||{}).url,a=void 0===n?null:n;if(null!==a){var l=new Image;return l.src=a,l.onload=function(){Re((function(e){return Re(e+1)}))},l}return null}));return function(){e.filter((function(e){return null!==e})).forEach((function(e){e.onload=function(){}}))}}return function(){}}),[w,u]),(0,f.useEffect)((function(){if(ee||K){var e=null!==ae?ae.split("."):[],t=(0,s.Z)(e,2),n=t[0],a=void 0===n?null:n,l=t[1],i=void 0===l?null:l;"intro"===a?(he(!1),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!==u?u.filter((function(e){return null!==e})).filter((function(e){var t=e.geoPosition;return null!==(void 0===t?null:t)})):null;if(n="https://maps.googleapis.com/maps/api/staticmap?size=".concat(Math.round(_),"x").concat(Math.round(G)),null!==E&&(null===qe||0===qe.length)){var je=E||{},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,r=void 0===i?null:i,o=(e||{}).image,s=((void 0===o?null:o)||{}).url,u=void 0===s?null:s;return null!==l&&null!==r?"&markers=".concat(null!==u?"icon:".concat(u):"","%7C").concat(l,",").concat(r):""})).join(""))}var _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)(d),lt=(0,h.isTextFilled)(m),it=(0,h.isTextFilled)(v);return f.createElement("div",{className:c()([yn.container,(t={},(0,r.Z)(t,A,null!==A),(0,r.Z)(t,yn["".concat(a,"Layout")],null!==a),(0,r.Z)(t,yn.opened,ye||K&&"intro"!==ae),(0,r.Z)(t,yn.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(ue,{width:_,height:G},$?f.createElement(p.PlaceholderMap,{className:yn.placeholder,withImages:w}):f.createElement(p.Transitions,{transitions:N,playing:se,fullscreen:!0,disabled:ce},K?f.createElement(bt,{media:null!==n?{url:n,metadata:{width:Math.min(640,_),height:Math.min(640,G)}}:null,width:_,height:G,objectFit:{fit:"cover"}}):f.createElement(gn,{key:"map",center:E,zoom:C,draggable:l,markers:be,fitBounds:M,onClickMarker:Ee,onReady:ve,onDragEnd:Te}),f.createElement("div",{key:"marker-overlay",className:yn.markerOverlayContainer},f.createElement("div",{className:yn.markerOverlayScrollable},f.createElement(ct.default,{fullscreen:!0,disabled:de,onScrolledBottom:Ne},f.createElement(p.Button,{className:yn.markerOverlaySafe,onClick:Ce,withoutStyle:!0,style:{height:G*b},disabled:K,focusable:k&&J}),f.createElement("div",{className:yn.markerOverlay,style:{minHeight:G*(1-b)}},f.createElement("div",{className:yn.markerOverlayContent,style:Y},f.createElement("div",{className:yn.swipeIndicator}),f.createElement("div",{className:yn.markerOverlayContentInner,key:"markerContent-".concat(j),ref:Pe},nt?f.createElement(bt,{className:yn.markerImage,media:Ke,width:Ae}):null,$e?f.createElement(ut,Object.assign({className:yn.markerTitle},He)):null,et?f.createElement(ut,Object.assign({size:3,className:yn.markerSubtitle},Ye)):null,tt?f.createElement(Q,Object.assign({className:yn.markerDescription},Xe)):null)))))),f.createElement("div",{key:"splash",className:c()([yn.splash])},f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:yn.emptyTitle,isEmpty:!at},f.createElement(ut,Object.assign({className:yn.title},d))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:yn.emptyDescription,isEmpty:!lt},f.createElement(Q,Object.assign({className:yn.description},m))),f.createElement(p.ScreenElement,{emptyLabel:f.createElement(i.Z,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:yn.emptyButton,isEmpty:!it},f.createElement(H,{className:yn.splashButton,onClick:Me,buttonStyle:null!==v?v.buttonStyle:null,focusable:k&&J},it?f.createElement(Q,Object.assign({},v,{className:yn.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:yn.closeButton,onClick:Se,focusable:k&&J},"×"))))}vn.propTypes=hn,vn.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 bn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=(t.markers.find((function(e){var t=e.geoPosition,n=void 0===t?null:t;return null!==n&&null!==n.latitude&&null!==n.longitude}))||{}).geoPosition,a=(void 0===n?{}:n)||{},l=a.lat,i=void 0===l?null:l,r=a.lng,s=void 0===r?null:r,u=(0,Ze.D5)(e,{latitude:i,longitude:s}),c=u.story,d=u.component,m=(0,Ze.W2)(c,(0,v.Z)(d?[d]:[])),f=m.story,p=m.component;return(0,o.Z)((0,o.Z)({},f),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(p?[p]:[]))})}}),wn=[{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:vn,layouts:["normal"],transforms:bn,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,zt.Z)({},e);return f.createElement(vn,Object.assign({},t,{withMarkerImages:!0}))},layouts:["normal"],transforms:bn,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"}]})}]}],Cn=n(11757),En=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"},Sn={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},kn=function(e){var t,n=e.items,a=e.answeredIndex,l=e.answersCollapseDelay,u=e.buttonsStyle,d=e.goodAnswerColor,m=e.badAnswerColor,b=e.withoutGoodAnswer,w=e.focusable,C=e.collapsed,E=e.transitions,M=e.transitionPlaying,S=e.transitionStagger,k=e.transitionDisabled,T=e.onClick,N=e.onCollapse,x=e.onCollapsed,P=e.onTransitionEnd,O=e.className,A=(0,g.useScreenRenderContext)(),Z=A.isView,F=A.isPreview,I=A.isPlaceholder,R=A.isEdit,L=null!==a,z=(null!==a?n[a]:{}).good,q=void 0!==z&&z,j=(0,y.useResizeObserver)(),B=j.ref,D=(j.entry.contentRect||{}).height,_=(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,s.Z)(J,2),$=K[0],ee=K[1],te=(0,f.useState)(C||null!==a),ne=(0,s.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:c()([Mn.container,(t={},(0,r.Z)(t,Mn.answered,L),(0,r.Z)(t,Mn.withoutGoodAnswer,b),(0,r.Z)(t,Mn.withGoodAnswer,!b),(0,r.Z)(t,Mn.willCollapse,X&&$),(0,r.Z)(t,Mn.didCollapsed,X&&ae),(0,r.Z)(t,Mn.isPlaceholder,I),(0,r.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,s=e||{},g=s.good,y=void 0!==g&&g,v=s.label,C=void 0===v?null:v,N=s.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:c()([Mn.item,(n={},(0,r.Z)(n,Mn.rightAnswer,y&&!b),(0,r.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:E,playing:M,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,o.Z)((0,o.Z)({},(0,h.getStyleFromBox)(u)),(0,h.getStyleFromBox)(x))},!b&&y?f.createElement("span",{className:Mn.resultIcon,style:(0,h.getStyleFromColor)(d,"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)};kn.propTypes=Sn,kn.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 Tn={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"},Nn={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]))},xn=function(e){var t,n=e.question,a=e.answers,l=e.result,o=e.index,u=e.totalCount,d=e.answeredIndex,m=e.buttonsStyle,v=e.goodAnswerColor,b=e.badAnswerColor,w=e.focusable,C=e.showInstantAnswer,E=e.withResult,M=e.withoutGoodAnswer,S=e.withoutIndex,k=e.layout,T=e.callToActionHeight,N=e.transitions,x=e.transitionPlaying,P=e.transitionStagger,O=e.transitionDisabled,A=e.onAnswerClick,Z=e.onAnswerTransitionEnd,F=e.className,I=e.style,R=(0,g.useScreenRenderContext)().isPlaceholder,L="split"===k,z=L?null:k,q=(0,h.isTextFilled)(n),j=(0,h.isTextFilled)(l),B=(0,f.useState)(C),D=(0,s.Z)(B,2),V=D[0],W=D[1],_=null!==d,G=(0,y.useResizeObserver)(),H=G.ref;(G.entry.contentRect||{}).height;var U=(0,f.useCallback)((function(){W(!0)}),[W]),Y=null!==o&&null!==u;return f.createElement(Se,{className:c()([Tn.container,(t={},(0,r.Z)(t,Tn.isPlaceholder,R),(0,r.Z)(t,Tn.resultVisible,V),(0,r.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:Tn.index},"1 / 10")},u>1?f.createElement(p.Transitions,{transitions:N,playing:x,disabled:O},f.createElement("div",{className:Tn.index},o+1," / ",u)):null):null,f.createElement(p.ScreenElement,{key:"question",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"FOmgqv",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:Tn.emptyQuestion,isEmpty:!q},q?f.createElement(p.Transitions,{transitions:N,playing:x,disabled:O},f.createElement(ut,Object.assign({},n,{className:Tn.question}))):null),L?f.createElement(ve,{key:"spacer"}):null,f.createElement(kn,{key:"answers",items:a||[],answeredIndex:d,goodAnswerColor:v,badAnswerColor:b,withoutGoodAnswer:M,buttonsStyle:m,focusable:w,transitions:N,transitionStagger:P,transitionPlaying:x,transitionDisabled:O,onClick:A,onCollapse:U,onTransitionEnd:Z}),E?f.createElement("div",{className:Tn.result,key:"results",ref:H},f.createElement("div",{className:Tn.resultContent},f.createElement(p.ScreenElement,{emptyLabel:_?f.createElement(i.Z,{id:"li7ADr",defaultMessage:[{type:0,value:"Result"}]}):null,isEmpty:_&&!j,emptyClassName:Tn.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:Tn.resultText})),null!==T?f.createElement("div",{style:{height:T}}):null):null))):null])};xn.propTypes=Nn,xn.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 Pn={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"},On={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},An=function(e){var t=e.id,n=e.layout,a=e.question,l=e.answers,i=e.result,o=e.buttonsStyle,u=e.goodAnswerColor,d=e.badAnswerColor,m=e.spacing,p=e.background,h=e.callToAction,v=e.current,b=e.active,w=e.transitions,C=e.transitionStagger,E=e.type,M=e.className,S=t||"screen-id",k=(0,y.useTrackScreenEvent)(E),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(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,s.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:c()([Pn.container,(0,r.Z)({},M,null!==M)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:p,width:N,height:x,playing:B,shouldLoad:V}),f.createElement(ue,{width:N,height:x},f.createElement(xn,{question:a,answers:l,result:i,answeredIndex:K,buttonsStyle:o,goodAnswerColor:u,badAnswerColor:d,focusable:v&&Z,showInstantAnswer:Y,withResult:!0,layout:n,callToActionHeight:U,transitions:w,transitionPlaying:q,transitionStagger:C,transitionDisabled:j,onAnswerClick:ne,className:Pn.question,style:I?null:{padding:m,paddingTop:(P&&!F?O:0)+m}}),!I&&W?f.createElement(te,{ref:G,className:Pn.callToAction,callToAction:h,animationDisabled:F,focusable:v&&Z,screenSize:{width:N,height:x}}):null))};An.propTypes=On,An.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 Zn={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"},Fn={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]))},In=function(e){var t=e.layout,n=e.title,a=e.description,l=e.transitions,o=e.transitionPlaying,s=e.transitionStagger,u=e.transitionDisabled,d=e.className,m=e.style,g="split"===t,y=g?null:t,v=(0,h.isTextFilled)(n),b=(0,h.isTextFilled)(a);return f.createElement(Se,{className:c()([Zn.container,(0,r.Z)({},d,null!==d)]),fullscreen:!0,verticalAlign:y,style:m},[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Zn.emptyTitle,isEmpty:!v},v?f.createElement(p.Transitions,{transitions:l,playing:o,disabled:u},f.createElement(ut,Object.assign({},n,{className:Zn.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:Zn.emptyDescription,isEmpty:!b},v?f.createElement(p.Transitions,{transitions:l,playing:o,disabled:u,delay:s},f.createElement(Q,Object.assign({},a,{className:Zn.description}))):null)])};In.propTypes=Fn,In.defaultProps={title:null,description:null,layout:null,transitions:null,transitionPlaying:!1,transitionStagger:100,transitionDisabled:!1,className:null,style:null};var Rn={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"},Ln={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},zn=function(e){var t=e.layout,n=e.title,a=e.description,l=e.button,o=e.focusable,s=e.transitions,u=e.transitionPlaying,d=e.transitionStagger,m=e.transitionDisabled,y=e.className,v=e.style,b=e.onClickButton,w=(0,g.useScreenRenderContext)(),C=w.isPreview,E=w.isEdit,M="split"===t,S=M?null:t,k=(0,h.isTextFilled)(n),T=(0,h.isTextFilled)(a),N=(0,h.isTextFilled)(l);return f.createElement(Se,{className:c()([Rn.container,(0,r.Z)({},y,null!==y)]),fullscreen:!0,verticalAlign:S,style:v},[f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Rn.emptyTitle,isEmpty:!k},k?f.createElement(p.Transitions,{transitions:s,playing:u,disabled:m},f.createElement(ut,Object.assign({},n,{className:Rn.title}))):null),f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Rn.emptyDescription,isEmpty:!T},T?f.createElement(p.Transitions,{transitions:s,playing:u,disabled:m,delay:d},f.createElement(Q,Object.assign({},a,{className:Rn.description}))):null),M?f.createElement(ve,{key:"spacer"}):null,f.createElement(p.ScreenElement,{key:"button",placeholder:"button"},f.createElement(p.Transitions,{transitions:s,playing:u,disabled:m,delay:2*d},f.createElement(H,{disabled:C||E,focusable:o,buttonStyle:null!==l?l.buttonStyle:null,className:Rn.button,onClick:b},N?f.createElement(Q,Object.assign({},l,{className:Rn.label})):f.createElement(i.Z,{id:"D7LIZQ",defaultMessage:[{type:0,value:"Start"}]}))))])};zn.propTypes=Ln,zn.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 qn={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},jn=function(e){var t,n=e.id,a=e.layout,l=e.introLayout,i=e.title,u=e.description,d=e.questions,m=e.results,p=e.buttonsStyle,h=e.goodAnswerColor,v=e.badAnswerColor,b=e.spacing,w=e.background,C=e.introBackground,E=e.introButton,M=e.callToAction,S=e.current,k=e.active,T=e.transitions,N=e.transitionStagger,x=e.type,P=e.className,O=n||"screen-id",A=(0,y.useTrackScreenEvent)(x),Z=(0,g.useScreenSize)(),F=Z.width,I=Z.height,R=Z.menuOverScreen,L=(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,s.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!==M&&!0===M.active,le=(0,y.useResizeObserver)(),ie=le.ref,re=(le.entry.contentRect||{}).height,oe=void 0===re?0:re,se=W||_,ce=null!==i||null!==u||V||"intro"===Q,de=(0,f.useState)(null),me=(0,s.Z)(de,2),fe=me[0],pe=me[1],ge="intro";null!==Q?ge="questions"===Q?parseInt(J,10):Q:!B&&ce||(ge=0);var ye=(0,f.useState)(ge),he=(0,s.Z)(ye,2),ve=he[0],be=he[1];(0,f.useEffect)((function(){j&&ce&&"intro"!==ve&&be("intro")}),[j,ce,ve,be]);var we=(0,f.useCallback)((function(e,t){pe((0,o.Z)((0,o.Z)({},fe),{},(0,r.Z)({},ve,t))),A("click_answer","Question #".concat(ve+1," ").concat(t+1,": ").concat(e.label.body),{question:d[ve],questionIndex:ve,answer:e,answerIndex:t})}),[fe,pe,A,d,ve]),Ce=(0,f.useCallback)((function(){var e=ve+1,t=d.length;e<t?be(e):e===t&&be("results")}),[d,ve,be]),Ee=(0,f.useCallback)((function(){be(0)}),[be]);(0,f.useEffect)((function(){!S&&V&&null!==fe&&pe(null)}),[V,S,fe,pe]);var Me=null!==d&&d.length>0&&d[ve]||{},Se=Me.text,ke=void 0===Se?null:Se,Te=Me.answers,Ne=void 0===Te?[]:Te,xe=Me.background,Pe=void 0===xe?null:xe,Oe=Me.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!==d&&d[t]||{}).answers,a=((void 0===n?[]:n)[fe[t]]||{}).points;return(void 0===a?0:a)+e}),0):0}),[fe,d]),Ie=ce&&"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:c()([Pn.container,(t={},(0,r.Z)(t,Pn[Ue],null!==Ue),(0,r.Z)(t,P,null!==P),t)]),"data-screen-ready":!0},B?null:f.createElement(Cn.Z,null,f.createElement(En.Z,{key:Ge,classNames:Pn,timeout:1e3},f.createElement(D,{background:_e,width:F,height:I,playing:ee,shouldLoad:ne,className:Pn.background}))),f.createElement(ue,{width:F,height:I},f.createElement(Cn.Z,null,[Ie?f.createElement(En.Z,{key:"intro",classNames:Pn,timeout:1e3},f.createElement(zn,{title:i,description:u,layout:l||a,button:E,focusable:S&&q,transitions:T,transitionPlaying:K,transitionStagger:N,transitionDisabled:$,className:Pn.intro,style:B?null:{padding:b,paddingTop:(R&&!j?L:0)+b},onClickButton:Ee})):null,Le?f.createElement(En.Z,{key:"question-".concat(ve),classNames:Pn,timeout:1e3},f.createElement(xn,{index:ve,totalCount:(d||[]).length,question:ke,answers:Ne,answeredIndex:Ze,buttonsStyle:p,goodAnswerColor:h,badAnswerColor:v,focusable:S&&q,showInstantAnswer:se,layout:Ae||a,withoutGoodAnswer:!0,callToActionHeight:oe,transitions:T,transitionPlaying:K,transitionStagger:N,transitionDisabled:$,onAnswerClick:we,onAnswerTransitionEnd:Ce,className:Pn.question,style:B?null:{padding:b,paddingTop:(R&&!j?L:0)+b}})):null,Re?f.createElement(En.Z,{key:"results",classNames:Pn,timeout:2e3},f.createElement(In,Object.assign({},ze,{layout:Ve||a,transitions:T,transitionPlaying:K,transitionStagger:N,transitionDisabled:$,className:Pn.results,style:B?null:{padding:b,paddingTop:(R&&!j?L:0)+b}}))):null]),!B&&ae?f.createElement(te,{ref:ie,className:Pn.callToAction,callToAction:M,animationDisabled:j,focusable:S&&q,screenSize:{width:F,height:I}}):null))};jn.propTypes=qn,jn.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 Bn=[{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:An,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:jn,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"}}}]}],Dn={body:m().string,textStyle:a.PropTypes.textStyle,linksStyle:a.PropTypes.textStyle,margin:a.PropTypes.margin,showEmpty:m().bool,className:m().string,emptyClassName:m().string},Vn=function(e){var t,n=e.body,a=e.textStyle,l=e.linksStyle,i=e.margin,s=e.showEmpty,u=e.className,d=e.emptyClassName,m=null,g=null;null!==a&&(m=(0,o.Z)((0,o.Z)({},m),(0,h.getStyleFromText)(a))),null!==i&&(m=(0,o.Z)((0,o.Z)({},m),(0,h.getStyleFromMargin)(i))),null!==l&&(g=(0,o.Z)((0,o.Z)({},g),(0,h.getStyleFromText)(l)));var y=(0,f.useMemo)((function(){return null!==g?"quote-component-".concat((0,U.Z)()):null}),[null!==g]);return f.createElement(f.Fragment,null,null!==g?f.createElement(p.LinkStyle,{selector:"#".concat(y),style:g}):null,f.createElement("blockquote",{id:y,className:c()(["micromag-element-quote-container",(t={},(0,r.Z)(t,"micromag-element-quote-showEmpty",s),(0,r.Z)(t,d,s&&null!==d),(0,r.Z)(t,u,null!==u),t)]),style:m,dangerouslySetInnerHTML:{__html:n}}))};Vn.propTypes=Dn,Vn.defaultProps={body:null,textStyle:null,linksStyle:null,margin:null,showEmpty:!1,className:null,emptyClassName:null};var Wn={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"},_n={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},Gn=function(e){var t,n=e.layout,a=e.quote,l=e.author,o=e.spacing,s=e.background,u=e.callToAction,d=e.current,m=e.active,y=e.transitions,v=e.transitionStagger,b=e.className,w=(0,g.useScreenSize)(),C=w.width,E=w.height,M=w.menuOverScreen,S=(0,g.useViewer)().menuSize,k=(0,g.useScreenRenderContext)(),T=k.isView,N=k.isPreview,x=k.isPlaceholder,P=k.isEdit,O=k.isStatic,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=d,B=O||A||x||N||P,V=d&&(T||P),W=d||m||!T,_=null!==u&&!0===u.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:Wn.emptyQuote,isEmpty:!Z},Z?f.createElement(Vn,Object.assign({className:c()([Wn.quote,(0,r.Z)({},Wn.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:Wn.emptyAuthor,isEmpty:!F},F?f.createElement(Q,Object.assign({className:Wn.author},l)):null),!x&&_&&(R||L)?f.createElement(ve,{key:"spacer-cta-bottom"}):null,!x&&_?f.createElement("div",{style:{margin:-o,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:u,animationDisabled:N,focusable:d&&T,screenSize:{width:C,height:E}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([Wn.container,(t={},(0,r.Z)(t,b,b),(0,r.Z)(t,Wn.isPlaceholder,x),t)]),"data-screen-ready":!0},x?null:f.createElement(D,{background:s,width:C,height:E,playing:V,shouldLoad:W}),f.createElement(ue,{width:C,height:E},f.createElement(Se,{className:Wn.layout,fullscreen:!0,verticalAlign:z,style:x?null:{padding:o,paddingTop:(M&&!N?S:0)+o}},f.createElement(p.TransitionsStagger,{transitions:y,stagger:v,disabled:B,playing:j},G))))};Gn.propTypes=_n,Gn.defaultProps={layout:"top",quote:null,author:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null};var Hn=f.memo(Gn),Un=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.quote,a=t.author,l=(0,Ze.pu)(e,n),i=l.story,r=l.component,s=(0,Ze.S3)(i,a),u=s.story,c=s.component,d=(0,Ze.W2)(u,[].concat((0,v.Z)(r?[r]:[]),(0,v.Z)(c?[c]:[]))),m=d.story,f=d.component;return(0,o.Z)((0,o.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),Yn={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:Hn,layouts:["top","middle","bottom","split"],transforms:Un,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"}}}]},Qn={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"},Xn={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},Jn=function(e){var t,n=e.layout,a=e.items,l=e.numbersStyle,o=e.ascending,u=e.spacing,d=e.background,m=e.callToAction,b=e.current,w=e.active,C=e.transitions,E=e.transitionStagger,M=e.type,S=e.className,k=(0,y.useTrackScreenEvent)(M),T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(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,r=void 0===a?null:a,s=n.description,u=void 0===s?null:s,c=(0,h.isTextFilled)(r),d=(0,h.isTextFilled)(u),m=f.createElement("div",{className:Qn.title},f.createElement(p.ScreenElement,{placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Qn.empty,isEmpty:!c},c?f.createElement(p.Transitions,{transitions:C,playing:B,delay:E*t,disabled:V},f.createElement(ut,r)):null)),g=f.createElement("div",{className:Qn.description},f.createElement(p.ScreenElement,{placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Qn.empty,isEmpty:!d},d?f.createElement(p.Transitions,{transitions:C,playing:B,delay:E*t,disabled:V},f.createElement(Q,u)):null)),y="".concat(o?t+1:j-t);return f.createElement("div",{className:Qn.item,key:"item-".concat(t)},f.createElement("div",{className:Qn.rank},I?y:f.createElement(p.Transitions,{transitions:C,playing:B,delay:E*t,disabled:V},f.createElement(Q,{className:Qn.rankText,body:y,textStyle:l}))),f.createElement("div",{className:Qn.content},m,g))})),U=null!==m&&!0===m.active,Y=(0,f.useState)(!1),X=(0,s.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:c()([Qn.container,(t={},(0,r.Z)(t,S,null!==S),(0,r.Z)(t,Qn["".concat(n,"Layout")],null!==n),(0,r.Z)(t,Qn.isPlaceholder,I),t)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:d,width:N,height:x,playing:_,shouldLoad:G}),f.createElement(ue,{width:N,height:x},f.createElement(ct.default,{className:Qn.scroll,verticalAlign:"middle",disabled:W,onScrolledBottom:le,onScrolledNotBottom:ie},f.createElement(Se,{className:Qn.layout,style:I?null:{padding:u,paddingTop:(P&&!F?O:0)+u}},H)),!I&&U?f.createElement(te,{ref:ee,className:Qn.callToAction,disabled:!J,animationDisabled:F,callToAction:m,focusable:b&&Z,screenSize:{width:N,height:x}}):null))};Jn.propTypes=Xn,Jn.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 Kn=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.items,a=void 0===n?[]:n,l=t.ascending,i=a||[],r=(void 0!==l&&l?i.reverse():i).reduce((function(e,t){var n=(0,Ze.xv)(e.story,t.title),a=n.story,l=n.component,i=(0,Ze.xv)(a,t.description),r=i.story,o=i.component,s=(0,Ze.W2)(r,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(o?[o]:[]))),u=s.story,c=s.component;return{story:u,components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))}}),{story:e,components:[]})||{},s=r.story,u=r.components,c=void 0===u?[]:u,d=(0,Ze.W2)(s,c),m=d.story,f=d.component;return(0,o.Z)((0,o.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),$n={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:Jn,layouts:["side","over"],transforms:Kn,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"}}}]},ea={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"},ta={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},na=function(e){var t;e.layout;var n=e.slides,a=e.withCaptions,l=e.background,o=e.callToAction,u=e.current,d=e.active,m=e.spacing,v=e.captionMaxLines,b=e.transitions,w=e.className,C=(0,g.useScreenSize)(),E=C.width,M=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=u&&(N||O),I=u||d||!N,R=P?5:m,L=(0,f.useState)(0),z=(0,s.Z)(L,2),q=z[0],j=z[1],B=u&&!0,V=A||Z||P||x||O,W=(0,f.useCallback)((function(){j(q+1)}),[q,j]),_=(0,f.useRef)([]),G=null!==o&&!0===o.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,r=void 0===l?null:l,o=n.caption,s=void 0===o?null:o,u={width:E/2,height:M/2},c=null!==r,d=(0,h.isTextFilled)(s);return f.createElement("div",{key:"item-".concat(t),className:ea.gridItem},f.createElement("div",{className:ea.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:ea.placeholder,height:"100%"},emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:ea.emptyImage,isEmpty:!c},f.createElement(Mt,Object.assign({className:ea.image,media:r},u,{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:ea.emptyCaption,isEmpty:!d},f.createElement("div",{className:ea.caption},f.createElement(Q,Object.assign({},s,{className:ea.captionText,lineClamp:v}))))):null)}));return f.createElement("div",{className:c()([ea.container,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,ea.isPlaceholder,P),t)]),"data-screen-ready":!0},P?null:f.createElement(D,{background:l,width:E,height:M,playing:F,shouldLoad:I}),f.createElement(ue,{width:E,height:M},f.createElement("div",{className:ea.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:ea.callToAction,callToAction:o,animationDisabled:x,focusable:u&&N,screenSize:{width:E,height:M}})):null)))};na.propTypes=ta,na.defaultProps={layout:"middle",withCaptions:!1,slides:[],spacing:20,captionMaxLines:2,background:null,callToAction:null,current:!0,active:!0,transitions:null,className:null};var aa=f.memo(na),la=[{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:aa,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"}}}]}],ia={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"},ra={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,u=e.answers,d=e.buttonsStyle,m=e.resultsStyle,w=e.spacing,C=e.background,E=e.callToAction,M=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!==E&&!0===E.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]),r=null!==l?tt(i,a):{data:null},s=r.data,u=(0,b.Z)(r,at);return(0,o.Z)({quiz:s||[]},u)}({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,s.Z)(ne,2),le=ae[0],ie=ae[1],re=null!==le,oe=(0,f.useMemo)((function(){var e=null!==u?(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!==u?(u||[]).reduce((function(t,n,a){var l=(n||{}).label,i=((void 0===l?{}:l)||{}).body,s=void 0===i?null:i,u=(K.find((function(e){return e.choice===s}))||{}).count,c=void 0===u?0:u,d=a===le?c+1:c;return null!==s?(0,o.Z)((0,o.Z)({},t),{},(0,r.Z)({},s,{percent:e>0?d/e*100:0,count:d})):t}),{}):{},n=e>0?Object.keys(t).map((function(e){return t[e].percent||0})):[],a=(0,h.getLargestRemainderRound)(n,100);return Object.keys(t).reduce((function(e,n,l){return(0,o.Z)((0,o.Z)({},e),{},(0,r.Z)({},n,(0,o.Z)((0,o.Z)({},t[n]),{},{percent:a[l]})))}),{})}),[u,K,le]),se="split"===a,ce="top"===a,de="middle"===a,me=se?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=u[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:ia.emptyQuestion,isEmpty:!$},$?f.createElement(p.Transitions,{transitions:T,playing:fe,disabled:pe},f.createElement(ut,Object.assign({},l,{className:ia.question}))):null)];(se||!W&&Y&&de)&&be.push(f.createElement(ve,{key:"spacer"}));var we=(0,f.useRef)([]),Ce=(0,f.useRef)([]),Ee=(0,f.useState)(null),Me=(0,s.Z)(Ee,2),ke=Me[0],Te=Me[1],Ne=ee?0:"".concat(x,"ms"),xe=(0,f.useState)(!1),Pe=(0,s.Z)(xe,2),Oe=Pe[0],Ae=Pe[1];(0,f.useEffect)((function(){if(null!==u&&!W){var e=u.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)}}),[u,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:ia.answers},null!==u||W?f.createElement("div",{className:ia.items},(W?(0,v.Z)(new Array(3)):u).map((function(e,t){var n=null!==e,a=e||{},l=a.label,s=void 0===l?null:l,u=a.buttonStyle,m=void 0===u?null:u,g=a.resultStyle,y=(void 0===g?null:g)||{},v=y.barColor,b=void 0===v?null:v,w=y.textColor,C=(s||{}).body,E=void 0===C?null:C,k=(null!==E&&oe[E]||{}).percent,x=void 0===k?0:k,P=(s||{}).textStyle,O=void 0===P?null:P,A=(O||{}).color,Z=void 0===A?null:A,F=(0,h.isTextFilled)(s),I=le===t;return f.createElement("div",{key:"answer-".concat(t),className:c()([ia.item,(0,r.Z)({},ia.userAnswer,I)])},f.createElement(p.ScreenElement,{placeholder:"surveyAnswer",placeholderProps:{className:ia.placeholderAnswer},emptyLabel:f.createElement(i.Z,{id:"+Ok+7S",defaultMessage:[{type:0,value:"Answer"}]}),emptyClassName:ia.emptyAnswer,isEmpty:!F},n?f.createElement(p.Transitions,{transitions:T,playing:fe,delay:(t+1)*N,disabled:pe},f.createElement("div",{className:ia.itemContent},f.createElement("div",{className:ia.itemInner,style:{width:re?ke:null,transitionDuration:Ne}},f.createElement(H,{className:ia.button,onClick:function(){return he(t)},refButton:function(e){we.current[t]=e},disabled:V,focusable:S&&B,buttonStyle:re?null:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromBox)(d)),(0,h.getStyleFromBox)(m))},f.createElement("span",{className:ia.itemLabel,ref:function(e){Ce.current[t]=e}},f.createElement(Q,Object.assign({},s,{textStyle:O,inline:!0,className:ia.itemText}))))),f.createElement("div",{className:ia.resultContainer,style:{transitionDuration:Ne}},f.createElement("div",{className:ia.resultContent,style:{transitionDelay:Ne,transitionDuration:Ne}},f.createElement("div",{className:ia.result,style:(0,o.Z)({width:"".concat(x,"%")},(0,h.getStyleFromColor)(re?b||Ie||Z:null,"backgroundColor"))},M?f.createElement("div",{className:ia.resultLabel,style:(0,o.Z)({},(0,h.getStyleFromColor)(re?w||Le||b||Ie||Z:null,"color"))},"".concat(x,"%")):null))))):null))}))):null)),!W&&Y&&((ce||de)&&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:E,disabled:!re,animationDisabled:V,focusable:S&&B,screenSize:{width:I,height:R}})))),f.createElement("div",{className:c()([ia.container,(t={},(0,r.Z)(t,O,null!==O),(0,r.Z)(t,ia.answered,re),(0,r.Z)(t,ia.isPlaceholder,W),t)]),"data-screen-ready":Oe},W?null:f.createElement(D,{background:C,width:I,height:R,playing:ge,shouldLoad:ye}),f.createElement(ue,{width:I,height:R},f.createElement(Se,{className:ia.layout,fullscreen:!0,verticalAlign:me,style:W?null:{padding:w,paddingTop:(L&&!V?z:0)+w}},be)))};oa.propTypes=ra,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 sa={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"},ca={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,o=e.withTitle,s=e.spacing,u=e.background,d=e.callToAction,m=e.current,y=e.active,v=e.transitions,b=e.transitionStagger,w=e.className,C=(0,g.useScreenSize)(),E=C.width,M=C.height,S=C.menuOverScreen,k=(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!==d&&!0===d.active,H=[!P&&G&&z?f.createElement(ve,{key:"spacer-cta-top"}):null,o?f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:ua.emptyTitle,isEmpty:!F},F?f.createElement(ut,Object.assign({className:c()([ua.title,(0,r.Z)({},ua.withMargin,j)])},l)):null):null,R&&o?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:-s,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:d,animationDisabled:x,focusable:m&&N,screenSize:{width:E,height:M}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()([ua.container,(t={},(0,r.Z)(t,w,null!==w),(0,r.Z)(t,ua.isPlaceholder,P),t)]),"data-screen-ready":!0},P?null:f.createElement(D,{background:u,width:E,height:M,playing:W,shouldLoad:_}),f.createElement(ue,{width:E,height:M},f.createElement(Se,{className:ua.layout,fullscreen:!0,verticalAlign:q,style:P?null:{padding:s,paddingTop:(S&&!x?k:0)+s}},f.createElement(p.TransitionsStagger,{transitions:v,stagger:b,disabled:V,playing:B},H))))};da.propTypes=ca,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 ma=f.memo(da),fa=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.text,a=t.title,l=(0,Ze.nL)(e,a),i=l.story,r=l.component,s=(0,Ze.xv)(i,n),u=s.story,c=s.component,d=(0,Ze.W2)(u,[].concat((0,v.Z)(r?[r]:[]),(0,v.Z)(c?[c]:[]))),m=d.story,f=d.component;return(0,o.Z)((0,o.Z)({},m),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(f?[f]:[]))})}}),pa=[{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:ma,layouts:["top","middle","bottom"],transforms:fa,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,zt.Z)({},e);return f.createElement(ma,Object.assign({},t,{withTitle:!0}))},layouts:["top","middle","bottom","split"],transforms:fa,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"}}}]}],ga={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"},ya={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},ha=function(e){var t,n=e.layout,a=e.items,l=e.bulletColor,u=e.lineColor,d=e.bulletShape,m=e.bulletFilled,b=e.illustrated,w=e.spacing,C=e.background,E=e.callToAction,M=e.current,S=e.active,k=e.transitions,T=e.transitionStagger,N=e.type,x=e.className,P=(0,y.useTrackScreenEvent)(N),O=(0,g.useScreenSize)(),A=O.width,Z=O.height,F=O.menuOverScreen,I=(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,s.Z)(H,2),Y=U[0],X=U[1],J=Y>=G,K=M&&J,$=B||V||q||z||j,ee=!j&&$||!M,ne=M&&(L||j),ae=M||S||!L,le=(0,f.useCallback)((function(){X(Y+1)}),[Y,X]),ie=(0,f.useRef)(null),re=(0,f.useRef)(null),oe=(0,f.useState)(0),se=(0,s.Z)(oe,2),ce=se[0],de=se[1];(0,f.useEffect)((function(){de(re.current.offsetWidth-ie.current.offsetWidth)}),[A,Z]);var me=(W||[]).map((function(e,t){var a=e||{},s=a.title,d=void 0===s?null:s,g=a.description,y=void 0===g?null:g,v=a.image,w=void 0===v?null:v,C=(0,h.isTextFilled)(d),E=(0,h.isTextFilled)(y),M=null!==w,S=("normal"===n?"title-description-image":n).split("-"),N=S.indexOf("title"),x=S.indexOf("image");b||S.splice(x,1);var P=S.length;return f.createElement("div",{className:ga.item,key:"item-".concat(t)},f.createElement(p.Transitions,{transitions:k,playing:K,delay:T*t,disabled:$},S.map((function(e,n){var a,s=!1;switch(e){case"title":s=C,a=f.createElement("div",{className:ga.title},f.createElement(p.ScreenElement,{placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:ga.empty,isEmpty:!C},s?f.createElement(ut,d):null));break;case"image":s=M,a=f.createElement("div",{className:ga.imageContainer},f.createElement(p.ScreenElement,{placeholder:"image",emptyLabel:f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:ga.empty,isEmpty:!M},s?f.createElement(Mt,{className:ga.image,videoClassName:ga.video,media:w,width:ce,playing:ne,onLoaded:le}):null));break;default:s=E,a=f.createElement("div",{className:ga.description},f.createElement(p.ScreenElement,{placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:ga.empty,isEmpty:!E},s?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:c()([ga.element,ga["element-".concat(e)]]),ref:0===t?re:null},f.createElement("div",{className:ga.timeline,ref:0===t?ie:null},f.createElement("div",{className:c()([ga.line,(0,r.Z)({},ga.hidden,S)]),style:(0,o.Z)({},S?null:(0,h.getStyleFromColor)(u,"backgroundColor"))}),"title"===e?f.createElement("div",{className:ga.bullet,style:(0,o.Z)((0,o.Z)({},(0,h.getStyleFromColor)(l,"borderColor")),m?(0,h.getStyleFromColor)(l,"backgroundColor"):null)}):null,f.createElement("div",{className:c()([ga.line,(0,r.Z)({},ga.hidden,k)]),style:(0,o.Z)({},k?null:(0,h.getStyleFromColor)(u,"backgroundColor"))})),f.createElement("div",{className:c()([ga.content,(0,r.Z)({},ga.lastContent,b&&!v)])},a))}))))})),fe=null!==E&&!0===E.active,pe=(0,f.useState)(!1),ge=(0,s.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,Ee=(0,f.useCallback)((function(e){e.initial&&P("scroll","Screen"),he(!0)}),[P]),Me=(0,f.useCallback)((function(){he(!1)}),[he]);return f.createElement("div",{className:c()([ga.container,(t={},(0,r.Z)(t,x,null!==x),(0,r.Z)(t,ga.isPlaceholder,q),(0,r.Z)(t,ga["".concat(d,"BulletShape")],null!==d),(0,r.Z)(t,ga.withoutLines,_<2),t)]),"data-screen-ready":J},q?null:f.createElement(D,{background:C,width:A,height:Z,playing:ne,shouldLoad:ae}),f.createElement(ue,{width:A,height:Z},f.createElement(ct.default,{className:ga.scroll,verticalAlign:"middle",disabled:ee,onScrolledBottom:Ee,onScrolledNotBottom:Me},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:ga.callToAction,disabled:!ye,animationDisabled:z,callToAction:E,focusable:M&&L,screenSize:{width:A,height:Z}}):null))};ha.propTypes=ya,ha.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 va=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),r=i.story,o=i.component,s=(0,Ze.W2)(r,[].concat((0,v.Z)(l?[l]:[]),(0,v.Z)(o?[o]:[]))),u=s.story,c=s.component;return{story:u,components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))}}),{story:e,components:[]})||{},l=a.story,i=a.components,r=void 0===i?[]:i,s=(0,Ze.W2)(l,r),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),ba=[{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:ha,layouts:["normal"],transforms:va,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,zt.Z)({},e);return f.createElement(ha,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"}}}]}],wa="micromag-screen-title-withMargin",Ca="micromag-screen-title-box",Ea={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},Sa=function(e){var t,n=e.layout,a=e.title,l=e.subtitle,o=e.description,s=e.boxStyle,u=e.withSubtitle,d=e.withDescription,m=e.withBox,y=e.spacing,v=e.descriptionEmptyLabel,b=e.background,w=e.callToAction,C=e.current,E=e.active,M=e.transitions,S=e.transitionStagger,k=e.className,T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(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)(o),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||E||!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:c()(["micromag-screen-title-title",(0,r.Z)({},wa,U)])},a,{size:1})):null),ae=u?f.createElement(p.ScreenElement,{key:"subtitle",placeholder:"subtitle",emptyLabel:f.createElement(i.Z,{id:"d60tSn",defaultMessage:[{type:0,value:"Subtitle"}]}),emptyClassName:"micromag-screen-title-emptySubtitle",isEmpty:!j},j?f.createElement(ut,Object.assign({className:c()(["micromag-screen-title-subtitle",(0,r.Z)({},wa,Y)])},l,{size:2})):null):null,le=d?f.createElement(p.ScreenElement,{key:"description",placeholder:"shortText",emptyLabel:v,emptyClassName:"micromag-screen-title-emptyDescription",isEmpty:!B},B?f.createElement(Q,o):null):null;return f.createElement("div",{className:c()(["micromag-screen-title-container",(t={},(0,r.Z)(t,k,null!==k),(0,r.Z)(t,"micromag-screen-title-isPlaceholder",I),t)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:b,width:N,height:x,playing:K,shouldLoad:$}),f.createElement(ue,{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:Ca,style:R||I||q||j||B?(0,h.getStyleFromBox)(s):null},f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:J,playing:X,focusable:C&&Z},[ne,ae,le])):null,m&&W?f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:J,playing:X,focusable:C&&Z},f.createElement("div",{className:Ca,key:"top",style:R||I||q||d&&"top"===H&&j?(0,h.getStyleFromBox)(s):null},ne,d&&"top"===H?ae:null),f.createElement(ve,{key:"spacer1"}),f.createElement("div",{className:Ca,key:"bottom",style:R||I||B||(!d||"bottom"===H)&&j?(0,h.getStyleFromBox)(s):null},d&&"bottom"!==H?null:ae,le)):null,m?null:f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:J,playing:X,focusable:C&&Z},ne,W&&(!d||"bottom"===H)&&f.createElement(ve,{key:"spacer1"}),ae,W&&d&&"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)))};Sa.propTypes=Ea,Sa.defaultProps=Ma;var ka=f.memo(Sa),Ta=["credits"],Na={credits:a.PropTypes.textElement},xa=function(e){var t=e.credits,n=(0,b.Z)(e,Ta);return f.createElement(ka,Object.assign({},n,{description:t,withSubtitle:!0,withDescription:!0,descriptionEmptyLabel:f.createElement(i.Z,{id:"/hupzO",defaultMessage:[{type:0,value:"Credits"}]})}))};xa.propTypes=Na,xa.defaultProps={credits:null};var Pa=function(e){return f.createElement(ka,Object.assign({},e,{withSubtitle:!0,withDescription:!0,withBox:!0}))};Pa.propTypes={},Pa.defaultProps={};var Oa=Object.freeze({__proto__:null,appleNews:function(e,t){var n=t.title,a=t.subtitle,l=t.credits,i=(0,Ze.nL)(e,n),r=i.story,s=i.component,u=(0,Ze.XJ)(r,a),c=u.story,d=u.component,m=(0,Ze.xv)(c,l),f=m.story,p=m.component,g=(0,Ze.W2)(f,[].concat((0,v.Z)(s?[s]:[]),(0,v.Z)(d?[d]:[]),(0,v.Z)(p?[p]:[]))),y=g.story,h=g.component;return(0,o.Z)((0,o.Z)({},y),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(h?[h]:[]))})}}),Aa=[{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:ka,layouts:["top","middle","bottom"],transforms:Oa,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,zt.Z)({},e);return f.createElement(ka,Object.assign({},t,{withSubtitle:!0}))},layouts:["top","middle","bottom","split"],transforms:Oa,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:xa,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:Oa,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:Pa,layouts:["top","middle","bottom","split-top","split-bottom"],transforms:Oa,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"}}}]}],Za={container:"micromag-screen-urbania-article-avatar-container",shape:"micromag-screen-urbania-article-avatar-shape",shapeCircle:"micromag-screen-urbania-article-avatar-shapeCircle"},Fa={image:a.PropTypes.imageElement,width:m().number,height:m().number,isTag:m().bool,shape:m().oneOf([null,"tag","circle"]),className:m().string},Ia=function(e){var t,n=e.image,a=e.width,l=e.height,i=e.shape,o=e.isTag,s=e.className,u=(0,h.getOptimalImageUrl)(n,a,l);return console.log(u),f.createElement("span",{className:c()([Za.container,(t={},(0,r.Z)(t,Za["shape".concat(i)],null!==i),(0,r.Z)(t,Za.isTag,o),(0,r.Z)(t,s,null!==s),t)])},f.createElement("span",{className:Za.shape,style:{backgroundImage:'url("'.concat(u,'")')}}))};Ia.propTypes=Fa,Ia.defaultProps={image:null,width:100,height:100,isTag:!1,shape:"Circle",className:null};var Ra={container:"micromag-screen-urbania-article-author-container",avatar:"micromag-screen-urbania-article-author-avatar",conjunction:"micromag-screen-urbania-article-author-conjunction",name:"micromag-screen-urbania-article-author-name",by:"micromag-screen-urbania-article-author-by",isSmall:"micromag-screen-urbania-article-author-isSmall"},La={author:m().shape({slug:m().string,name:m().string,avatar:a.PropTypes.imageElement,url:m().string}),withAvatar:m().bool,withConjunction:m().bool,withoutLink:m().bool,isSmall:m().bool,linkUnderlineColor:m().string,className:m().string},za=function(e){var t,n=e.author,a=e.withAvatar,l=e.withConjunction,o=e.withoutLink,s=e.isSmall,u=e.linkUnderlineColor,d=e.className,m=n||{};m.slug;var p=m.name,g=void 0===p?"":p,y=m.avatar,h=void 0===y?null:y,v=m.url,b=void 0===v?null:v,w=f.createElement("span",{className:Ra.by},f.createElement(i.Z,{id:"r7IM7J",defaultMessage:[{type:0,value:"Par"}]}));return l&&(w=f.createElement("span",{className:Ra.conjunction},f.createElement(i.Z,{id:"UkZY6Z",defaultMessage:[{type:0,value:"et"}]}))),f.createElement("div",{className:c()([Ra.container,(t={},(0,r.Z)(t,Ra.isSmall,s),(0,r.Z)(t,d,null!==d),t)])},f.createElement("span",{className:Ra.prefix},w),a&&null!==h?f.createElement(Ia,{className:Ra.avatar,image:h}):null,null===b||o?f.createElement("em",{className:Ra.name},g):f.createElement("div",{className:Ra.name,style:{backgroundImage:null!==u?"linear-gradient(0deg, ".concat(u," 0, ").concat(u,")"):null}},g))};za.propTypes=La,za.defaultProps={author:null,withAvatar:!0,withConjunction:!1,withoutLink:!1,isSmall:!1,linkUnderlineColor:null,className:null};var qa={container:"micromag-screen-urbania-article-container",empty:"micromag-screen-urbania-article-empty",fullscreen:"micromag-screen-urbania-article-fullscreen",video:"micromag-screen-urbania-article-video",disabled:"micromag-screen-urbania-article-disabled",hidden:"micromag-screen-urbania-article-hidden",placeholder:"micromag-screen-urbania-article-placeholder",content:"micromag-screen-urbania-article-content",emptyContainer:"micromag-screen-urbania-article-emptyContainer",inner:"micromag-screen-urbania-article-inner",authors:"micromag-screen-urbania-article-authors",overTitle:"micromag-screen-urbania-article-overTitle",title:"micromag-screen-urbania-article-title",sponsors:"micromag-screen-urbania-article-sponsors",quatre95:"micromag-screen-urbania-article-quatre95",urbania:"micromag-screen-urbania-article-urbania",dehors:"micromag-screen-urbania-article-dehors",isPlaceholder:"micromag-screen-urbania-article-isPlaceholder",callToAction:"micromag-screen-urbania-article-callToAction",mediaControls:"micromag-screen-urbania-article-mediaControls",videoContainer:"micromag-screen-urbania-article-videoContainer",bottomContent:"micromag-screen-urbania-article-bottomContent",bottom:"micromag-screen-urbania-article-bottom",visible:"micromag-screen-urbania-article-visible",withGradient:"micromag-screen-urbania-article-withGradient"},ja={image:a.PropTypes.visualElement,title:a.PropTypes.headingElement,overTitle:a.PropTypes.headingElement,authors:m().arrayOf(m().shape({})),sponsors:m().arrayOf(m().shape({})),site:m().string,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,spacing:m().number,className:m().string},Ba=function(e){var t=e.image,n=e.title,a=e.overTitle,l=e.authors,o=e.sponsors,s=e.site,u=e.background,d=e.callToAction,m=e.current,y=e.active,h=e.transitions,v=e.spacing,b=e.className,w=(0,g.useScreenSize)(),C=w.width,E=w.height,M=(0,g.useScreenRenderContext)(),S=M.isView,k=M.isPreview,T=M.isPlaceholder,N=M.isEdit,x=M.isStatic,P=M.isCapture,O=(a||{}).body,A=null!==(void 0===O?null:O),Z=(a||{}).body,F=null!==(void 0===Z?null:Z),I=(l||[]).length>0,R=(o||[]).length>0,L=(t||{}).url,z=null!==(void 0===L?null:L),q=m&&(S||N),j=m||y||!S,B=m,V=x||P||T||k||N,W=null!==d&&!0===d.active;console.log(l);var _=[f.createElement(p.ScreenElement,{key:"overTitle",placeholder:f.createElement(p.PlaceholderSubtitle,{className:qa.placeholder}),empty:f.createElement("div",{className:qa.emptyContainer},f.createElement(p.Empty,{className:qa.empty},f.createElement(i.Z,{id:"pRzSQ7",defaultMessage:[{type:0,value:"Overtitle"}]}))),isEmpty:!A},A?f.createElement(ut,Object.assign({className:c()([qa.overTitle])},a)):null),f.createElement(p.ScreenElement,{key:"title",placeholder:f.createElement(p.PlaceholderTitle,{className:qa.placeholder}),empty:f.createElement("div",{className:qa.emptyContainer},f.createElement(p.Empty,{className:qa.empty},f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}))),isEmpty:!A},F?f.createElement(ut,Object.assign({className:c()([qa.title])},n)):null),f.createElement(p.ScreenElement,{key:"authors",empty:f.createElement("div",{className:qa.emptyContainer},f.createElement(p.Empty,{className:qa.empty},f.createElement(i.Z,{id:"6jX5Tb",defaultMessage:[{type:0,value:"Authors"}]}))),isEmpty:!I},I?f.createElement("div",{className:c()([qa.authors])},l.map((function(e){return f.createElement(za,{author:e})}))):null),f.createElement(p.ScreenElement,{key:"sponsors",empty:f.createElement("div",{className:qa.emptyContainer},f.createElement(p.Empty,{className:qa.empty},f.createElement(i.Z,{id:"zGIcdn",defaultMessage:[{type:0,value:"Sponsors"}]}))),isEmpty:!R},R?f.createElement("div",{className:c()([qa.sponsors])},f.createElement(i.Z,{id:"+TPjd4",defaultMessage:[{type:0,value:"Presented by"}]}),f.createElement("span",null,"Sponsors")):null)];return console.log("image",t),f.createElement("div",{className:c()([qa.container,(0,r.Z)({},b,null!==b)]),"data-screen-ready":x||P},f.createElement(D,{background:u,width:C,height:E,playing:q,shouldLoad:j}),f.createElement(ue,{className:qa.inner,width:C,height:E},f.createElement("div",{className:c()([qa.content,(0,r.Z)({},qa["".concat(s)],null!==s)]),style:{paddingTop:v}},_),f.createElement("div",{className:qa.visual},f.createElement(p.Transitions,{playing:B,transitions:h,disabled:V},f.createElement(p.ScreenElement,{key:"image",placeholder:f.createElement(p.PlaceholderImage,{className:qa.placeholder}),empty:f.createElement("div",{className:qa.emptyContainer},f.createElement(p.Empty,{className:qa.empty},f.createElement(i.Z,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}))),isEmpty:!z},z?f.createElement(Mt,{className:qa.image,media:t,width:C,height:.8*C,objectFit:{fit:"cover"}}):null,!T&&W?f.createElement("div",{key:"call-to-action"},f.createElement(te,{className:qa.callToAction,callToAction:d,animationDisabled:k,focusable:m&&S,screenSize:{width:C,height:E}})):null)))))};Ba.propTypes=ja,Ba.defaultProps={image:null,title:null,overTitle:null,authors:null,sponsors:null,site:null,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,className:null};var Da=f.memo(Ba),Va={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:Da,fields:[{name:"url",type:"url",label:(0,l.defineMessage)({id:"2pO2Cj",defaultMessage:[{type:0,value:"Url"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"overTitle",type:"heading-element",theme:{textStyle:"heading2"},defaultValue:{body:"En vedette"},label:(0,l.defineMessage)({id:"z2I2bJ",defaultMessage:[{type:0,value:"Overtitle"}]})},{name:"image",type:"visual",label:(0,l.defineMessage)({id:"k+coTi",defaultMessage:[{type:0,value:"Image"}]})},{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,l.defineMessage)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"gotoNextScreenOnEnd",type:"toggle",defaultValue:!1,label:(0,l.defineMessage)({id:"n8zmLY",defaultMessage:[{type:0,value:"Go to next screen on end"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{label:{textStyle:"heading2"}}}]},Wa=["url","article"],_a={url:m().string,article:m().shape({})},Ga=function(e){var t=e.url,n=e.article,a=(0,b.Z)(e,Wa),l=(0,f.useState)(n),i=(0,s.Z)(l,2),r=i[0],u=i[1];console.log("fuuuu"),(0,f.useEffect)((function(){null!==t&&(0,We.getJSON)("".concat(t,".json"),{mode:"cors"}).then((function(e){u(e)}))}),[t,u]);var c=(0,f.useMemo)((function(){console.log("article",r);var e=a||{},t=e.title,n=void 0===t?{}:t,l=e.overTitle,i=void 0===l?{}:l,s=e.image,u=void 0===s?{}:s,c=e.video,d=void 0===c?{}:c,m=e.callToAction,f=void 0===m?null:m,p=(n||{}).body,g=void 0===p?null:p,y=(i||{}).body,h=void 0===y?null:y,v=(u||{}).url,b=void 0===v?null:v,w=(d||{}).media,C=void 0===w?null:w,E=r||{},M=E.title,S=void 0===M?null:M,k=E.image,T=void 0===k?null:k,N=E.metadata,x=(void 0===N?{}:N)||{},P=x.authors,O=void 0===P?[]:P,A=x.sponsors,Z=void 0===A?[]:A,F=x.site,I=void 0===F?"urbania":F,R=x.canonical,L=void 0===R?null:R,z=(T||{}).sizes,q=(void 0===z?{}:z)||{},j=q.medium,B=q.large;return{title:null!==g?n:(0,o.Z)((0,o.Z)({},n),{},{body:S}),overTitle:null!==h?i:(0,o.Z)((0,o.Z)({},i),{},{body:"En vedette"}),authors:O,sponsors:Z,site:I,image:null!==b?u:(0,o.Z)((0,o.Z)({type:"image"},T),{},{sizes:{medium:j,large:B}}),video:(0,o.Z)({},d),callToAction:(0,o.Z)({active:!0,type:"swipe-up",url:null!==C?C.url:L,label:null!==C?{body:"Regarder"}:{body:"Lire"}},f)}}),[r,a]),d=(c||{}).video,m=((void 0===d?null:d)||{}).media,p=void 0===m?null:m;return console.log("values",c),f.createElement(Da,Object.assign({},a,c,{isFullScreen:null!==p}))};Ga.propTypes=_a,Ga.defaultProps={url:null,article:null};var Ha="micromag-screen-urbania-recommendation-emptyText",Ua="micromag-screen-urbania-recommendation-bottomBorder";a.PropTypes.headingElement,a.PropTypes.textElement,a.PropTypes.headingElement,a.PropTypes.textElement,a.PropTypes.textElement,m().number,a.PropTypes.backgroundElement,a.PropTypes.callToAction,m().bool,m().bool,a.PropTypes.transitions,m().number,m().string;var Ya=function(e){var t,n,a,l,o,s=e.category,u=e.date,d=e.title,m=e.sponsor,y=e.description,v=e.spacing,b=e.background,w=e.callToAction,C=e.current,E=e.active,M=e.transitions,S=e.transitionStagger,k=e.className,T=(0,g.useScreenSize)(),N=T.width,x=T.height,P=T.menuOverScreen,O=(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)(s),j=(0,h.isTextFilled)(u),B=(0,h.isTextFilled)(d),V=(0,h.isTextFilled)(m),W=(0,h.isTextFilled)(y),_=q&&!j&&!B&&!V&&!W,G=q||j||B||V||W,H=C,U=L||z||I||F||R,Y=C&&(Z||R),X=C||E||!Z,J=null!==w&&!0===w.active;(0,f.useMemo)((function(){console.log("hasCategory: ".concat(q,", hasDate: ").concat(j,", hasTitle ").concat(B,", hasSponsor: ").concat(V,", hasDescription: ").concat(W,", hasTextCard: ").concat(G))}),[q,j,B,V,W,G]);var K=[!I&&J?f.createElement(ve,{key:"spacer-cta-top"}):null,f.createElement(ve,{key:"spacer-cta-top"}),G?f.createElement(ue,{className:"micromag-screen-urbania-recommendation-textCard",style:{border:"1px solid red"}},q?f.createElement(p.ScreenElement,{key:"category",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"mTqU7F",defaultMessage:[{type:0,value:"Category"}]}),emptyClassName:Ha,isEmpty:!q},f.createElement(ut,Object.assign({className:c()(["micromag-screen-urbania-recommendation-category",(t={},(0,r.Z)(t,k,null!==k),(0,r.Z)(t,"micromag-screen-urbania-recommendation-noBottomBorder",_),t)])},s))):null,j||B?f.createElement("div",{className:c()(["micromag-screen-urbania-recommendation-dateTitleRow",(n={},(0,r.Z)(n,k,null!==k),(0,r.Z)(n,Ua,V||!V&&W),n)])},j?f.createElement(p.ScreenElement,{key:"date",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"giwFEg",defaultMessage:[{type:0,value:"Date"}]}),emptyClassName:Ha,isEmpty:!j},f.createElement(Q,Object.assign({className:c()(["micromag-screen-urbania-recommendation-date",(a={},(0,r.Z)(a,k,null!==k),(0,r.Z)(a,"micromag-screen-urbania-recommendation-rightBorder",B),a)])},u))):null,f.createElement(p.ScreenElement,{key:"title",placeholder:"title",emptyLabel:f.createElement(i.Z,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:"micromag-screen-urbania-recommendation-emptyTitle",isEmpty:!B},f.createElement(ut,Object.assign({className:"micromag-screen-urbania-recommendation-title"},d)))):null,V?f.createElement(p.ScreenElement,{key:"sponsor",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"Bv1Q38",defaultMessage:[{type:0,value:"Sponsor"}]}),emptyClassName:Ha,isEmpty:!V},f.createElement(Q,Object.assign({className:c()(["micromag-screen-urbania-recommendation-sponsor",(l={},(0,r.Z)(l,k,null!==k),(0,r.Z)(l,Ua,W),l)])},m))):null,W?f.createElement(p.ScreenElement,{key:"description",placeholder:"text",emptyLabel:f.createElement(i.Z,{id:"EQdIAR",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Ha,isEmpty:!W},f.createElement(Q,Object.assign({className:"micromag-screen-urbania-recommendation-description"},y))):null):null,!I&&J?f.createElement(ve,{key:"spacer-cta-bottom"}):null,f.createElement(ve,{key:"spacer-cta-bottom"}),!I&&J?f.createElement("div",{style:{margin:-v,marginTop:0},key:"call-to-action"},f.createElement(te,{callToAction:w,animationDisabled:F,focusable:C&&Z,screenSize:{width:N,height:x}})):null].filter((function(e){return null!==e}));return f.createElement("div",{className:c()(["micromag-screen-urbania-recommendation-container",(o={},(0,r.Z)(o,k,null!==k),(0,r.Z)(o,"micromag-screen-urbania-recommendation-isPlaceholder",I),o)]),"data-screen-ready":!0},I?null:f.createElement(D,{background:b,width:N,height:x,playing:Y,shouldLoad:X}),f.createElement(ue,{width:N,height:x},f.createElement(Se,{className:"micromag-screen-urbania-recommendation-layout",fullscreen:!0,style:I?null:{padding:v,paddingTop:(P&&!F?O:0)+v}},f.createElement(p.TransitionsStagger,{transitions:M,stagger:S,disabled:U,playing:H},K))))};Ya.defaultProps={category:null,date:null,title:null,sponsor:null,description:null,spacing:20,background:null,callToAction:null,current:!0,active:!0,transitions:null,transitionStagger:100,className:null};var Qa=f.memo(Ya),Xa=[{id:"urbania-recommendation",type:"screen",group:{label:(0,l.defineMessage)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,l.defineMessage)({id:"18XpuL",defaultMessage:[{type:0,value:"Urbania recommendation screen"}]}),component:Qa,fields:[{name:"category",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"4grcMU",defaultMessage:[{type:0,value:"Category"}]})},{name:"date",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"yEG9zh",defaultMessage:[{type:0,value:"Date"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,l.defineMessage)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"sponsor",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"WY14Zu",defaultMessage:[{type:0,value:"Sponsor"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,l.defineMessage)({id:"Y7bs1v",defaultMessage:[{type:0,value:"Description"}]})},{name:"background",type:"background",label:(0,l.defineMessage)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"callToAction",type:"call-to-action",theme:{label:{textStyle:"heading2"}}}]}],Ja={container:"micromag-screen-urbania-trivia-container",content:"micromag-screen-urbania-trivia-content",empty:"micromag-screen-urbania-trivia-empty",emptyContainer:"micromag-screen-urbania-trivia-emptyContainer",fullscreen:"micromag-screen-urbania-trivia-fullscreen",image:"micromag-screen-urbania-trivia-image",placeholder:"micromag-screen-urbania-trivia-placeholder",disabled:"micromag-screen-urbania-trivia-disabled",hidden:"micromag-screen-urbania-trivia-hidden",itemsContainer:"micromag-screen-urbania-trivia-itemsContainer",videoContainer:"micromag-screen-urbania-trivia-videoContainer",video:"micromag-screen-urbania-trivia-video",isCustomBackground:"micromag-screen-urbania-trivia-isCustomBackground",isAnimated:"micromag-screen-urbania-trivia-isAnimated",spin:"micromag-screen-urbania-trivia-spin",heading:"micromag-screen-urbania-trivia-heading",hideHeading:"micromag-screen-urbania-trivia-hideHeading",callToAction:"micromag-screen-urbania-trivia-callToAction",bottom:"micromag-screen-urbania-trivia-bottom",visible:"micromag-screen-urbania-trivia-visible",withGradient:"micromag-screen-urbania-trivia-withGradient",mediaControls:"micromag-screen-urbania-trivia-mediaControls",bottomContent:"micromag-screen-urbania-trivia-bottomContent"},Ka={image:{type:"image",url:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1083.95 1920'%3e %3cg id='a'/%3e %3cg id='b'%3e %3cg id='c'%3e %3cpath d='M1083.95%2c0h-103.4l-438.55%2c959.95L1083.95%2c109.31V0Zm0%2c295L542.02%2c959.96l541.93-498.87v-166.08Zm0%2c274.99l-541.92%2c389.98%2c541.92-279.64v-110.34Zm0%2c190.53l-541.92%2c199.46%2c541.92-110.89v-88.57Zm0%2c158.17l-541.92%2c41.31%2c541.92%2c41.31v-82.61Zm0%2c152.21l-541.92-110.89%2c541.92%2c199.46v-88.58Zm0%2c168.77l-541.92-279.64%2c541.92%2c389.98v-110.34Zm0%2c219.25l-541.93-498.87%2c541.93%2c664.95v-166.08Zm0%2c351.77L542%2c960.05l438.55%2c959.95h103.4v-109.31ZM854.8%2c0h-138.91l-173.9%2c959.94L854.8%2c0Zm0%2c1920l-312.81-959.94%2c173.9%2c959.94h138.91ZM606.75%2c0h-129.56l64.78%2c959.94L606.75%2c0Zm0%2c1920l-64.78-959.94-64.78%2c959.94h129.56Zm-64.79-960.06L368.06%2c0H229.15l312.81%2c959.94Zm0%2c.12L229.15%2c1920h138.91l173.9-959.94Zm-.01-.11L103.4%2c0H0V109.31L541.94%2c959.95Zm0%2c.11L0%2c1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2c295.01v166.08l541.93%2c498.87Zm0%2c.09L0%2c1458.91v166.08L541.93%2c960.04Zm-.01-.07L0%2c570v110.34l541.92%2c279.63Zm0%2c.02L0%2c760.52v88.57l541.92%2c110.89Zm0%2c.02L0%2c918.69v82.61l541.92-41.31Zm0%2c.02L0%2c1070.9v88.57l541.92-199.46Zm0%2c.02L0%2c1239.66v110.34l541.92-389.97Z' fill='%2312bbd7'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e",width:1083,height:1919},color:"#00cbff"},$a={image:{type:"image",url:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1083.95 1920'%3e %3cg id='a'/%3e %3cg id='b'%3e %3cg id='c'%3e %3cpath d='M1083.95%2c0h-103.4l-438.55%2c959.95L1083.95%2c109.31V0Zm0%2c295L542.02%2c959.96l541.93-498.87v-166.08Zm0%2c274.99l-541.92%2c389.98%2c541.92-279.64v-110.34Zm0%2c190.53l-541.92%2c199.46%2c541.92-110.89v-88.57Zm0%2c158.17l-541.92%2c41.31%2c541.92%2c41.31v-82.61Zm0%2c152.21l-541.92-110.89%2c541.92%2c199.46v-88.58Zm0%2c168.77l-541.92-279.64%2c541.92%2c389.98v-110.34Zm0%2c219.25l-541.93-498.87%2c541.93%2c664.95v-166.08Zm0%2c351.77L542%2c960.05l438.55%2c959.95h103.4v-109.31ZM854.8%2c0h-138.91l-173.9%2c959.94L854.8%2c0Zm0%2c1920l-312.81-959.94%2c173.9%2c959.94h138.91ZM606.75%2c0h-129.56l64.78%2c959.94L606.75%2c0Zm0%2c1920l-64.78-959.94-64.78%2c959.94h129.56Zm-64.79-960.06L368.06%2c0H229.15l312.81%2c959.94Zm0%2c.12L229.15%2c1920h138.91l173.9-959.94Zm-.01-.11L103.4%2c0H0V109.31L541.94%2c959.95Zm0%2c.11L0%2c1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2c295.01v166.08l541.93%2c498.87Zm0%2c.09L0%2c1458.91v166.08L541.93%2c960.04Zm-.01-.07L0%2c570v110.34l541.92%2c279.63Zm0%2c.02L0%2c760.52v88.57l541.92%2c110.89Zm0%2c.02L0%2c918.69v82.61l541.92-41.31Zm0%2c.02L0%2c1070.9v88.57l541.92-199.46Zm0%2c.02L0%2c1239.66v110.34l541.92-389.97Z' fill='hsla(0%2c0%25%2c100%25%2c.6)'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e",width:1083,height:1919},color:null},el={layout:m().oneOf(["middle","full"]),title:a.PropTypes.headingElement,video:a.PropTypes.videoElement,gotoNextScreenOnEnd:m().bool,background:a.PropTypes.backgroundElement,callToAction:a.PropTypes.callToAction,current:m().bool,active:m().bool,transitions:a.PropTypes.transitions,spacing:m().number,padding:m().number,getMediaRef:m().func,className:m().string},tl=function(e){var t,n,a,l,u=e.layout,d=e.title,m=e.video,h=e.gotoNextScreenOnEnd,v=e.background,b=e.callToAction,w=e.current,C=e.active,E=e.transitions,M=e.spacing,S=e.padding,k=e.getMediaRef,T=e.className,N=(0,y.useTrackScreenMedia)("video"),x=(0,g.useScreenSize)(),P=x.width,A=x.height,Z=(0,g.useScreenRenderContext)(),F=Z.isView,I=Z.isPreview,L=Z.isPlaceholder,z=Z.isEdit,q=Z.isStatic,j=Z.isCapture,B=(0,g.useViewerNavigation)().gotoNextScreen,V=w&&(F||z),W=w||C||!F,_=w||C||!F,G=h&&F&&w,H=(d||{}).body,U=void 0===H?"":H,Y=m||{},Q=Y.autoPlay,X=void 0===Q||Q,J=Y.media,K=void 0===J?null:J,$=Y.closedCaptions,ee=void 0===$?null:$,ne=Y.withSeekBar,ae=void 0!==ne&&ne,le=Y.withPlayPause,ie=void 0!==le&&le,re=Y.withTime,se=void 0!==re&&re,ce=(0,f.useRef)(),de=ce.current||{},me=de.togglePlay,fe=de.toggleMute,pe=de.seek,ge=de.play,ye=de.pause,he=de.mediaRef,ve=void 0===he?null:he;(0,f.useEffect)((function(){null!==ve&&null!==k&&k(ve.current)}),[ve,k]);var be=(0,f.useRef)(null),we=(0,f.useState)(!1),Ce=(0,s.Z)(we,2),Ee=Ce[0],Me=Ce[1],Se=(0,f.useState)(null),ke=(0,s.Z)(Se,2),Te=ke[0],Ne=ke[1],xe=(0,f.useState)(null),Pe=(0,s.Z)(xe,2),Oe=Pe[0],Ze=Pe[1],Fe=(0,f.useState)(!1),Ie=(0,s.Z)(Fe,2),Re=Ie[0],Le=Ie[1],ze=(0,f.useState)(!1),qe=(0,s.Z)(ze,2),je=qe[0],Be=qe[1],De=(0,f.useCallback)((function(e){Ne(e)}),[Ze,Oe]),Ve=(0,f.useCallback)((function(e){N(m,"progress_".concat(Math.round(100*e,10),"%"))}),[N,m]),We=(0,f.useCallback)((function(e){Ze(e)}),[Ze]),_e=(0,f.useCallback)((function(e){var t=e.initial;Le(!0),N(m,t?"play":"resume")}),[N,m]),Ge=(0,f.useCallback)((function(e){var t=e.midway;Le(!1),N(m,t?"pause":"ended")}),[N,m]),He=(0,f.useCallback)((function(e){Be(e),N(m,e?"mute":"unmute")}),[N,m]),Ue=(0,f.useCallback)((function(e){pe(e),ge()}),[pe,ge]),Ye=(0,f.useCallback)((function(e){e>0&&N(m,"seek")}),[N,m]),Qe=(0,f.useCallback)((function(){je&&!Re&&ge(),fe()}),[je,fe]),Xe=(0,f.useCallback)((function(){G&&B()}),[G,pe,B]);(0,f.useEffect)((function(){!w&&Re&&ye()}),[Re,w]);var Je=(0,f.useCallback)((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1800;Me(!0),null!==be.current&&clearTimeout(be.current),be.current=setTimeout((function(){Me(!1),be.current=null}),t)}),[Me]),Ke=(0,f.useCallback)((function(){Re?ie?Je(null,3e3):ye():ge()}),[ge,Re,ye,Je,ie,Me]),$e=(0,y.useLongPress)({onLongPress:Ke,onClick:Je}),et="full"===u,tt=null!==b&&!0===b.active,nt=v||{},at=nt.image,lt=void 0===at?null:at,it=nt.video,rt=null===v||null===lt&&null===(void 0===it?null:it),ot=null!==m,st=(0,f.useState)(ot),ct=(0,s.Z)(st,2),dt=ct[0],mt=ct[1],ft=w&&dt,pt=q||j||L||I||z,gt=(0,f.useMemo)((function(){return ot?(0,o.Z)((0,o.Z)({},m),{},{autoPlay:!I&&!q&&!j&&X&&w}):null}),[ot,m,I,q,j,X,w]),yt=K||{},ht=yt.metadata,vt=void 0===ht?null:ht,wt=yt.url,Ct=void 0===wt?null:wt,Et=yt.thumbnail_url,Mt=void 0===Et?null:Et,St=null!==Ct,kt=vt||{},Tt=kt.width,Nt=void 0===Tt?0:Tt,xt=kt.height,Pt=void 0===xt?0:xt,Ot=(0,y.useResizeObserver)(),At=Ot.ref,Zt=Ot.entry.contentRect,Ft=((void 0===Zt?null:Zt)||{}).height,Rt=A-(void 0===Ft?0:Ft)-(S?2*S:40),Lt=(0,O.QQ)(Nt,Pt,P,Rt,{cover:et}),zt=Lt.width,qt=Lt.height,jt=-(zt-P)/2,Bt=(0,f.useMemo)((function(){return It()(v)&&v.length>0?v:null!==v?(0,o.Z)((0,o.Z)({},Ka),v):Ka}),[v]),Dt=et?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){mt(!St)}),[Ct,St,mt]);var Vt=(0,f.useCallback)((function(){mt(!0)}),[mt]),Wt=!X&&!Re||je||Ee,_t=[f.createElement(ue,{className:Ja.itemsContainer},f.createElement(p.ScreenElement,{key:"heading",className:Ja.headingScreenElement,placeholder:f.createElement(p.PlaceholderTitle,Object.assign({className:Ja.placeholder},Dt)),empty:f.createElement("div",{className:Ja.emptyContainer},f.createElement(p.Empty,{className:Ja.empty},f.createElement(i.Z,{id:"oAtOlP",defaultMessage:[{type:0,value:"Heading"}]}))),isEmpty:0===U.length},f.createElement("div",{ref:At},f.createElement(ut,Object.assign({className:c()([Ja.heading,(t={},(0,r.Z)(t,T,null!==T),(0,r.Z)(t,Ja.hideHeading,0===U.length),t)]),body:U},d)))),f.createElement(p.ScreenElement,{key:"video",className:Ja.videoScreenElement,placeholder:f.createElement(p.PlaceholderVideo,Object.assign({className:Ja.placeholder,height:"300px"},Dt)),empty:f.createElement("div",{className:Ja.emptyContainer},f.createElement(p.Empty,{className:Ja.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!St},St?f.createElement("div",{className:Ja.videoContainer,style:{width:Math.min(P,zt),height:qt,left:jt>0?jt:null,maxHeight:Rt}},I||j?f.createElement(bt,{className:Ja.image,media:{url:Mt,metadata:{width:Nt,height:Pt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},gt,{ref:ce,width:zt,height:qt,className:Ja.video,onReady:Vt,onPlay:_e,onPause:Ge,onTimeUpdate:De,onProgressStep:Ve,onDurationChanged:We,onSeeked:Ye,onEnded:Xe,onVolumeChanged:He,focusable:w&&F,preload:_?"auto":"metadata"})),L?null:f.createElement("div",{key:"bottom-content",className:Ja.bottomContent},f.createElement(p.Transitions,{playing:ft,transitions:E,disabled:pt},null===ee||I||j||q?null:f.createElement(oe,{className:Ja.closedCaptions,media:ee,currentTime:Te}),f.createElement("div",{className:c()([Ja.bottom,(n={},(0,r.Z)(n,Ja.visible,Wt),(0,r.Z)(n,Ja.withGradient,ae||ie||je),n)])},St?f.createElement(Ae,{className:c()([Ja.mediaControls,(0,r.Z)({},Ja.visible,Wt)]),withSeekBar:ae,withPlayPause:ie,withTime:se,playing:Re,muted:je,currentTime:Te,duration:Oe,onTogglePlay:me,onToggleMute:Qe,onSeek:Ue,focusable:w&&F}):null,tt?f.createElement("div",{style:{marginTop:-M/2}},f.createElement(te,{className:Ja.callToAction,callToAction:b,animationDisabled:I,focusable:w&&F,screenSize:{width:P,height:A}})):null)))):null))];return f.createElement("div",Object.assign({className:c()([Ja.container,(a={},(0,r.Z)(a,T,null!==T),(0,r.Z)(a,Ja.fullscreen,et),a)]),"data-screen-ready":q||j||dt},$e,{onMouseMove:Je}),L?f.createElement(D,{background:$a,className:Ja.background,width:P,height:A,styles:{backgroundColor:"red"}}):f.createElement(D,{background:Bt,className:c()([Ja.background,(l={},(0,r.Z)(l,T,null!==T),(0,r.Z)(l,Ja.isCustomBackground,rt),(0,r.Z)(l,Ja.isAnimated,!q&&!I&&rt),l)]),width:P,height:A,playing:V,shouldLoad:W}),f.createElement(ue,{width:P,height:A},f.createElement("div",{className:Ja.content},_t)))};tl.propTypes=el,tl.defaultProps={layout:"full",title:null,video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,padding:20,getMediaRef:null,className:null};var nl=f.memo(tl),al=Object.freeze({__proto__:null,appleNews:function(){return null}}),ll={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:nl,transforms:al,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"}]})}]},il={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"},rl={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},ol=function(e){var t,n,a=e.layout,l=e.video,u=e.gotoNextScreenOnEnd,d=e.background,m=e.callToAction,h=e.current,v=e.active,b=e.transitions,w=e.spacing,C=e.getMediaRef,E=e.className,M=(0,y.useTrackScreenMedia)("video"),S=(0,g.useScreenSize)(),k=S.width,T=S.height,N=(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=u&&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,re=ae.seek,se=ae.play,ce=ae.pause,de=ae.mediaRef,me=void 0===de?null:de;(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,s.Z)(pe,2),ye=ge[0],he=ge[1],ve=(0,f.useState)(null),be=(0,s.Z)(ve,2),we=be[0],Ce=be[1],Ee=(0,f.useState)(null),Me=(0,s.Z)(Ee,2),Se=Me[0],ke=Me[1],Te=(0,f.useState)(!1),Ne=(0,s.Z)(Te,2),xe=Ne[0],Pe=Ne[1],Oe=(0,f.useState)(!1),Ze=(0,s.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){M(l,"progress_".concat(Math.round(100*e,10),"%"))}),[M,l]),ze=(0,f.useCallback)((function(e){ke(e)}),[ke]),qe=(0,f.useCallback)((function(e){var t=e.initial;Pe(!0),M(l,t?"play":"resume")}),[M,l]),je=(0,f.useCallback)((function(e){var t=e.midway;Pe(!1),M(l,t?"pause":"ended")}),[M,l]),Be=(0,f.useCallback)((function(e){Ie(e),M(l,e?"mute":"unmute")}),[M,l]),De=(0,f.useCallback)((function(e){re(e),se()}),[re,se]),Ve=(0,f.useCallback)((function(e){e>0&&M(l,"seek")}),[M,l]),We=(0,f.useCallback)((function(){Fe&&!xe&&se(),ie()}),[Fe,ie]),_e=(0,f.useCallback)((function(){B&&L()}),[B,re,L]);(0,f.useEffect)((function(){!h&&xe&&ce()}),[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):ce():se()}),[se,xe,ce,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,s.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,o.Z)((0,o.Z)({},l),{},{autoPlay:!P&&!F&&!I&&_&&h}):null}),[Xe,l,P,F,I,_,h]),lt=H||{},it=lt.metadata,rt=void 0===it?null:it,ot=lt.url,st=void 0===ot?null:ot,ut=lt.thumbnail_url,ct=void 0===ut?null:ut,dt=null!==st,mt=rt||{},ft=mt.width,pt=void 0===ft?0:ft,gt=mt.height,yt=void 0===gt?0:gt,ht=(0,O.QQ)(pt,yt,k,T,{cover:Ye}),vt=ht.width,wt=ht.height,Ct=-(vt-k)/2,Et=-(wt-T)/2,Mt=Ye?{width:"100%",height:"100%"}:{width:"100%"};(0,f.useEffect)((function(){et(!dt)}),[st,dt,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:il.placeholder},Mt)),empty:f.createElement("div",{className:il.emptyContainer},f.createElement(p.Empty,{className:il.empty},f.createElement(i.Z,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!dt},dt?f.createElement("div",{className:il.videoContainer,style:{width:vt,height:wt,left:Ct,top:Et}},P||I?f.createElement(bt,{className:il.image,media:{url:ct,metadata:{width:pt,height:yt}},width:"100%",height:"100%"}):f.createElement(R,Object.assign({},at,{ref:ne,className:il.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:il.bottomContent},f.createElement(p.Transitions,{playing:tt,transitions:b,disabled:nt},null===Y||P||I||F?null:f.createElement(oe,{className:il.closedCaptions,media:Y,currentTime:we}),f.createElement("div",{className:c()([il.bottom,(t={},(0,r.Z)(t,il.visible,kt),(0,r.Z)(t,il.withGradient,X||K||Fe),t)])},dt?f.createElement(Ae,{className:c()([il.mediaControls,(0,r.Z)({},il.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:il.callToAction,callToAction:m,animationDisabled:P,focusable:h&&x,screenSize:{width:k,height:T}})):null)))];return f.createElement("div",Object.assign({className:c()([il.container,(n={},(0,r.Z)(n,E,null!==E),(0,r.Z)(n,il.fullscreen,Ye),n)]),"data-screen-ready":F||I||$e},Ue,{onMouseMove:Ge}),A?null:f.createElement(D,{background:d,width:k,height:T,playing:z,shouldLoad:q}),f.createElement(ue,{width:k,height:T},f.createElement("div",{className:il.content},Tt)))};ol.propTypes=rl,ol.defaultProps={layout:"middle",video:null,gotoNextScreenOnEnd:!1,background:null,callToAction:null,current:!0,active:!0,transitions:null,spacing:20,getMediaRef:null,className:null};var sl=f.memo(ol),ul=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,r=l.component,s=(0,Ze.W2)(i,(0,v.Z)(r?[r]:[])),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),cl={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:sl,layouts:["middle","full"],transforms:ul,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"}}}]},dl={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"},ml=null,fl={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},pl=function(e){var t;e.layout;var a=e.video,l=e.background,u=e.callToAction,d=e.current,m=e.active,h=e.transitions,v=e.onPrevious,b=e.onNext,w=e.type,C=e.spacing,E=e.className,M=function(){var e=(0,f.useState)({package:ml}),t=(0,s.Z)(e,2),a=t[0].package,l=t[1];return(0,f.useEffect)((function(){var e=!1;return null!==a||n.e(917).then(n.bind(n,55917)).then((function(t){var n=t.Scene,a=t.PerspectiveCamera,i=t.SphereBufferGeometry,r=t.VideoTexture,o=t.MeshBasicMaterial,s=t.Mesh,u=t.WebGLRenderer,c=t.MathUtils;ml={Scene:n,PerspectiveCamera:a,SphereBufferGeometry:i,VideoTexture:r,MeshBasicMaterial:o,Mesh:s,WebGLRenderer:u,MathUtils:c},e||l({package:ml})})),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=d&&(Z||L),B=d||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,s.Z)(X,2),K=J[0],$=J[1],ee=(0,f.useState)(null),ne=(0,s.Z)(ee,2),ae=ne[0],le=ne[1],ie=(0,f.useState)(!1),re=(0,s.Z)(ie,2),se=re[0],ce=re[1],de=(0,f.useState)(!1),me=(0,s.Z)(de,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;ce(!0),k(a,t?"play":"resume")}),[k,a]),be=(0,f.useCallback)((function(e){var t=e.midway;ce(!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]),Ee=(0,f.useCallback)((function(){fe&&!se&&Y(),H()}),[fe,H]);(0,f.useEffect)((function(){!d&&se&&Q()}),[se,d]);var Me=null!==a,Se=(0,f.useState)(!Me),ke=(0,s.Z)(Se,2),Te=ke[0],Ne=ke[1],xe=d&&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=Me?(0,o.Z)((0,o.Z)({},a),{},{autoPlay:!F&&!z&&!q&&De&&d}):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,s.Z)(at,2),it=lt[0],rt=lt[1],ot=Xe&&(Z||L)&&!q&&!z,st=(0,O.QQ)($e,tt,N,x,{cover:!0}),ut=st.width,ct=st.height,dt=-(ut-N)/2,mt=-(ct-x)/2;(0,f.useEffect)((function(){Ne(!Xe)}),[Ue,Xe,Ne]),(0,f.useEffect)((function(){rt(!nt)}),[Qe,nt,rt]);var ft=(0,f.useCallback)((function(){Ne(!0)}),[Ne]),pt=(0,f.useCallback)((function(){rt(!0)}),[it]),gt=(0,f.useRef)(null),yt=(0,f.useRef)(null),ht=(0,f.useRef)(null),vt=(0,f.useRef)(null),wt=(0,f.useRef)(0),Ct=(0,f.useRef)(0),Et=(0,f.useRef)(0),Mt=(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=M.MathUtils;Ct.current=Math.max(-85,Math.min(85,Ct.current)),Et.current=e.degToRad(90-Ct.current),Mt.current=e.degToRad(wt.current),yt.current.position.x=St.current*Math.sin(Et.current)*Math.cos(Mt.current),yt.current.position.y=St.current*Math.cos(Et.current),yt.current.position.z=St.current*Math.sin(Et.current)*Math.sin(Mt.current),yt.current.lookAt(0,0,0),vt.current.render(ht.current,yt.current)}),[]);(0,f.useEffect)((function(){if(null!==M&&Xe&&ot){var e=M.Scene,t=M.PerspectiveCamera,n=M.SphereBufferGeometry,a=M.VideoTexture,l=M.MeshBasicMaterial,i=M.Mesh,r=M.WebGLRenderer,o=gt.current,s=o.offsetWidth,u=o.offsetHeight;yt.current=new t(75,s/u,1,1100),ht.current=new e;var c=new n(500,60,40);c.scale(-1,1,1);var d=(W.current||{}).mediaRef,m=((void 0===d?null:d)||{}).current,f=new i(c,new l({map:new a(void 0===m?null:m)}));ht.current.add(f),vt.current=new r({canvas:gt.current}),vt.current.setPixelRatio("undefined"!=typeof window?window.devicePixelRatio:1),vt.current.setSize(s,u),Ot()}return function(){ot&&(yt.current=null,ht.current=null,vt.current=null)}}),[Xe,ot,Ot]),(0,y.useAnimationFrame)(Ot,{disabled:!ot}),(0,f.useEffect)((function(){null!==yt.current&&null!==vt.current&&(yt.current.aspect=N/x,yt.current.updateProjectionMatrix(),vt.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,r=void 0===i?null:i,o=Tt.current-l,s=Nt.current-r;wt.current=.2*o+xt.current,Ct.current=.2*s+Pt.current;var u=It.current||{},c=u.x,d=void 0===c?l:c,m=u.y,f=void 0===m?r:m,p=Math.abs(d-l)||0,g=Math.abs(f-r)||0;Ft.current+=p+g,!Rt.current&&Ft.current>Math.min(N,x)&&(S("drag_sphere",a.name),Rt.current=!0),It.current={x:l,y:r},(Math.abs(o)>3||Math.abs(s)>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,r=void 0===i?0:i,o=l.width;e.clientX-r<.5*o?null!==v&&v():null!==b&&b()}null!==At.current&&(clearTimeout(At.current),At.current=null)}kt.current=!1}),[v,b,P]),qt=null!==u&&!0===u.active,jt=[f.createElement(p.ScreenElement,{key:"video",placeholder:f.createElement(p.PlaceholderVideo360,{className:dl.placeholder,width:"100%",height:"100%"}),emptyClassName:dl.empty,emptyLabel:f.createElement(i.Z,{id:"oLtEu6",defaultMessage:[{type:0,value:"Video 360"}]}),isEmpty:!ot},f.createElement(p.Transitions,{playing:xe,transitions:h,disabled:Pe,fullscreen:!0},ot?f.createElement(f.Fragment,null,f.createElement("canvas",{ref:gt,className:dl.canvas}),f.createElement("button",{className:dl.canvasButton,type:"button","aria-label":"canvas-interaction",onPointerDown:Zt,onPointerMove:Lt,onPointerUp:zt,tabIndex:d&&Z?null:"-1"})):f.createElement("div",{className:dl.videoContainer,style:{width:ut,height:ct,left:dt,top:mt}},f.createElement(bt,{className:dl.video,media:{url:Qe,metadata:{width:$e,height:tt}},width:"100%",height:"100%"})))),I?null:f.createElement("div",{key:"bottom-content",className:dl.bottomContent},f.createElement(p.Transitions,{playing:xe,transitions:h,disabled:Pe},null===Re||F||q||z?null:f.createElement(oe,{className:dl.closedCaptions,media:Re,currentTime:K}),ot?f.createElement(Ae,{className:dl.mediaControls,withSeekBar:ze,withPlayPause:je,playing:se,muted:fe,currentTime:K,duration:ae,onTogglePlay:G,onToggleMute:Ee,onSeek:U,focusable:d&&Z}):null,qt?f.createElement("div",{style:{marginTop:-C/2}},f.createElement(te,{callToAction:u,animationDisabled:F,focusable:d&&Z,screenSize:{width:N,height:x}})):null))];return f.createElement("div",{className:c()([dl.container,(t={},(0,r.Z)(t,E,null!==E),(0,r.Z)(t,dl.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(ue,{width:N,height:x},ot?f.createElement("div",{ref:V,className:dl.videoContainer,style:{width:ut,height:ct,left:dt,top:mt}},f.createElement(R,Object.assign({},Ve,{ref:W,className:dl.video,withoutCors:!0,onReady:ft,onPlay:ve,onPause:be,onTimeUpdate:ge,onProgressStep:ye,onDurationChanged:he,onSeeked:Ce,onVolumeChanged:we,onPosterLoaded:pt,focusable:d&&Z}))):null,f.createElement("div",{className:dl.content},jt)))};pl.propTypes=fl,pl.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 gl=f.memo(pl),yl=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,r=l.component,s=(0,Ze.W2)(i,(0,v.Z)(r?[r]:[])),u=s.story,c=s.component;return(0,o.Z)((0,o.Z)({},u),{},{components:[].concat((0,v.Z)(e.components||[]),(0,v.Z)(c?[c]:[]))})}}),hl={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:gl,layouts:["full"],transforms:yl,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"}}}]},vl=new a.ScreensManager;vl.addDefinition(qe),vl.addDefinition(ht),vl.addDefinition(Ot),vl.addDefinition(_t),vl.addDefinition(Xt),vl.addDefinition(nn),vl.addDefinition(wn),vl.addDefinition(Bn),vl.addDefinition(Yn),vl.addDefinition($n),vl.addDefinition(sa),vl.addDefinition(pa),vl.addDefinition(ba),vl.addDefinition(Aa),vl.addDefinition(cl),vl.addDefinition(hl),vl.addDefinition(la),vl.addDefinition(Va),vl.addDefinition(ll),vl.addDefinition(Xa);var bl=new a.ScreensManager;bl.merge(vl);var wl={children:m().node.isRequired},Cl=function(e){var t=e.children;return f.createElement(g.ScreensProvider,{manager:bl},t)};Cl.propTypes=wl,Cl.defaultProps={}},18001:function(e,t,n){"use strict";var a=n(70417),l=n(68705),i=n(81260),r=(n(98689),n(72985),n(76009),n(96368),n(71892));function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(a),u=o(i),c=o(r),d={name:"Format\\TextStyle",description:"The object for defining the text style (font family, size, color, and so on) that you can apply to ranges of text.",version:"1.7+",from_class:null,extends:null,typed:null,url:"https://developer.apple.com/documentation/apple_news/textstyle",properties:[{name:"backgroundColor",type:"Color",required:!1,description:"The background color for text lines. The value defaults to transparent.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalTextStyle",required:!1,description:"An array of text style properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"fontFamily",type:"string",required:!1,description:"The font family to use for text rendering, for example Gill Sans. Using a combination of fontFamily, fontWeight, fontWidth and fontStyle you can define the appearance of the text. News automatically selects the appropriate font variant from the available variants in that family.",typed:!1},{name:"fontName",type:"string",required:!1,description:"The fontName to refer to an explicit font variant’s PostScript name, such as GillSans-Bold. Alternatively, you can use a combination of fontFamily, fontWeight, fontWidth and/or fontStyle to have News automatically select the appropriate variant depending on the text formatting used.",typed:!1},{name:"fontSize",type:"integer",required:!1,description:"The size of the font, in points. By default, the font size will be inherited from a parent component or a default style. As a best practice, try not to go below 16 points for body text. The fontSize may be automatically resized for different device sizes or for iOS devices with Larger Accessibility Sizes enabled.",typed:!1},{name:"fontStyle",type:"enum:string",required:!1,description:"The font style to apply for the selected font.",enum_values:["normal","italic","oblique"],typed:!1},{name:"fontWeight",type:"enum:integer|string",required:!1,description:"The font weight to apply for font selection. In addition to explicit weights (named or numerical), lighter and bolder are available, to set text in a lighter or bolder font as compared to its surrounding text.",enum_values:[100,200,300,400,500,600,700,800,900,"thin","extra-light","extralight","ultra-light","light","regular","normal","book","roman","medium","semi-bold","semibold","demi-bold","demibold","bold","extra-bold","extrabold","ultra-bold","ultrabold","black","heavy","lighter","bolder"],typed:!1},{name:"fontWidth",type:"enum:string",required:!1,description:"The font width for font selection (known in CSS as font-stretch). Defines the width characteristics of a font variant between normal, condensed and expanded. Some font families have separate families assigned for different widths (for example, Avenir Next and Avenir Next Condensed), so make sure that the fontFamily you select supports the specified fontWidth.",enum_values:["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded"],typed:!1},{name:"orderedListItems",type:"Format\\ListItemStyle",required:!1,description:"An object for use with text components with HTML markup. You can create text styles containing an orderedListItems definition to configure how list items inside <ol> tags should be displayed.",typed:!1},{name:"strikethrough",type:["Format\\TextDecoration","boolean"],required:!1,description:"The text strikethrough. Set strikethrough to true to use the text color inherited from the textColor property as the strikethrough color, or provide a text decoration definition with a different color. By default strikethrough is omitted (false).",typed:!1},{name:"stroke",type:"Format\\TextStrokeStyle",required:!1,description:"The stroke style for the text outline. By default, stroke will be omitted.",typed:!1},{name:"textColor",type:"Color",required:!1,description:"The text color.",typed:!1},{name:"textShadow",type:"Format\\Shadow",required:!1,description:"The text shadow for this style.",typed:!1},{name:"textTransform",type:"enum:string",required:!1,description:"The transform to apply to the text.",enum_values:["uppercase","lowercase","capitalize","none"],typed:!1},{name:"tracking",type:"number",required:!1,description:"The amount of tracking (spacing between characters) in text, as a percentage of the fontSize. The actual spacing between letters is determined by combining information from the font and font size.",default:0,typed:!1},{name:"underline",type:["Format\\TextDecoration","boolean"],required:!1,description:"The text underlining. This style can be used for links. Set underline to true to use the text color as the underline color, or provide a text decoration with a different color. By default underline is omitted (false).",typed:!1},{name:"unorderedListItems",type:"Format\\ListItemStyle",required:!1,description:"An object for use with text components with HTML markup. You can create text styles containing an unorderedListItems definition to configure how list items inside <ul> tags should be displayed.",typed:!1},{name:"verticalAlignment",type:"enum:string",required:!1,description:"The vertical alignment of the text. You can use this property for superscripts and subscripts.",enum_values:["superscript","subscript","baseline"],typed:!1}]},m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.fontFamily,n=void 0===t?null:t,a=e.fontSize,i=void 0===a?null:a,r=e.lineHeight,o=void 0===r?null:r,s=e.color,u=void 0===s?null:s,c={fontFamily:n,fontSize:i,lineHeight:o?Math.floor(i*o):null,textColor:u&&u.color?u.color:null};return l.validate(c,d)},f={name:"Format\\Audio",description:"The component for adding a playable audio clip.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/audio",properties:[{name:"role",type:"string",required:!0,description:"Always audio for this component.",value:"audio",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of an audio file (http or https only). This component supports all AVPlayer audio formats, including the following:",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the content of the audio file. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A caption that describes the content of the audio file. This text is also used by VoiceOver for iOS and VoiceOver for macOS if accessibilityCaption is not provided, or it can be shown when the audio cannot be played.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates the audio may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"imageURL",type:"string",required:!1,description:"The URL of an image file that represents the audio file, such as a cover image.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},p=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"audio",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=t||{},u=o.url,c=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{URL:u}),d=l.validate(c,a);return{story:e,component:d}},g={name:"Format\\Text",description:"Properties shared by all text component types.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/text",properties:[{name:"role",type:"string",required:!0,description:"The role of a text component depends on the type of content it contains. For example, a PullQuote should have a role of pullquote, and for text in the article body, the role should be body. See Component.",typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, rangeLength, and either a text style or the identifier of a text style that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"text",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.componentLayouts,o=void 0===r?{}:r,d=t||{},f=d.body,p=void 0===f?null:f,g=d.textStyle,y=void 0===g?null:g,h=y?m(y):null,v=null!==h?c.default(h):null,b=null!==h&&null!==v,w=s.default(s.default({role:n},o[n]?{layout:n}:{}),{},{text:p,format:"html"},i),C=a?l.validate(w,a):null;return{story:s.default(s.default({},e),{},{componentStyles:s.default(s.default({},e.componentStyles||{}),null!==C&&b?u.default({},v,h):{})}),component:C}},h={name:"Format\\Container",description:"Properties shared by all container types.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/container",properties:[{name:"role",type:"string",required:!0,description:"Always container for this component.",value:"container",read_only:!0,typed:!1},{name:"additions",type:"array:Format\\ComponentLink",required:!1,description:"An array of ComponentLink objects. This can be used to create a ComponentLink, allowing a link to anywhere in News. Adding a link to a container component makes the entire component interactable. Any links used in its child components are not interactable.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"components",type:"array:Format\\Component",required:!1,description:"An array of components to display as child components. Child components are positioned and rendered relative to their parent component.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalContainer",required:!1,description:"An array of container properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"contentDisplay",type:["Format\\CollectionDisplay","Format\\HorizontalStackDisplay"],required:!1,description:"The object that defines the way child components should be positioned within this container component. A HorizontalStackDisplay for example, allows for displaying child components side-by-side.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},v={name:"Format\\Gallery",description:"The component for displaying a sequence of images in a specific order as a horizontal strip.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/gallery",properties:[{name:"items",type:"array:Format\\GalleryItem",required:!0,description:"An array of the images that appear in the gallery. The order used in the array is the order of the images in the gallery. Gallery items can be JPEG (with .jpg or .jpeg extension), PNG, or GIF images.",typed:!1},{name:"role",type:"string",required:!0,description:"Always gallery for this component.",value:"gallery",read_only:!0,typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},b=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"gallery",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=t||{},u=o.images,c=void 0===u?[]:u,d=null!==c?c.map((function(e){if(null==e)return null;var t=e||{},n=t.media,a=void 0===n?null:n,i=t.url,r=void 0===i?null:i,o=t.caption,u=void 0===o?null:o,c=null!==a&&a.url?a.url:null,d=null!==r?r:null,m=d||c,f=null!==u&&u.body?l.stripTags(u.body):null;return m?s.default({URL:d||c},null!==f?{caption:f}:{}):null})).filter((function(e){return null!==e})):[],m=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{items:d}),f=l.validate(m,a);return{story:e,component:f}},w={name:"Format\\Heading",description:"The text component for adding a heading.",version:"1.7+",from_class:null,extends:"Format\\Text",typed:null,url:"https://developer.apple.com/documentation/apple_news/heading",properties:[{name:"role",type:"enum:string",required:!0,description:"Always one of these roles for this component: heading, heading1, heading2, heading3, heading4, heading5, or heading6.",enum_values:["heading","heading1","heading2","heading3","heading4","heading5","heading6"],value:"heading",typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text components that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, a rangeLength, and either a TextStyle object or the identifier of a TextStyle that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},C={name:"Format\\Image",description:"The component for displaying JPEG, PNG, or GIF images.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/image",properties:[{name:"role",type:"string",required:!0,description:"Always image for this component.",value:"image",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of an image file.",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the image. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"additions",type:"array:Format\\ComponentLink",required:!1,description:"An array of ComponentLink objects. This can be used to create a ComponentLink, allowing a link to anywhere in News.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:["Format\\CaptionDescriptor","string"],required:!1,description:"A caption that describes the image. The text is seen when the image is in full screen. This text is also used by VoiceOver for iOS and VoiceOver for macOS, if accessibilityCaption text is not provided. The caption text does not appear in the main article view. To display a caption in the main article view, use the Caption component.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates the image may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},E={name:"Format\\Map",description:"The component for adding a map.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/map",properties:[{name:"latitude",type:"number",required:!0,description:"The latitude of the map’s center. Provide both a latitude and longitude, or an array of items.",typed:!1},{name:"longitude",type:"number",required:!0,description:"The longitude of the map’s center. Provide both a latitude and longitude, or an array of items.",typed:!1},{name:"role",type:"string",required:!0,description:"Always map for this component.",value:"map",read_only:!0,typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"The caption that describes what is visible on the map. The text is used for VoiceOver for iOS and VoiceOver for macOS. The value in this property should describe the contents of the map for non-sighted users. If accessibilityCaption is not provided the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A string that describes what is displayed on the map. The caption is displayed in the full screen version of the map. This text is also used by VoiceOver for iOS and VoiceOver for macOS, if accessibilityCaption text is not provided.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"items",type:"array:Format\\MapItem",required:!1,description:"An array of MapItems. If latitude and longitude are not set, at least one item containing latitude and longitude should be added to the items array.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"mapType",type:"enum:string",required:!1,description:"A string that defines the type of map to display by default.",default:"standard",enum_values:["standard","hybrid","satellite"],typed:!1},{name:"span",type:"Format\\MapSpan",required:!1,description:"An object for defining the visible area of a map, relative to its center. A span is defined in deltas for latitude and longitude.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},M={name:"Format\\Mosaic",description:"The component for displaying a set of images as tiles in no particular order.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/mosaic",properties:[{name:"items",type:"array:Format\\GalleryItem",required:!0,description:"An array of the images that will appear in the mosaic. The order used in the array may affect layout and positioning in the mosaic, depending on the device or width. Gallery items can be JPEG (with .jpg or .jpeg extension), PNG, or GIF images. If the GIF is animated, the animation plays only in full screen.",typed:!1},{name:"role",type:"string",required:!0,description:"Always mosaic for this component.",value:"mosaic",read_only:!0,typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]},S={name:"Format\\Quote",description:"The component for including a quote.",version:"1.7+",from_class:null,extends:"Format\\Text",typed:null,url:"https://developer.apple.com/documentation/apple_news/quote",properties:[{name:"role",type:"string",required:!0,description:"Always quote for this component.",value:"quote",read_only:!0,typed:!1},{name:"text",type:"string",required:!0,description:"The text to display in the article, including any formatting tags depending on the format property.",typed:!1},{name:"additions",type:"array:Format\\Addition",required:!1,description:"An array of all the additions that should be applied to ranges of the component's text.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"conditional",type:"array:Format\\ConditionalText",required:!1,description:"An array of text components that can be applied conditionally and the conditions that cause them to be applied.",typed:!1},{name:"format",type:"enum:string",required:!1,description:"The formatting or markup method applied to the text.",default:"none",enum_values:["markdown","html","none"],typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"inlineTextStyles",type:"array:Format\\InlineTextStyle",required:!1,description:"An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, rangeLength, and either a TextStyle object or the identifier of a TextStyle that is defined at the top level of the document.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1},{name:"textStyle",type:["Format\\ComponentTextStyle","string"],required:!1,description:"An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that is defined at the top level of the document.",typed:!1}]},k={name:"Format\\Video",description:"The component for adding a video.",version:"1.7+",from_class:null,extends:"Format\\Component",typed:null,url:"https://developer.apple.com/documentation/apple_news/video",properties:[{name:"role",type:"string",required:!0,description:"Always video for this component.",value:"video",read_only:!0,typed:!1},{name:"URL",type:"uri",required:!0,description:"The URL of a video file that can be played using AVPlayer. HTTP Live Streaming (HLS) is highly recommended (.M3U8). For more information on HLS, refer to the iOS developer documentation on HTTP Live Streaming, especially the following sections of the HTTP Live Streaming Overview:",typed:!1},{name:"accessibilityCaption",type:"string",required:!1,description:"A caption that describes the content of the video. The text is used for VoiceOver for iOS and VoiceOver for macOS. If accessibilityCaption is not provided, the caption value is used for VoiceOver for iOS and VoiceOver for macOS.",typed:!1},{name:"anchor",type:"Format\\Anchor",required:!1,description:"An object that defines vertical alignment with another component.",typed:!1},{name:"animation",type:"Format\\ComponentAnimation",required:!1,description:"An object that defines an animation to be applied to the component.",typed:!0},{name:"aspectRatio",type:"number",required:!1,description:"The aspect ratio of the video: width divided by height. The aspect ratio determines the height of the video player.",default:1.777,typed:!1},{name:"behavior",type:"Format\\Behavior",required:!1,description:"An object that defines behavior for a component, like Parallax or Springy.",typed:!0},{name:"caption",type:"string",required:!1,description:"A caption that describes the content of the video file. This text is also used by VoiceOver for iOS and VoiceOver for macOS if accessibilityCaption is not provided, or it can be shown when the video cannot be played.",typed:!1},{name:"conditional",type:"array:Format\\ConditionalComponent",required:!1,description:"An array of component properties that can be applied conditionally, and the conditions that cause them to be applied.",typed:!1},{name:"explicitContent",type:"boolean",required:!1,description:"A Boolean value that indicates that the video or its still image may contain explicit content.",typed:!1},{name:"hidden",type:"boolean",required:!1,description:"A Boolean value that determines whether the component is hidden.",default:"false",typed:!1},{name:"identifier",type:"string",required:!1,description:"An optional unique identifier for this component. If used, this identifier must be unique across the entire document. You will need an identifier for your component if you want to anchor other components to it.",typed:!1},{name:"layout",type:["Format\\ComponentLayout","string"],required:!1,description:"An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that is defined at the top level of the document.",typed:!1},{name:"stillURL",type:"uri",required:!1,description:"The URL of an image file that should be shown when the video has not yet been played.",typed:!1},{name:"style",type:["Format\\ComponentStyle","string"],required:!1,description:"An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that is defined at the top level of the document.",typed:!1}]};t.Bb=function(e,t){return p(e,t,"audio",f)},t.S3=function(e,t){return y(e,t,"text",g,{textStyle:"style-author"})},t.W2=function(e,t){var n={role:"container",components:t},a=l.validate(n,h);return{story:e,component:t&&t.length>0?a:null}},t.ri=function(e,t){return b(e,t,"gallery",v)},t.nL=function(e,t){return y(e,t,"heading1",w)},t.XJ=function(e,t){return y(e,t,"heading2",w)},t.Ee=function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=(t||{}).url,u=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{URL:o}),c=l.validate(u,a);return{story:e,component:c}}(e,t,"image",C)},t.D5=function(e,t){return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"map",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=e.componentLayouts,r=void 0===i?{}:i,o=t||{},u=o.latitude,c=void 0===u?null:u,d=o.longitude,m=void 0===d?null:d,f=s.default(s.default({role:n},r[n]?{layout:n}:{}),{},{latitude:c,longitude:m}),p=l.validate(f,a);return{story:e,component:p}}(e,t,"map",E)},t.Iy=function(e,t){return b(e,t,"mosaic",M)},t.pu=function(e,t){return y(e,t,"quote",S)},t.xv=function(e,t){return y(e,t,"text",g)},t.nk=function(e,t){return p(e,t,"video",k)}},68705:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(81260),l=n(70417),i=n(98689),r=n(72985),o=n(76009),s=n(96368);function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(a),d=u(l),m=u(i),f=u(r),p=u(o),g=u(s);t.stripTags=function(e){return e?e.replace(/(<([^>]+)>)/gi,""):null},t.validate=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=e?Object.keys(e).reduce((function(n,a){var l=e[a]||null;if(t&&t.properties){var i=t.properties.find((function(e){return e.name===a}))||null;if(null!==i){var r=!0;switch(i.type){case"string":r=m.default(l);break;case"integer":r=f.default(l);break;case"float":r=p.default(l);break;default:r=null!==l}if(!r&&i.required)return console.log("VALIDATION ERROR: SKIPPED BECAUSE REQUIRED",e,a),null;if(null!==n&&r)return d.default(d.default({},n),{},c.default({},a,l));console.log("VALIDATION ERROR: VALID TYPE",a,e)}}return n}),{}):{};return g.default(n)?null:n}},4124:function(e,t,n){"use strict";var a=n(70417),l=n(22220),i=n(97641),r=n(66204),o=n(83857),s=n(54406),u=n(52807),c=n(82801),d=n(82026),m=n(24139),f=n(35938),p=n(81260),g=n(51068),y=n(75182),h=n(35681),v=n(35372),b=n(5587),w=n(5537),C=n(91354),E=n(71098),M=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(r),L=A(d),z=A(p),q=A(g),j=A(y),B=A(h),D=A(w),V=A(P),W=I.default.shape({home:I.default.string.isRequired,screen:I.default.string.isRequired});function _(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=t||{},l=a.maxDistance,i=void 0===l?5:l,r=a.tags,o=void 0===r?["BUTTON","A","INPUT","TEXTAREA"]:r,s=e||{},u=s.tagName,c=void 0===u?null:u,d=s.parentNode,m=void 0===d?null:d;return"BODY"!==c&&(o.map((function(e){return e.toLowerCase()})).indexOf(c.toLowerCase())>-1||n<i&&_(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,o=e.subIndex,s=e.vertical,u=e.onClick,c=e.className,d=l||{},m=d.primary,f=void 0===m?"rgba(255, 255, 255, 1)":m,p=d.secondary,g=void 0===p?"rgba(200, 200, 200, 0.5)":p,y=S.useSpring((function(){return{x:0,config:{duration:0}}})),h=q.default(y,2);h[0];var v=h[1];r.useEffect((function(){v.start({reset:!0,immediate:!1,from:{x:0},to:{x:1},config:{duration:1e3}})}),[!0,1,0,v]);var b=n&&i>1?R.default.createElement("span",{className:U.dots},j.default(Array(i).keys()).map((function(e){return R.default.createElement("span",{className:B.default([U.dot,U.subDot]),style:{width:"".concat(parseFloat(1/i*100).toFixed(2),"%"),backgroundColor:a&&e<=o?f:g}})}))):R.default.createElement("span",{className:U.dot,style:{backgroundColor:a?f:g}});return R.default.createElement("li",{className:B.default([U.container,(t={},z.default(t,U.active,n),z.default(t,U.vertical,s),z.default(t,c,null!==c),t)]),"aria-hidden":"true"},R.default.createElement("button",{type:"button",className:U.button,onClick:u,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),r=Math.floor(t/3)*(i+n);return R.default.createElement("rect",{key:"square-".concat(t),fill:a,x:l,y:r,width:i,height:i})})))};K.propTypes=J,K.defaultProps={size:100,spacing:8,color:"white",className:null};var $={direction:I.default.oneOf(["horizontal","vertical"]),withShadow:I.default.bool,items:u.PropTypes.menuItems,onClickItem:I.default.func,onClickMenu:I.default.func,colors:I.default.shape({primary:I.default.string,secondary:I.default.string}),closeable:I.default.bool,withItemClick:I.default.bool,withoutScreensMenu:I.default.bool,onClose:I.default.func,className:I.default.string},ee=function(e){var t,n=e.direction,a=e.withShadow,l=e.items,i=e.onClickItem,r=e.onClickMenu,o=e.colors,s=e.closeable,u=e.withItemClick,c=e.withoutScreensMenu,d=e.onClose,m=e.className,f=(o||{}).primary,p=void 0===f?"rgba(255, 255, 255, 1)":f,g=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,s=void 0!==l&&l,d=a.count,m=void 0===d?1:d,f=a.subIndex,p=void 0===f?0:f;return R.default.createElement(Q,{key:"item-".concat(t+1),current:s,active:t<=y,colors:o,count:m,subIndex:p,onClick:function(){(u||c)&&null!==i?i(e):u||null===r||r()},vertical:"vertical"===n})})),c?null:R.default.createElement("li",{className:"micromag-viewer-menus-menu-dots-menu"},R.default.createElement(K,{className:"micromag-viewer-menus-menu-dots-menuIcon",color:p}),R.default.createElement("button",{type:"button",title:g.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),"aria-label":g.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),className:"micromag-viewer-menus-menu-dots-menuButton",onClick:r})),s?R.default.createElement("li",{className:H,style:{color:p}},R.default.createElement("button",{type:"button",className:H,onClick:d,title:g.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":g.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]})},R.default.createElement(x.FontAwesomeIcon,{icon:N.faTimes}))):null))};ee.propTypes=$,ee.defaultProps={direction:"horizontal",withShadow:!1,items:[],onClickItem:null,onClickMenu:null,colors:null,closeable:!1,withItemClick:!1,withoutScreensMenu:!1,onClose:null,className:null};var te="micromag-viewer-menus-menu-preview-button",ne="micromag-viewer-menus-menu-preview-icon",ae={container:"micromag-viewer-partials-share-modal-container",content:"micromag-viewer-partials-share-modal-content",opened:"micromag-viewer-partials-share-modal-opened"},le={url:I.default.string,title:I.default.string,opened:I.default.bool,className:I.default.string,onShare:I.default.func,onCancel:I.default.func},ie=function(e){var t,n=e.url,a=e.title,l=e.opened,i=e.className,o=e.onShare,s=e.onCancel,u=r.useRef(null),c=r.useCallback((function(e){null!==o&&o(e)}),[o]),d=r.useMemo((function(){return{url:n,onShareWindowClose:function(){null!==s&&s()}}}),[n,s]),m=r.useMemo((function(){return{size:32,round:!0}}),[]),f=r.useCallback((function(e){var t=e.currentTarget;u.current&&!u.current.contains(t)&&null!==s&&s()}),[l,s]);return E.useDocumentEvent("click",f,l),R.default.createElement("div",{className:B.default([ae.container,(t={},z.default(t,i,i),z.default(t,ae.opened,l),t)]),ref:u,"aria-hidden":l?null:"-1"},R.default.createElement("div",{className:ae.content},R.default.createElement("div",{className:ae.buttons},R.default.createElement(O.FacebookShareButton,Object.assign({},d,{quote:a,beforeOnClick:function(){return c("Facebook"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.FacebookIcon,m)),R.default.createElement(O.TwitterShareButton,Object.assign({},d,{title:a,beforeOnClick:function(){return c("Twitter"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.TwitterIcon,m)),R.default.createElement(O.EmailShareButton,Object.assign({},d,{subject:a,beforeOnClick:function(){return c("Email"),Promise.resolve()},tabIndex:l?null:"-1"}),R.default.createElement(O.EmailIcon,m)))))};ie.propTypes=le,ie.defaultProps={url:null,title:null,opened:!1,className:null,onShare:null,onCancel:null};var re={title:I.default.string,url:I.default.string,className:I.default.string,buttonClassName:I.default.string,onShare:I.default.func,children:I.default.node,focusable:I.default.bool},oe=function(e){var t=e.title,n=e.url,a=e.className,l=e.buttonClassName,i=e.onShare,o=e.children,s=e.focusable,u=b.useIntl(),c=r.useState(!1),d=q.default(c,2),m=d[0],f=d[1],p=r.useCallback((function(){f((function(e){return!e}))}),[f]),g=r.useCallback((function(e){f(!1),null!==i&&i(e)}),[f,i]),y=r.useCallback((function(){f(!1)}),[f]);return R.default.createElement("div",{className:B.default(["micromag-viewer-partials-share-button-container",z.default({},a,null!==a)])},R.default.createElement(C.Button,{className:B.default([z.default({},l,null!==l)]),onClick:p,title:u.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),"aria-label":u.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),focusable:s},o),R.default.createElement(ie,{className:"micromag-viewer-partials-share-button-shareModal",opened:m,title:t,url:n,onShare:g,onCancel:y}))};oe.propTypes=re,oe.defaultProps={title:null,url:null,className:null,buttonClassName:null,onShare:null,children:null,focusable:!1};var se={viewerTheme:u.PropTypes.viewerTheme,screenSize:u.PropTypes.screenSize,menuWidth:I.default.number,title:I.default.string,shareUrl:I.default.string,items:u.PropTypes.menuItems,focusable:I.default.bool,onClickItem:I.default.func,onClose:I.default.func,onShare:I.default.func,maxThumbsWidth:I.default.number,toggleFullscreen:I.default.func,fullscreenActive:I.default.bool,fullscreenEnabled:I.default.bool,className:I.default.string},ue=function(e){var t=e.viewerTheme,n=e.screenSize,a=e.menuWidth,l=e.title,i=e.shareUrl,o=e.items,s=e.focusable,u=e.onClickItem,c=e.onClose,d=e.onShare,m=e.maxThumbsWidth,f=e.toggleFullscreen,p=e.fullscreenActive,g=e.fullscreenEnabled,y=e.className,h=b.useIntl(),v=n||{},w=v.width,S=v.height,k=E.useResizeObserver(),P=k.ref,O=k.entry.contentRect,A=E.useResizeObserver(),F=A.ref,I=A.entry.contentRect,L=(O||{}).width,j=void 0===L?0:L,D=(I||{}).width,W=void 0===D?0:D,_=Math.max(Math.floor(W/m),3),G=t||{},H=G.colors,U=void 0===H?null:H,Y=G.background,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,re=void 0===ie?null:ie,se=le.secondary,ue=void 0===se?null:se,ce=Q||{},de=ce.color,me=void 0===de?null:de,fe=ce.image,pe=((void 0===fe?null:fe)||{}).url,ge=void 0===pe?null:pe,ye=M.getStyleFromColor(re,"borderColor"),he=M.getStyleFromColor(ue,"color"),ve=M.getStyleFromColor(me,"backgroundColor"),be=($||{}).url,we=void 0===be?null:be,Ce=null!==ge?{backgroundImage:"url(".concat(ge,")")}:null,Ee=null!==ae?M.getStyleFromText(ae):null,Me=r.useState(!1),Se=q.default(Me,2),ke=Se[0],Te=Se[1],Ne=T.useDrag((function(e){var t=q.default(e.direction,2)[1],n=e.last;!e.tap&&n&&ke&&t<0&&null!==c&&c()}),{filterTaps:!0,eventOptions:{capture:!0}}),xe=r.useCallback((function(){Te(!0)}),[Te]),Pe=r.useCallback((function(){Te(!1)}),[Te]);return R.default.createElement("div",Object.assign({className:B.default(["micromag-viewer-menus-menu-preview-container",z.default({},y,null!==y)]),style:Z.default(Z.default(Z.default({},ve),Ce),{},{width:a}),"aria-hidden":s?null:"true"},Ne()),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-header"},null!==we?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-organisation",style:{backgroundImage:"url(".concat(we,")")}}):null,R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-title",style:Ee},l),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-buttons",style:he},R.default.createElement(oe,{className:"micromag-viewer-menus-menu-preview-shareButton",buttonClassName:te,onShare:d,url:i,title:l,focusable:s},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:s},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:p?N.faCompress:N.faExpand})):null,R.default.createElement(C.Button,{className:te,onClick:c,title:h.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":h.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),focusable:s},R.default.createElement(x.FontAwesomeIcon,{className:ne,icon:N.faTimes})))),R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-content",ref:F},R.default.createElement(V.default,{className:"micromag-viewer-menus-menu-preview-scroll",onScrolledBottom:xe,onScrolledNotBottom:Pe},R.default.createElement("nav",{className:"micromag-viewer-menus-menu-preview-nav"},R.default.createElement("ul",{className:"micromag-viewer-menus-menu-preview-items"},o.map((function(e,t){var n=e.current,a=void 0!==n&&n,l=e.screen;e.count;var i="".concat(h.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:t+1})).concat(a?" ".concat(h.formatMessage({id:"vmrJ8U",defaultMessage:[{type:0,value:"(current screen)"}]})):"");return R.default.createElement("li",{className:B.default(["micromag-viewer-menus-menu-preview-item",z.default({},"micromag-viewer-menus-menu-preview-active",a)]),key:"item-".concat(t),style:{width:"".concat(100/_,"%")}},R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-itemContent"},R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-screenContainer",ref:0===t?P:null},w>0&&S>0?R.default.createElement(C.ScreenPreview,{screenWidth:w,screenHeight:S,width:j,screen:l,focusable:!1,withSize:!0}):null,a?R.default.createElement("div",{className:"micromag-viewer-menus-menu-preview-activeScreenBorder",style:ye}):null)),R.default.createElement("button",{type:"button",className:"micromag-viewer-menus-menu-preview-screenButton",onClick:function(){null!==u&&u(e)},"aria-label":i,onKeyUp:function(t){"Enter"===t.key&&null!==u&&u(e)},tabIndex:s?"0":"-1"}))})))))))};ue.propTypes=se,ue.defaultProps={viewerTheme:null,screenSize:null,menuWidth:null,title:null,shareUrl:null,items:[],focusable:!0,onClickItem:null,onClose:null,onShare:null,maxThumbsWidth:140,toggleFullscreen:null,fullscreenActive:!1,fullscreenEnabled:!1,className:null};var ce={story:u.PropTypes.story.isRequired,currentScreenIndex:I.default.number,opened:I.default.bool,toggleFullscreen:I.default.func,fullscreenActive:I.default.bool,fullscreenEnabled:I.default.bool,closeable:I.default.bool,withShadow:I.default.bool,trackingEnabled:I.default.bool,shareBasePath:I.default.string,theme:u.PropTypes.viewerTheme,screenSize:u.PropTypes.screenSize,menuWidth:I.default.number,withDotItemClick:I.default.bool,withoutScreensMenu:I.default.bool,onRequestOpen:I.default.func,onRequestClose:I.default.func,onClickItem:I.default.func,onClickMenu:I.default.func,onClickCloseViewer:I.default.func,refDots:I.default.shape({current:I.default.any})},de=function(e){var t=e.story,n=e.currentScreenIndex,a=e.opened,l=e.toggleFullscreen,i=e.fullscreenActive,o=e.fullscreenEnabled,s=e.closeable,u=e.withShadow,c=e.shareBasePath,d=e.trackingEnabled,m=e.theme,f=e.screenSize,p=e.menuWidth,g=e.withDotItemClick,y=e.withoutScreensMenu,h=e.onRequestOpen,v=e.onRequestClose,b=e.onClickItem,w=e.onClickMenu,C=e.onClickCloseViewer,M=e.refDots,N=t.components,x=void 0===N?[]:N,P=t.title,O=void 0===P?null:P,A=null!==x&&x[n]||{},F=A.id,I=void 0===F?null:F,L=A.type,z=void 0===L?null:L,j=r.useMemo((function(){return x.map((function(e){var t=x.filter((function(t){return t.parentId===e.id})),n=t.find((function(e){return e.id===I}))||null,a=t.findIndex((function(e){return e.id===I}))+1;return{screen:e,screenId:e.id,current:I===e.id||null!==n,visible:null===((null==e?void 0:e.parentId)||null),count:t.length+1||1,subIndex:a||0}})).filter((function(e){var t=e.visible;return void 0===t||t}))}),[x,I]),B=E.useTrackEvent(),D=r.useCallback((function(e,t,a){d&&B(e,t,a,{screenId:I,screenIndex:n,screenType:z})}),[B,I,n,z]),V=r.useMemo((function(){var e="undefined"!=typeof window?window.location.origin.replace(/\/+$/,""):"";return null!==c?"".concat(e).concat(c):e}),[c]),W=S.useSpring((function(){return{y:0,config:Z.default(Z.default({},S.config.stiff),{},{clamp:!0})}})),_=q.default(W,2),H=_[0].y,U=_[1],Y=r.useRef(a);Y.current!==a&&(Y.current=a),r.useEffect((function(){U.start({y:a?1:0})}),[a]);var Q=E.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,r=e.canceled,o=e.tap;if(!r&&!o){var s=Y.current;if(n&&s)i();else{var u=Math.max(0,Math.min(1,t/K+(s?1:0)));if(a){var c=l>0&&u>.1;Y.current=c,U.start({y:c?1:0}),c&&null!==h?h():c||null===v||v()}else U.start({y:u})}}}),{axis:"y",filterTaps:!0}),ne=r.useCallback((function(e){null!==w&&w(e),D("viewer_menu","click_open","Menu icon")}),[w,D]),ae=r.useCallback((function(e){null!==b&&b(e);var t=j.findIndex((function(e){return e.id===I}));D("viewer_menu","click_screen_change","Screen ".concat(t+1))}),[b,j,I,D]),le=r.useCallback((function(){null!==v&&v(),D("viewer_menu","click_close","Close icon")}),[v,D]),ie=r.useCallback((function(e){return D("viewer_menu","click_share",e)}),[D]),re=(m||{}).menuTheme,oe=void 0===re?null:re;return R.default.createElement(R.default.Fragment,null,R.default.createElement("div",Object.assign({className:G.menuDotsContainer,ref:M,style:{width:p}},te()),R.default.createElement(ee,Object.assign({},oe,{direction:"horizontal",withShadow:u,items:j,onClickItem:ae,onClickMenu:ne,closeable:s,withItemClick:g,withoutScreensMenu:y,onClose:C,className:G.menuDots}))),R.default.createElement(k.animated.div,{className:G.menuPreviewContainer,style:$,ref:X},R.default.createElement(ue,{viewerTheme:m,title:O,shareUrl:V,className:G.menuPreview,screenSize:f,menuWidth:p,focusable:a,items:j,onClickItem:ae,onClose:le,onShare:ie,toggleFullscreen:l,fullscreenActive:i,fullscreenEnabled:o})))};de.propTypes=ce,de.defaultProps={currentScreenIndex:0,opened:!1,toggleFullscreen:null,fullscreenActive:!1,fullscreenEnabled:!1,closeable:!1,withShadow:!1,trackingEnabled:!1,shareBasePath:null,theme:null,screenSize:null,menuWidth:null,withDotItemClick:!1,withoutScreensMenu:!1,onRequestOpen:null,onRequestClose:null,onClickItem:null,onClickMenu:null,onClickCloseViewer:null,refDots:null};var me={container:"micromag-viewer-screen-container",current:"micromag-viewer-screen-current"},fe={screen:u.PropTypes.screenComponent,renderContext:u.PropTypes.renderContext,screenState:I.default.string,current:I.default.bool,active:I.default.bool,onPrevious:I.default.func,onNext:I.default.func,onEnableInteraction:I.default.func,onDisableInteraction:I.default.func,getMediaRef:I.default.func},pe=function(e){var t,n=e.screen,a=e.renderContext,l=e.screenState,i=e.active,r=e.current,o=e.onPrevious,s=e.onNext,u=e.onEnableInteraction,c=e.onDisableInteraction,d=e.getMediaRef;return null!==n?R.default.createElement("div",{className:B.default([me.container,(t={},z.default(t,me.active,i),z.default(t,me.current,r),t)]),"aria-hidden":r?null:"true"},R.default.createElement(C.Screen,{screen:n,renderContext:a,screenState:l,active:i,current:r,onPrevious:o,onNext:s,onEnableInteraction:u,onDisableInteraction:c,getMediaRef:d})):null};pe.propTypes=fe,pe.defaultProps={screen:null,renderContext:null,screenState:null,current:!1,active:!0,onPrevious:null,onNext:null,onEnableInteraction:null,onDisableInteraction:null,getMediaRef:null};var ge={story:u.PropTypes.story,basePath:I.default.string,theme:u.PropTypes.viewerTheme,width:I.default.number,height:I.default.number,screen:I.default.string,screenState:I.default.string,deviceScreens:u.PropTypes.deviceScreens,renderContext:u.PropTypes.renderContext,onScreenChange:I.default.func,tapNextScreenWidthPercent:I.default.number,neighborScreensActive:I.default.number,storyIsParsed:I.default.bool,landscapeScreenMargin:I.default.number,withMetadata:I.default.bool,withoutMenu:I.default.bool,withoutScreensMenu:I.default.bool,withoutMenuShadow:I.default.bool,withoutFullscreen:I.default.bool,withLandscapeSiblingsScreens:I.default.bool,closeable:I.default.bool,onClose:I.default.func,onInteraction:I.default.func,onEnd:I.default.func,onViewModeChange:I.default.func,currentScreenMedia:u.PropTypes.ref,menuIsScreenWidth:I.default.bool,screensMedias:u.PropTypes.ref,screenSizeOptions:I.default.shape({withoutMaxSize:I.default.bool,desktopHeightRatio:I.default.number,screenRatio:I.default.number}),className:I.default.string},ye={story:null,theme:null,basePath:null,width:null,height:null,screen:null,screenState:null,deviceScreens:M.getDeviceScreens(),renderContext:"view",onScreenChange:null,tapNextScreenWidthPercent:.8,neighborScreensActive:2,storyIsParsed:!1,landscapeScreenMargin:20,withMetadata:!1,withoutMenu:!1,withoutScreensMenu:!1,withoutMenuShadow:!1,withoutFullscreen:!1,withLandscapeSiblingsScreens:!1,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,o=e.height,s=e.screen,u=e.screenState,d=e.deviceScreens,m=e.renderContext,f=e.onScreenChange,p=e.tapNextScreenWidthPercent,g=e.neighborScreensActive,y=e.storyIsParsed,h=e.landscapeScreenMargin,w=e.withMetadata,M=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=E.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=r.useMemo((function(){return new D.default}),[U]),ae=((l||{}).textStyles||{}).title,le=((void 0===ae?null:ae)||{}).fontFamily,ie=void 0===le?null:le,re=r.useMemo((function(){return[].concat(j.default(te||[]),[ie]).filter((function(e){return null!==e}))}),[te]);E.useLoadedFonts(re).loaded;var oe="view"===m,se="static"===m||"capture"===m,ue=E.useTrackScreenView(),ce=r.useRef(null),me=E.useScreenSizeFromElement(Z.default({width:i,height:o,screens:d},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,Ee=he.landscape,Me=void 0!==Ee&&Ee,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;r.useEffect((function(){xe&&null!==F&&F({landscape:Me})}),[xe,Me,F]);var Pe=r.useRef([]),Oe=r.useMemo((function(){return Math.max(0,Q.findIndex((function(e){return"".concat(e.id)==="".concat(s)})))}),[s,Q]);null!==I&&(I.current=Pe.current[Oe]),null!==L&&(L.current=Pe.current);var Ae=r.useCallback((function(e){e!==Oe&&(null!==I&&(I.current=Pe.current[e]),null!==f&&f(Q[e],e))}),[Oe,Q,f]),Ze=oe,Fe=Q[Oe]||null;r.useEffect((function(){Ze&&null!==Fe&&ue(Fe,Oe)}),[Fe,ue,Ze]);var Ie=r.useRef(null),Re=r.useCallback((function(){Ae(Math.max(0,Oe-1)),Ie.current.focus()}),[Ae]),Le=r.useCallback((function(){Ae(Math.min(Q.length-1,Oe+1)),Ie.current.focus()}),[Ae]),ze=Q.length,qe=r.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,o=e.clickOnSiblings,s=void 0!==o&&o,u=e.nextScreenWidthPercent,c=void 0===u?.5:u,d=e.eventsManager,m=void 0===d?null:d,f=e.onClick,p=void 0===f?null:f,g=e.onEnd,y=void 0===g?null:g,h=e.onChangeScreen,v=void 0===h?null:h,b=r.useState(t.reduce((function(e,t){var n=t.id;return Z.default(Z.default({},e),{},z.default({},n,!0))}),{})),w=q.default(b,2),C=w[0],E=w[1],M=(t[n]||{}).id,S=void 0===M?n:M,k=C[S],T=void 0===k||k,N=r.useCallback((function(e){var n=C[S];(void 0===n||n)!==e&&E(t.reduce((function(t,n){var a=n.id;return S===a?Z.default(Z.default({},t),{},z.default({},a,e)):Z.default(Z.default({},t),{},z.default({},a,void 0===C[a]||!0===C[a]))}),{}))}),[t,S,C,E]),x=r.useCallback((function(){return N(!0)}),[N]),P=r.useCallback((function(){return N(!1)}),[N]),O=r.useCallback((function(e,l){null!==p&&p(e,l);var r=t.length,o=n===l;if(null!==m&&m.emit("tap",e,l),!(!i&&o||_(e.target)||o&&!T)){var u=n,d=e.currentTarget.getBoundingClientRect().left,f=void 0===d?0:d,g=e.clientX;console.log(e.clientX,f,a),(o?g-f<a*(1-c):n>l)?(u=s?l:Math.max(0,n-1),null!==m&&m.emit("tap_previous",u)):(u=s?l:Math.min(r-1,n+1),n===r-1&&null!==y?(y(),null!==m&&m.emit("tap_end")):m&&m.emit("tap_next",u)),null!==m&&m.emit("change_screen",u),v(u)}}),[a,t,n,m,p,y,v,n,C,T,c,i,s]);return{onClick:O,currentScreenInteractionEnabled:T,enableInteraction:x,disableInteraction:P}}({screens:Q,screenIndex:Oe,screenWidth:Te,isView:oe,clickOnSiblings:Me&&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=r.useState(!1),He=q.default(Ge,2),Ue=He[0],Ye=He[1],Qe=r.useCallback((function(){return Ye(!0)}),[Ye]),Xe=r.useCallback((function(){return Ye(!1)}),[Ye]),Je=r.useCallback((function(){qe(),Ye(!0)}),[Ae,qe,Ye]),Ke=r.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=r.useCallback((function(e){return!!Me||(e.preventDefault(),!1)}),[Me]),et=R.default.createElement("style",{type:"text/css"},"body { overscroll-behavior: contain; }"),tt=E.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;r.useEffect((function(){var t=function(t){if(!["input","textarea"].reduce((function(e,n){return e||t.target.matches(n)}),!1)){var n=t.key.toLowerCase();void 0!==e[n]&&e[n]()}};return n||window.addEventListener("keydown",t),function(){n||window.removeEventListener("keydown",t)}}),[n,e])}(r.useMemo((function(){return{f:function(){return 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||{},rt=it.title,ot=void 0===rt?null:rt,st=it.description,ut=void 0===st?null:st,ct=null!==ot?ot:J,dt=r.useMemo((function(){return null!==ut?Z.default(Z.default({},$),{},{description:ut}):$}),[$]),mt=E.useResizeObserver(),ft=mt.ref,pt=(mt.entry.contentRect||{}).height,gt=void 0===pt?0:pt;return R.default.createElement(c.ScreenSizeProvider,{size:ge},R.default.createElement(c.ViewerProvider,{events:ne,menuVisible:_e,menuSize:gt,gotoPreviousScreen:Re,gotoNextScreen:Le,disableInteraction:We,enableInteraction:Ve},w?R.default.createElement(C.Meta,{title:ct,metadata:dt},et):R.default.createElement(v.Helmet,null,et),R.default.createElement(C.FontFaces,{fonts:re}),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,Me),z.default(t,G.withSibblings,T),z.default(t,G.hideMenu,!_e),z.default(t,G.ready,xe||se),z.default(t,W,W),t)]),ref:fe,onContextMenu:$e},M?null:R.default.createElement(de,{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||se?R.default.createElement("div",{ref:ce,className:G.content},Q.map((function(e,t){var n,a,l=t===Oe,i=t>Oe-g&&t<Oe+g,r=R.default.createElement(pe,{screen:e,screenState:l?u:null,renderContext:m,index:t,current:l,active:i,onPrevious:Re,onNext:Le,onEnableInteraction:Ve,onDisableInteraction:We,getMediaRef:function(e){Pe.current[t]=e}}),o="screen-viewer-".concat(e.id||"","-").concat(t+1);return a=Me?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:o},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:se?null:a},className:B.default([G.screen,(n={},z.default(n,G.current,l),z.default(n,G.visible,l||T),n)]),tabIndex:i?"0":"-1","aria-hidden":l?null:"true","aria-label":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}},r)),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=c.useRoutes(),l=c.useRoutePush(),i=r.useCallback((function(e){l("screen",{screen:e.id}),null!==t&&t(e)}),[l,t]);return R.default.createElement(o.Switch,null,R.default.createElement(o.Route,{path:a.home,exact:!0,render:function(){return R.default.createElement(he,Object.assign({},n,{onScreenChange:i}))}}),R.default.createElement(o.Route,{path:a.screen,render:function(e){var t=e.match.params.screen;return R.default.createElement(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"],Ee={story:u.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:u.PropTypes.trackingVariables,locale:I.default.string,locales:I.default.arrayOf(I.default.string),translations:I.default.objectOf(I.default.string),children:I.default.func},Me={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,u=e.withoutRouter,d=e.googleApiKey,p=e.trackingVariables,g=e.locale,y=e.locales,h=e.translations,v=F.default(e,Ce),b=a?o.MemoryRouter:s.BrowserRouter,w=r.useMemo((function(){if(null===t&&null===p)return null;var e=t.id,n=void 0===e?null:e,a=t.slug,l=void 0===a?null:a,i=t.title,r=void 0===i?null:i,o=t.components,s=void 0===o?[]:o;return Z.default({storyId:n,storySlug:l,storyTitle:r,screensCount:(s||[]).length},p)}),[t,p]),C=((t||{}).metadata||{}).language,E=void 0===C?g:C,M=R.default.createElement(m.IntlProvider,{locale:E,locales:y,extraMessages:h},R.default.createElement(c.GoogleKeysProvider,{apiKey:d},R.default.createElement(c.GoogleMapsClientProvider,{locale:E},R.default.createElement(c.FieldsProvider,{manager:L.default},R.default.createElement(f.ScreensProvider,null,R.default.createElement(c.ComponentsProvider,{namespace:c.SCREENS_NAMESPACE,components:n||{}},R.default.createElement(c.UserInteractionProvider,null,R.default.createElement(c.TrackingProvider,{variables:w},u?R.default.createElement(he,Object.assign({story:t,basePath:l},v)):R.default.createElement(we,Object.assign({story:t,basePath:l},v))))))))));return u?M:R.default.createElement(b,{basename:a?null:l},R.default.createElement(c.RoutesProvider,{routes:i},M))};Se.propTypes=Ee,Se.defaultProps=Me,t.ZP=Se}},function(e){e.O(0,[271],(function(){return 30725,e(e.s=30725)})),e.O()}]);
+//# sourceMappingURL=main.64d177a9.js.map