@micromag/viewer-build 0.4.6 → 0.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see main.8d13342c.js.LICENSE.txt */
|
|
2
|
-
(self.webpackChunk_micromag_viewer_build=self.webpackChunk_micromag_viewer_build||[]).push([[792],{65:function(e,t,l){"use strict";var n=l(4041),a=l(5873),i=l(9740),o=l(4619),r=l(9850),u=l(7316),s=l(3514),c=l.n(s),d=l(2438),m=l.n(d),v=l(5187),g=l(8138),p=l.n(g),f=l(4586),h=l(5152),y=l(414),b=l(3142),C=l.n(b),w=l(1580),E=l.n(w),A=(l(9106),l(74),l(8160)),k=l(9296),x=l(3315),S=l.n(x),M=l(4240),N=l(7835),R=l.n(N),z=l(7545),T=l(2061),L=l(7863);function P(e){var t=e||{},l=t.fields,n=void 0===l?null:l,a=t.states,r=void 0===a?null:a;if(null===r)return n;var u=r.reduce(function(e,t){var l=t||{},n=l.id,a=l.fields,r=void 0===a?[]:a,u=l.repeatable,s=void 0!==u&&u,c=l.fieldName,d=void 0===c?null:c,m=l.label,v=l.defaultValue,g=void 0===v?null:v;return[].concat((0,o.A)(e),(0,o.A)(s?[{type:"items",name:d||n,label:m,defaultValue:g,stateId:n,itemsField:{label:m,type:"fields",fields:r}}]:[]),(0,o.A)(s||null===d?[]:[{type:"fields",name:d,stateId:n,fields:r}]),(0,o.A)(s||null!==d?[]:r.map(function(e){return(0,i.A)((0,i.A)({},e),{},{stateId:n})})))},[]);return[].concat((0,o.A)(u),(0,o.A)(n))}var I=function(e){function t(){var e,l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,h.A)(this,t),(e=(0,A.A)(this,t)).components=l,e}return(0,k.A)(t,e),(0,y.A)(t,[{key:"addComponent",value:function(e,t){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return this.addComponents((0,f.A)({},e,t),l)}},{key:"addComponents",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=null!==t?Object.keys(e).reduce(function(l,n){return(0,i.A)((0,i.A)({},l),{},(0,f.A)({},"".concat(t,".").concat(n),e[n]))},{}):e;return this.components=(0,i.A)((0,i.A)({},this.components),l),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(l,n){return(0,i.A)((0,i.A)({},l),{},(0,f.A)({},"".concat(e,".").concat(n),t.components[n]))},{})),this}},{key:"getComponent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return null===t||null===e?l:t[(0,M.fL)(e)]||t[e]||l}(e,this.getComponents(t))}},{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(l,n){var a=new RegExp("^".concat(t,"\\.(.*)$")).exec(n);return null!==a?(0,i.A)((0,i.A)({},l),{},(0,f.A)({},a[1],e.components[n])):l},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]}}])}(S()),B=function(e){function t(){var e,l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(0,h.A)(this,t),(e=(0,A.A)(this,t)).definitions=l||[],e}return(0,k.A)(t,e),(0,y.A)(t,[{key:"addDefinition",value:function(e){return this.addDefinitions(C()(e)?e:[e]),this}},{key:"addDefinitions",value:function(e){return this.definitions=R()([].concat((0,o.A)(e),(0,o.A)(this.definitions)),function(e){return e.id}),this.emit("change"),this}},{key:"merge",value:function(e){return this.addDefinitions(e.getDefinitions())}},{key:"filter",value:function(e){return new t(this.definitions.filter(e))}},{key:"getDefinition",value:function(e){return null===e?null:this.definitions.find(function(t){return t.id===e})||null}},{key:"getDefinitions",value:function(){return this.definitions}},{key:"hasDefinition",value:function(e){return null!==this.getDefinition(e)}},{key:"getComponent",value:function(e){var t=(this.getDefinition(e)||{}).component;return void 0===t?null:t}},{key:"getComponents",value:function(){return this.definitions.reduce(function(e,t){var l=t.id,n=t.component,a=void 0===n?null:n;return null!==a?(0,i.A)((0,i.A)({},e),{},(0,f.A)({},l,a)):e},{})}}])}(S()),O=function(e){function t(e){var l;return(0,h.A)(this,t),(l=(0,A.A)(this,t)).element=e,l.events={},l.listeners={},l}return(0,k.A)(t,e),(0,y.A)(t,[{key:"subscribe",value:function(e,t){this.on(e,t),this.events=(0,i.A)((0,i.A)({},this.events),{},(0,f.A)({},e,[].concat((0,o.A)(this.events[e]||[]),[t]))),1===this.events[e].length&&this.addEventListener(e)}},{key:"unsubscribe",value:function(e,t){var l=this;this.off(e,t),this.events=Object.keys(this.events).reduce(function(n,a){if(a!==e)return(0,i.A)((0,i.A)({},n),{},(0,f.A)({},a,l.events[a]));var o=l.events[a].filter(function(e){return e!==t});return o.length>0?(0,i.A)((0,i.A)({},n),{},(0,f.A)({},a,o)):n},{}),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 l=arguments.length,n=new Array(l),a=0;a<l;a++)n[a]=arguments[a];return t.emit.apply(t,[e].concat(n))}),this.element.addEventListener(e,this.listeners[e])}},{key:"removeEventListener",value:function(e){this.element.removeEventListener(e,this.listeners[e])}}])}(S()),V=["medias"],D=["medias"],j=function(){function e(t){var l=t.fieldsManager,n=t.screensManager,a=t.fieldsPattern,i=void 0===a?{}:a;(0,h.A)(this,e),this.fieldsManager=l,this.screensManager=n,this.fieldsPatternCache=i||{},this.parsedThemesCache={}}return(0,y.A)(e,[{key:"getParsedStoryTheme",value:function(e,t){if(void 0===this.parsedThemesCache[e]){var l=this.toPath(t),n=l.medias,a=(0,r.A)(l,V);this.parsedThemesCache[e]={themeMedias:n,newTheme:a}}return this.parsedThemesCache[e]}},{key:"getFieldsPatternByScreen",value:function(e){if(void 0===this.fieldsPatternCache[e]){var t=P(this.screensManager.getDefinition(e)||{});this.fieldsPatternCache[e]=this.getFieldsPattern(t||[])}return this.fieldsPatternCache[e]}},{key:"toPath",value:function(t){var l=this;if(null===t)return t;var n=t||{},a=n.id,u=void 0===a?null:a,s=n.theme,c=void 0===s?null:s,d=n.components,m=(void 0===d?[]:d).reduce(function(t,n){var a=t.components,r=t.medias,u=n.type,s=l.getFieldsPatternByScreen(u),c=e.replaceMediasWithPaths(n,s),d=c.data,m=c.medias;return{components:[].concat((0,o.A)(a),[d]),medias:(0,i.A)((0,i.A)({},r),m)}},{components:[],medias:null}),v=m.components,g=m.medias;if(null!==c){var p=this.getParsedStoryTheme(u,c),f=p.medias,h=(0,r.A)(p,D);return null!==g||null!==f?(0,i.A)((0,i.A)({},t),{},{theme:h,components:v,medias:(0,i.A)((0,i.A)({},f),g)}):t}return null!==g?(0,i.A)((0,i.A)({},t),{},{components:v,medias:g}):t}},{key:"fromPath",value:function(t){var l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(null===t)return t;var n=t||{},a=n.theme,o=void 0===a?null:a,r=n.components,u=void 0===r?[]:r,s=n.medias,c=void 0===s?l:s;if(null===c&&null===o)return t;var d=e.getMediaPatternsFromData(u),m=null!==c&&d.length>0?e.replacePathsWithMedias(u,c,d):u;if(null!==o){var v=this.fromPath(o,c);return v!==o||m!==u?(0,i.A)((0,i.A)({},t),{},{theme:v,components:m}):t}return m!==u?(0,i.A)((0,i.A)({},t),{},{components:m}):t}},{key:"getFieldsPattern",value:function(t){var l=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return(t||[]).reduce(function(t,a){var r=a.name,u=void 0===r?null:r,s=a.type,c=void 0===s?null:s,d=[n,u].filter(function(e){return null!==e&&""!==e}).join("\\."),m=(0,i.A)((0,i.A)({},null!==c?l.fieldsManager.getDefinition(c):null),a),v=m.fields,g=void 0===v?[]:v,p=m.itemsField,f=void 0===p?null:p,h=m.settings,y=void 0===h?[]:h;return[].concat((0,o.A)(t),(0,o.A)(e.fieldIsMedia(m)?[new RegExp("^".concat(d,"$"))]:[]),(0,o.A)(e.fieldIsFontFamily(m)?[new RegExp("^".concat(d,"\\.media$")),new RegExp("^".concat(d,"\\.variants\\.[0-9]+\\.media$"))]:[]),(0,o.A)(l.getFieldsPattern(g,d)),(0,o.A)(l.getFieldsPattern(y,d)),(0,o.A)(null!==f?l.getFieldsPattern([f],"".concat(d,"\\.[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,l,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,r=C()(t);return e.keys(t).reduce(function(u,s){var c,d=[a,s].filter(function(e){return null!==e}).join("."),m=n.reduce(function(e,t){return e||t.test(d)},!1),v=t[s];return c=m?E()(v)?v:l[v]||v:E()(v)||C()(v)?e.replacePathsWithMedias(v,l,n,d):v,r?[].concat((0,o.A)(u),[c]):(0,i.A)((0,i.A)({},u),{},(0,f.A)({},s,c))},r?[]:{})}},{key:"getMediaPath",value:function(e){var t=e.id,l=void 0===t?null:t;return null!==l?"media://".concat(l):null}},{key:"replaceMediasWithPaths",value:function(t,l){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,r=C()(t),u=e.keys(t);return u.reduce(function(u,s){var c,d=u.data,m=u.medias,v=[a,s].filter(function(e){return null!==e}).join("."),g=l.reduce(function(e,t){return e||t.test(v)},!1),p=t[s],h=null,y=null;if(g&&E()(p)){var b=e.getMediaPath(p);c=null!==b?b:p,h=null!==b?p:null}else if(E()(p)||C()(p)){var w=e.replaceMediasWithPaths(p,l,n,v);c=w.data,y=w.medias}else c=p;return{data:r?[].concat((0,o.A)(d||[]),[c]):(0,i.A)((0,i.A)({},d),{},(0,f.A)({},s,c)),medias:null!==h?(0,i.A)((0,i.A)((0,i.A)({},m),y),{},(0,f.A)({},c,h)):(0,i.A)((0,i.A)({},m),y)}},{data:0===u.length?t:null,medias:n})}},{key:"getMediaPatternsFromData",value:function(t){var l=e.dot(t);return Object.keys(l).filter(function(e){return p()(l[e])&&null!==l[e].match(/^media:\/\/([^/]+)$/)}).map(function(e){return new RegExp("^".concat(e,"$"))})}},{key:"dot",value:function(t){return e.keys(t).reduce(function(l,n){if("object"!==(0,z.A)(t[n])||!t[n])return(0,i.A)((0,i.A)({},l),{},(0,f.A)({},n,t[n]));var a=e.dot(t[n]);return(0,i.A)((0,i.A)({},l),e.keys(a).reduce(function(e,t){return(0,i.A)((0,i.A)({},e),{},(0,f.A)({},"".concat(n,".").concat(t),a[t]))},{}))},{})}},{key:"keys",value:function(e){return C()(e)?(0,o.A)(e.keys()):Object.keys(e)}}])}(),F=function(e){function t(){var e,l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(0,h.A)(this,t),(e=(0,A.A)(this,t,[l])).fieldsPattern=null,e}return(0,k.A)(t,e),(0,y.A)(t,[{key:"getFields",value:function(e){var t=(this.getDefinition(e)||{}).fields;return void 0===t?null:t}},{key:"getLayouts",value:function(e){var t=(this.getDefinition(e)||{}).layouts;return void 0===t?null:t}},{key:"getFieldsPattern",value:function(){return this.fieldsPattern}},{key:"setFieldsPattern",value:function(e){this.fieldsPattern=e}},{key:"filter",value:function(e){return new t(this.definitions.filter(e))}},{key:"merge",value:function(e){var t=e.getFieldsPattern();return null!==t&&null===this.fieldsPattern&&(this.fieldsPattern=t),this.addDefinitions(e.getDefinitions())}}])}(B),H=["fonts"],Z=function(){function e(t){var l=t.fieldsManager,n=t.screensManager,a=t.fieldsPattern,i=void 0===a?{}:a;(0,h.A)(this,e),this.fieldsManager=l,this.screensManager=n,this.fieldsPatternCache=i||{}}return(0,y.A)(e,[{key:"getFieldsPatternByScreen",value:function(e){if(void 0===this.fieldsPatternCache[e]){var t=P(this.screensManager.getDefinition(e)||{});this.fieldsPatternCache[e]=this.getFieldsPattern(t||[])}return this.fieldsPatternCache[e]}},{key:"parse",value:function(t){var l=this;if(null===t)return t;var n=t||{},a=n.theme,u=void 0===a?null:a,s=n.components,c=void 0===s?[]:s,d=m()(c.reduce(function(t,n){var a=n.type,i=l.getFieldsPatternByScreen(a),r=e.extractFontsWithPaths(n,i);return r.length>0?[].concat((0,o.A)(t),(0,o.A)(r)):t},[]),"name");if(null!==u){var v=this.parse(u),g=v.fonts,p=void 0===g?[]:g,f=(0,r.A)(v,H);return d.length>0||p.length>0?(0,i.A)((0,i.A)({},t),{},{theme:f,fonts:m()([].concat((0,o.A)(p),(0,o.A)(d)),"name")}):t}return d.length>0?(0,i.A)((0,i.A)({},t),{},{fonts:d}):t}},{key:"getFieldsPattern",value:function(t){var l=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return(t||[]).reduce(function(t,a){var r=a.name,u=void 0===r?null:r,s=a.type,c=void 0===s?null:s,d=[n,u].filter(function(e){return null!==e&&""!==e}).join("\\."),m=(0,i.A)((0,i.A)({},null!==c?l.fieldsManager.getDefinition(c):null),a),v=m.fields,g=void 0===v?[]:v,p=m.itemsField,f=void 0===p?null:p,h=m.settings,y=void 0===h?[]:h;return[].concat((0,o.A)(t),(0,o.A)(e.fieldIsFontFamily(m)?[new RegExp("^".concat(d,"$"))]:[]),(0,o.A)(l.getFieldsPattern(g,d)),(0,o.A)(l.getFieldsPattern(y,d)),(0,o.A)(null!==f?l.getFieldsPattern([f],"".concat(d,"\\.[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,l=void 0===t?null:t;return"custom"===l||"google"===l}},{key:"extractFontsWithPaths",value:function(t,l){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return(C()(t)?(0,o.A)(t.keys()):Object.keys(t)).reduce(function(a,i){var r=[n,i].filter(function(e){return null!==e}).join("."),u=l.reduce(function(e,t){return e||t.test(r)},!1),s=t[i],c=null,d=null;return u&&E()(s)&&e.valueIsFont(s)?c=s:(E()(s)||C()(s))&&(d=e.extractFontsWithPaths(s,l,r)),null!==d||null!==c?[].concat((0,o.A)(a),(0,o.A)(d||[]),(0,o.A)(null!==c?[c]:[])):a},[])}}])}(),W=["shareIncentive","callToAction"],q=function(){return(0,y.A)(function e(){(0,h.A)(this,e)},[{key:"test",value:function(e){var t=e||{},l=t.shareIncentive,n=void 0===l?null:l,a=t.callToAction;return null!==n||null!==(void 0===a?null:a)}},{key:"parse",value:function(e){var t=e||{},l=t.shareIncentive,n=void 0===l?null:l,a=t.callToAction,o=void 0===a?null:a,u=(0,r.A)(t,W),s=e||{},c=s.header,d=void 0===c?null:c,m=s.footer,v=void 0===m?null:m,g=null!==n?(0,i.A)((0,i.A)({},null!==n?{shareIncentive:n}:null),null!==d?{header:d}:null):d,p=null!==o?(0,i.A)((0,i.A)({},null!==o?{callToAction:o}:null),null!==v?{footer:v}:null):v;return(0,i.A)((0,i.A)((0,i.A)({},u),null!==g?{header:g}:null),null!==p?{footer:p}:null)}}])}();q.prototype.priority=0;var _=["answers"],G=["customAnswerLabel"],Y=function(){return(0,y.A)(function e(){(0,h.A)(this,e)},[{key:"test",value:function(e){var t=(e||{}).answers,l=void 0===t?null:t;if(null===l||0===l.length)return!1;var n=(l||[]).some(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null!==e&&void 0!==e.customAnswerLabel});return!!n}},{key:"parse",value:function(e){var t=e||{},l=t.answers,n=void 0===l?null:l,a=(0,r.A)(t,_);return(0,i.A)((0,i.A)({},a),{},{answers:n.map(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null===e||void 0===e.customAnswerLabel)return e;var t=e||{},l=t.customAnswerLabel,n=(0,r.A)(t,G);return(0,i.A)((0,i.A)({},n),{},{result:l})})})}}])}();Y.prototype.priority=1;var U=["items"],Q=["label","textStyle"],X=function(){return(0,y.A)(function e(){(0,h.A)(this,e)},[{key:"test",value:function(e){var t=e||{},l=t.type,n=void 0===l?null:l,a=t.items,i=void 0===a?null:a;if("keypad"!==n||null===i||0===i.length)return!1;var o=(i||[]).some(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null!==e&&p()(null==e?void 0:e.label)});return!!o}},{key:"parse",value:function(e){var t=e||{},l=t.items,n=void 0===l?null:l,a=(0,r.A)(t,U);return(0,i.A)((0,i.A)({},a),{},{items:n.map(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null===e||!p()(null==e?void 0:e.label))return e;var t=e||{},l=t.label,n=t.textStyle,a=(0,r.A)(t,Q);return(0,i.A)((0,i.A)({},a),{},{label:{body:l,textStyle:n}})})})}}])}();X.prototype.priority=1;var J=["keypadSettings"],K=function(){return(0,y.A)(function e(){(0,h.A)(this,e)},[{key:"test",value:function(e){var t=e||{},l=t.type,n=void 0===l?null:l,a=t.keypadSettings,i=void 0===a?null:a;if("keypad"!==n||null===i)return!1;var o=(i||{}).layout;return null!==(void 0===o?null:o)}},{key:"parse",value:function(e){var t=e||{},l=t.keypadSettings,n=void 0===l?null:l,a=(0,r.A)(t,J),o=(n||{}).layout,u=void 0===o?null:o;return(0,i.A)((0,i.A)({},a),{},{keypadLayout:u})}}])}();K.prototype.priority=1;var $=Object.freeze({__proto__:null,CustomAnswerLabel:Y,KeypadItemLabel:X,KeypadSettings:K,ShareCall:q}),ee=["components"],te=function(){return(0,y.A)(function e(t){var l=t.screensManager;(0,h.A)(this,e),this.screensManager=l,this.parsers=Object.keys($).map(function(e){return new $[e]}),this.parsers.sort(function(e,t){return void 0===e.priority||void 0===t.priority||e.priority===t.priority?0:e.priority<t.priority?-1:1})},[{key:"parse",value:function(e){var t=this;if(null===e)return e;var l=e||{},n=l.components,a=void 0===n?[]:n,u=(0,r.A)(l,ee),s=a.reduce(function(l,n){var a=t.parsers.reduce(function(t,l){return l.test(t,e)?l.parse(t,e):t},n);return[].concat((0,o.A)(l),[a])},[]);return(0,i.A)((0,i.A)({},u),{},{components:s})}}])}(),le=["textStyle","color","boxStyle"],ne=function(){return(0,y.A)(function e(t){var l=t.screensManager;(0,h.A)(this,e),this.screensManager=l,this.definitionCache={},this.fieldsCache={}},[{key:"getDefinitionByScreen",value:function(e,t){if(void 0===this.definitionCache[e]){var l=this.screensManager.getDefinition(e)||{},n=t.find(function(t){return t.type===e})||null;this.definitionCache[e]={definition:l,themeScreen:n}}return this.definitionCache[e]}},{key:"getFieldsForDefinition",value:function(e){var t=e||{},l=t.id,n=void 0===l?null:l,a=t.fields,i=void 0===a?[]:a,o=t.states,r=void 0===o?[]:o;if(void 0===this.fieldsCache[n])if(null===r||0===r.length)this.fieldsCache[n]={fields:i};else{var u=i,s=[];if(null!==r&&r.length>0){var c=r.filter(function(e){var t=e.repeatable;return!1===(void 0!==t&&t)});s=r.filter(function(e){var t=e.repeatable;return!0===(void 0!==t&&t)}),u=c.reduce(function(e,t){var l=(t||{}).fields,n=void 0===l?[]:l;return null!==n&&n.length>0?e.concat(n):e},u)}this.fieldsCache[n]={fields:u,repetableStates:s}}return this.fieldsCache[n]}},{key:"parse",value:function(e){var t=this;if(null===e)return e;var l=e||{},n=l.theme,a=void 0===n?null:n,r=l.components,u=void 0===r?null:r;if(null===a||null===u)return e;var s=a.components,c=void 0===s?[]:s,d=a.background,m=void 0===d?null:d,v=a.colors,g=void 0===v?{}:v,p=a.textStyles,f=void 0===p?null:p,h=a.boxStyles,y=void 0===h?null:h,b=u.reduce(function(e,l,n){var a=l.type,r=t.getDefinitionByScreen(a,c).definition,u=t.parseScreen(r,l,null,m,g,f,y);return u!==l?[].concat((0,o.A)(e.slice(0,n)),[(0,i.A)((0,i.A)({},null),u)],(0,o.A)(e.slice(n+1))):e},u);return b!==u?(0,i.A)((0,i.A)({},e),{},{components:b}):e}},{key:"parseScreen",value:function(e,t,l,n,a,o,r){var u=this,s=this.getFieldsForDefinition(e),c=s.fields,d=void 0===c?null:c,m=s.repetableStates,v=void 0===m?null:m,g=null===l&&null!==n?{}:l;null!==n&&void 0!==g.background?g.background=(0,i.A)((0,i.A)({},n),g.background):null!==n&&(g.background=n);var p=Object.keys(t).reduce(function(e,l){var n=null;null!==v&&v.length>0&&(n=v.find(function(e){var t=e.id,n=void 0===t?null:t;return null!==n&&n===l})||null);var s=(d||null).find(function(e){return e.name===l})||n||{},c=t[l],m=null!==g&&g[l]||null,p=(s||{}).theme,h=void 0===p?null:p;if((null===h||!E()(h))&&null===d)return(0,i.A)((0,i.A)({},e),{},(0,f.A)({},l,c));var y=u.parseField(c,s,m,a,o,r);return y!==c?(0,i.A)((0,i.A)({},e),{},(0,f.A)({},l,y)):e},t);return null!==g?(0,i.A)((0,i.A)({},g),p):p}},{key:"parseField",value:function(e,t,l,n,a,o){var r=this,u=t.theme,s=void 0===u?null:u,c=t.fields,d=void 0===c?null:c;return null!==d&&null!==e?C()(e)?e.map(function(e){return null===e?e:r.parseInnerFields(e,d,l,n,a,o)}):this.parseInnerFields(e,d,l,n,a,o):null!==s&&E()(s)?C()(e)?e.map(function(e){return null!==e?Object.keys(e).reduce(function(t,l){if(!E()(e[l]))return t;var r=s[l]||{},u=r.textStyle,c=void 0===u?null:u,d=r.color,m=void 0===d?null:d,v=r.boxStyle,g=void 0===v?null:v;if(null===c&&null===m&&null===g)return t;var p=e[l]||{},h=p.textStyle,y=void 0!==h&&h,b=p.boxStyle,C=void 0!==b&&b,w=null!==m?{color:null!==m&&null!==n&&n[m]||null}:null,A=null!==c?{textStyle:!1!==y?y:(0,i.A)((0,i.A)({},null!==c&&null!==a&&a[c]||null),y)}:null,k=null!==g?{boxStyle:!1!==C?C:(0,i.A)((0,i.A)({},null!==g&&null!==o&&o[g]||null),C)}:null;return null===w&&null===A&&null===k?t:(0,i.A)((0,i.A)({},t),{},(0,f.A)({},l,(0,i.A)((0,i.A)((0,i.A)((0,i.A)({},w),e[l]),A),k)))},e):e}):E()(e)?this.parseValue(e,s,l,n,a,o):e:e}},{key:"parseInnerFields",value:function(e,t,l,n,a,i){var o=this;return Object.keys(e).reduce(function(r,u){var s=C()(t)?t.find(function(e){return e.name===u})||null:t,c=(s||{}).theme,d=void 0===c?null:c,m=e[u];return null!==m&&null!==s&&C()(m)?(r[u]=o.parseField(m,s,l,n,a,i),r):null!==m&&null!==d&&E()(d)&&E()(m)?(r[u]=o.parseValue(m,d,l,n,a,i),r):(r[u]=e[u],r)},{})}},{key:"parseValue",value:function(e,t,l,n,a,o){var u=this;if(E()(e)||E()(t)){var s=e||null,d=t||{},m=d.textStyle,v=void 0===m?null:m,g=d.color,p=void 0===g?null:g,h=d.boxStyle,y=void 0===h?null:h,b=(0,r.A)(d,le);if(null===v&&null===p&&null===y&&c()(b)&&!E()(t))return s;var C=null;c()(b)||(C=Object.keys(b).reduce(function(e,t){var r=null!==s&&s[t]||null,c=u.parseValue(r,b[t],l,n,a,o);return(0,i.A)((0,i.A)({},e),null!==c?(0,f.A)({},t,c):null)},{}));var w=s||{},A=w.textStyle,k=void 0!==A&&A,x=w.boxStyle,S=void 0!==x&&x,M=null!==p&&null!==n&&n[p]||null,N=null!==M?{color:M}:null,R=null!==v&&null!==a&&a[v]||null,z=null!==l&&l.textStyle||null,T=null!==R||null!==z?{textStyle:!1!==k?k:(0,i.A)((0,i.A)((0,i.A)({},R),z),k||null)}:null,L=null!==y&&null!==o&&o[y]||null,P=null!==l&&l.boxStyle||null,I=null!==L||null!==P?{boxStyle:!1!==S?S:(0,i.A)((0,i.A)((0,i.A)({},L),P),S||null)}:null;return null!==N||null!==l||null!==T||null!==I||null!==C?(0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)({},N),l),s),I),T),C):s}return e}}])}(),ae=function(){return(0,y.A)(function e(t){var l=t.screensManager,n=t.fieldsManager,a=t.fieldsPattern;(0,h.A)(this,e);var i=a||{},o=i.medias,r=void 0===o?null:o,u=i.fonts,s=void 0===u?null:u;this.themeParser=new ne({screensManager:l}),this.mediasParser=new j({screensManager:l,fieldsManager:n,fieldsPattern:r}),this.fontsParser=new Z({screensManager:l,fieldsManager:n,fieldsPattern:s}),this.migrationsParser=new te({screensManager:l})},[{key:"parse",value:function(e){var t=this,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=l.withTheme,a=void 0===n||n,i=l.withMedias,o=void 0===i||i,r=l.withFonts,u=void 0===r||r,s=l.withMigrations;return null===e?e:[[o,function(e){return t.mediasParser.fromPath(e)}],[a,function(e){return t.themeParser.parse(e)}],[u,function(e){return t.fontsParser.parse(e)}],[void 0===s||s,function(e){return t.migrationsParser.parse(e)}]].reduce(function(e,t){var l=(0,T.A)(t,2),n=l[0],a=l[1];return n?a(e):e},e)}}])}(),ie=["value"],oe=["value","currentTime"],re=function(e){function t(){var e,l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,h.A)(this,t),(e=(0,A.A)(this,t,[l])).screensViewed=[],e}return(0,k.A)(t,e),(0,y.A)(t,[{key:"trackScreenView",value:function(e,t){var l=(this.variables||{}).screensCount,n=void 0===l?null:l,a=e||{},i=a.id,r=void 0===i?null:i,u=a.type,s=void 0===u?null:u,c=a.metadata,d=void 0===c?null:c,m=a.parameters,v=(void 0===m?{}:m).metadata,g=d||v||{},p=g.title,f=g.description;-1===this.screensViewed.indexOf(r||t)&&(this.screensViewed=[].concat((0,o.A)(this.screensViewed),[r||t]));var h={event:"screenView",screenId:r,screenType:s,screenIndex:t,screenTitle:p,screenDescrition:f,screenProgress:null!==n&&null!==t?(t+1)/n:null,screensViewed:this.screensViewed,screensViewedProgress:null!==n?this.screensViewed.length/n:null};this.push(h)}},{key:"trackEvent",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=(arguments.length>3&&void 0!==arguments[3]?arguments[3]:null)||{},a=n.value,o=void 0===a?null:a,u=(0,r.A)(n,ie),s=(0,i.A)((0,i.A)({},u||null),{},{event:"eventInteraction",eventCategory:e,eventAction:t,eventLabel:l,eventValue:o});this.push(s)}},{key:"trackMedia",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=(arguments.length>3&&void 0!==arguments[3]?arguments[3]:null)||{},a=n.value,o=void 0===a?null:a,u=n.currentTime,s=void 0===u?null:u,c=(0,r.A)(n,oe),d=t||{},m=d.id,v=void 0===m?null:m,g=d.url,p=void 0===g?null:g,f=d.name,h=void 0===f?null:f,y=d.duration,b=void 0===y?null:y,C=d.currentTime,w=void 0===C?s:C,E=d.metadata,A=((void 0===E?{}:E)||{}).duration,k=void 0===A?b:A,x=(0,i.A)((0,i.A)({},c||null),{},{event:"eventInteraction",eventCategory:e,eventAction:l,eventLabel:h||p,eventValue:o,mediaId:v,mediaUrl:p,mediaName:h});null!==k&&(x.mediaDuration=Math.round(k)),null!==w&&(x.mediaCurrentTime=Math.round(w)),null!==w&&null!==k&&k>0&&(x.mediaProgress=w/k),this.push(x)}}])}(L.yI),ue=(l(3478),l(3551)),se=l(7252),ce=l(986),de=l.n(ce),me=l(9993),ve=l(6330),ge=l(1919);l(9182);var pe=function(e){return null!==e?Object.keys(e).map(function(t){return"".concat((0,M.kW)(t),":").concat(de()(e[t])?"".concat(e[t],"px"):e[t],";")}).join("\n"):""};function fe(){return new DOMException("The request is not allowed","NotAllowedError")}function he(e){return ye.apply(this,arguments)}function ye(){return(ye=(0,ve.A)((0,me.A)().m(function e(t){return(0,me.A)().w(function(e){for(;;)switch(e.n){case 0:if(navigator.clipboard){e.n=1;break}throw fe();case 1:return e.a(2,navigator.clipboard.writeText(t))}},e)}))).apply(this,arguments)}function be(e){return Ce.apply(this,arguments)}function Ce(){return(Ce=(0,ve.A)((0,me.A)().m(function e(t){var l,n,a,i;return(0,me.A)().w(function(e){for(;;)switch(e.n){case 0:(l=document.createElement("span")).textContent=t,l.style.whiteSpace="pre",l.style.webkitUserSelect="auto",l.style.userSelect="all",document.body.appendChild(l),n=window.getSelection(),a=window.document.createRange(),n.removeAllRanges(),a.selectNode(l),n.addRange(a),i=!1;try{i=window.document.execCommand("copy")}finally{n.removeAllRanges(),window.document.body.removeChild(l)}if(i){e.n=1;break}throw fe();case 1:return e.a(2)}},e)}))).apply(this,arguments)}function we(){return(we=(0,ve.A)((0,me.A)().m(function e(t){var l;return(0,me.A)().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,he(t);case 1:case 4:e.n=6;break;case 2:return e.p=2,l=e.v,e.p=3,e.n=4,be(t);case 5:throw e.p=5,e.v||l||fe();case 6:return e.a(2)}},e,null,[[3,5],[0,2]])}))).apply(this,arguments)}var Ee=function(e){return function(t,l){var a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];(0,n.useEffect)(function(){return a&&null!==e&&e.subscribe(t,l),function(){a&&null!==e&&e.unsubscribe(t,l)}},[e,t,l,a])}},Ae=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 l=p()(e)?{color:e}:e,n=l.color,a=void 0===n?null:n,i=l.alpha,o=void 0===i?null:i;return null!==o||null!==t?(0,ge.A)(a).setAlpha(null!==t?t:o).toRgbString():a},ke=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return null===t||null===e?l:t[(0,M.fL)(e)]||t[e]||l},xe=[{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)"}],Se=function(){return xe},Me=function(e){var t=e.displayName,l=void 0===t?null:t,n=e.name;return l||(void 0===n?null:n)||"Component"},Ne=function(e){if(null==e)return null;var t=E()(e)?e:{name:e},l=t.name,n=t.fallback;return[l,void 0===n?null:n].filter(function(e){return null!==e}).map(function(e){return'"'.concat(e,'"')}).join(", ")},Re=["isPreview","isView","current","openWebView","enableInteraction","disableInteraction"],ze=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.isPreview,a=void 0!==l&&l,o=t.isView,u=void 0!==o&&o,s=t.current,c=void 0!==s&&s,d=t.openWebView,m=void 0!==d&&d,v=t.enableInteraction,g=void 0===v||v,p=t.disableInteraction,f=void 0!==p&&p,h=(0,r.A)(t,Re),y=(e||{}).callToAction,b=void 0===y?null:y;return(0,n.useMemo)(function(){return{callToAction:(0,i.A)((0,i.A)({},b),{},{animationDisabled:a,focusable:c&&u,openWebView:m,enableInteraction:g,disableInteraction:f},h)}},[b,a,u,c,g,f,h])},Te=function(e){return(e-Math.floor(e)).toFixed(4)},Le=["image","video","media","color"],Pe=function(e){return null!==e&&C()(e)?e:Object.keys(e||{}).reduce(function(t,l){return[].concat((0,o.A)(t),[(0,i.A)({handle:l},e[l])])},[])},Ie=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=n.resolution,o=void 0===a?1:a,r=n.maxDiff,u=void 0===r?800:r,s=n.supportsWebp,c=void 0!==s&&s,d=e||{},m=d.sizes,v=void 0===m?null:m,g=d.url,p=void 0===g?null:g,f=d.webp_url,h=void 0===f?null:f,y=d.metadata,b=void 0===y?{}:y,C=b.width,w=b.height,E=c&&null!==h?h:p;if(null===v||null===t&&null===l)return E;var A=(0,i.A)({original:{url:E,width:C,height:w}},v),k=null!==t&&null!==o?t*o:t,x=null!==l&&null!==o?l*o:l;return Object.keys(A).reduce(function(e,t){var l=e.diff,n=e.isLarger,a=e.size,i=A[t],o=i.url,r=i.webp_url,s=void 0===r?null:r,d=i.width,m=void 0===d?null:d,v=i.height,g=void 0===v?null:v,p=c&&null!==s?s:o,f=null!==m&&null!==k?m-k:null,h=null!==g&&null!==x?g-x:null,y=(null===f||f>=0)&&(null===h||h>=0),b=[f,h].reduce(function(e,t){return null!==t?(e||0)+Math.abs(t):e},null);null===b&&(b=1/0);var C=(m||0)+(g||0)>a;return b<l&&y||b<l&&(!n&&C||l>u)||b<=u&&!n&&y||b<=u&&!n&&!y&&C?{key:t,url:p,diff:b,isLarger:y}:e},{key:null,url:E,diff:1/0,isLarger:!1,size:0}).url},Be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(null===e)return null;var n=e.horizontal,a=void 0===n?null:n,i=e.vertical,o=void 0===i?null:i,r=function(e){return"left"===e?"flex-start":"middle"===e?"center":"right"===e?"flex-end":null}(a),u=function(e){return"top"===e?"flex-start":"middle"===e?"center":"bottom"===e?"flex-end":null}(o);return t?{justifyContent:u||l,alignItems:r||l}:{justifyContent:r||l,alignItems:u||u}},Oe=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"backgroundColor",t=Ae(arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,arguments.length>2&&void 0!==arguments[2]?arguments[2]:null);return null!==t?(0,f.A)({},e,t):null},Ve=function(e){if(null===e)return null;var t=e.backgroundColor,l=void 0===t?null:t,n=e.borderRadius,a=void 0===n?null:n,o=e.padding,r=void 0===o?null:o,u=e.paddingTop,s=void 0===u?null:u,c=e.paddingRight,d=void 0===c?null:c,m=e.paddingBottom,v=void 0===m?null:m,g=e.paddingLeft,p=void 0===g?null:g,f=e.borderWidth,h=void 0===f?null:f,y=e.borderStyle,b=void 0===y?null:y,C=e.borderColor,w=void 0===C?null:C,A=e.shadowAngle,k=void 0===A?null:A,x=e.shadowDistance,S=void 0===x?null:x,M=e.shadowBlur,N=void 0===M?null:M,R=e.shadowColor,z={width:h,style:b,color:w},T={shadowAngle:k,shadowDistance:S,shadowBlur:N,shadowColor:void 0===R?null:R},L=E()(r)?r:{padding:r},P=L.top,I=void 0===P?null:P,B=L.right,O=void 0===B?null:B,V=L.bottom,D=void 0===V?null:V,j=L.left,F=void 0===j?null:j,H=L.padding,Z=void 0===H?null:H;return(0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)({},Oe(l,"backgroundColor")),null!==a?{borderRadius:a}:null),function(e){if(null==e)return null;var t=e.width,l=void 0===t?null:t,n=e.style,a=void 0===n?null:n,o=e.color,r=void 0===o?null:o;return(0,i.A)((0,i.A)((0,i.A)({},null!==l?{borderWidth:l}:null),null!==a?{borderStyle:a}:null),Oe(r,"borderColor"))}(z)),function(e){if(null==e)return null;var t=e||{},l=t.shadowAngle,n=void 0===l?null:l,a=t.shadowDistance,i=void 0===a?null:a,o=t.shadowBlur,r=void 0===o?null:o,u=t.shadowColor;if(!n)return null;var s,c,d=r||"0",m=Ae(void 0===u?null:u)||"#000000",v=(s=n,c=i,{x:(Math.cos(s)*c).toFixed(3),y:(Math.sin(s)*c).toFixed(3)}),g=v.y;return{boxShadow:"".concat(v.x,"px ").concat(g,"px ").concat(d,"px 0 ").concat(m)}}(T)),null!==r||null!==Z?{padding:r||Z}:null),null!==s||null!==I?{paddingTop:s||I}:null),null!==d||null!=O?{paddingRight:d||O}:null),null!==v||null!==D?{paddingBottom:v||D}:null),null!==p||null!==F?{paddingLeft:p||F}:null)},De=function(e){if(null==e)return null;var t=e.textColor,l=void 0===t?null:t,n=e.color,a=void 0===n?null:n,o=null!==a?Ae(a):null,r=null!==o?"0.05em 0px 0px ".concat(o,", -0.05em 0px 0px ").concat(o):null;return null!==a||null!==l?(0,i.A)((0,i.A)((0,i.A)({},null!==a?Oe(a,"backgroundColor"):null),null!==l?Oe(l,"color"):null),null!==a?{boxShadow:r,mozBoxShadow:r,msBoxShadow:r,webkitBoxShadow:r}:null):null},je=function(e){if(null==e)return null;var t=e.color,l=void 0===t?null:t,n=e.fontStyle||{},a=n.italic,o=void 0!==a&&a,r=n.bold,u=void 0!==r&&r,s=n.underline,c=void 0!==s&&s;return(0,i.A)((0,i.A)((0,i.A)((0,i.A)({},null!==l?Oe(l,"color"):null),o?{fontStyle:"italic"}:null),u?{fontWeight:"bold"}:null),c?{textDecoration:"underline"}:null)},Fe=function(e){if(null==e)return null;var t=e.fontFamily,l=void 0===t?null:t,n=e.fontSize,a=void 0===n?null:n,o=e.fontStyle,r=void 0===o?null:o,u=e.fontWeight,s=void 0===u?null:u,c=e.lineHeight,d=void 0===c?null:c,m=e.letterSpacing,v=void 0===m?null:m,g=e.align,p=void 0===g?null:g,f=e.color,h=void 0===f?null:f,y=r||{},b=y.italic,C=void 0!==b&&b,w=y.bold,E=void 0!==w&&w,A=y.underline,k=void 0!==A&&A,x=y.transform,S=void 0===x?null:x,M=y.outline,N=void 0!==M&&M;return(0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)({fontFamily:Ne(l)},null!==a?{fontSize:a}:null),C?{fontStyle:"italic"}:null),E?{fontWeight:"bold"}:null),null!==s?{fontWeight:s}:null),k?{textDecoration:"underline"}:null),null!==S?{textTransform:S}:null),null!==p?{textAlign:p}:null),null!==d?{lineHeight:d}:null),null!==v?{letterSpacing:v}:null),Oe(h,"color")),N?{WebkitTextStroke:"2px ".concat(Ae(h,"color")),color:"transparent"}:null)},He=function(e){if(null==e)return null;var t=e.top,l=void 0===t?null:t,n=e.bottom,a=void 0===n?null:n;return(0,i.A)((0,i.A)({},null!==l?{marginTop:l}:null),null!==a?{marginBottom:a}:null)},Ze=["video/mp4"],We=null;function qe(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ze;if(null===We){var t=document.createElement("video");We=(e||Ze).filter(function(e){return""!==t.canPlayType(e)})}return We}var _e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(null==e)return!1;var t=(e||{}).badge,l=(void 0===t?null:t)||{},n=l.active,a=void 0!==n&&n,i=l.label,o=((void 0===i?null:i)||{}).body;return a&&null!==(void 0===o?null:o)},Ge=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(null==e)return!1;var t=(e||{}).callToAction,l=(void 0===t?null:t)||{},n=l.active,a=void 0!==n&&n,i=l.label,o=((void 0===i?null:i)||{}).body;return a&&null!==(void 0===o?null:o)},Ye=function(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document},Ue=function(e){if(null==e)return!1;var t=e||{},l=t.media,n=void 0===l?null:l,a=t.url;return null!==n||null!==(void 0===a?null:a)},Qe=function(e){if(null==e)return!1;var t=(e||{}).label,l=((void 0===t?null:t)||{}).length,n=void 0===l?0:l;return"number"==typeof n&&n>0},Xe=function(e){if(null==e)return!1;var t=(e||{}).body,l=((void 0===t?null:t)||{}).length,n=void 0===l?0:l;return"number"==typeof n&&n>0},Je=function(e){if(null==e)return!1;var t;try{t=new URL(e)}catch(e){return!1}return"http:"===t.protocol||"https:"===t.protocol},Ke="screens",$e=n.createContext(null),et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=(0,n.useContext)($e);return(0,n.useMemo)(function(){return null!==e?new I(t.getComponents(e)):t},[t,e])},tt={};function lt(e){var t=e.components,l=void 0===t?tt:t,a=e.manager,o=void 0===a?null:a,r=e.namespace,u=void 0===r?null:r,s=e.children,c=et()||null,d=(0,n.useMemo)(function(){return new I((0,i.A)((0,i.A)((0,i.A)({},null!==c?c.getComponents():null),null!==o?o.getComponents():null),new I(l).addNamespace(u).getComponents()))},[c,o,l,u]);return n.createElement($e.Provider,{value:d},s)}var nt=(0,ue.YK)({functionality_title:{id:"consent.functionality_title",defaultMessage:[{type:0,value:"Functionnal"}]},functionality_description:{id:"consent.functionality_description",defaultMessage:[{type:0,value:"Cookies required for the site to function properly."}]},analytics_title:{id:"consent.analytics_title",defaultMessage:[{type:0,value:"Analytics"}]},analytics_description:{id:"consent.analytics_description",defaultMessage:[{type:0,value:"Cookies used to measure user behavior."}]},ad_storage_title:{id:"consent.ad_storage_title",defaultMessage:[{type:0,value:"Ad Storage"}]},ad_storage_description:{id:"consent.ad_storage_description",defaultMessage:[{type:0,value:"Cookies used for advertising purposes."}]},ad_personalization_title:{id:"consent.ad_personalization_title",defaultMessage:[{type:0,value:"Ad Personalization"}]},ad_personalization_description:{id:"consent.ad_personalization_description",defaultMessage:[{type:0,value:"Cookies used for ad targeting."}]},ad_user_data_title:{id:"consent.ad_user_data_title",defaultMessage:[{type:0,value:"User Ad Data"}]},ad_user_data_description:{id:"consent.ad_user_data_description",defaultMessage:[{type:0,value:"Cookies used for user-specific ad data."}]},personalization_storage_title:{id:"consent.personalization_storage_title",defaultMessage:[{type:0,value:"Personalization Storage"}]},personalization_storage_description:{id:"consent.personalization_storage_description",defaultMessage:[{type:0,value:"Cookies used for personalizing user experience."}]},security_storage_title:{id:"consent.security_storage_title",defaultMessage:[{type:0,value:"Security Storage"}]},security_storage_description:{id:"consent.security_storage_description",defaultMessage:[{type:0,value:"Cookies used for security purposes."}]}});nt.functionality_title,nt.functionality_description,nt.security_storage_title,nt.security_storage_description,nt.personalization_storage_title,nt.personalization_storage_description,nt.analytics_title,nt.analytics_description,nt.ad_storage_title,nt.ad_storage_description,nt.ad_personalization_title,nt.ad_personalization_description,nt.ad_user_data_title,nt.ad_user_data_description;var at=n.createContext(null),it=n.createContext(new F),ot=function(){return(0,n.useContext)(it)};function rt(e){var t=e.screens,l=void 0===t?null:t,a=e.namespaces,i=void 0===a?null:a,o=e.filterNamespaces,r=void 0!==o&&o,u=e.manager,s=void 0===u?null:u,c=e.children,d=ot(),m=(0,n.useMemo)(function(){var e=null!==s?s:new F(l);return null!==(d||null)&&(e=d.merge(e)),r&&(e=d.filter(function(e){var t=e.namespaces,l=void 0===t?null:t;return null===l||null!==i&&l.reduce(function(e,t){return e||-1!==i.indexOf(t)},!1)})),e},[s,l,i,r,d]),v=(0,n.useMemo)(function(){return m.getComponents()},[m]),g=(0,n.useState)(v),p=(0,T.A)(g,2),f=p[0],h=p[1];return(0,n.useEffect)(function(){var e=function(){return h(m.getComponents())};return m.on("change",e),function(){m.off("change",e)}},[m,h]),n.createElement(it.Provider,{value:m},n.createElement(lt,{namespace:Ke,components:f},c))}var ut=n.createContext(null),st=function(){return(0,n.useContext)(ut)};function ct(e){var t=e.story,l=void 0===t?null:t,a=e.children;return n.createElement(ut.Provider,{value:l},a)}var dt=n.createContext({}),mt=function(){return(0,n.useContext)(dt)},vt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=(mt()||{})[e];return void 0===l?t:l};function gt(e){var t=e.children,l=e.settings,a=void 0===l?null:l,o=mt(),r=(0,n.useMemo)(function(){return(0,i.A)((0,i.A)({},o),a)},[a,o]);return n.createElement(dt.Provider,{value:r},t)}var pt=n.createContext({apiKey:null}),ft=function(){return(0,n.useContext)(pt)};function ht(e){var t=e.children,l=e.apiKey,a=void 0===l?null:l,i=ft().apiKey,o=vt("googleApiKey"),r=(0,n.useMemo)(function(){return{apiKey:a||i||o}},[a,i,o]);return n.createElement(pt.Provider,{value:r},t)}var yt=n.createContext(null),bt=function(){return(0,n.useContext)(yt)};function Ct(e){var t=e.children,l=e.locale,a=void 0===l?"fr":l,i=e.libraries,o=void 0===i?null:i,r=ft().apiKey,u=bt(),s=(0,n.useState)(u),c=(0,T.A)(s,2),d=c[0],m=c[1];return(0,n.useEffect)(function(){null===u&&(0,se.pO)({apiKey:r,locale:a,libraries:o}).then(function(e){m(e)})},[r,a,o,m,u]),n.createElement(yt.Provider,{value:d},t)}var wt={seekBarOnly:!1,color:null,progressColor:null},Et={playing:!1,paused:!1,completed:!1,muted:!0,controls:!1,controlsSuggestPlay:!1,controlsVisible:!1,media:null,controlsTheme:wt,currentQualityLevel:null},At=n.createContext((0,i.A)((0,i.A)({},Et),{},{setMuted:function(){},setPlaying:function(){},setControls:function(){},setControlsVisible:function(){},setControlsTheme:function(){},showControls:function(){},hideControls:function(){},setMedia:function(){},setCurrentQualityLevel:function(){},setIsBackground:function(){}})),kt=function(){return(0,n.useContext)(At)},xt=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=kt(),a=l.setMedia,i=l.setIsBackground,o=l.media,r=(0,n.useRef)(null);return(0,n.useEffect)(function(){return function(){e&&(a(null),i(!1))}},[e]),(0,n.useEffect)(function(){e&&null!==r.current&&null===o&&(i(t),a(r.current))},[e,t,o]),{ref:r,isCurrent:r.current===o}};function St(e){var t=e.muted,l=void 0===t||t,a=e.playing,o=void 0!==a&&a,r=e.paused,u=void 0!==r&&r,s=e.controls,c=void 0!==s&&s,d=e.controlsSuggestPlay,m=void 0!==d&&d,v=e.controlsVisible,g=void 0!==v&&v,p=e.controlsTheme,f=void 0===p?wt:p,h=e.currentQualityLevel,y=void 0===h?null:h,b=e.children,C=(0,n.useState)(l),w=(0,T.A)(C,2),E=w[0],A=w[1],k=(0,n.useState)(o),x=(0,T.A)(k,2),S=x[0],M=x[1],N=(0,n.useState)(null),R=(0,T.A)(N,2),z=R[0],L=R[1],P=(0,n.useState)(!1),I=(0,T.A)(P,2),B=I[0],O=I[1],V=(0,n.useState)(c),D=(0,T.A)(V,2),j=D[0],F=D[1],H=(0,n.useState)(m),Z=(0,T.A)(H,2),W=Z[0],q=Z[1],_=(0,n.useState)(g),G=(0,T.A)(_,2),Y=G[0],U=G[1],Q=(0,n.useState)(f),X=(0,T.A)(Q,2),J=X[0],K=X[1],$=(0,n.useState)(y),ee=(0,T.A)($,2),te=ee[0],le=ee[1],ne=(0,n.useCallback)(function(e){e?(F(!0),U(!0),q(!1)):(F(!1),U(!1),q(!1))},[F,U,q]),ae=(0,n.useCallback)(function(e){K((0,i.A)((0,i.A)({},wt),e))},[K]),ie=(0,n.useCallback)(function(e){e&&q(!1),M(e)},[M,q]);(0,n.useEffect)(function(){q(!1)},[z,q]);var oe=(0,n.useState)(!1),re=(0,T.A)(oe,2),ue=re[0],se=re[1],ce=(0,n.useCallback)(function(){return se(!0)},[se]);(0,n.useEffect)(function(){return null!==z&&z.addEventListener("ended",ce),function(){null!==z&&z.removeEventListener("ended",ce),se(!1)}},[z,ce,se]);var de=(0,n.useCallback)(function(){return U(!0)},[U]),me=(0,n.useCallback)(function(){U(!1)},[U]),ve=(0,n.useMemo)(function(){return null!==z&&"video"===z.tagName.toLowerCase()&&("audio"===z.tagName.toLowerCase()||(void 0===z.dataset.hasAudio?null:"true"===z.dataset.hasAudio||!0===z.dataset.hasAudio))},[z]),ge=(0,n.useCallback)(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;null!==t&&null!==z&&t!==z||le(e)},[le]),pe=(0,n.useMemo)(function(){return{muted:E,playing:S&&!u,completed:ue,controls:j,controlsSuggestPlay:W,controlsVisible:Y,media:z,hasAudio:ve,controlsTheme:J,currentQualityLevel:te,setMuted:A,setIsBackground:O,isBackground:B,setPlaying:ie,setControls:ne,setControlsSuggestPlay:q,setControlsVisible:U,setControlsTheme:ae,showControls:de,hideControls:me,setMedia:L,setCurrentQualityLevel:ge}},[E,S,ue,u,j,W,Y,J,z,ve,te,A,O,B,ie,ne,ae,q,U,K,de,me,L,le]);return n.createElement(At.Provider,{value:pe},b)}var Mt=n.createContext({data:null,definition:null,renderContext:null}),Nt=function(){return(0,n.useContext)(Mt)},Rt=function(){var e=(Nt()||{}).renderContext,t=void 0===e?"view":e,l="static"===t,n="capture"===t;return{renderContext:t,isPlaceholder:"placeholder"===t,isPreview:"preview"===t,isEdit:"edit"===t,isView:"view"===t||l||n,isStatic:l,isCapture:n}},zt=function(){return(Nt()||{}).screenState};function Tt(e){var t=e.data,l=void 0===t?null:t,a=e.definition,i=void 0===a?null:a,o=e.renderContext,r=void 0===o?null:o,u=e.screenState,s=void 0===u?null:u,c=e.children,d=Nt()||{},m=d.data,v=void 0===m?null:m,g=d.definition,p=void 0===g?null:g,f=d.renderContext,h=void 0===f?null:f,y=d.screenState,b=void 0===y?null:y,C=l||v||null,w=(C||{}).type,E=void 0===w?null:w,A=ot(),k=null!==A?A.getDefinition(E):null,x=i||k||p,S=r||h||"view",M=s||b||null,N=(0,n.useMemo)(function(){return{data:C,definition:x,renderContext:S,screenState:M}},[C,x,S,M]);return n.createElement(Mt.Provider,{value:N},c)}var Lt=n.createContext({screen:null,screens:[],width:0,height:0,resolution:1,landscape:!1}),Pt=function(){return(0,n.useContext)(Lt)};function It(e){var t=e.size,l=void 0===t?{}:t,a=e.children,i=l.screen,o=l.width,r=l.height,u=l.resolution,s=(0,n.useMemo)(function(){return l},[i,o,r,u]);return n.createElement(Lt.Provider,{value:s},a)}var Bt=function(){return(0,n.useContext)(L.fu)};function Ot(e){var t=e.variables,l=void 0===t?null:t,a=e.disabled,o=void 0!==a&&a,r=e.paused,u=void 0!==r&&r,s=e.children,c=Bt()||null,d=(0,n.useRef)(null),m=(0,n.useMemo)(function(){return null===d.current?d.current=new re({variables:(0,i.A)((0,i.A)({},null!==c?c.getVariables():null),l),disabled:o,paused:u}):(d.current.setVariables((0,i.A)((0,i.A)({},d.current.getVariables()),l)),d.current.setDisabled(o),d.current.setPaused(u)),d.current},[c,l,o,u]);return n.createElement(L.fE,{tracking:m},s)}var Vt={events:new(S()),menuVisible:!1,menuOverScreen:!1,topHeight:0,bottomHeight:0,bottomSidesWidth:0,gotoNextScreen:function(){},gotoPreviousScreen:function(){},disableInteraction:function(){},enableInteraction:function(){}},Dt=n.createContext((0,i.A)((0,i.A)({},Vt),{},{webView:null,setWebView:function(){}})),jt=function(){return(0,n.useContext)(Dt)},Ft=function(){var e=jt();return{gotoNextScreen:e.gotoNextScreen,gotoPreviousScreen:e.gotoPreviousScreen}},Ht=function(){var e=jt().containerRef,t=void 0===e?null:e;return null!==t?t.current:null},Zt=function(){var e=jt();return{disableInteraction:e.disableInteraction,enableInteraction:e.enableInteraction}},Wt=function(){var e=jt(),t=e.webView,l=e.setWebView;return(0,n.useMemo)(function(){return(0,i.A)((0,i.A)({},t),{},{opened:null!==t,open:function(e){return l(p()(e)?{url:e}:e)},close:function(){return l(null)},update:function(e){return l((0,i.A)((0,i.A)({},t),e))}})},[t,l])};function qt(e){var t=e.children,l=e.containerRef,a=e.events,i=void 0===a?new(S()):a,o=e.menuVisible,r=void 0!==o&&o,u=e.menuOverScreen,s=void 0!==u&&u,c=e.width,d=e.height,m=e.topHeight,v=void 0===m?0:m,g=e.bottomHeight,p=void 0===g?0:g,f=e.bottomSidesWidth,h=void 0===f?0:f,y=e.gotoNextScreen,b=void 0===y?function(){}:y,C=e.gotoPreviousScreen,w=void 0===C?function(){}:C,E=e.disableInteraction,A=void 0===E?function(){}:E,k=e.enableInteraction,x=void 0===k?function(){}:k,M=(0,n.useState)(null),N=(0,T.A)(M,2),R=N[0],z=N[1],L=(0,n.useMemo)(function(){return{containerRef:l,events:i,menuVisible:r,menuOverScreen:s,width:c,height:d,topHeight:v,bottomHeight:p,bottomSidesWidth:h,gotoNextScreen:b,gotoPreviousScreen:w,disableInteraction:A,enableInteraction:x,webView:R,setWebView:z}},[l,i,r,s,c,d,v,p,h,b,w,A,x,R,z]);return n.createElement(Dt.Provider,{value:L},t)}var _t=n.createContext({visitor:null,setVisitor:function(){}}),Gt=function(){return(0,n.useContext)(_t).visitor};function Yt(e){var t=e.visitor,l=void 0===t?null:t,a=e.children,i=(0,n.useState)(l),o=(0,T.A)(i,2),r=o[0],u=o[1];(0,n.useEffect)(function(){l!==r&&u(l)},[l,u]);var s=(0,n.useMemo)(function(){return{visitor:r,setVisitor:function(e){return p()(e)?{id:e}:e}}},[r,u]);return n.createElement(_t.Provider,{value:s},a)}var Ut=l(7736),Qt=l(3022),Xt=l(3373),Jt=l.n(Xt),Kt=l(4739),$t=l.n(Kt),el=l(719),tl=l.n(el),ll=l(124),nl=l.n(ll),al=l(2992),il=l(3464);function ol(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.element,l=void 0===t?null:t,a=e.disabled,i=void 0!==a&&a,o=e.timeout,r=void 0===o?2e3:o,u=(0,n.useRef)(l),s=(0,n.useState)(!1),c=(0,T.A)(s,2),d=c[0],m=c[1],v=(0,n.useRef)(d);return null!==l&&l!==u.current&&(u.current=l),(0,n.useEffect)(function(){var e=u.current,t=void 0===e?null:e;if(null===t||i)return function(){};var l=null;function n(){null!==l&&(clearTimeout(l),l=null),v.current||(v.current=!0,m(!0)),l=setTimeout(function(){v.current=!1,m(!1)},r)}return t.addEventListener("keydown",n),t.addEventListener("mousedown",n),t.addEventListener("mousemove",n),t.addEventListener("mouseup",n),t.addEventListener("pointerdown",n),t.addEventListener("pointermove",n),t.addEventListener("pointerup",n),t.addEventListener("touchmove",n),t.addEventListener("touchstart",n),function(){null!==l&&(clearTimeout(l),l=null),t.removeEventListener("keydown",n),t.removeEventListener("mousedown",n),t.removeEventListener("mousemove",n),t.removeEventListener("mouseup",n),t.removeEventListener("pointerdown",n),t.removeEventListener("pointermove",n),t.removeEventListener("pointerup",n),t.removeEventListener("touchmove",n),t.removeEventListener("touchstart",n)}},[l,i,r]),{ref:u,detected:d}}l(7228);var rl=function(e,t){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:300;(0,n.useEffect)(function(){var n=setTimeout(function(){null!==e&&e(t)},l);return function(){clearTimeout(n)}},[t,l])};function ul(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.progress,l=e.onTap,a=void 0===l?null:l,o=e.disabled,r=void 0!==o&&o,u=e.dragDisabled,s=void 0!==u&&u,c=e.computeProgress,d=void 0===c?null:c,m=e.onProgress,v=void 0===m?null:m,g=e.onPointerDown,p=void 0===g?null:g,f=e.onScroll,h=void 0===f?null:f,y=e.springParams,b=void 0===y?void 0:y,C=e.dragOptions,w=void 0===C?{filterTaps:!0}:C,E=(0,n.useRef)(!1),A=(0,n.useRef)(t),k=(0,n.useRef)(t);t!==k.current&&(k.current=t);var x=(0,n.useState)(!1),S=(0,T.A)(x,2),M=S[0],N=S[1],R=(0,n.useState)(0),z=(0,T.A)(R,2),L=z[0],P=z[1],I=(0,Ut.U2)(),B=(0,Ut.zh)(function(){return(0,i.A)({ref:I,from:{progress:t}},b)}),O=(0,T.A)(B,2),V=O[0].progress,D=O[1],j=(0,n.useCallback)(function(e){var t=e.active,l=e.tap;if(r)E.current=!1;else{if(l)return E.current=!1,void(null!==a&&a(e));if(s)E.current=!1;else{var n=d(e);E.current=t,P(n<k.current?-1:1),A.current=n,t!==M&&N(t),D.start((0,i.A)({progress:n,immediate:t,onResolve:t?function(){}:function(){P(0)}},b)),null!==v&&v(n,e)}}},[N,r,a,d,M,v]),F=(0,Qt.useGesture)({onDrag:j,onPointerDown:null!==p?p:function(){},onScroll:null!==h?h:function(){}},{drag:w});return(0,n.useEffect)(function(){E.current||t===A.current||(P(t<A.current?-1:1),A.current=t,D.start((0,i.A)({progress:t,immediate:r,onResolve:function(){P(0)}},b)))},[t,r]),{transitioning:(0,n.useMemo)(function(){return t!==V.get()||V.isAnimating||M},[t,V.isAnimating,M]),bind:F,dragging:M,progress:V,direction:L}}Ee("undefined"!=typeof document?new O(document):null);var sl=["entry"],cl=new Map,dl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=t.root,r=void 0===a?null:a,u=t.rootMargin,s=void 0===u?null:u,c=t.threshold,d=void 0===c?null:c,m=t.disabled,v=void 0!==m&&m,g=(0,n.useState)(l),p=(0,T.A)(g,2),f=p[0],h=p[1],y=(0,n.useRef)(null),b=(0,n.useRef)(null),C=y.current!==b.current;return(0,n.useEffect)(function(){var t=y.current,l=function(e){return h(e)},n=null;if(null!==t){var a={};null!==r&&(a.root=r),null!==s&&(a.rootMargin=s),null!==d&&(a.threshold=d);var u=function(e){var t,l,n,a,r,u,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},c=(n=void 0===(l=(t=s).root)?null:l,a=t.rootMargin,u=void 0===(r=t.threshold)?null:r,"root_".concat(n,"_rootMargin_").concat(a||null,"_threshold_").concat(u));cl.has(e)||cl.set(e,{});var d=cl.get(e);return void 0===d[c]&&(d[c]=function(e){var t=[],l=new e(function(e){e.forEach(function(e){t.forEach(function(t){var l=t.element,n=t.callbacks;l===e.target&&n.forEach(function(t){t(e)})})})},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});return{subscribe:function(e,n){var a=t.find(function(t){return t.element===e})||null;t=function(e,l){return null!==(t.find(function(t){return t.element===e})||null)?t.map(function(t){return t.element===e&&-1===t.callbacks.indexOf(l)?(0,i.A)((0,i.A)({},t),{},{callbacks:[].concat((0,o.A)(t.callbacks),[l])}):t}).filter(function(e){return e.callbacks.length>0}):[].concat((0,o.A)(t),[{element:e,callbacks:[l]}])}(e,n),null===a&&l.observe(e)},unsubscribe:function(e){if(t=function(e,l){return t.map(function(t){return t.element===e?(0,i.A)((0,i.A)({},t),{},{callbacks:t.callbacks.filter(function(e){return e!==l})}):t}).filter(function(e){return e.callbacks.length>0})}(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:null),void 0===l.unobserve)return l.disconnect(),void t.forEach(function(e){l.observe(e.element)});null===(t.find(function(t){return t.element===e})||null)&&l.unobserve(e)},observer:l}}(e,s),cl.set(e,d)),d[c]}(e,a),c=u.subscribe,m=u.unsubscribe;n=m,c(t,l)}return b.current=t,function(){null!==n&&n(t,l)}},[e,C,v,r,s,d]),{ref:y,entry:f}},ml=[0,1],vl={target:null,time:null,isVisible:!1,isIntersecting:!1,intersectionRatio:0,intersectionRect:null,boundingClientRect:null,rootBounds:null},gl={target:null,contentRect:null,contentBoxSize:null,borderBoxSize:null},pl=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).disabled;return dl("undefined"!=typeof window?ResizeObserver:null,{disabled:void 0!==e&&e},gl)},fl=function(){var e=pl.apply(void 0,arguments),t=e.entry,l=(0,r.A)(e,sl),n=t||{},a=n.contentRect,o=void 0===a?null:a,u=n.borderBoxSize,s=void 0===u?null:u,c=o||{},d=c.width,m=void 0===d?0:d,v=c.height,g=void 0===v?0:v,p=C()(s)?s[0]||{}:s||{},f=p.blockSize,h=void 0===f?null:f,y=p.inlineSize,b=void 0===y?null:y;return(0,i.A)((0,i.A)({},l),{},{entry:t,width:b||m,height:h||g})},hl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.rootMargin,l=e.persist,a=void 0!==l&&l,i=e.disabled,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.root,l=void 0===t?null:t,n=e.rootMargin,a=void 0===n?"0px":n,i=e.threshold,o=void 0===i?ml:i,r=e.disabled;return dl("undefined"!=typeof window?IntersectionObserver:null,{root:l,rootMargin:a,threshold:o,disabled:void 0!==r&&r},vl)}({rootMargin:t,disabled:void 0!==i&&i}),r=o.ref,u=o.entry.isIntersecting,s=(0,n.useRef)(u);return u&&!s.current&&(s.current=u),{ref:r,visible:!a&&u||a&&s.current}},yl={loading:[],active:[]};function bl(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).attributeName,l=void 0===t?"data-ts-offset":t,a=function(){return null!==e&&e.hasAttribute(l)?parseFloat(e.getAttribute(l)):0},i=(0,n.useState)(a()),o=(0,T.A)(i,2),r=o[0],u=o[1],s=(0,n.useRef)(null);return(0,n.useEffect)(function(){return null!==e&&(s.current=new MutationObserver(function(e){e.forEach(function(e){"attributes"===e.type&&u(a())})}),s.current.observe(e,{attributes:!0,attributeFilter:[l]})),function(){null!==s.current&&s.current.disconnect()}},[e]),r}function Cl(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.id,a=void 0===l?null:l,i=t.disabled,o=void 0!==i&&i,r=t.updateInterval,u=void 0===r?1e3:r,s=t.onUpdate,c=void 0===s?null:s,d=(0,n.useState)(0),m=(0,T.A)(d,2),v=m[0],g=m[1],p=(0,n.useRef)(v),f=bl(e),h=a||e,y=(0,n.useRef)(h),b=y.current!==h,C=(0,n.useRef)(o),w=C.current!==o;return(b||w)&&(p.current=null!==e?Math.max((e.currentTime||0)-f,0):0,y.current=h,C.current=o),(0,n.useEffect)(function(){if(null===e)return function(){};function t(){var t=Math.max((e.currentTime||0)-f,0);return t!==p.current&&(p.current=t,g(t),null!==c&&c(t)),t}if(o)return t(),function(){};var l=null;return function n(){var a=e.duration,i=void 0===a?0:a,o=t(),r=Math.floor(1e3*((i||0)-o));l=setTimeout(n,Math.max(Math.min(u,r),u))}(),function(){null!==e&&(p.current=e.currentTime-f),null!==l&&clearInterval(l)}},[a,e,g,o,u]),p.current}function wl(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).id,l=void 0===t?null:t,a=(0,n.useState)(null!==e&&e.duration||0),i=(0,T.A)(a,2),o=i[0],r=i[1],u=bl(e),s=(0,n.useRef)(o),c=l||e,d=(0,n.useRef)(c);return d.current!==c&&(s.current=null!==e?Math.max((e.duration||0)-u,0):0,d.current=c),(0,n.useEffect)(function(){if(null===e)return s.current=0,r(0),function(){};function t(){var t=Math.max((e.duration||0)-u,0);t!==s.current&&(s.current=t,r(t))}return t(),e.addEventListener("canplay",t),e.addEventListener("loadedmetadata",t),e.addEventListener("durationchange",t),function(){e.removeEventListener("canplay",t),e.removeEventListener("loadedmetadata",t),e.removeEventListener("durationchange",t)}},[e,l,r]),s.current}var El=["disabled"];function Al(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).id,l=void 0===t?null:t,a=(0,n.useState)(null!==e&&e.readyState>0),i=(0,T.A)(a,2),o=i[0],r=i[1],u=(0,n.useRef)(o),s=(0,n.useRef)(l);return s.current!==l&&(u.current=!1,s.current=l),(0,n.useEffect)(function(){if(null===e)return function(){};function t(){var t=o;return e.readyState>0&&!o?(r(!0),t=!0):o&&0===e.readyState&&(r(!1),t=!1),u.current=t,t}var l=t();return l||(e.addEventListener("loadedmetadata",t),e.addEventListener("canplay",t),e.addEventListener("canplaythrough",t)),function(){l||(e.removeEventListener("loadedmetadata",t),e.removeEventListener("canplay",t),e.removeEventListener("canplaythrough",t))}},[e,l]),u.current}function kl(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return(0,n.useMemo)(function(){if(E()(t))return t;var l=e||{},n=l.thumbnail_url,a=void 0===n?null:n,i=l.files,o=void 0===i?null:i,r=l.metadata,u=(void 0===r?null:r)||{},s=u.width,c=u.height,d=Pe(o)||[],m=(null!==t&&d.find(function(e){return e.handle===t})||{}).url,v=void 0===m?null:m;return null!==v||null!==a?{url:v||a,metadata:{width:s,height:c}}:null},[e,t])}function xl(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.disabled,l=void 0!==t&&t,a=e.currentTime,i=e.duration,o=e.onStep,r=void 0===o?null:o,u=e.steps,s=void 0===u?[.1,.25,.5,.75,.9]:u,c=(0,n.useRef)({});(0,n.useEffect)(function(){if(0!==i&&!l){var e=a/i,t=c.current;s.filter(function(l){return e>l&&void 0===t[l]}).forEach(function(e){null!==r&&r(e,{duration:i,currentTime:a}),t[e]=!0})}},[i,a,l])}var Sl=["width","height"],Ml=function(){var e=(0,n.useState)(1),t=(0,T.A)(e,2),l=t[0],a=t[1];return(0,n.useEffect)(function(){a("undefined"!=typeof window&&window.devicePixelRatio||1)},[a]),l},Nl=function(e){var t=e.width,l=void 0===t?null:t,a=e.height,i=void 0===a?null:a,r=e.landscape,u=void 0!==r&&r,s=e.menuOverScreen,c=void 0!==s&&s,d=e.screens,m=void 0===d?[]:d,v=e.mediaType,g=void 0===v?"screen":v,p=e.media,f=void 0===p?null:p,h=e.scale,y=void 0===h?null:h,b=Ml();return(0,n.useMemo)(function(){var e=null!==f?f:{type:g,width:"".concat(l,"px"),height:"".concat(i,"px")},t=(0,o.A)(m).reverse().filter(function(t){var l=t.mediaQuery,n=void 0===l?null:l;return null===n||(0,al.Y)(n,e)});return{screen:t.length>0?t[0].name:null,screens:(0,o.A)(t).reverse().map(function(e){return e.name}),width:l,height:i,landscape:u,menuOverScreen:c,resolution:null!==y?y*b:b,imageResolution:null!==y?Math.max(y,b):b}},[m,f,g,l,i,u,c])};var Rl=function(e,t){var l=(e||{}).data,n=(void 0===l?null:l)||{},a=n.id,i=void 0===a?null:a,o=n.type,r=t||{},u=r.screenId,s=void 0===u?null:u,c=r.screenType;return{screenId:null!==i?i:s,screenType:null!==o?o:void 0===c?null:c}},zl=function(e){return void 0!==e},Tl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=Bt();if(!zl(t))return function(){};var l=Nt();return"view"!==l.renderContext?function(){}:(0,n.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,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;null!==e&&null!==n&&t.trackEvent("screen_".concat(e),n,a,(0,i.A)((0,i.A)({},o),Rl(l,o)))},[l])},Ll=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=Bt();if(!zl(t))return function(){};var l=Nt();return"view"!==l.renderContext?function(){}:(0,n.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,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;null!==e&&null!==n&&null!==a&&t.trackMedia("screen_".concat(e),n,a,(0,i.A)((0,i.A)({},o),Rl(l,o)))},[l])},Pl=function(){var e=Bt();return zl(e)?(0,n.useCallback)(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,l=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]:null;null!==t&&null!==l&&e.trackEvent(t,l,n,a)},[]):function(){}},Il=(Ee("undefined"!=typeof window?new O(window):null),l(6220)),Bl=l(8048),Ol=function(){return(0,y.A)(function e(){(0,h.A)(this,e),this.locales=[]},[{key:"addLocale",value:function(e,t){var l=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=this.getLocale(e);this.locales=[].concat((0,o.A)(null!==n?this.locales.filter(function(t){return t.locale!==e}):this.locales),[{locale:e,messages:null===n||l?t:(0,i.A)((0,i.A)({},n.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}}])}(),Vl=new Ol,Dl=["en","fr"],jl=n.createContext(Dl);function Fl(e){var t=e.intlManager,l=void 0===t?Vl:t,a=e.locale,o=void 0===a?null:a,r=e.locales,u=void 0===r?null:r,s=e.children,c=void 0===s?null:s,d=e.extraMessages,m=void 0===d?null:d,v=(0,n.useContext)(jl),g=(0,n.useContext)(Il.ob)||{},p=g.locale,f=void 0===p?null:p,h=g.messages,y=void 0===h?null:h,b=(0,n.useMemo)(function(){var e=l.getMessages(o);return(0,i.A)((0,i.A)((0,i.A)({},e),m),f===o?y:null)},[o,f,y,m]),C=(0,n.useCallback)(function(e){"MISSING_TRANSLATION"!==e.code&&console.error(e)},[]);return n.createElement(Bl.A,{locale:o,messages:b,onError:C},n.createElement(jl.Provider,{value:u||v},c))}var Hl=l(2348),Zl=l(95),Wl=l(2005),ql=(l(7331),l(6123),l(3285)),_l=(l(3144),l(9208)),Gl=l(7784),Yl=l(7614),Ul=l(3106),Ql=l(2240),Xl=l(7014),Jl=l(951),Kl=l(3953),$l=l(4724),en=l(4089),tn=l(3568),ln=l(33),nn=l(8524),an=l(4609),on=l(7558);function rn(e){var t,l=e.children,a=(e.isHtml,e.values),i=void 0===a?{}:a,o=Zl.A;return t=l,E()(t)&&void 0!==t.defaultMessage?n.createElement(o,Object.assign({values:i},l)):l}var un={container:"micromag-core-buttons-button-container",icon:"micromag-core-buttons-button-icon",label:"micromag-core-buttons-button-label",withoutStyle:"micromag-core-buttons-button-withoutStyle",asLink:"micromag-core-buttons-button-asLink",withIcon:"micromag-core-buttons-button-withIcon",right:"micromag-core-buttons-button-right",withIconColumns:"micromag-core-buttons-button-withIconColumns",linkDisabled:"micromag-core-buttons-button-linkDisabled"},sn=["type","theme","size","href","external","direct","target","label","children","focusable","active","icon","iconPosition","disabled","loading","disableOnLoading","small","big","withShadow","withoutStyle","withoutBootstrapStyles","withoutTheme","asLink","outline","onClick","className","iconClassName","labelClassName","refButton"];function cn(e){var t,l=e.type,a=void 0===l?"button":l,i=e.theme,o=void 0===i?null:i,u=e.size,s=void 0===u?null:u,c=e.href,d=void 0===c?null:c,m=e.external,g=void 0!==m&&m,p=e.direct,h=void 0!==p&&p,y=e.target,b=void 0===y?"_blank":y,C=e.label,w=void 0===C?null:C,E=e.children,A=void 0===E?null:E,k=e.focusable,x=void 0===k||k,S=e.active,M=void 0!==S&&S,N=e.icon,R=void 0===N?null:N,z=e.iconPosition,T=void 0===z?"inline":z,L=e.disabled,P=void 0!==L&&L,I=e.loading,B=void 0!==I&&I,O=e.disableOnLoading,V=void 0===O||O,D=e.small,j=void 0!==D&&D,F=e.big,H=void 0!==F&&F,Z=e.withShadow,W=void 0!==Z&&Z,q=e.withoutStyle,_=void 0!==q&&q,G=e.withoutBootstrapStyles,Y=void 0!==G&&G,U=e.withoutTheme,Q=void 0!==U&&U,X=e.asLink,J=void 0!==X&&X,K=e.outline,$=void 0!==K&&K,ee=e.onClick,te=void 0===ee?null:ee,le=e.className,ne=void 0===le?null:le,ae=e.iconClassName,ie=void 0===ae?null:ae,oe=e.labelClassName,re=void 0===oe?null:oe,ue=e.refButton,se=void 0===ue?null:ue,ce=(0,r.A)(e,sn),de=w||A,me=null!==de?n.createElement(rn,null,de):null,ve=null!==w&&null!==A,ge=null!==R,pe=ge&&("inline"===T||null===me),fe=ge&&!pe,he=n.createElement(n.Fragment,null,pe?n.createElement(n.Fragment,null,n.createElement("span",{className:Jt()([un.icon,(0,f.A)({},ie,null!==ie)])},R),null!==me?n.createElement("span",{className:Jt()([un.label,(0,f.A)({},re,null!==re)])},me):null):null,fe?n.createElement(n.Fragment,null,n.createElement("span",{className:Jt()([un.left,(0,f.A)({},ie,null!==ie&&"left"===T)])},"left"===T?R:null),n.createElement("span",{className:Jt()([un.center,(0,f.A)({},re,null!==re)])},me),n.createElement("span",{className:Jt()([un.right,(0,f.A)({},ie,null!==ie&&"right"===T)])},"right"===T?R:null),ve?A:null):null,ge?null:me,ve?A:null),ye=!Q&&!_&&!J,be=Jt()([Y?null:(0,f.A)((0,f.A)((0,f.A)({btn:ye},"btn-".concat($?"outline-":"").concat(o),ye&&null!==o),"btn-".concat(s),ye&&null!==s),"active",!_&&M),un.container,(t={},(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)(t,un.withoutStyle,_),un.withIcon,ge),un.withIconColumns,fe),un.withText,null!==me),un.withShadow,W),un.isSmall,j),un.isBig,H),un.isLink,null!==d),un.asLink,J),un.isDisabled,P),(0,f.A)((0,f.A)(t,un.isLoading,B),ne,null!==ne))]);if(null!==d){var Ce=Jt()([be,(0,f.A)({disabled:P},un.linkDisabled,P)]);return g||h?n.createElement("a",Object.assign({},ce,{href:P?null:d,className:Ce,onClick:te,target:g?b:null,ref:se,tabIndex:x?"":"-1"}),he):n.createElement(v.N_,{href:d,className:Ce,onClick:te,ref:se,tabIndex:x?"":"-1"},he)}return n.createElement("button",Object.assign({},ce,{type:a,className:be,onClick:te,disabled:P||V&&B,ref:se,tabIndex:x?"0":"-1"}),he)}function dn(e){var t=e.animated,l=void 0===t||t,a=e.color,i=void 0===a?"currentColor":a,o=e.strokeWidth,r=void 0===o?3:o,u=e.className,s=void 0===u?null:u;return n.createElement("svg",{className:Jt()(["micromag-core-partials-spinner-container",(0,f.A)((0,f.A)({},"micromag-core-partials-spinner-animated",l),s,null!==s)]),width:"40",height:"40",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},n.createElement("circle",{className:"micromag-core-partials-spinner-path",cx:"20",cy:"20",r:"12",fill:"none",stroke:i,strokeWidth:r}))}function mn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{width:"20",height:"14",viewBox:"0 0 20 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.353 0.371014L19.319 6.33704C19.6851 6.70314 19.6851 7.29671 19.319 7.66282L13.353 13.6288C12.9869 13.9949 12.3933 13.9949 12.0272 13.6288C11.6611 13.2627 11.6611 12.6692 12.0272 12.3031L16.3929 7.9374H0V6.06246H16.3929L12.0272 1.6968C11.6611 1.33069 11.6611 0.737119 12.0272 0.371014C12.3933 0.0049094 12.9869 0.0049094 13.353 0.371014Z",fill:l}))}function vn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},n.createElement("path",{d:"M1 1L21 21",stroke:l,strokeWidth:"1.5",strokeLinecap:"round"}),n.createElement("path",{d:"M1 21L21 0.999998",stroke:l,strokeWidth:"1.5",strokeLinecap:"round"}))}function gn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{width:"16",height:"14",viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},n.createElement("path",{d:"M11.2 0H16V4.66667H14.4V1.55556H11.2V0ZM0 0H4.8V1.55556H1.6V4.66667H0V0ZM14.4 12.4444V9.33333H16V14H11.2V12.4444H14.4ZM1.6 12.4444H4.8V14H0V9.33333H1.6V12.4444Z",fill:l}))}function pn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},n.createElement("path",{d:"M7.09929 8.77987H1C0.447715 8.77987 0 9.22758 0 9.77987V15.7799C0 16.3322 0.447715 16.7799 1 16.7799H7.1076C7.35984 16.7799 7.60276 16.8752 7.78768 17.0467L14.3199 23.1062C14.9599 23.6999 16 23.246 16 22.3731V3.00199C16 2.12221 14.9458 1.67117 14.3095 2.2787L7.78983 8.50316C7.6038 8.68077 7.35649 8.77987 7.09929 8.77987Z",fill:l}),n.createElement("path",{d:"M18 18.6875C21.3137 18.6875 24 16.0012 24 12.6875C24 9.37379 21.3137 6.6875 18 6.6875",stroke:l}),n.createElement("path",{d:"M18 15.6875C19.6569 15.6875 21 14.3444 21 12.6875C21 11.0306 19.6569 9.6875 18 9.6875",stroke:l}))}function fn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{className:i,width:"14",height:"18",viewBox:"0 0 14 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("rect",{width:"6",height:"18",rx:"2",fill:l}),n.createElement("rect",{x:"8",width:"6",height:"18",rx:"2",fill:l}))}function hn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{width:"40",height:"45.1",viewBox:"0 0 40 45.1",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},n.createElement("path",{d:"M38.2,25.7L5.5,44.6C3,46,0,44.2,0,41.4L0,3.6c0-2.8,3-4.5,5.5-3.1l32.7,18.9C40.6,20.8,40.6,24.3,38.2,25.7z",fill:l,stroke:l}))}function yn(e){var t=e.color,l=void 0===t?"#fff":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{width:"26",height:"26",viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},n.createElement("path",{d:"M7.09929 8.77987H1C0.447715 8.77987 0 9.22758 0 9.77987V15.7799C0 16.3322 0.447715 16.7799 1 16.7799H7.1076C7.35984 16.7799 7.60276 16.8752 7.78768 17.0467L14.3199 23.1062C14.9599 23.6999 16 23.246 16 22.3731V3.00199C16 2.12221 14.9458 1.67117 14.3095 2.2787L7.78983 8.50316C7.6038 8.68077 7.35649 8.77987 7.09929 8.77987Z",fill:l}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.8536 13.3946L23 15.5411L23.7071 14.834L21.5607 12.6875L23.7071 10.5411L23 9.83398L20.8536 11.9804L18.7071 9.83398L18 10.5411L20.1464 12.6875L18 14.834L18.7071 15.5411L20.8536 13.3946Z",fill:l}))}(0,ue.YK)({previous:{id:"menus.pagination.previous",defaultMessage:[{type:0,value:"Previous"}]},next:{id:"menus.pagination.next",defaultMessage:[{type:0,value:"next"}]}});"WithModals(".concat(Me(function(e){var t=e.modals,l=e.setModalsContainer,a=e.className,i=void 0===a?null:a,o=(0,n.useRef)(null);return(0,n.useEffect)(function(){l(o.current)},[]),n.createElement("div",{className:Jt()(["micromag-core-modals-container",(0,f.A)({},i,i)])},n.createElement("div",{className:Jt()(["micromag-core-modals-modals",(0,f.A)({},"micromag-core-modals-hasModals",t.length>0)]),ref:o}))}),")");var bn={container:"micromag-core-panels-container"};function Cn(e){var t=e.stroke,l=void 0===t?"currentColor":t,a=e.border,i=void 0===a?"rgba(0,0,0,0.67)":a,o=e.fill,r=void 0===o?"#fff":o,u=e.className,s=void 0===u?null:u;return n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42.9",height:"42.9",viewBox:"0 0 42.9 42.9",className:s},n.createElement("g",{transform:"translate(-352.531 -47.531)"},i?n.createElement("path",{fill:i,d:"M374,47.5c11.9,0,21.5,9.6,21.5,21.5s-9.6,21.5-21.5,21.5s-21.5-9.6-21.5-21.5c0,0,0,0,0,0 C352.5,57.1,362.1,47.5,374,47.5z"}):null,n.createElement("path",{fill:r,d:"M374,50c10.5,0,19,8.5,19,19s-8.5,19-19,19s-19-8.5-19-19S363.5,50,374,50z"}),n.createElement("g",{transform:"translate(366.893 61.893)"},n.createElement("g",{transform:"translate(0 0)"},n.createElement("path",{fill:r,stroke:l,strokeWidth:"2",strokeLinecap:"round",d:"M14.2,0.3L0,13.9"}),n.createElement("path",{fill:r,stroke:l,strokeWidth:"2",strokeLinecap:"round",d:"M0.3,0l13.7,14.2"})))))}!function(e){"WithPanels(".concat(Me(e),")")}(function(e){var t=e.panels,l=void 0===t?[]:t,a=e.setPanelsContainer,i=void 0===a?null:a,o=e.className,r=void 0===o?null:o,u=(0,n.useRef)(null);return(0,n.useEffect)(function(){i(u.current)},[]),n.createElement("div",{className:Jt()([bn.container,(0,f.A)({},r,r)])},n.createElement("div",{className:Jt()([bn.panels,(0,f.A)({},bn.hasPanels,l.length>0)]),ref:u}))});function wn(e){var t=e.width,l=void 0===t?"100%":t,a=e.height,i=void 0===a?"3em":a,o=e.outline,r=void 0!==o&&o,u=e.className,s=void 0===u?null:u,c=e.boxClassName,d=void 0===c?null:c,m=e.withInvertedColors,v=void 0===m||m,g=e.children,p=void 0===g?null:g;return n.createElement("div",{className:Jt()(["micromag-core-partials-placeholder-block-container",(0,f.A)((0,f.A)((0,f.A)({},s,null!==s),"micromag-core-partials-placeholder-block-outline",r),"micromag-core-partials-placeholder-block-withInvertedColors",v)])},n.createElement("div",{className:Jt()(["micromag-core-partials-placeholder-block-box",(0,f.A)({},d,null!==d)]),style:{width:l,height:i}},p))}var En={container:"micromag-core-partials-empty-container",middle:"micromag-core-partials-empty-middle",withoutBorder:"micromag-core-partials-empty-withoutBorder"};function An(e){var t=e.children,l=void 0===t?null:t,a=e.withoutBorder,i=void 0!==a&&a,o=e.light,r=void 0!==o&&o,u=e.className,s=void 0===u?null:u;return n.createElement("div",{className:Jt()([En.container,(0,f.A)((0,f.A)((0,f.A)({},En.withoutBorder,i),En.light,r),s,s)])},n.createElement("div",{className:En.middle},n.createElement(rn,null,l)))}var kn=function(e,t){var l=(e||{}).files,n=void 0===l?{}:l,a=(n||{}).original,i=void 0===a?null:a,r=i||{},u=r.name,s=void 0===u?null:u,c=r.mime,d=void 0===c?null:c;return t.reduce(function(e,t){var l=E()(t)?t.format:t,a=E()(t)?t.name:t,r=n["webfonts.".concat(a)]||n[a]||null;if(null!==r)return[].concat((0,o.A)(e),['url("'.concat(r.url,'?") format("').concat(l,'")')]);var u=new RegExp(".".concat(a,"$"),"i"),c=new RegExp("".concat(l),"i");return null!==s&&null!==s.match(u)||null!==d&&null!==d.match(c)?[].concat((0,o.A)(e),['url("'.concat(i.url,'?") format("').concat(l,'")')]):e},[])};function xn(e){var t=e.fonts,l=void 0===t?[]:t,a=e.formats,o=void 0===a?["eot","woff2","woff",{name:"otf",format:"opentype"},{name:"ttf",format:"truetype"},"svg"]:a,r=(l||[]).filter(function(e){return E()(e)&&"custom"===e.type&&null!==(e.media||null)}).reduce(function(e,t){var l=t.name,n=void 0===l?null:l,a=t.media,r=void 0===a?null:a,u=t.variants,s=void 0===u?[]:u;if(null===n)return e;var c=null!==r?kn(r,o):null,d=n.toLowerCase();return(0,i.A)((0,i.A)({},e),{},(0,f.A)({},d,null!==c&&c.length>0?'\n @font-face {\n font-family: "'.concat(n,'";\n src: ').concat(c.join(","),";\n }\n "):null),s.reduce(function(e,t){var l=t.weight,a=t.style,r=t.media,u=void 0===r?null:r;if(null==u)return e;var s=kn(u,o),c="".concat(d,"-").concat(null!==l?l:"normal","-").concat(null!==a?a:"normal");return(0,i.A)((0,i.A)({},e),{},(0,f.A)({},c,null!==s&&s.length>0?'\n @font-face {\n font-family: "'.concat(n,'";\n ').concat(null!==l?"font-weight: ".concat(l,";"):"","\n ").concat(null!==a?"font-style: ".concat(a,";"):"","\n src: ").concat(s.join(","),";\n }\n "):null))},{}))},{});return Object.keys(r).length>0?n.createElement("style",{type:"text/css",dangerouslySetInnerHTML:{__html:Object.keys(r).map(function(e){return r[e]}).filter(function(e){return null!==e}).join("\n")}}):null}function Sn(e){var t=e.title,l=void 0===t?null:t,a=e.url,i=void 0===a?null:a,o=e.metadata,r=void 0===o?null:o,u=e.fullTitle,s=void 0===u?null:u,c=e.suffix,d=void 0===c?"Micromag":c,m=e.children,v=void 0===m?null:m,g=r||{},f=g.canonical,h=void 0===f?null:f,y=g.description,b=void 0===y?null:y,w=g.keywords,E=void 0===w?null:w,A=g.image,k=void 0===A?null:A,x=g.favicon,S=void 0===x?null:x,M=g.rssUrl,N=void 0===M?null:M,R=g.atomUrl,z=void 0===R?null:R,T=g.microformats,L=void 0===T?[]:T,P=g.language,I=void 0===P?null:P,B=null!==l?"".concat(l," | ").concat(d):s,O=k||{},V=O.url,D=void 0===V?null:V,j=O.metadata,F=(void 0===j?{}:j)||{},H=F.width,Z=void 0===H?null:H,W=F.height,q=void 0===W?null:W,_=(S||{}).url,G=void 0===_?null:_;return n.createElement(ql.m,null,n.createElement("title",null,null!==B&&B.length>0?B:"Micromag"),null!==b?n.createElement("meta",{name:"description",content:b}):null,null!==I?n.createElement("meta",{name:"language",content:I}):null,null!==E&&p()(E)?n.createElement("meta",{name:"keywords",content:E}):null,null!==E&&C()(E)?n.createElement("meta",{name:"keywords",content:E.join(",")}):null,null!==h?n.createElement("link",{rel:"canonical",href:h}):null,null!==G?n.createElement("link",{rel:"icon",type:"image/png",href:G}):null,null!==N?n.createElement("link",{rel:"alternate",type:"application/rss+xml",href:N}):null,null!==z?n.createElement("link",{rel:"alternate",type:"application/atom+xml",href:z}):null,null!==D?n.createElement("meta",{property:"og:image",content:D}):null,null!==D?n.createElement("meta",{property:"og:image:url",content:D}):null,null!==Z?n.createElement("meta",{property:"og:image:width",content:Z}):null,null!==q?n.createElement("meta",{property:"og:image:height",content:q}):null,n.createElement("meta",{property:"og:title",content:B}),null!==b?n.createElement("meta",{property:"og:description",content:b}):null,null!==i?n.createElement("meta",{property:"og:url",content:i}):null,n.createElement("meta",{name:"twitter:card",content:null!==D?"summary_large_image":"summary"}),n.createElement("meta",{name:"twitter:title",content:B}),null!==b?n.createElement("meta",{name:"twitter:description",content:b}):null,null!==D?n.createElement("meta",{name:"twitter:image",content:D}):null,(L||[]).map(function(e){return n.createElement("script",{type:"application/ld+json",id:"".concat(e["@type"],"-").concat(e.identifier),key:"microformat-".concat(e["@type"],"-").concat(e.identifier)},JSON.stringify(e))}),v)}var Mn={icon:"micromag-core-placeholders-icon"};function Nn(e){var t=e.lines,l=void 0===t?1:t,a=e.lineMargin,i=void 0===a?1:a,r=e.width,u=void 0===r?"100%":r,s=e.height,c=void 0===s?null:s,d=e.fontSize,m=void 0===d?16:d,v=e.className,g=void 0===v?null:v,p=e.withInvertedColors,h=void 0===p||p,y=null!==c&&de()(c)?"".concat(Math.round(c*m),"px"):c,b=de()(u)?.9*u:"80%";return n.createElement("div",{className:Jt()(["micromag-core-partials-placeholder-text-container",(0,f.A)((0,f.A)({},g,g),"micromag-core-partials-placeholder-text-withInvertedColors",h)])},(0,o.A)(Array(l)).map(function(e,t){return n.createElement("div",{key:"line-".concat(t),className:"micromag-core-partials-placeholder-text-line",style:{width:t%2==0?u:b,height:y,marginTop:i,marginBottom:i}})}))}var Rn=["width","height","className"];function zn(e){var t=e.width,l=e.height,a=e.className,i=(0,r.A)(e,Rn);return n.createElement(wn,Object.assign({},i,{width:t,height:l,className:a}),n.createElement(Wl.gc,{icon:Gl.jb,className:Mn.icon}))}var Tn="micromag-core-placeholders-map-icon";function Ln(e){return n.createElement(wn,Object.assign({},e,{width:"100%",height:"100%",className:Jt()(["micromag-core-placeholders-map-container",(0,f.A)({},e.className,null!==e.className)])}),n.createElement(Wl.gc,{icon:e.withImages?Gl.jb:Ul.Pc,className:Tn}),n.createElement(Wl.gc,{icon:e.withImages?Gl.jb:Ul.Pc,className:Tn}),n.createElement(Wl.gc,{icon:e.withImages?Gl.jb:Ul.Pc,className:Tn}),n.createElement(Wl.gc,{icon:e.withImages?Gl.jb:Ul.Pc,className:Tn}))}function Pn(e){return n.createElement(Nn,Object.assign({},e,{className:Jt()([e.className,Mn.subtitle]),height:.3,lines:1}))}function In(e){var t=e.className,l=void 0===t?null:t,a=e.height,i=void 0===a?.2:a,o=e.lines,r=void 0===o?4:o,u=e.lineMargin,s=void 0===u?2:u;return n.createElement(Nn,Object.assign({},e,{height:i,lines:r,lineMargin:s,className:Jt()([l,Mn.text])}))}function Bn(e){var t=e.height,l=void 0===t?.5:t,a=e.lines,i=void 0===a?2:a,o=e.lineMargin,r=void 0===o?2:o;return n.createElement(Nn,Object.assign({},e,{className:Jt()([e.className,Mn.title]),height:l,lines:i,lineMargin:r}))}function On(e){var t=e.width,l=e.height,a=e.className;return n.createElement(wn,{width:t,height:l,className:a},n.createElement(Wl.gc,{icon:Xl.n2,className:Mn.icon}))}function Vn(e){var t=e.width,l=e.height,a=e.className;return n.createElement(wn,{width:t,height:l,className:Jt()(["micromag-core-placeholders-video-360-container",(0,f.A)({},a,null!==a)]),boxClassName:"micromag-core-placeholders-video-360-box"},n.createElement(Wl.gc,{icon:Xl.n2,className:"micromag-core-placeholders-video-360-icon"}),n.createElement("div",{className:"micromag-core-placeholders-video-360-label"},"360"))}function Dn(e){var t=e.width,l=void 0===t?null:t,a=e.height,i=void 0===a?null:a,o=e.fit,r=void 0===o?null:o,u=e.screenWidth,s=void 0===u?320:u,c=e.screenHeight,d=void 0===c?480:c,m=e.className,v=void 0===m?null:m,g=e.children,p=null!==l||null!==i,h=fl(),y=h.ref,b=h.width,C=void 0===b?0:b,w=h.height,E=void 0===w?0:w,A=(0,n.useMemo)(function(){var e=l||C||null,t=i||E||null;if(null===e&&null===t)return{};var n=s/d,a=p?l||t*n:e,o=p&&i||e/n;if(null===r){var u=a/s;return{width:a,height:o,scale:u,transform:"scale(".concat(u,")")}}var c=(0,an.kL)(s,d,a,o,{cover:"cover"===r}),m=c.width,v=c.height,g=c.scale,f=(a-m)/2,h=(o-v)/2;return{width:a,height:o,scale:g,transform:"scale(".concat(g,") translate(").concat(f,"px, ").concat(h,"px)")}},[s,d,l,i,r,C,E,p]),k=A.width,x=void 0===k?null:k,S=A.height,M=void 0===S?null:S,N=A.scale,R=void 0===N?null:N,z=A.transform,T=void 0===z?null:z,L=Ml(),P=(0,n.useMemo)(function(){return{screen:"mobile",screens:["mobile"],width:s,height:d,resolution:null!==R?R*L:L}},[s,d,R]),I=null!==x&&null!==M;return n.createElement("div",{className:Jt()(["micromag-core-screens-screen-sizer-container",(0,f.A)({},v,null!==v)]),ref:p?null:y},I?n.createElement("div",{className:"micromag-core-screens-screen-sizer-frame",style:{width:x,height:M}},n.createElement("div",{className:"micromag-core-screens-screen-sizer-screen",style:{width:s,height:d,transform:T}},n.createElement(It,{size:P},n.cloneElement(g,{width:s,height:d})))):null)}function jn(e){var t=e.screen,l=e.renderContext,a=void 0===l?null:l,i=e.screenState,o=void 0===i?null:i,r=e.index,u=void 0===r?null:r,s=e.active,c=void 0===s||s,d=e.current,m=void 0!==d&&d,v=e.preload,g=void 0===v||v,h=e.components,y=void 0===h?null:h,b=e.component,C=void 0===b?null:b,w=e.className,E=void 0===w?null:w,A=e.mediaRef,k=void 0===A?null:A,x=(t||{}).type,S=void 0===x?null:x,M=null!==y&&ke(S,y)||null,N=function(e){return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,l=et(arguments.length>2&&void 0!==arguments[2]?arguments[2]:null);return(0,n.useMemo)(function(){return p()(e)?l.getComponent(e)||t:e||t},[l,e,t])}(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,Ke)}(S),R=M||N;return n.createElement(Tt,{data:t,renderContext:a,screenState:o},null!==R?n.createElement("div",{className:Jt()(["micromag-core-screens-screen-container",(0,f.A)({},E,null!==E)])},n.createElement(R,Object.assign({},t,{index:u,active:c,current:m,preload:g,mediaRef:k}))):n.createElement("div",{className:E},C))}var Fn=["screen","screenState","width","height","screenWidth","screenHeight","className","withSize","fit","hidden"];function Hn(e){var t=e.screen,l=e.screenState,a=void 0===l?null:l,i=e.width,o=void 0===i?void 0:i,u=e.height,s=void 0===u?void 0:u,c=e.screenWidth,d=void 0===c?void 0:c,m=e.screenHeight,v=void 0===m?void 0:m,g=e.className,p=void 0===g?null:g,h=e.withSize,y=void 0!==h&&h,b=e.fit,C=e.hidden,w=void 0!==C&&C,E=(0,r.A)(e,Fn),A=n.createElement(jn,Object.assign({screen:t,renderContext:"preview",screenState:a,width:y?void 0:o,height:y?void 0:s,className:Jt()(["micromag-core-screens-preview-screen",(0,f.A)({},p,!y)])},E)),k=w?n.createElement("div",null):A;return y?n.createElement(Dn,{className:p,screenWidth:d,screenHeight:v,width:o,height:s,fit:b},k):k}var Zn={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"},Wn="micromag-core-placeholders-share-options-icon",qn="micromag-core-placeholders-share-options-item",_n=Object.freeze({__proto__:null,AdFrame:function(e){var t=e.width,l=e.height,a=e.className;return n.createElement(wn,{width:t,height:l,className:a},n.createElement(Wl.gc,{icon:_l.HX,className:Mn.icon}))},AdImage:function(e){var t=e.width,l=e.height,a=e.className;return n.createElement(wn,{width:t,height:l,className:a},n.createElement(Wl.gc,{icon:Gl.jb,className:Mn.icon}))},Audio:function(e){var t=e.width,l=void 0===t?"100%":t,a=e.height,i=void 0===a?"2em":a,o=e.className;return n.createElement(wn,{width:l,height:i,className:o},n.createElement(Wl.gc,{icon:Yl.X,className:Mn.icon}))},Button:function(e){var t=e.width,l=void 0===t?"75%":t,a=e.height,i=void 0===a?"0.4em":a,o=e.className;return n.createElement(wn,{outline:!0,width:l,height:i,className:o},n.createElement(Nn,{line:1,height:"0.1em"}))},Conversation:function(){return n.createElement("div",{className:Zn.container},(0,o.A)(Array(4)).map(function(e,t){return n.createElement("div",{key:"message-".concat(t+1),className:Jt()([Zn.message,Zn["placeholderMessage".concat(t)]])})}),n.createElement(Wl.gc,{icon:$l.Be,className:Zn.icon}))},Image:zn,InputText:function(e){var t=e.width,l=void 0===t?"75%":t,a=e.height,i=void 0===a?"0.5em":a,o=e.className;return n.createElement(wn,{outline:!0,width:l,height:i,className:o})},Line:function(e){return n.createElement(Nn,Object.assign({},e,{className:Jt()([e.className,Mn.shortText]),height:.2,lines:1}))},Map:Ln,MapPath:function(e){return n.createElement(wn,Object.assign({},e,{width:"100%",height:"70%",className:Jt()([e.className,Mn.mapPath])}),n.createElement(Wl.gc,{icon:Ql.Bg,size:"lg",className:Mn.icon}))},QuizAnswer:function(e){var t=e.width,l=void 0===t?"75%":t,a=e.height,i=void 0===a?"0.3em":a,o=e.className,r=e.good,u=void 0===r||r;return n.createElement("div",{className:Jt()(["micromag-core-placeholders-quiz-answer-container",(0,f.A)((0,f.A)({},o,null!==o),"micromag-core-placeholders-quiz-answer-good",u)])},n.createElement("div",{className:"micromag-core-placeholders-quiz-answer-answer"},n.createElement(Wl.gc,{className:"micromag-core-placeholders-quiz-answer-answerIcon",icon:u?en.e6:tn.GR})),n.createElement(wn,{outline:!0,width:l,height:i,className:"micromag-core-placeholders-quiz-answer-block"},n.createElement(Nn,{line:1,height:"0.2em"})))},Quote:function(e){return n.createElement(Nn,Object.assign({},e,{className:Jt()([e.className,Mn.subtitle]),height:.5,lines:6}))},ShareOptions:function(e){return n.createElement(wn,Object.assign({},e,{width:"100%",height:"100%",className:Jt()(["micromag-core-placeholders-share-options-container",(0,f.A)({},e.className,null!==e.className)]),boxClassName:"micromag-core-placeholders-share-options-box"}),n.createElement("div",{className:qn},n.createElement(Wl.gc,{icon:ln.GE,className:Wn})),n.createElement("div",{className:qn},n.createElement(Wl.gc,{icon:ln.GE,className:Wn})),n.createElement("div",{className:qn},n.createElement(Wl.gc,{icon:ln.GE,className:Wn})))},ShortText:function(e){return n.createElement(Nn,Object.assign({},e,{className:Jt()([e.className,Mn.shortText]),height:.2,lines:2}))},Subtitle:Pn,SurveyAnswer:function(e){var t=e.width,l=void 0===t?"75%":t,a=e.height,i=void 0===a?"0.3em":a,o=e.className;return n.createElement("div",{className:Jt()(["micromag-core-placeholders-survey-answer-container",(0,f.A)({},o,null!==o)])},n.createElement(wn,{outline:!0,width:l,height:i,className:"micromag-core-placeholders-survey-answer-block"},n.createElement(Nn,{line:1,height:"0.2em"})),n.createElement("div",{className:"micromag-core-placeholders-survey-answer-percent"},n.createElement(Wl.gc,{className:"micromag-core-placeholders-survey-answer-percentIcon",icon:nn.Bi})))},Text:In,Timeline:function(e){return n.createElement(Nn,Object.assign({},e,{className:Jt()([e.className,Mn.timeline])}))},Title:Bn,Video:On,Video360:Vn,VideoLoop:function(e){var t=e.width,l=e.height,a=e.className;return n.createElement(wn,{width:t,height:l,className:a},n.createElement(Wl.gc,{icon:Jl.ij,className:Mn.icon}),n.createElement(Wl.gc,{icon:Kl.ye,className:Mn.icon}))}});function Gn(e){var t=e.children,l=void 0===t?null:t,a=e.placeholder,i=void 0===a?null:a,o=e.empty,r=void 0===o?null:o,u=e.emptyLabel,s=void 0===u?null:u,c=e.preview,d=void 0===c?null:c,m=e.isEmpty,v=void 0!==m&&m,g=e.placeholderProps,f=void 0===g?null:g,h=e.emptyClassName,y=void 0===h?null:h,b=Rt(),C=b.isPlaceholder,w=b.isEdit,E=b.isPreview;if(C){var A=p()(i)?ke(i,_n):null;return null!==A?n.createElement(A,f):i}return w&&v?null!==r?r:n.createElement(An,{className:y},s):E&&null!==d?d:l}function Yn(e){var t=e.fullscreen,l=void 0!==t&&t,a=e.from,o=void 0===a?null:a,r=e.to,u=void 0===r?null:r,s=e.playing,c=void 0!==s&&s,d=e.direction,m=void 0===d?null:d,v=e.delay,g=void 0===v?0:v,p=e.reversible,h=void 0===p||p,y=e.duration,b=void 0===y?void 0:y,C=e.easing,w=void 0===C?void 0:C,E=e.config,A=void 0===E?null:E,k=e.children,x=void 0===k?null:k,S=e.className,M=void 0===S?null:S,N=e.onStart,R=void 0===N?null:N,z=e.onComplete,L=void 0===z?null:z,P=(0,Ut.zh)(function(){return{}}),I=(0,T.A)(P,2),B=I[0],O=I[1];return(0,n.useEffect)(function(){var e=!c&&"in"===m||c&&"out"===m,t=e||c,l=h&&c&&!e,n=null!==b?b:void 0,a=g>0&&c&&"out"!==m,i=null!==w&&on.$W[w]?on.$W[w]||null:A,r={from:t?o:u,to:t?u:o,immediate:e,delay:a?g:null,reset:l,onStart:R,onRest:L,config:null!==i?i:{duration:e?0:n}};(t||h)&&O.start(r)},[c,m,g,b,h,w,A,o,u,O,R,L]),n.createElement(on.CS.div,{style:(0,i.A)({},B),className:Jt()(["micromag-core-transitions-transition-container",(0,f.A)((0,f.A)({},M,null!==M),"micromag-core-transitions-transition-fullscreen",l)])},x)}var Un={Fade:function(e){var t=(0,n.useMemo)(function(){return{opacity:0}},[]),l=(0,n.useMemo)(function(){return{opacity:1}},[]);return n.createElement(Yn,Object.assign({},e,{from:t,to:l}))},Scale:function(e){var t=(0,n.useMemo)(function(){return{transform:"scale(0)"}},[]),l=(0,n.useMemo)(function(){return{transform:"scale(1)"}},[]);return n.createElement(Yn,Object.assign({},e,{from:t,to:l}))}};function Qn(e){var t=e.fullscreen,l=void 0!==t&&t,a=e.playing,o=void 0!==a&&a,r=e.delay,u=void 0===r?0:r,s=e.transitions,c=void 0===s?null:s,d=e.onComplete,m=void 0===d?null:d,v=e.disabled,g=void 0!==v&&v,p=e.children,f=void 0===p?null:p,h=Pt().landscape,y=o||void 0===h||h,b={in:null,out:null},C=null!==c?c:{in:"fade",out:"fade"};Object.keys(C).forEach(function(e){var t=C[e];b[e]="string"==typeof t?{name:t}:t});var w=b.in,E=void 0===w?null:w,A=b.out,k=void 0===A?null:A,x=null!==E?E:k,S=null!==k?k:E,M=(x||{}).name,N=void 0===M?null:M,R=(S||{}).name,z=void 0===R?null:R,T=N===z,L=null!==x?ke(N,Un,null):null,P=null===S||T?null:ke(z,Un,null),I=null!==x?(0,i.A)((0,i.A)({},x),{},{name:void 0,delay:u,onComplete:m}):null,B=null!==S?(0,i.A)((0,i.A)({},S),{},{name:void 0,delay:u,onComplete:m}):null,O=null===P||g?f:n.createElement(P,Object.assign({fullscreen:l,playing:y,direction:"out"},B),f);return null===L||g?O:n.createElement(L,Object.assign({fullscreen:l,playing:y,direction:T?null:"in"},I),O)}function Xn(e){var t=e.selector,l=void 0===t?null:t,a=e.highlightSelector,i=void 0===a?"mark":a,o=e.style,r=void 0===o?null:o;return null!==r?n.createElement("style",{type:"text/css",dangerouslySetInnerHTML:{__html:"".concat([l,i].filter(function(e){return null!==e}).join(" "),"{").concat(pe(r),"}")}}):null}function Jn(e){var t=e.selector,l=void 0===t?null:t,a=e.linkSelector,i=void 0===a?"a":a,o=e.style,r=void 0===o?null:o;return null!==r?n.createElement("style",{type:"text/css",dangerouslySetInnerHTML:{__html:"".concat([l,i].filter(function(e){return null!==e}).join(" "),"{").concat(pe(r),"}")}}):null}var Kn="micromag-element-link-container";function $n(e){var t=e.url,l=void 0===t?null:t,a=e.target,o=void 0===a?null:a,r=e.rel,u=void 0===r?null:r,s=e.external,c=void 0===s||s,d=e.margin,m=void 0===d?null:d,v=e.className,g=void 0===v?null:v,p=e.children,h=void 0===p?null:p,y=e.focusable,b=void 0===y||y,C=null;null!==m&&(C=(0,i.A)((0,i.A)({},C),He(m)));var w=(0,n.useId)(),E=null!==C?"link-component-".concat(w):null,A=c?{target:"_blank",rel:"noopener noreferer"}:{target:o,rel:u},k=A.target,x=A.rel;return l?n.createElement("a",{id:E,className:Xt([Kn,(0,f.A)({},g,null!==g)]),style:C,href:l,target:k,rel:x,tabIndex:b?"0":"-1"},h):n.createElement("div",{id:E,className:Xt([Kn,(0,f.A)({},g,null!==g)]),style:C},h)}function ea(e){var t=e.body,l=void 0===t?null:t,a=e.textStyle,o=void 0===a?null:a,r=e.boxStyle,u=void 0===r?null:r,s=e.linksStyle,c=void 0===s?null:s,d=e.margin,m=void 0===d?null:d,v=e.lineClamp,g=void 0===v?null:v,p=e.showEmpty,h=void 0!==p&&p,y=e.className,b=void 0===y?null:y,C=e.emptyClassName,w=void 0===C?null:C,E=e.inline,A=void 0!==E&&E,k=e.refText,x=void 0===k?null:k,S=o||{},M=S.link,N=void 0===M?null:M,R=S.highlight,z=void 0===R?null:R,T={},L=null!==N?je(N):null,P=null!==z?De(z):null;null!==o&&(T=(0,i.A)((0,i.A)({},T),Fe(o))),null!==u&&(T=(0,i.A)((0,i.A)({},T),Ve(u))),null!==g&&(T.WebkitLineClamp=g),null!==m&&(T=(0,i.A)((0,i.A)({},T),He(m))),null!==c&&(L=(0,i.A)((0,i.A)({},L),Fe(c)));var I=null!==L||null!==z,B=(0,n.useId)(),O=I?"text-component-".concat(B):null,V={id:O,className:Xt(["micromag-element-text-container",(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},"micromag-element-text-withLineClamp",null!==g),"micromag-element-text-showEmpty",h),w,h&&null!==w),b,null!==b)]),style:T,dangerouslySetInnerHTML:{__html:l},ref:x},D="".concat(A?"span":"div");return n.createElement(n.Fragment,null,null!==L?n.createElement(Jn,{selector:"#".concat(CSS.escape(O)),style:L}):null,null!==P?n.createElement(Xn,{selector:"#".concat(CSS.escape(O)),style:P}):null,n.createElement(D,V))}var ta={container:"micromag-element-author-avatar-container",shapeCircle:"micromag-element-author-avatar-shapeCircle",shape:"micromag-element-author-avatar-shape"};function la(e){var t=e.image,l=void 0===t?null:t,a=e.width,i=void 0===a?100:a,o=e.height,r=void 0===o?100:o,u=e.resolution,s=void 0===u?1:u,c=e.shape,d=void 0===c?"circle":c,m=e.isTag,v=void 0!==m&&m,g=e.className,p=void 0===g?null:g,h=e.shouldLoad,y=void 0===h||h,b=vt("supportsWebp",!1),C=vt("imageResolution",s),w=Ie(l,i,r,{resolution:C,supportsWebp:b}),E=null!==d?(0,M.fL)(d):null;return n.createElement("span",{className:Xt([ta.container,(0,f.A)((0,f.A)((0,f.A)({},ta["shape".concat(E)],null!==E),ta.isTag,v),p,null!==p)])},n.createElement("span",{className:ta.shape,style:{backgroundImage:y?'url("'.concat(w,'")'):null}}))}var na=["author","withImage","withoutLink","linkUnderlineColor","className","backgroundClassName","collaboratorClassName","shouldLoad"];function aa(e){var t=e.author,l=void 0===t?null:t,a=e.withImage,i=void 0===a||a,o=e.withoutLink,u=void 0!==o&&o,s=e.linkUnderlineColor,c=void 0===s?null:s,d=e.className,m=void 0===d?null:d,v=e.backgroundClassName,g=void 0===v?null:v,p=e.collaboratorClassName,h=void 0===p?null:p,y=e.shouldLoad,b=void 0===y||y,C=(0,r.A)(e,na),w=l||{},E=w.name,A=void 0===E?null:E,k=w.image,x=void 0===k?null:k,S=w.url,M=void 0===S?null:S,N=w.collaborator,R=void 0===N?null:N,z=i&&null!==x,T=Xe(A)?n.createElement(ea,Object.assign({className:Xt(["micromag-element-author-name",(0,f.A)({},g,g)])},A)):null,L=Xe(R)?n.createElement(ea,Object.assign({className:"micromag-element-author-collaboratorText"},R,{inline:!0})):null;return n.createElement("div",Object.assign({className:Xt(["micromag-element-author-container",(0,f.A)({},m,null!==m)])},C),z?n.createElement(la,{className:"micromag-element-author-image",image:x,shouldLoad:b}):null,n.createElement("div",{className:"micromag-element-author-right"},null===M||u?n.createElement("div",null,T):n.createElement($n,{className:"micromag-element-author-link",url:M,external:!0,style:{backgroundImage:null!==c?"linear-gradient(0deg, ".concat(c," 0, ").concat(c,")"):null}},T),null!==L?n.createElement("div",{className:Xt(["micromag-element-author-collaborator",(0,f.A)({},h,h)])},null!==L?L:null):null))}var ia=l(3655),oa="micromag-element-video-media";function ra(e){var t=e.media,l=void 0===t?null:t,a=e.thumbnail,i=void 0===a?null:a,o=e.width,r=void 0===o?null:o,u=e.height,s=void 0===u?null:u,c=e.mediaRef,d=void 0===c?null:c,m=e.muted,v=void 0!==m&&m,g=e.autoPlay,p=void 0!==g&&g,h=e.paused,y=void 0!==h&&h,b=e.loop,C=void 0!==b&&b,w=e.playsInline,E=void 0===w||w,A=e.preload,k=void 0===A?"auto":A,x=e.shouldLoad,S=void 0===x||x,M=e.withoutCors,N=void 0!==M&&M,R=e.className,z=void 0===R?null:R,L=e.innerClassName,P=void 0===L?null:L,I=e.onReady,B=void 0===I?null:I,O=e.onPlay,V=void 0===O?null:O,D=e.onPause,j=void 0===D?null:D,F=e.onEnded,H=void 0===F?null:F,Z=e.onSeeked,W=void 0===Z?null:Z,q=e.onTimeUpdate,_=void 0===q?null:q,G=e.onProgressStep,Y=void 0===G?null:G,U=e.onDurationChange,Q=void 0===U?null:U,X=e.onVolumeChange,J=void 0===X?null:X,K=e.onSuspend,$=void 0===K?null:K,ee=e.onSuspended,te=void 0===ee?null:ee,le=e.onPlayError,ne=void 0===le?null:le,ae=e.focusable,ie=void 0===ae||ae,oe=e.withPoster,re=void 0!==oe&&oe,ue=e.withLoading,se=void 0!==ue&&ue,ce=e.disablePictureInPicture,de=void 0===ce||ce,me=l||{},ve=me.url,ge=void 0===ve?null:ve,pe=me.metadata,fe=(void 0===pe?null:pe)||{},he=fe.description,ye=void 0===he?null:he,be=fe.has_audio,Ce=void 0===be?null:be,we=kl(l,i),Ee=function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).possibleMimes,l=void 0===t?null:t,a=e||{},i=a.files,o=void 0===i?null:i,r=a.metadata,u=((void 0===r?null:r)||{}).mime,s=void 0===u?null:u,c=vt("supportedVideoMimes"),d=l||c||["video/mp4"],m=(0,n.useMemo)(function(){return Pe(o)},[o]),v=(0,n.useState)(d),g=(0,T.A)(v,2),p=g[0],f=g[1];(0,n.useEffect)(function(){var e=qe(d);0===e.length&&(e=["video/mp4"]),f(e)},[d]);var h=(0,n.useMemo)(function(){if(0===m.length)return null;var e=m.filter(function(e){var t=e.handle||e.id,l=e.mime,n=void 0===l?"video/".concat("h264"===t?"mp4":t):l;return-1!==p.indexOf(n)}),t=e.filter(function(e){return"original"!==(e.handle||e.id)});return(t.length>0?t:e).sort(function(e,t){var l=e.size,n=void 0===l?1/0:l,a=t.size,i=void 0===a?1/0:a;return n===i?0:n>i?1:-1})},[m,p]),y=m.find(function(e){return"original"===e.handle})||{},b=y.type,C=void 0===b?null:b,w=y.mime,E=void 0===w?s:w,A="image"===C||null!==E&&0===E.indexOf("image/");return{sources:null!==h&&h.length>0?h:null,files:m,isImage:A}}(l),Ae=Ee.sources,ke=Ee.isImage&&(null===Ae||0===Ae.length),xe=(0,n.useRef)(null),Se=Cl(xe.current,{id:ge,disabled:y||null===Y}),Me=wl(xe.current,{id:ge}),Ne=(0,n.useState)(!1),Re=(0,T.A)(Ne,2),ze=Re[0],Te=Re[1],Le=Al(xe.current,{id:ge});(0,n.useEffect)(function(){var e=null;return Te(!1),ge&&se&&(e=setTimeout(function(){Te(!0)},2e3)),function(){clearTimeout(e)}},[ge,se]);var Ie=null!==r&&null!==s;(0,n.useEffect)(function(){Me>0&&null!==Q&&Q(Me)},[Me,Q]);var Be=(0,n.useCallback)(function(){var e=xe.current,t=void 0===e?null:e;null!==t&&null!==J&&J(t.volume)},[J]),Oe=(0,n.useState)(!1),Ve=(0,T.A)(Oe,2),De=Ve[0],je=Ve[1],Fe=(0,n.useCallback)(function(e){De&&je(!1),null!==V&&V(e)},[De,je,V]),He=(0,n.useCallback)(function(){De&&je(!1)},[De,je]),Ze=(0,n.useCallback)(function(e){!e.currentTarget.paused||y||De||(je(!0),null!==te&&te()),null!==$&&$(e)},[De,y,je,$,te]);(0,n.useEffect)(function(){Le&&null!==B&&B()},[Le,B]);var We=S?k:"none";return(0,n.useEffect)(function(){var e=xe.current,t=void 0===e?null:e;if(null!==t&&null!==ge){var l=t.paused;y&&!l?t.pause():!y&&l&&t.play().catch(function(e){null!==ne&&ne(e)})}},[y,l,ge,ne]),xl({currentTime:Se,duration:Me,disabled:y,onStep:Y}),n.createElement("div",{className:Xt(["micromag-element-video-container",(0,f.A)({},"micromag-element-video-withSize",Ie),z]),style:Ie?{width:r,height:s}:null},ke&&S?n.createElement("img",{src:ge,alt:ye,tabIndex:"-1",className:Xt([oa,P])}):null,ke?null:n.createElement("video",{key:ge,ref:function(e){xe.current=e,null!==d&&ia(d)?d(e):null!==d&&(d.current=e)},src:null===Ae&&S?"".concat(ge,"#t=0.001"):null,autoPlay:p&&!y,loop:C,muted:v,poster:S&&re&&null!==we&&we.url||null,preload:We,playsInline:E,crossOrigin:N?"anonymous":null,disablePictureInPicture:de,tabIndex:ie?"0":"-1",className:Xt([oa,P]),onPlay:Fe,onPlaying:He,onPause:j,onEnded:H,onSeeked:W,onVolumeChange:Be,onTimeUpdate:_,onSuspend:Ze,"data-has-audio":Ce,"data-is-suspended":De,"aria-hidden":!0},(S&&null!==Ae?Ae:[]).map(function(e){var t=e.url,l=e.mime;return n.createElement("source",{key:"source-".concat(t,"-").concat(l),src:null!==t?"".concat(t,"#t=0.001"):null,type:l})})),ke||Le||!ze?null:n.createElement(dn,{className:"micromag-element-video-spinner"}))}var ua=n.forwardRef(function(e,t){return n.createElement(ra,Object.assign({mediaRef:t},e))}),sa={container:"micromag-element-background-container",videoContainer:"micromag-element-background-videoContainer",video:"micromag-element-background-video",layers:"micromag-element-background-layers",layer:"micromag-element-background-layer",right:"micromag-element-background-right",background:"micromag-element-background-background",bottom:"micromag-element-background-bottom"};function ca(e){var t=e.width,l=void 0===t?null:t,a=e.height,o=void 0===a?null:a,r=e.resolution,u=void 0===r?1:r,s=e.fit,c=void 0===s?null:s,d=e.horizontalAlign,m=void 0===d?"center":d,v=e.verticalAlign,g=void 0===v?"center":v,p=e.repeat,h=void 0!==p&&p,y=e.color,b=void 0===y?null:y,C=e.media,w=void 0===C?null:C,E=e.mediaRef,A=void 0===E?null:E,k=e.className,x=void 0===k?null:k,S=e.playing,M=void 0!==S&&S,N=e.muted,R=void 0!==N&&N,z=e.children,T=void 0===z?null:z,L=e.loadingMode,P=void 0===L?"lazy":L,I=e.shouldLoad,B=void 0===I||I,O=e.onPlayError,V=void 0===O?null:O,D=e.withoutVideo,j=void 0!==D&&D,F=e.forceMuted,H=void 0!==F&&F,Z=e.qualityStartLevel,W=void 0===Z?null:Z,q=e.onQualityLevelChange,_=void 0===q?null:q,G=w||{},Y=G.type,U=void 0===Y?null:Y,Q=G.metadata,X=void 0===Q?null:Q,J=G.thumbnail_url,K=X||{},$=K.width,ee=void 0===$?0:$,te=K.height,le=void 0===te?0:te,ne="video"===U,ae="image"===U,ie=B||"lazy"!==P,oe=(0,n.useRef)(ie);ie&&!oe.current&&(oe.current=ie);var re=oe.current,ue=(0,i.A)({width:l,height:o},Oe(b)),se=vt("supportsWebp",!1),ce=vt("imageResolution",u);if(null!==w&&(ae||ne&&(!B||j))){var de=Ie(ne?{url:J}:w,l,o,{resolution:ce,supportsWebp:se});ue.backgroundImage=null!==de&&re?'url("'.concat(de,'")'):null,ue.backgroundRepeat=h&&!ne?"repeat":"no-repeat",ue.backgroundPosition=[m,g].join(" "),null!==c?ue.backgroundSize=c:h&&!ne||(ue.backgroundSize="cover")}var me={};if(ne&&B)if(l>0&&o>0){var ve=(0,an.kL)(ee,le,l,o,{cover:"cover"===c||null===c}),ge=ve.width,pe=void 0===ge?0:ge,fe=ve.height,he=void 0===fe?0:fe;me.width=pe,me.height=he,me.left=-(pe-l)/2,me.top=-(he-o)/2}else me.objectFit="cover";return n.createElement("div",{className:Xt([sa.container,(0,f.A)({},x,null!==x)]),style:ue},ne&&B&&!j?n.createElement("div",{className:sa.videoContainer,style:me},n.createElement(ua,{className:sa.video,media:w,mediaRef:H?null:A,paused:!M,muted:R||H,shouldLoad:B,onPlayError:V,disablePictureInPicture:!0,autoPlay:!0,loop:!0,withPoster:!0,focusable:!1,qualityStartLevel:W,onQualityLevelChange:_})):null,n.createElement("div",{className:sa.content},T))}var da=["horizontalAlign","verticalAlign"];function ma(e){var t=e.width,l=void 0===t?null:t,a=e.height,u=void 0===a?null:a,s=e.resolution,c=void 0===s?1:s,d=e.background,m=void 0===d?[]:d,v=e.playing,g=void 0!==v&&v,p=e.muted,h=void 0!==p&&p,y=e.children,b=void 0===y?null:y,w=e.className,E=void 0===w?null:w,A=e.layerClassName,k=void 0===A?null:A,x=e.backgroundClassName,S=void 0===x?null:x,M=e.loadingMode,N=void 0===M?"lazy":M,R=e.mediaRef,z=void 0===R?null:R,T=e.shouldLoad,L=void 0===T||T,P=e.withoutVideo,I=void 0!==P&&P,B=e.onPlayError,O=void 0===B?null:B,V=e.qualityStartLevel,D=void 0===V?null:V,j=e.onQualityLevelChange,F=void 0===j?null:j,H=l>0&&u>0,Z=(0,n.useMemo)(function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===e?[]:(C()(e)?e:[e]).reduce(function(e,t){var l=t.image,n=void 0===l?null:l,a=t.video,u=void 0===a?null:a,s=t.media,c=void 0===s?null:s,d=t.color,m=void 0===d?null:d,v=(0,r.A)(t,Le);return null===n&&null===u&&null===m?e:[].concat((0,o.A)(e),null!==n&&null!==u?[(0,i.A)({media:n},v),(0,i.A)({media:u,color:m},v)]:[(0,i.A)({media:c||n||u,color:m},v)])},[])}(m)},[m]),W=Z.length;if(0===Z.length)return null;var q=(0,i.A)({},H?{width:l,height:u}:null);return n.createElement("div",{className:Xt([sa.container,(0,f.A)({},E,null!==E)]),style:q},n.createElement("div",{className:sa.layers},Z.map(function(e,t){var a=e.horizontalAlign,i=void 0===a?void 0:a,o=e.verticalAlign,s=void 0===o?void 0:o,d=(0,r.A)(e,da);return n.createElement("div",{key:"background-".concat(t),className:Xt([sa.layer,(0,f.A)((0,f.A)((0,f.A)({},sa.bottom,"bottom"===s),sa.right,"right"===i),k,null!==k)]),style:{zIndex:W-t}},n.createElement(ca,Object.assign({width:l,height:u,resolution:c,className:Xt([sa.background,(0,f.A)({},S,null!==S)]),playing:g,muted:h,horizontalAlign:i,verticalAlign:s,loadingMode:N,shouldLoad:L,mediaRef:z,withoutVideo:I,onPlayError:O,qualityStartLevel:D,onQualityLevelChange:F},d)))})),n.createElement("div",{className:sa.content},b))}function va(e){var t=e.containerRef,l=void 0===t?null:t,a=e.width,o=e.height,r=e.style,u=void 0===r?null:r,s=e.className,c=void 0===s?null:s,d=e.children,m=void 0===d?null:d,v=a>0&&o>0?(0,i.A)({width:a,height:o},u):u;return n.createElement("div",{ref:l,className:Xt(["micromag-element-container-container",(0,f.A)({},c,null!==c)]),style:v},m)}var ga=n.forwardRef(function(e,t){return n.createElement(va,Object.assign({containerRef:t},e))});function pa(e){var t=e.media,l=void 0===t?null:t,a=e.alt,o=void 0===a?null:a,r=e.width,u=void 0===r?null:r,s=e.height,c=void 0===s?null:s,d=e.resolution,m=void 0===d?1:d,v=e.objectFit,g=void 0===v?null:v,p=e.containerStyle,h=void 0===p?{}:p,y=e.imageStyle,b=void 0===y?{}:y,C=e.className,w=void 0===C?null:C,E=e.imageClassName,A=void 0===E?null:E,k=e.onLoaded,x=void 0===k?null:k,S=e.loadingMode,M=void 0===S?"lazy":S,N=e.shouldLoad,R=void 0===N||N,z=e.containerRef,L=void 0===z?null:z,P=(l||{}).metadata,I=(void 0===P?null:P)||{},B=I.width,O=void 0===B?0:B,V=I.height,D=void 0===V?0:V,j=I.description,F=void 0===j?"image":j,H=O/D,Z=(0,n.useState)({width:O,height:D}),W=(0,T.A)(Z,2),q=W[0],_=q.width,G=void 0===_?0:_,Y=q.height,U=void 0===Y?0:Y,Q=W[1],X=vt("supportsWebp",!1),J=vt("imageResolution",m),K=(0,n.useRef)(R);R&&!K.current&&(K.current=R);var $,ee,te=K.current,le=(0,n.useCallback)(function(e){var t=e.target,l=t.naturalWidth,n=void 0===l?0:l,a=t.naturalHeight,i=void 0===a?0:a;n===G&&i===U||Q({width:n||0,height:i||0}),null!==x&&x(e)},[x]),ne=G>0&&U>0;if(null!==g){var ae=0,ie=0,oe=u,re=c,ue=null,se=null,ce=g||{},de=ce.fit,me=void 0===de?null:de,ve=ce.horizontalPosition,ge=void 0===ve?"center":ve,pe=ce.verticalPosition,fe=void 0===pe?"center":pe;if(ne){var he=(0,an.kL)(G,U,u,c,{cover:"cover"===me}),ye=he.width,be=he.height;oe=ye,re=be,"center"===ge?ie=-(ye-u)/2:"right"===ge&&(ie=-(ye-u)),"center"===fe?ae=-(be-c)/2:"bottom"===fe&&(ae=-(be-c))}else ue=me,se="".concat(ge," ").concat(fe);$={width:u,height:c},ee={position:"absolute",width:oe,height:re,top:ae,left:ie,objectFit:ue,objectPosition:se}}else{var Ce=null!==c&&"number"==typeof c,we=null!==u?u:H&&Ce?c*H:null,Ee=null!==c?c:H&&null!==u&&"number"==typeof u?u/H:null;null===we&&null===Ee&&(we=G>0?O:null,Ee=U>0?D:null),$={width:we,height:Ee},ee={width:"100%",height:Ce?"100%":"auto"}}$=(0,i.A)((0,i.A)({},$),h);var Ae=ee=(0,i.A)((0,i.A)({},ee),b),ke=Ae.width,xe=void 0===ke?null:ke,Se=Ae.height,Me=Ie(l,xe,(void 0===Se?null:Se)||xe,{resolution:J,supportsWebp:X});return n.createElement("div",{className:Xt(["micromag-element-image-container",(0,f.A)({},w,null!==w)]),style:$,ref:L},null!==Me&&te?n.createElement("img",{src:Me,alt:o||F,className:Xt(["micromag-element-image-img",(0,f.A)({},A,null!==A)]),style:ee,onLoad:le,loading:M}):null)}var fa=(0,n.forwardRef)(function(e,t){return n.createElement(pa,Object.assign({containerRef:t},e))}),ha="micromag-element-visual-container",ya=["media","mediaRef","width","height","ratio","resolution","objectFit","playing","muted","loadingMode","shouldLoad","videoLoop","videoInitialMuted","onLoaded","className","imageClassName","videoClassName","withoutVideo","qualityStartLevel","onQualityLevelChange"];function ba(e){var t=e.media,l=void 0===t?null:t,a=e.mediaRef,o=void 0===a?null:a,u=e.width,s=void 0===u?null:u,c=e.height,d=void 0===c?null:c,m=e.ratio,v=void 0===m?null:m,g=e.resolution,p=void 0===g?1:g,h=e.objectFit,y=void 0===h?null:h,b=e.playing,C=void 0===b||b,w=e.muted,E=void 0===w||w,A=e.loadingMode,k=void 0===A?null:A,x=e.shouldLoad,S=void 0===x||x,M=e.videoLoop,N=void 0===M||M;e.videoInitialMuted;var R=e.onLoaded,z=void 0===R?null:R,T=e.className,L=void 0===T?null:T,P=e.imageClassName,I=void 0===P?null:P,B=e.videoClassName,O=void 0===B?null:B,V=e.withoutVideo,D=void 0!==V&&V,j=e.qualityStartLevel,F=void 0===j?null:j,H=e.onQualityLevelChange,Z=void 0===H?null:H,W=(0,r.A)(e,ya),q=l||{},_=q.type,G=void 0===_?null:_,Y=q.thumbnail_url,U=void 0===Y?null:Y,Q=q.url,X=void 0===Q?null:Q,J="video"===G,K=(0,n.useMemo)(function(){return(0,i.A)((0,i.A)({},W),{},{media:l})},[W,l]),$="lazy"===k,ee=hl({rootMargin:"200px",persist:!0,disabled:!$}),te=ee.ref,le=ee.visible,ne=(!$||le)&&S,ae=(0,n.useMemo)(function(){var e=S&&!D||!J?K:(0,i.A)((0,i.A)({},K),{},{media:{url:U}});return S&&!D?(0,i.A)((0,i.A)({},K),{},{media:(0,i.A)((0,i.A)({},l),{},{url:X})}):e},[J,K,U,X,S]),ie=null;if("video"===G&&null!==y&&S){var oe=(y||{}).fit,re=void 0===oe?"cover":oe,ue=(l||{}).metadata,se=(void 0===ue?null:ue)||{},ce=se.width,de=void 0===ce?0:ce,me=se.height,ve=void 0===me?0:me,ge=(0,an.kL)(de,ve,s,d,{cover:"cover"===re}),pe=ge.width,fe=ge.height;ie={width:pe,height:fe,left:-(pe-s)/2,top:-(fe-d)/2}}var he=(0,n.useCallback)(function(e){null!==z&&z(e)},[]);return null!==G?n.createElement(n.Fragment,null,"image"===G||!S||D?n.createElement(fa,Object.assign({},ae,{ref:te,loadingMode:"lazy"!==k?"lazy":null,objectFit:y,width:s,height:d,resolution:p,shouldLoad:ne,onLoaded:he,className:Xt([ha,(0,f.A)({},L,null!==L)]),imageClassName:I})):null,"video"===G&&S&&!D?n.createElement("div",{className:Xt([ha,(0,f.A)({},L,null!==L)]),style:{width:s,height:d,aspectRatio:null!==v?"".concat(v):null},ref:te},n.createElement("div",{className:Xt(["micromag-element-visual-videoContainer",(0,f.A)({},O,null!==O)]),style:ie},n.createElement(ua,Object.assign({},K,{innerClassName:"micromag-element-visual-videoTag",mediaRef:o,width:null===y?s:null,height:null===y?d:null,paused:!C,muted:E,loop:N,shouldLoad:ne,onReady:he,autoPlay:!0,qualityStartLevel:F,onQualityLevelChange:Z})),n.createElement("div",{className:"micromag-element-visual-videoTouchOverlay"}))):null):null}var Ca={container:"micromag-element-button-container",rich:"micromag-element-button-rich",layoutLabelBottom:"micromag-element-button-layoutLabelBottom",layoutLabelTop:"micromag-element-button-layoutLabelTop",layoutNoLabel:"micromag-element-button-layoutNoLabel",layoutLabelLeft:"micromag-element-button-layoutLabelLeft",layoutLabelRight:"micromag-element-button-layoutLabelRight",layoutLabelOver:"micromag-element-button-layoutLabelOver",text:"micromag-element-button-text",textFullWidth:"micromag-element-button-textFullWidth",emptyButton:"micromag-element-button-emptyButton",visual:"micromag-element-button-visual",video:"micromag-element-button-video"},wa=["textStyle","buttonStyle","type","disabled","focusable","inline","onClick","children","className","withoutExternalBorder","refButton","style"],Ea=["body"];function Aa(e){var t=e.textStyle,l=void 0===t?null:t,a=e.buttonStyle,o=void 0===a?null:a,u=e.type,s=void 0===u?"button":u,c=e.disabled,d=void 0!==c&&c,m=e.focusable,v=void 0===m||m,g=e.inline,p=void 0!==g&&g,h=e.onClick,y=void 0===h?null:h,b=e.children,C=void 0===b?null:b,w=e.className,E=void 0===w?null:w,A=e.withoutExternalBorder,k=void 0===A||A,x=e.refButton,S=void 0===x?null:x,M=e.style,N=void 0===M?null:M,R=(0,r.A)(e,wa)||{};R.body;var z=(0,r.A)(R,Ea);if(null!==l&&(N=(0,i.A)((0,i.A)({},N),Fe(l))),null!==o&&(N=(0,i.A)((0,i.A)((0,i.A)({},N),Ve(o)),{},{display:k&&p?"inline-block":null})),!k){var T=(N||{}).borderWidth,L=void 0===T?null:T,P=null!==L&&L>0?"-1px":null;N=(0,i.A)((0,i.A)({},N),{},{display:p?"inline-block":null},null!==P?{margin:P}:null)}return n.createElement(cn,Object.assign({className:Xt([Ca.container,(0,f.A)({},E,null!==E)]),disabled:d,style:N,onClick:y,refButton:S,type:s,focusable:v,withoutBootstrapStyles:!0},z),C)}var ka=["label","visual","visualWidth","labelBoxStyle","textStyle","buttonStyle","resolution","shouldLoad","layout","type","disabled","focusable","inline","onClick","className","textClassName","visualClassName","imageClassName","videoClassName","withoutExternalBorder","refButton","children"];function xa(e){var t=e.label,l=void 0===t?null:t,a=e.visual,i=void 0===a?null:a,o=e.visualWidth,u=void 0===o?null:o,s=e.labelBoxStyle,c=void 0===s?null:s,d=e.textStyle,m=void 0===d?null:d,v=e.buttonStyle,g=void 0===v?null:v,p=e.resolution,h=void 0===p?null:p,y=e.shouldLoad,b=void 0===y||y,C=e.layout,w=void 0===C?"label-bottom":C,E=e.type,A=void 0===E?"button":E,k=e.disabled,x=void 0!==k&&k,S=e.focusable,M=void 0===S||S,N=e.inline,R=void 0!==N&&N,z=e.onClick,T=void 0===z?null:z,L=e.className,P=void 0===L?null:L,I=e.textClassName,B=void 0===I?null:I,O=e.visualClassName,V=void 0===O?null:O,D=e.imageClassName,j=void 0===D?null:D,F=e.videoClassName,H=void 0===F?null:F,Z=e.withoutExternalBorder,W=void 0===Z||Z,q=e.refButton,_=void 0===q?null:q,G=e.children,Y=void 0===G?null:G,U=(0,r.A)(e,ka),Q=(0,n.useMemo)(function(){switch(A){case"submit":case"button":return Aa;default:return"div"}},[A]),X=(i||{}).url,J=null!==(void 0===X?null:X),K=(l||{}).body,$=void 0===K?null:K,ee=null!==$&&""!==$.trim(),te="no-label"!==w,le=("label-left"===w||"label-right"===w)&&ee&&J?"30%":"100%",ne=J?w:null;return n.createElement(Q,Object.assign({type:A,buttonStyle:g,disabled:x,focusable:M,inline:R,onClick:T,className:Xt([Ca.container,Ca.rich,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Ca.layoutLabelBottom,"label-bottom"===ne),Ca.layoutLabelTop,"label-top"===ne),Ca.layoutNoLabel,"no-label"===ne),Ca.layoutLabelOver,"label-over"===ne),Ca.layoutLabelLeft,"label-left"===ne),Ca.layoutLabelRight,"label-right"===ne),Ca.textFullWidth,ee&&(!J||"label-right"!==w&&"label-left"!==w)),P,null!==P)]),withoutExternalBorder:W,refButton:_},U),n.createElement(Gn,{placeholder:"button",emptyLabel:n.createElement(Zl.A,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:Ca.emptyButton,isEmpty:!J&&!ee},J?n.createElement(ba,{media:i,width:u||le,resolution:h,shouldLoad:b,className:Xt([Ca.visual,(0,f.A)({},V,null!==V)]),imageClassName:Xt([Ca.image,(0,f.A)({},j,null!==j)]),videoClassName:Xt([Ca.video,(0,f.A)({},H,null!==H)])}):null,ee&&te?n.createElement(ea,{boxStyle:c,textStyle:m,body:$,className:Xt([Ca.text,(0,f.A)({},B,null!==B)])}):null,Y))}function Sa(e){var t=e.color,l=void 0===t?"currentColor":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0px",width:"48.53px",height:"12.38px",viewBox:"0 0 48.53 12.38",className:i,xmlSpace:"preserve"},n.createElement("g",{transform:"matrix(1, 0, 0, 1, 0, 0)"},n.createElement("path",{id:"b",fill:"none",stroke:l,strokeWidth:"3px",strokeLinejoin:"round",strokeLinecap:"round",d:"M1.5,10.88L24.26,1.5l22.77,9.38"})))}var Ma={container:"micromag-element-call-to-action-container",arrow:"micromag-element-call-to-action-arrow",button:"micromag-element-call-to-action-button",withoutLinkStyle:"micromag-element-call-to-action-withoutLinkStyle",label:"micromag-element-call-to-action-label",icon:"micromag-element-call-to-action-icon",text:"micromag-element-call-to-action-text",selfTargetLink:"micromag-element-call-to-action-selfTargetLink",leavingFrame:"micromag-element-call-to-action-leavingFrame",animationDisabled:"micromag-element-call-to-action-animationDisabled",invalidUrl:"micromag-element-call-to-action-invalidUrl"};function Na(e){var t=e.type,l=void 0===t?null:t,a=e.url,o=void 0===a?null:a,r=e.label,u=void 0===r?null:r,s=e.boxStyle,c=void 0===s?null:s,d=e.inWebView,m=void 0!==d&&d,v=e.elRef,p=void 0===v?null:v,h=e.disabled,y=void 0!==h&&h,b=e.animationDisabled,C=void 0!==b&&b,w=e.icon,E=void 0===w?null:w,A=e.arrow,k=void 0===A?null:A,x=e.dragAmount,S=void 0===x?50:x,M=e.className,N=void 0===M?null:M,R=e.buttonClassName,z=void 0===R?null:R,L=e.buttonBorderClassName,P=void 0===L?null:L,I=e.labelClassName,B=void 0===I?null:I,O=e.arrowClassName,V=void 0===O?null:O,D=e.focusable,j=void 0===D||D,F=e.external,H=void 0===F||F,Z=e.openWebView,W=void 0===Z?null:Z,q=e.onClick,_=void 0===q?null:q,G=Pl(),Y=null===l||"swipe-up"===l,U=(0,n.useMemo)(function(){return Je(o)},[o]),Q=(0,n.useRef)(null),X=(u||{}).textStyle,J=void 0===X?null:X,K=J||{},$=K.fontSize,ee=void 0===$?null:$,te=K.color,le=void 0===te?null:te,ne=K.lineHeight,ae=void 0===ne?null:ne,ie=(c||{}).backgroundColor,oe=void 0===ie?null:ie,re=(0,n.useMemo)(function(){return(0,i.A)((0,i.A)({},{fontSize:ee}),Oe(null===oe?le:oe,"color"))},[ee,oe,le]),ue=(0,n.useRef)(null),se=(0,n.useState)(!1),ce=(0,T.A)(se,2),de=ce[0],me=ce[1],ve=(0,n.useState)(!1),ge=(0,T.A)(ve,2),pe=ge[0],fe=ge[1],he=(0,n.useCallback)(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"click";fe(!pe),m&&null!==W&&W({url:o}),null!==_&&"click"===t&&_(e),null!==G&&G("call_to_action",g(t)?t:"click",o)},[pe,o,_,G,m,W]),ye=(0,n.useCallback)(function(e){e.event.preventDefault()},[]),be=(0,n.useCallback)(function(e){(0,T.A)(e.movement,2)[1]<-S&&(m?he(null,"swipe"):Ye()&&null!==ue.current?(ue.current.click(),me(!0),he(null,"swipe")):Q.current&&(Q.current.click(),he(null,"swipe")))},[S,m,he,me]),Ce=(0,Qt.useGesture)({onDrag:ye,onDragEnd:be});return(0,n.useEffect)(function(){var e=function(){me(!1)};return window.addEventListener("pagehide",e),function(){window.removeEventListener("pagehide",e)}},[me]),n.createElement("div",{className:Xt([Ma.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},N,null!==N),Ma.disabled,y),Ma.animationDisabled,C),Ma.invalidUrl,!U),Ma.inWebView,m)]),ref:p},de?n.createElement("div",{className:Ma.leavingFrame}):null,!m&&Y?n.createElement("a",{className:Ma.selfTargetLink,href:o,ref:ue,tabIndex:j?"0":"-1"}):null,Y?n.createElement("div",{className:Xt([Ma.arrow,(0,f.A)({},V,null!==V)]),style:re},k||n.createElement(Sa,null)):null,n.createElement("div",{className:Xt([Ma.buttonBorder,(0,f.A)({},P,null!==P)])},n.createElement(Aa,Object.assign({className:Xt([Ma.button,(0,f.A)((0,f.A)({},Ma.withoutLinkStyle,!m),z,null!==z)]),refButton:Q,focusable:j,buttonStyle:c,inline:!0,"aria-pressed":pe,href:m?null:o,external:!m&&H,onClick:he},Y&&!y?Ce():null),n.createElement("span",{className:Xt([Ma.label,(0,f.A)({},B,null!==B)])},null!==E?n.createElement("div",{className:Ma.icon},E):null,n.createElement(ea,Object.assign({},u,{className:Ma.text,textStyle:(0,i.A)((0,i.A)({},J),{},{lineHeight:ae||1}),inline:!0}))))))}var Ra=n.forwardRef(function(e,t){return n.createElement(Na,Object.assign({elRef:t},e))});function za(e){var t=e.callToAction,l=void 0===t?null:t,a=e.className,i=void 0===a?null:a;return null===l?null:n.createElement("div",{className:Xt(["micromag-element-footer-container",(0,f.A)({},i,null!==i)])},n.createElement(Ra,l))}function Ta(e){var t=e.label,l=void 0===t?null:t,a=e.boxStyle,o=void 0===a?null:a,r=e.className,u=void 0===r?null:r,s=e.labelClassName,c=void 0===s?null:s,d=(l||{}).textStyle,m=void 0===d?null:d,v=(m||{}).lineHeight,g=void 0===v?null:v,p=null;return null!==o&&(p=(0,i.A)((0,i.A)({},p),Ve(o))),n.createElement("div",{className:Xt(["micromag-element-badge-container",(0,f.A)({},u,null!==u)]),style:p},n.createElement("span",{className:Xt(["micromag-element-badge-label",(0,f.A)({},c,null!==c)])},n.createElement(ea,Object.assign({},l,{textStyle:(0,i.A)((0,i.A)({},m),{},{lineHeight:g||1}),inline:!0}))))}var La={container:"micromag-element-header-container",fade:"micromag-element-header-fade"};function Pa(e){var t=e.badge,l=void 0===t?null:t,a=e.fade,i=void 0!==a&&a,o=e.className,r=void 0===o?null:o;return null===l?null:n.createElement("div",{className:Xt([La.container,(0,f.A)((0,f.A)({},La.fade,!0===i),r,null!==r)])},null!==l?n.createElement(Ta,Object.assign({className:La.badge},l)):null)}function Ia(e){var t=e.size,l=void 0===t?1:t,a=e.body,o=void 0===a?null:a,r=e.textStyle,u=void 0===r?null:r,s=e.linksStyle,c=void 0===s?null:s,d=e.margin,m=void 0===d?null:d,v=e.withoutNonBreakingSpaces,g=void 0!==v&&v,f=e.className,h=void 0===f?null:f,y=e.headingRef,b=void 0===y?null:y,C="h".concat(l),w=u||{},E=w.link,A=void 0===E?null:E,k=w.highlight,x=void 0===k?null:k,S=null,M=null!==A?je(A):null,N=null!==x?De(x):null;null!==u&&(S=(0,i.A)((0,i.A)({},S),Fe(u))),null!==m&&(S=(0,i.A)((0,i.A)({},S),He(m))),null!==c&&(M=(0,i.A)((0,i.A)({},M),Fe(c)));var R,z=null!==M||null!==x,T=(0,n.useId)(),L=z?"heading-component-".concat(T):null;return n.createElement(n.Fragment,null,null!==M?n.createElement(Jn,{selector:"#".concat(CSS.escape(L)),style:M}):null,null!==N?n.createElement(Xn,{selector:"#".concat(CSS.escape(L)),style:N}):null,n.createElement(C,{id:L,className:Xt(["micromag-element-heading-container",h]),style:S,dangerouslySetInnerHTML:{__html:g?o:(R=o,p()(R)?R.replace(/«\s/g,"« ").replace(/\s»/g," »").replace(/\s:\s/g," : "):R)},ref:b}))}var Ba=n.forwardRef(function(e,t){return n.createElement(Ia,Object.assign({headingRef:t},e))}),Oa=n.createContext({direction:"horizontal"});function Va(e){var t=e.direction,l=void 0===t?"vertical":t,a=e.children,i=(0,n.useMemo)(function(){return{direction:l}},[l]);return n.createElement(Oa.Provider,{value:i},a)}function Da(e){var t=e.size,l=void 0===t?null:t,a=e.minSize,i=void 0===a?null:a,o=e.maxSize,r=void 0===o?null:o,u=e.className,s=void 0===u?null:u,c=(0,n.useContext)(Oa).direction;return n.createElement("div",{className:Xt(["micromag-element-stack-spacer-container",(0,f.A)((0,f.A)({},"micromag-element-stack-spacer-hasSize",null!==l),s,null!==s)]),style:{width:"horizontal"===c?l:null,minWidth:"horizontal"===c?i:null,maxWidth:"horizontal"===c?r:null,height:"vertical"===c?l:null,minHeight:"vertical"===c?i:null,maxHeight:"vertical"===c?r:null}})}Da.withoutTransitionsWrapper=!0;function ja(e){var t=e.width,l=void 0===t?null:t,a=e.height,o=void 0===a?null:a,r=e.horizontalAlign,u=void 0===r?"left":r,s=e.verticalAlign,c=void 0===s?"top":s,d=e.distribution,m=void 0===d?null:d,v=e.fullscreen,g=void 0!==v&&v,p=e.className,h=void 0===p?null:p,y=e.children,b=void 0===y?null:y,C=e.style,w=void 0===C?null:C,E=null;null!==m?E="space-".concat(m):"middle"===c?E="center":"bottom"===c&&(E="flex-end");var A=null;"center"===u?A="center":"right"===u&&(A="flex-end");var k=(0,i.A)({width:l,height:o,justifyContent:E,alignItems:A},w);return n.createElement(Va,{direction:"vertical"},n.createElement("div",{className:Xt(["micromag-element-layout-container",(0,f.A)((0,f.A)({},"micromag-element-layout-fullscreen",g),h,null!==h)]),style:k},b))}var Fa={container:"micromag-element-scroll-container",scrollable:"micromag-element-scroll-scrollable",arrowContainer:"micromag-element-scroll-arrowContainer",arrow:"micromag-element-scroll-arrow",upAndDown:"micromag-element-scroll-upAndDown",withScroll:"micromag-element-scroll-withScroll",withArrow:"micromag-element-scroll-withArrow",withShadow:"micromag-element-scroll-withShadow",top:"micromag-element-scroll-top",scrollee:"micromag-element-scroll-scrollee",middle:"micromag-element-scroll-middle",bottom:"micromag-element-scroll-bottom",disabled:"micromag-element-scroll-disabled"};function Ha(e){var t=e.width,l=void 0===t?null:t,a=e.height,i=void 0===a?null:a,r=e.disabled,u=void 0!==r&&r,s=e.verticalAlign,c=void 0===s?null:s,d=e.className,m=void 0===d?null:d,v=e.scrollableClassName,g=void 0===v?null:v,p=e.scrolleeClassName,h=void 0===p?null:p,y=e.children,b=void 0===y?null:y,C=e.scrollPosition,w=void 0===C?null:C,E=e.triggers,A=void 0===E?[.1,.25,.5,.75,.9,1]:E,k=e.onScrolledTrigger,x=void 0===k?null:k,S=e.onScrolledBottom,M=void 0===S?null:S,N=e.onScrolledNotBottom,R=void 0===N?null:N,z=e.onScrollHeightChange,L=void 0===z?null:z,P=e.scrollContainerRef,I=void 0===P?null:P,B=e.withShadow,O=void 0!==B&&B,V=e.withArrow,D=void 0===V||V,j={width:l,height:i},F=(0,n.useRef)([]),H=(0,n.useState)(!1),Z=(0,T.A)(H,2),W=Z[0],q=Z[1],_=fl(),G=_.ref,Y=_.height;null!==I&&(I.current=G.current);var U=fl(),Q=U.ref,X=U.height,J=(0,n.useRef)(!1),K=(0,n.useRef)(!1),$=(0,n.useRef)(!1),ee=(0,Qt.useScroll)(function(e){var t=(0,T.A)(e.xy,2)[1],l=t<=1,n=X-Y,a=t+1>=n,i=Math.min(Math.max((t+1)/n,0),1),r=(A||[]).filter(function(e){return i>=e&&-1===F.current.indexOf(e)});r.forEach(function(e){null!=x&&x(e)}),r.length>0&&(F.current=[].concat((0,o.A)(F.current),(0,o.A)(r))),a?$.current||(null!==M&&M({initial:!J.current}),J.current=!0):$.current&&(null!==R&&R({initial:!K.current}),K.current=!0),l!==W&&D&&q(l),$.current=a},{enabled:!u,threshold:10,axis:"y",filterTaps:!0});return(0,n.useEffect)(function(){if(X>0&&Y>0&&!u){q(Math.round(X)>Math.round(Y));var e=X-Y;G.current.scrollTop+1>=e?null!==M&&M({initial:!1}):null!==R&&R({initial:!1})}},[Y,X,q,u]),(0,n.useEffect)(function(){null!==L&&L({scrollableHeight:Y,scrolleeHeight:X,canScroll:(X||0)>(Y||0)})},[Y,X,L]),(0,n.useEffect)(function(){null!==G.current&&null!==w&&(G.current.scrollTop=w)},[Q,w]),n.createElement("div",{className:Xt([Fa.container,Fa.withScroll,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Fa.disabled,u),Fa[c],null!==c&&X<Y),Fa.withArrow,D&&W),Fa.withShadow,O),"className",m)]),style:j},n.createElement("div",Object.assign({className:Xt([Fa.scrollable,g]),ref:G},ee()),n.createElement("div",{className:Xt([Fa.scrollee,h]),ref:Q},b)),!u&&D?n.createElement("div",{className:Fa.arrowContainer},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"16",viewBox:"0 0 10 16",className:Fa.arrow,fill:"currentColor"},n.createElement("polygon",{points:".38 11.38 5 16 9.62 11.38 8.56 10.32 5.75 13.13 5.75 1.61 4.25 1.61 4.25 13.13 1.44 10.32 .38 11.38"}))):null)}var Za=n.forwardRef(function(e,t){return n.createElement(Ha,Object.assign({scrollContainerRef:t},e))}),Wa={container:"micromag-screen-article-container",background:"micromag-screen-article-background",content:"micromag-screen-article-content",layout:"micromag-screen-article-layout",emptyTitle:"micromag-screen-article-emptyTitle",emptyAuthor:"micromag-screen-article-emptyAuthor",emptySubtitle:"micromag-screen-article-emptySubtitle",emptyText:"micromag-screen-article-emptyText",emptySurtitle:"micromag-screen-article-emptySurtitle",emptyDate:"micromag-screen-article-emptyDate",main:"micromag-screen-article-main",hasText:"micromag-screen-article-hasText",visualContainer:"micromag-screen-article-visualContainer",surtitle:"micromag-screen-article-surtitle",subtitle:"micromag-screen-article-subtitle",date:"micromag-screen-article-date",title:"micromag-screen-article-title",author:"micromag-screen-article-author",text:"micromag-screen-article-text",topContent:"micromag-screen-article-topContent",footer:"micromag-screen-article-footer",disabled:"micromag-screen-article-disabled",isPlaceholder:"micromag-screen-article-isPlaceholder"},qa=[{id:"article",type:"screen",group:{label:(0,ue.zR)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,ue.zR)({id:"ouMwWq",defaultMessage:[{type:0,value:"Article"}]}),component:function(e){var t=e.image,l=void 0===t?null:t,a=e.title,i=void 0===a?null:a,o=e.surtitle,r=void 0===o?null:o,u=e.date,s=void 0===u?null:u,c=e.author,d=void 0===c?null:c,m=e.subtitle,v=void 0===m?null:m,g=e.text,p=void 0===g?null:g,h=e.spacing,y=void 0===h?20:h,b=e.background,C=void 0===b?null:b,w=e.header,E=void 0===w?null:w,A=e.footer,k=void 0===A?null:A,x=e.current,S=void 0===x||x,M=e.preload,N=void 0===M||M,R=e.type,z=void 0===R?null:R,L=e.className,P=void 0===L?null:L,I=(0,Hl.A)(),B=Tl(z),O=Pt(),V=O.width,D=O.height,j=O.resolution,F=jt(),H=F.topHeight,Z=F.bottomHeight,W=F.bottomSidesWidth,q=Wt().open,_=kt().muted,G=xt(S,!0),Y=G.ref,U=G.isCurrent,Q=void 0!==U&&U,X=fl(),J=X.ref,K=X.height,$=Rt(),ee=$.isView,te=$.isPreview,le=$.isPlaceholder,ne=$.isEdit,ae=$.isStatic,ie=$.isCapture,oe=S&&(ee||ne)&&(Q||!ee),re=S||N,ue=!ne&&(ae||ie||le||te||ne)||!S,se=d||{},ce=se.name,de=void 0===ce?null:ce,me=se.image,ve=void 0===me?null:me,ge=se.collaborator,pe=Xe(p),fe=_e(E),he=Ge(k),ye=Xe(i),be=Xe(r),Ce=Xe(v),we=Xe(d),Ee=Xe(de)||Ue(ve)||Xe(ge),Ae=Ue(l),ke=Xe(s),xe=ze(k,{isView:ee,current:S,openWebView:q,isPreview:te}),Se=(0,n.useMemo)(function(){if(!Ae)return 0;var e=(l||{}).metadata,t=(void 0===e?{}:e)||{},n=t.width,a=void 0===n?0:n,i=t.height;return V*(void 0===i?0:i)/a},[l]),Me=ke&&s.body||null,Ne=(0,n.useMemo)(function(){return null!==Me?"<p>".concat(I.formatDate(il(Me).toDate(),{year:"numeric",month:"long",day:"2-digit"}),"</p>"):null},[Me]),Re=n.createElement(Gn,{placeholder:"image",emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Wa.emptyText,isEmpty:!Ae},n.createElement("div",{ref:J,className:Wa.visualContainer},Ae?n.createElement(ba,{media:l,width:V,height:Se,shouldLoad:re,resolution:j,className:Wa.visual}):null)),Te=n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Wa.emptyTitle,isEmpty:!ye},ye?n.createElement(Ba,Object.assign({className:Wa.title},i)):null),Le=n.createElement(Gn,{key:"surtitle",placeholder:"line",emptyLabel:n.createElement(Zl.A,{id:"vdWMTA",defaultMessage:[{type:0,value:"Surtitle"}]}),emptyClassName:Wa.emptySurtitle,isEmpty:!be},be?n.createElement(ea,Object.assign({className:Wa.surtitle},r)):null),Pe=n.createElement(Gn,{key:"subtitle",placeholder:"line",emptyLabel:n.createElement(Zl.A,{id:"d60tSn",defaultMessage:[{type:0,value:"Subtitle"}]}),emptyClassName:Wa.emptySubtitle,isEmpty:!Ce},Ce?n.createElement(ea,Object.assign({className:Wa.subtitle},v)):null),Ie=n.createElement(Gn,{key:"date",placeholder:"line",emptyLabel:n.createElement(Zl.A,{id:"/MsgWe",defaultMessage:[{type:0,value:"Date"}]}),emptyClassName:Wa.emptyDate,isEmpty:!ke},ke?n.createElement(ea,Object.assign({className:Wa.date},s,{body:Ne})):null),Be=n.createElement(Gn,{key:"author",placeholder:"line",emptyLabel:n.createElement(Zl.A,{id:"xYqGzM",defaultMessage:[{type:0,value:"Author"}]}),emptyClassName:Wa.emptyAuthor,isEmpty:!Ee&&!we},we?n.createElement(ea,Object.assign({className:Wa.author},d)):null,Ee?n.createElement(aa,{author:d}):null),Oe=n.createElement(Gn,{placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:Wa.emptyText,isEmpty:!pe},pe?n.createElement(ea,Object.assign({className:Wa.text},p)):null),Ve=(0,n.useState)(!1),De=(0,T.A)(Ve,2),je=De[0],Fe=De[1],He=(0,n.useCallback)(function(e){e.initial&&B("scroll","Screen"),Fe(!0)},[B]),Ze=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);B("scroll",t,{scrollPercent:t})}},[B]),We=(0,n.useCallback)(function(){Fe(!1)},[Fe]);return n.createElement("div",{className:Xt([Wa.container,(0,f.A)((0,f.A)({},P,null!==P),Wa.isPlaceholder,le)]),"data-screen-ready":!0},n.createElement(ga,{width:V,height:D,className:Wa.content},n.createElement(Za,{disabled:ue,onScrolledTrigger:Ze,onScrolledBottom:He,onScrolledNotBottom:We,withShadow:!0},n.createElement(ja,{className:Wa.layout,style:le?null:{padding:y,paddingTop:fe?y/2+(te?0:H):y/2+K,paddingBottom:(S&&!te?Z:0)+y/2}},!le&&fe?n.createElement("div",{key:"header",style:{height:Ae&&K>0?0:"auto",paddingBottom:K>0?K-H:y}},n.createElement(Pa,E)):null,n.createElement("div",{className:Xt([Wa.main,(0,f.A)({},Wa.hasText,pe&&Ee)])},Re,n.createElement("div",{className:Wa.topContent},Le,Ie),Te,Be,Pe),Oe,!le&&he?n.createElement("div",{className:Xt([Wa.footer,(0,f.A)({},Wa.disabled,!je)]),style:{paddingLeft:Math.max(W-y,0),paddingRight:Math.max(W-y,0),paddingTop:y}},n.createElement(za,xe)):null))),le?null:n.createElement(ma,{background:C,width:V,height:D,resolution:j,playing:oe,muted:_,shouldLoad:re,mediaRef:Y,withoutVideo:te,className:Wa.background}))},layouts:["normal"],fields:[{name:"image",type:"visual",label:(0,ue.zR)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"title",type:"heading-element",inline:!0,theme:{textStyle:"header2"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"surtitle",type:"text-element",label:(0,ue.zR)({id:"YD9M2p",defaultMessage:[{type:0,value:"Overtitle"}]})},{name:"date",type:"date-element",label:(0,ue.zR)({id:"9AP246",defaultMessage:[{type:0,value:"Date"}]})},{name:"author",type:"author-element",label:(0,ue.zR)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"subtitle",type:"text-element",label:(0,ue.zR)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"text",type:"text-modal",label:(0,ue.zR)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}];function _a(e){var t=e.progress,l=void 0===t?0:t,a=e.playing,i=void 0!==a&&a,r=e.duration,u=void 0===r?0:r,s=e.seek,c=void 0===s?null:s,d=e.play,m=void 0===d?null:d,v=e.className,g=void 0===v?null:v,p=(0,Hl.A)(),h=fl(),y=h.ref,b=h.width,C=void 0===b?null:b,w=h.height,E=l*C,A=(0,n.useState)(null),k=(0,T.A)(A,2),x=k[0],S=k[1],M=(0,n.useMemo)(function(){var e=Math.floor(C/2);return(0,o.A)(Array(e).keys()).map(function(){return Math.floor(100*Math.random())})},[C,2]),N=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=y.current.getBoundingClientRect(),l=t.left,n=t.width,a=Math.max(0,Math.min(1,(e-l)/n));null!==c&&null!==u&&c(parseFloat(a*u,10)),i||null==m||m()}},[y.current,C,u,i,c,m]),R=(0,n.useCallback)(function(e){var t=y.current.getBoundingClientRect(),l=t.left,n=t.width,a=Math.max(0,Math.min(1,(e-l)/n));S(a*C)},[y.current,C,S]),z=(0,n.useCallback)(function(e){e&&(N(e.clientX||null),S(null))},[N,S]),L=(0,Qt.useGesture)({onDrag:function(e){var t=(0,T.A)(e.xy,1)[0],l=e.elapsedTime;!e.active&&l>300||R(t)},onDragStart:function(e){var t=(0,T.A)(e.xy,1)[0],l=e.elapsedTime;!e.active&&l>300||R(t)},onDragEnd:function(e){var t=(0,T.A)(e.xy,1)[0];N(t),setTimeout(function(){S(null)},1e3)}},{drag:{axis:"x",filterTaps:!0}});return n.createElement("div",{className:Xt(["micromag-element-audio-audio-bars-container",(0,f.A)({},g,null!==g)]),ref:y},n.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0",width:"".concat(C,"px"),height:"".concat(w,"px"),viewBox:"0 0 ".concat(C," ").concat(w),className:g,xmlSpace:"preserve"},M.map(function(e,t){return n.createElement("rect",{key:"bar-".concat(t+1),width:1,height:e,x:2*t,y:w/2-e/2,fill:(x||E)>2*t?"white":"gray",stroke:"black",strokeWidth:"0px",strokeLinejoin:"round",strokeLinecap:"round"})})),n.createElement("button",Object.assign({},L(),{onClick:z,type:"button",className:"micromag-element-audio-audio-bars-seekButton",title:p.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),"aria-label":p.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]})})))}function Ga(e){var t=e.media,l=void 0===t?null:t,a=e.mediaRef,i=void 0===a?null:a,o=e.muted,r=void 0!==o&&o,u=e.autoPlay,s=void 0!==u&&u,c=e.paused,d=void 0!==c&&c,m=e.loop,v=void 0!==m&&m,g=e.preload,p=void 0===g?"auto":g,h=e.shouldLoad,y=void 0===h||h,b=e.waveFake,C=void 0!==b&&b,w=e.withWave,E=void 0!==w&&w,A=e.autoWaveHeight,k=void 0!==A&&A,x=e.updateInterval,S=void 0===x?1e3:x,M=e.className,N=void 0===M?null:M,R=e.withoutSeek,z=void 0!==R&&R,L=e.onReady,P=void 0===L?null:L,I=e.onPlay,B=void 0===I?null:I,O=e.onPause,V=void 0===O?null:O,D=e.onEnded,j=void 0===D?null:D,F=e.onSeeked,H=void 0===F?null:F,Z=e.onTimeUpdate,W=void 0===Z?null:Z,q=e.onProgressStep,_=void 0===q?null:q,G=e.onDurationChange,Y=void 0===G?null:G,U=e.onVolumeChange,Q=void 0===U?null:U,X=e.onPlayError,J=void 0===X?null:X,K=l||{},$=K.url,ee=void 0===$?null:$,te=K.files,le=void 0===te?null:te,ne=(0,n.useMemo)(function(){if(le){var e=Object.entries(le).find(function(e){return"mp3"===(0,T.A)(e,1)[0]})||[],t=(0,T.A)(e,2)[1],l=void 0===t?null:t;if(l)return l.url}return ee},[le,ee]),ae=(0,n.useRef)(null),ie=Cl(ae.current,{id:ne,disabled:d||!E&&null===_,updateInterval:S}),oe=Al(ae.current,{id:ne}),re=wl(ae.current,{id:ne});!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.preload,a=void 0===l?"auto":l,i=t.shouldLoad,o=void 0!==i&&i,r=(0,n.useRef)(a),u=(0,n.useRef)(o),s=(0,n.useRef)("none"!==a&&"metadata"!==a&&o);(0,n.useEffect)(function(){var t="none"!==a&&"metadata"!==a&&o,l=r.current!==a,n=u.current!==o;t&&(l||n)&&!s.current&&null!==e&&void 0!==e.load&&(s.current=!0,e.load())},[e,o,a])}(ae.current,{preload:p,shouldLoad:y});var ue=C||oe;(0,n.useEffect)(function(){re>0&&null!==Y&&Y(re)},[re,Y]);var se=(0,n.useCallback)(function(){var e=ae.current,t=void 0===e?null:e;null!==t&&null!==Q&&Q(t.volume)},[ae.current,Q]),de=(0,n.useCallback)(function(){var e=ae.current,t=void 0===e?null:e;null!==t&&t.play()},[ae.current]),me=(0,n.useCallback)(function(e){var t=ae.current,l=void 0===t?null:t;null!==l&&ce(e)&&(l.currentTime=e)},[ae.current]);(0,n.useEffect)(function(){ue&&null!==P&&P()},[ue,P]),(0,n.useEffect)(function(){var e=ae.current,t=void 0===e?null:e;if(null!==t){var l=t.paused;d&&!l?t.pause():!d&&l&&t.play().catch(function(e){null!==J&&J(e)})}},[d,l,J]),xl({currentTime:ie,duration:re,disabled:d,onStep:_});var ve=null!==ie&&re>0?ie/re:0;return n.createElement("div",{className:Xt(["micromag-element-audio-container",(0,f.A)({},N,null!==N)])},n.createElement("audio",{key:ne,ref:function(e){ae.current=e,null!==i&&ia(i)?i(e):null!==i&&(i.current=e)},src:ne,autoPlay:s&&!d,muted:r,loop:v,crossOrigin:"anonymous",preload:p,onPlay:B,onPause:V,onEnded:j,onSeeked:H,onTimeUpdate:W,onVolumeChange:se}),E?n.createElement(_a,{className:Xt(["micromag-element-audio-wave",(0,f.A)({},"micromag-element-audio-withAutoHeight",k)]),progress:ve,duration:re,playing:!d,seek:z?null:me,play:de}):null)}var Ya=n.forwardRef(function(e,t){return n.createElement(Ga,Object.assign({mediaRef:t},e))}),Ua=l(9645);function Qa(e){var t=e.currentTime,l=void 0===t?0:t,a=e.timeOffset,i=void 0===a?null:a,o=e.media,r=void 0===o?null:o,u=e.textStyle,s=void 0===u?null:u,c=e.boxStyle,d=void 0===c?null:c,m=e.className,v=void 0===m?null:m,g=(r||{}).url,p=void 0===g?null:g,h=(0,n.useState)([]),y=(0,T.A)(h,2),b=y[0],C=y[1],w=(0,n.useState)(-1),E=(0,T.A)(w,2),A=E[0],k=E[1],x=null!==i?i.split(/[\t ]*-->[\t ]*/):null,S=null!==x&&x.length?function(e){var t=e.split(":");try{var l=t[2].split(",");return 1===l.length&&(l=t[2].split(".")),3600*parseFloat(t[0],10)+60*parseFloat(t[1],10)+parseFloat(l[0],10)+parseFloat(l[1],10)/1e3}catch(e){return 0}}(x[0]):0;(0,n.useEffect)(function(){null!==p&&fetch(p,{mode:"cors"}).then(function(e){return e.text()}).then(function(e){return Ua(e)}).then(function(e){C(e)}).catch(function(e){console.error(e)})},[p,fetch,C]);var M=(0,n.useCallback)(function(e){var t=b.findIndex(function(t){return e>=t.start-S&&e<=t.end-S});return t},[b,S]);(0,n.useEffect)(function(){if(b.length>0){var e=M(l);e!==A&&k(e)}},[l,b,M,k]);var N=-1!==A?b[A]:null,R=null!==N,z=null!==d?Ve(d):null;return n.createElement("div",{className:Xt(["micromag-element-closed-captions-container",(0,f.A)({},v,null!==v)])},R?n.createElement("div",{className:"micromag-element-closed-captions-captions",style:z},n.createElement(ea,{textStyle:s,body:N.text})):null)}var Xa={container:"micromag-screen-audio-container",background:"micromag-screen-audio-background",content:"micromag-screen-audio-content",audio:"micromag-screen-audio-audio",bottom:"micromag-screen-audio-bottom",empty:"micromag-screen-audio-empty",isPreview:"micromag-screen-audio-isPreview"},Ja={id:"audio",type:"screen",group:{label:(0,ue.zR)({id:"+9akmg",defaultMessage:[{type:0,value:"Audio and Video"}]}),order:5},title:(0,ue.zR)({id:"bhEaUt",defaultMessage:[{type:0,value:"Audio"}]}),component:function(e){e.layout;var t=e.audio,l=void 0===t?null:t,a=e.spacing,o=void 0===a?20:a,r=e.background,u=void 0===r?null:r,s=e.header,c=void 0===s?null:s,d=e.footer,m=void 0===d?null:d,v=e.current,g=void 0===v||v,p=e.preload,h=void 0===p||p,y=e.mediaRef,b=void 0===y?null:y,C=e.showWave,w=void 0===C||C,E=e.className,A=void 0===E?null:E,k=Pt(),x=k.width,S=k.height,M=k.resolution,N=Rt(),R=N.isPlaceholder,z=N.isPreview,L=N.isView,P=N.isEdit,I=N.isStatic,B=N.isCapture,O=jt(),V=O.topHeight,D=O.bottomHeight,j=O.bottomSidesWidth,F=Wt().open,H=Ll("audio"),Z=(0,n.useState)(I||R),W=(0,T.A)(Z,2),q=W[0],_=W[1],G=g&&(L||P),Y=g||h,U=_e(c),Q=Ge(m),X=ze(m,{isView:L,current:g,openWebView:F,isPreview:z}),J=null!==l,K=l||{},$=K.media,ee=void 0===$?null:$,te=K.autoPlay,le=void 0===te||te,ne=K.closedCaptions,ae=void 0===ne?null:ne,ie=K.captions,oe=void 0===ie?null:ie,re=K.withWave,ue=void 0!==re&&re,se=K.withControls,ce=void 0!==se&&se,de=K.withSeekBar,me=void 0!==de&&de,ve=K.color,ge=void 0===ve?null:ve,pe=K.progressColor,fe=void 0===pe?null:pe,he=(ee||{}).url,ye=null!==(void 0===he?null:he),be=J?(0,i.A)((0,i.A)({},l),{},{autoPlay:!z&&!I&&!B&&le&&g}):null,Ce=null!==ae||null!==oe,we=kt(),Ee=we.playing,Ae=we.muted,ke=we.setControls,xe=we.setControlsSuggestPlay,Se=we.setControlsTheme,Me=we.setPlaying,Ne=xt(g),Re=Ne.ref,Te=Ne.isCurrent,Le=!g||!Ee||!(void 0!==Te&&Te)&&L;(0,n.useEffect)(function(){return g?(ce||me?(ke(!0),Se({seekBarOnly:me,color:ge,progressColor:fe})):ke(!1),function(){(ce||me)&&ke(!1)}):function(){}},[g,ce,me,ke,ge,fe]),(0,n.useEffect)(function(){null!==b&&b(Re.current)},[Re.current]);var Pe=(0,n.useCallback)(function(){_(!0)},[_]),Ie=(0,n.useState)(null),Be=(0,T.A)(Ie,2),Oe=Be[0],Ve=Be[1],De=(0,n.useState)(null),je=(0,T.A)(De,2),Fe=je[0],He=je[1],Ze=(0,n.useMemo)(function(){return Ye()},[Ye]);(0,n.useEffect)(function(){g&&le&&!Ee&&Me(!0)},[g,le]);var We=(0,n.useCallback)(function(e){var t=e.timeStamp;Ve(void 0===t?0:t)},[Ve,He,Fe]),qe=(0,n.useCallback)(function(e,t){H(ee,"progress_".concat(Math.round(100*e,10),"%"),t)},[H,ee]),Ue=(0,n.useCallback)(function(e){He(e)},[He]),Qe=(0,n.useCallback)(function(e){var t=e.initial;H(ee,t?"play":"resume")},[H,ee]),Xe=(0,n.useCallback)(function(e){var t=e.midway;H(ee,t?"pause":"ended")},[H,ee]),Je=(0,n.useCallback)(function(){g&&Me(!1)},[g,Me]),Ke=(0,n.useCallback)(function(e){e>0&&H(ee,"seek")},[H,ee]),$e=(0,n.useCallback)(function(){L&&Ee&&g&&J&&le&&(Me(!1),xe(!0))},[L,g,Ee,J,le,Me,xe]);return n.createElement("div",{className:Xt([Xa.container,(0,f.A)((0,f.A)((0,f.A)({},A,null!==A),Xa.placeholder,R),Xa.isPreview,z)]),"data-screen-ready":q},n.createElement(ga,{width:x,height:S,className:Xa.content},n.createElement(ja,{fullscreen:!0,style:R?null:{padding:o,paddingTop:(z?0:V)+(U?o/2:o)}},U?n.createElement(Pa,c):n.createElement(Da,{key:"spacer-top"}),n.createElement(Gn,{key:"audio",placeholder:"audio",emptyLabel:n.createElement(Zl.A,{id:"MYZwSA",defaultMessage:[{type:0,value:"Audio"}]}),emptyClassName:Xa.empty,isEmpty:!ye},n.createElement(Ya,Object.assign({},be,{mediaRef:Re,waveFake:Ze||z,waveProps:z?{sampleWidth:10,sampleMargin:5,minSampleHeight:5,backgroundColor:ge,progressColor:fe}:{backgroundColor:ge,progressColor:fe},paused:Le,muted:Ae,className:Xa.audio,onReady:Pe,onPlay:Qe,onPause:Xe,onTimeUpdate:We,onProgressStep:qe,onDurationChange:Ue,onSeeked:Ke,onEnded:Je,onPlayError:$e,withWave:w&&ue}))),n.createElement(Da,{key:"spacer-middle"}),R?null:n.createElement("div",{key:"bottom",className:Xa.bottom,style:{transform:g&&!z?"translate(0, -".concat(D,"px)"):null,paddingLeft:Math.max(o/2,j),paddingRight:Math.max(o/2,j),paddingBottom:o/2,paddingTop:0}},!Ce||z||B||I?null:n.createElement(Qa,Object.assign({className:Xa.closedCaptions,media:ae},oe,{currentTime:Oe})),Q?n.createElement(za,Object.assign({},X,{className:Xa.callToAction})):null))),R?null:n.createElement(ma,{background:u,width:x,height:S,resolution:M,playing:G,muted:Ae,shouldLoad:Y,withoutVideo:z,className:Xa.background}))},layouts:["middle"],fields:[{name:"audio",type:"audio-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,ue.zR)({id:"169xnt",defaultMessage:[{type:0,value:"Audio"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},Ka=l(8031),$a=l(4918),ei=l(2717),ti=l(7519),li=n.createContext(null),ni=function(){return(0,n.useContext)(li)},ai=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.initialData,a=void 0===l?null:l,i=t.autoload,o=void 0===i||i,r=(0,n.useState)(!1),u=(0,T.A)(r,2),s=u[0],c=u[1],d=(0,n.useState)(!1),m=(0,T.A)(d,2),v=m[0],g=m[1],p=(0,n.useState)(a),f=(0,T.A)(p,2),h=f[0],y=f[1],b=(0,n.useCallback)(function(){var t=!1;c(!0);var l=e.apply(void 0,arguments).then(function(e){return t||(y(e),c(!1)),e}).catch(function(e){g(e),c(!1)});return l.cancel=function(){t=!0,c(!1)},l},[e,c,y]);return(0,n.useEffect)(function(){var e=null;return o&&(e=b()),function(){null!==e&&e.cancel()}},[o,b]),{data:h,load:b,loading:s,error:v}},ii=["data"],oi=["data"],ri=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,l=e.visitorId,a=void 0===l?null:l,o=e.storyId,r=void 0===o?null:o,u=e.onSuccess,s=void 0===u?null:u,c=ni(),d=(0,n.useState)(!1),m=(0,T.A)(d,2),v=m[0],g=m[1],p=(Gt()||{}).id,f=st()||{},h=f.id,y=f.document_id;return{create:(0,n.useCallback)(function(e){return null===c?null:(g(!0),c.quiz.create((0,i.A)({screen_id:t,visitor_id:a||p,story_id:y||r||h},e)).then(function(e){return g(!1),null!==s&&s(e),e}))},[c,g,s,t,p,h,a,r]),creating:v}},ui="micromag-element-text-input-element";function si(e){var t=e.label,l=void 0===t?null:t,a=e.labelOutside,o=void 0!==a&&a,r=e.labelClassName,u=void 0===r?null:r,s=e.textStyle,c=void 0===s?null:s,d=e.placeholderTextStyle,m=void 0===d?null:d,v=e.buttonStyle,g=void 0===v?null:v,p=e.labelOutsideStyle,h=void 0===p?null:p,y=e.margin,b=void 0===y?null:y,C=e.multiline,w=void 0!==C&&C,E=e.value,A=void 0===E?"":E,k=e.onChange,x=void 0===k?null:k,S=e.onFocus,M=void 0===S?null:S,N=e.onBlur,R=void 0===N?null:N,z=e.required,T=void 0!==z&&z,L=e.disabled,P=void 0!==L&&L,I=e.focusable,B=void 0===I||I,O=e.className,V=void 0===O?null:O,D={},j={},F={},H={};null!==b&&(D=(0,i.A)((0,i.A)({},D),He(b))),null!==h&&(j=(0,i.A)((0,i.A)({},j),Fe(h))),null!==c&&(F=(0,i.A)((0,i.A)({},F),Fe(c))),null!==g&&(F=(0,i.A)((0,i.A)({},F),Ve(g))),null!==m&&(H=(0,i.A)((0,i.A)({},H),Fe(m)));var Z={className:Xt(["micromag-element-text-input-container",(0,f.A)((0,f.A)({},V,null!==V),ui,!o)]),style:D},W=(0,i.A)((0,i.A)({className:ui},o?null:Z),{},{style:F,placeholder:o?void 0:l,value:A,onChange:x,onFocus:M,onBlur:R,required:T,disabled:P}),q=w?n.createElement("textarea",Object.assign({},W,{tabIndex:B?"0":"-1"})):n.createElement("input",Object.assign({},W,{type:"text",tabIndex:B?"0":"-1"})),_=function(e,t){return"\n .".concat(e,"::placeholder {\n ").concat(t.color?"color: ".concat(t.color,";"):"","\n ").concat(t.fontSize?"font-size: ".concat(t.fontSize,";"):"","\n ").concat(t.fontStyle?"font-style: ".concat(t.fontStyle,";"):"","\n ").concat(t.fontWeight?"font-weight: ".concat(t.fontWeight,";"):"","\n ").concat(t.fontFamily?"font-family: ".concat(t.fontFamily,";"):"","\n ").concat(t.textAlign?"text-align: ".concat(t.textAlign,";"):"","\n }\n ")}(ui,H),G=n.createElement(ql.m,null,n.createElement("style",null,_));return o?n.createElement("label",Z,n.createElement("div",{className:u,style:j},l),q,G):n.createElement(n.Fragment,null,q,G)}var ci={container:"micromag-screen-contribution-container",background:"micromag-screen-contribution-background",content:"micromag-screen-contribution-content",inner:"micromag-screen-contribution-inner",layout:"micromag-screen-contribution-layout",header:"micromag-screen-contribution-header",emptyTitle:"micromag-screen-contribution-emptyTitle",emptyInputName:"micromag-screen-contribution-emptyInputName",emptyInputMessage:"micromag-screen-contribution-emptyInputMessage",emptySubmit:"micromag-screen-contribution-emptySubmit",emptySkip:"micromag-screen-contribution-emptySkip",title:"micromag-screen-contribution-title",interactiveContainer:"micromag-screen-contribution-interactiveContainer",form:"micromag-screen-contribution-form",inputName:"micromag-screen-contribution-inputName",inputMessage:"micromag-screen-contribution-inputMessage",buttonSubmit:"micromag-screen-contribution-buttonSubmit",buttonSkip:"micromag-screen-contribution-buttonSkip",showBack:"micromag-screen-contribution-showBack",formContent:"micromag-screen-contribution-formContent",formLoading:"micromag-screen-contribution-formLoading",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",footer:"micromag-screen-contribution-footer",disabled:"micromag-screen-contribution-disabled",submitting:"micromag-screen-contribution-submitting",submitted:"micromag-screen-contribution-submitted",showContributions:"micromag-screen-contribution-showContributions",isPlaceholder:"micromag-screen-contribution-isPlaceholder",reset:"micromag-screen-contribution-reset"},di={id:"contribution",type:"screen",group:{label:(0,ue.zR)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,ue.zR)({id:"g6b9Lg",defaultMessage:[{type:0,value:"Contribution"}]}),component:function(e){var t=e.id,l=void 0===t?null:t,a=e.layout,u=void 0===a?"middle":a,s=e.title,c=void 0===s?null:s,d=e.name,m=void 0===d?null:d,v=e.message,g=void 0===v?null:v,p=e.submit,h=void 0===p?null:p,y=e.nameStyle,b=void 0===y?null:y,C=e.messageStyle,w=void 0===C?null:C,E=e.settings,A=void 0===E?null:E,k=e.spacing,x=void 0===k?20:k,S=e.background,M=void 0===S?null:S,N=e.header,R=void 0===N?null:N,z=e.footer,L=void 0===z?null:z,P=e.current,I=void 0===P||P,B=e.preload,O=void 0===B||B,V=e.transitions,D=void 0===V?null:V,j=e.transitionStagger,F=void 0===j?100:j,H=e.resizeTransitionDuration,Z=void 0===H?750:H,W=e.type,q=void 0===W?null:W,_=e.className,G=void 0===_?null:_,Y=(0,Hl.A)(),U=l||"screen-id",Q=Tl(q),X=Pt(),J=X.width,K=X.height,$=X.resolution,ee=jt(),te=ee.topHeight,le=ee.bottomHeight,ne=ee.bottomSidesWidth,ae=Rt(),ie=ae.isView,oe=ae.isPreview,re=ae.isPlaceholder,ue=ae.isEdit,se=ae.isStatic,ce=ae.isCapture,de=Wt().open,me=kt().muted,ve=xt(I,!0),ge=ve.ref,pe=ve.isCurrent,fe=I&&(ie||ue)&&(void 0!==pe&&pe||!ie),he=I||O,ye=I,be=se||ce||re||oe||ue,Ce=!ue&&be||!I,we=_e(R),Ee=Ge(L),Ae=ze(L,{isView:ie,current:I,openWebView:de,isPreview:oe}),ke=Xe(c),xe=Qe(m),Se=Qe(g),Me=Xe(h),Ne=(0,n.useRef)(null),Re=(0,n.useRef)(null),Te=(0,n.useState)(null),Le=(0,T.A)(Te,2),Pe=Le[0],Ie=Le[1],Be=(0,n.useState)(""),Ve=(0,T.A)(Be,2),De=Ve[0],je=Ve[1],Fe=(0,n.useState)(""),He=(0,T.A)(Fe,2),Ze=He[0],We=He[1],qe=(0,n.useState)(se||ce?4:0),Ye=(0,T.A)(qe,2),Ue=Ye[0],Je=Ye[1],Ke=(0,n.useState)(!1),$e=(0,T.A)(Ke,2),et=$e[0],tt=$e[1],lt=A||{},nt=lt.canViewAnswers,at=void 0!==nt&&nt,it=lt.skipButton,ot=void 0===it?null:it,rt=lt.backButton,ut=4===Ue?void 0===rt?null:rt:ot,ct=Xe(ut)?ut:(0,i.A)((0,i.A)({},ut),{},{body:4===Ue?Y.formatMessage({id:"8NyYTH",defaultMessage:[{type:0,value:"Back"}]}):Y.formatMessage({id:"HpkW4J",defaultMessage:[{type:0,value:"Skip"}]})}),dt=(0,n.useCallback)(function(){Je(2),Q("submit_success","".concat(De,": ").concat(Ze)),tt(!0)},[Je,tt,Q,De,Ze]),mt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,l=e.visitorId,a=void 0===l?null:l,o=e.storyId,r=void 0===o?null:o,u=e.onSuccess,s=void 0===u?null:u,c=ni(),d=(0,n.useState)(!1),m=(0,T.A)(d,2),v=m[0],g=m[1],p=(Gt()||{}).id,f=st()||{},h=f.id,y=f.document_id;return{create:(0,n.useCallback)(function(e){return null===c?null:(g(!0),c.contributions.create((0,i.A)({screen_id:t,visitor_id:a||p,story_id:y||r||h},e)).then(function(e){return g(!1),null!==s&&s(e),e}))},[c,g,s,t,p,h,a,r]),creating:v}}({screenId:U}),vt=mt.create,gt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,l=e.storyId,a=void 0===l?null:l,u=e.opts,s=void 0===u?{}:u,c=ni(),d=st()||{},m=d.id,v=d.document_id,g=(0,n.useState)((0,o.A)(new Array(10)).map(function(e,t){return{name:"Nom ".concat(t+1),message:"Message ".concat(t+1)}})),p=(0,T.A)(g,1)[0],f=(0,n.useCallback)(function(){return null!==c?c.contributions.get(t,{story_id:v||a||m}):null},[c,t,v,a,m]),h=null!==c?ai(f,s):{data:null},y=h.data,b=(0,r.A)(h,ii);return(0,i.A)({contributions:y||p},b)}({screenId:U,opts:{autoload:!re}}),pt=gt.contributions,ft=(0,n.useCallback)(function(e){var t=ti.A.sanitize(e.currentTarget.value||"");je(t)},[je]),ht=(0,n.useCallback)(function(e){var t=ti.A.sanitize(e.currentTarget.value||"");We(t)},[We]),yt=(0,n.useCallback)(function(){je(""),We(""),Je(0),tt(!1)},[je,We,Je,tt]),bt=(0,n.useRef)(!1),Ct=(0,n.useCallback)(function(e){!bt.current&&e.currentTarget.value.length>0&&(bt.current=!0,Q("input_filled","Name",{userName:e.currentTarget.value,userMessage:Ze}))},[Q,Ze]),wt=(0,n.useRef)(!1),Et=(0,n.useCallback)(function(e){!wt.current&&e.currentTarget.value.length>0&&(wt.current=!0,Q("input_filled","Message",{userName:De,userMessage:e.currentTarget.value}))},[Q,De]),At=(0,n.useState)(!1),St=(0,T.A)(At,2),Mt=St[0],Nt=St[1],zt=Mt&&4===Ue,Tt=fl(),Lt=Tt.ref,It=Tt.height,Bt=void 0===It?0:It,Ot=(0,n.useCallback)(function(e){e.initial&&Q("scroll","Contributions list"),Nt(!0)},[Q,Nt]),Vt=(0,n.useCallback)(function(){Nt(!1)},[Nt]),Dt=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);Q("scroll",t,{scrollPercent:t})}},[Q]),Ft=(0,n.useCallback)(function(e){e.preventDefault(),0===Ue&&(Ie(Re.current.offsetHeight),Je(1),vt({name:De,message:Ze}),dt(),Q("click_submit","".concat(De,": ").concat(Ze),{userName:De,userMessage:Ze}))},[Ue,Je,De,Ze,Q,dt]),Ht=(0,n.useCallback)(function(){4===Ue?(Je(0),Q("click_skip","Skip button")):(Je(4),Q("click_back","Back button"))},[Ue,Je,Q]);(0,n.useEffect)(function(){var e=null;return 2===Ue&&(e=setTimeout(Je,Z,4),Ie(Ne.current.offsetHeight),Je(3)),function(){3===Ue&&null!==e&&clearTimeout(e)}},[Ue,Ie,Je,Z]);var Zt=[n.createElement(Gn,{key:"title",placeholder:"title",placeholderProps:{height:"0.75em"},emptyLabel:n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:ci.emptyTitle,isEmpty:!ke},ke?n.createElement(Ba,Object.assign({},c,{className:ci.title})):null)],qt=[].concat((0,o.A)(null!==De&&""!==De&&null!==Ze&&""!==Ze?[{name:De,message:Ze}]:[]),(0,o.A)(pt||[]));Zt.push(n.createElement("div",{key:"form",className:ci.interactiveContainer,style:{height:Ue<4?Pe:null,transitionDuration:"".concat(Z,"ms")}},n.createElement("form",{className:ci.form,onSubmit:Ft,ref:Re},n.createElement("div",{className:ci.formContent},n.createElement(Gn,{placeholder:"inputText",placeholderProps:{height:"0.25em"},emptyLabel:n.createElement(Zl.A,{id:"G/ITGY",defaultMessage:[{type:0,value:"Your name"}]}),emptyClassName:ci.emptyInputName,isEmpty:!xe},n.createElement(Qn,{transitions:D,playing:ye,delay:F,disabled:be},n.createElement(si,Object.assign({className:ci.inputName},m,{value:De,onChange:function(e){return ft(e)},onBlur:function(e){return Ct(e)},focusable:I&&ie,disabled:oe,required:!0})))),n.createElement(Gn,{placeholder:"inputText",placeholderProps:{height:"0.75em"},emptyLabel:n.createElement(Zl.A,{id:"JAguka",defaultMessage:[{type:0,value:"Your message"}]}),emptyClassName:ci.emptyInputMessage,isEmpty:!Se},n.createElement(Qn,{transitions:D,playing:ye,delay:2*F,disabled:be},n.createElement(si,Object.assign({className:ci.inputMessage},g,{value:Ze,onChange:function(e){return ht(e)},onBlur:function(e){return Et(e)},disabled:oe,focusable:I&&ie,multiline:!0,required:!0})))),n.createElement(Gn,{placeholder:"button",emptyLabel:n.createElement(Zl.A,{id:"5uH4x7",defaultMessage:[{type:0,value:"Submit"}]}),emptyClassName:ci.emptySubmit,isEmpty:!Me},n.createElement(Qn,{transitions:D,playing:ye,delay:3*F,disabled:be},n.createElement(Aa,{type:"submit",className:ci.buttonSubmit,disabled:oe,buttonStyle:null!==h?h.buttonStyle:null,focusable:I&&ie},n.createElement(ea,Object.assign({},h,{inline:!0})))))),n.createElement("div",{className:ci.formLoading},n.createElement(ei.gc,{className:ci.loadingIcon,icon:$a.z1}))),at&&!et?n.createElement(Gn,{placeholder:"button",emptyLabel:4!==Ue?n.createElement(Zl.A,{id:"U2RZp5",defaultMessage:[{type:0,value:"Skip"}]}):n.createElement(Zl.A,{id:"AzN1aW",defaultMessage:[{type:0,value:"Back"}]}),emptyClassName:ci.emptySkip},n.createElement(Qn,{transitions:D,playing:ye,delay:3*F,disabled:be},n.createElement(Aa,{type:"button",className:Xt([ci.buttonSkip,(0,f.A)({},ci.showBack,4===Ue)]),disabled:oe,onClick:Ht,buttonStyle:null!==ct?ct.buttonStyle:null,focusable:I&&ie},n.createElement(ea,Object.assign({},ct,{inline:!0}))))):null,n.createElement("div",{className:ci.contributionsContainer,"aria-hidden":4===Ue?null:"true"},n.createElement("div",{className:ci.contributionsContent},n.createElement("div",{className:ci.contributions,ref:Ne},qt.map(function(e,t){var l=null!==b&&b.style||null,a=null!==w&&w.style||null;return n.createElement("div",{key:"contribution-".concat(t),className:ci.contribution,style:null!==l?Oe(l.color,"borderColor"):null},n.createElement(Ba,{className:ci.contributionName,body:e.name,size:2,textStyle:l}),n.createElement(ea,{className:ci.contributionMessage,body:e.message,textStyle:a}))})))),Ee?n.createElement("div",{style:{height:Bt}}):null));var _t=!re&&we?n.createElement("div",{className:ci.header,style:{paddingBottom:x}},n.createElement(Pa,R)):null,Yt=ue&&4===Ue;return n.createElement("div",{className:Xt([ci.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},G,null!==G),ci.isPlaceholder,re),ci.submitting,1===Ue),ci.submitted,Ue>1),ci.showContributions,4===Ue)]),"data-screen-ready":!0},n.createElement(ga,{width:J,height:K,className:ci.content},Yt?n.createElement(Aa,{className:ci.reset,icon:n.createElement(ei.gc,{icon:Ka.ye,size:"md"}),onClick:yt}):null,n.createElement("div",{className:ci.inner},n.createElement(Za,{verticalAlign:u,disabled:Ce,onScrolledTrigger:Dt,onScrolledBottom:Ot,onScrolledNotBottom:Vt,scrolleeClassName:ci.scrollee,withShadow:!0},n.createElement(ja,{className:ci.layout,style:re?null:{padding:x,paddingTop:we?x/2+(oe?0:te):x/2,paddingBottom:(I&&!oe?le:0)+x/2}},_t,Zt)),!re&&Ee?n.createElement("div",{ref:Lt,className:Xt([ci.footer,(0,f.A)({},ci.disabled,!zt)]),style:{paddingLeft:Math.max(ne,x/2),paddingRight:Math.max(ne,x/2),paddingTop:0,paddingBottom:(oe?0:le)+x/2}},n.createElement(za,Ae)):null)),re?null:n.createElement(ma,{background:M,width:J,height:K,resolution:$,playing:fe,muted:me,shouldLoad:he,mediaRef:ge,withoutVideo:oe,className:ci.background}))},layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"name",type:"input-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"nXVNeg",defaultMessage:[{type:0,value:"Name"}]})},{name:"message",type:"input-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"RcLsua",defaultMessage:[{type:0,value:"Message"}]})},{name:"submit",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"uAKPQ9",defaultMessage:[{type:0,value:"Submit"}]})},{name:"nameStyle",type:"item-text-style",theme:{style:{textStyle:"heading2"}},label:(0,ue.zR)({id:"SyMSDa",defaultMessage:[{type:0,value:"Published name style"}]})},{name:"messageStyle",type:"item-text-style",theme:{style:{textStyle:"text"}},label:(0,ue.zR)({id:"+SlKOi",defaultMessage:[{type:0,value:"Published message style"}]})},{name:"settings",component:"toggle-section",toggleField:"canViewAnswers",isList:!0,label:(0,ue.zR)({id:"9omJnT",defaultMessage:[{type:0,value:"Answer settings"}]}),fields:[{name:"canViewAnswers",type:"toggle",isHorizontal:!0,label:(0,ue.zR)({id:"xcHW4o",defaultMessage:[{type:0,value:"Can view answers"}]})},{name:"skipButton",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"CpCykm",defaultMessage:[{type:0,value:"Skip button"}]})},{name:"backButton",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"KIXg9M",defaultMessage:[{type:0,value:"Back button"}]})}]},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},mi=l(3104),vi={container:"micromag-screen-conversation-container",background:"micromag-screen-conversation-background",content:"micromag-screen-conversation-content",empty:"micromag-screen-conversation-empty",title:"micromag-screen-conversation-title",footer:"micromag-screen-conversation-footer",disabled:"micromag-screen-conversation-disabled",layout:"micromag-screen-conversation-layout",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",messageBody:"micromag-screen-conversation-messageBody",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",loadingContainer:"micromag-screen-conversation-loadingContainer",loading:"micromag-screen-conversation-loading",dot:"micromag-screen-conversation-dot",loadingSpeakerName:"micromag-screen-conversation-loadingSpeakerName",audioMessageContainer:"micromag-screen-conversation-audioMessageContainer",playButtonContainer:"micromag-screen-conversation-playButtonContainer",button:"micromag-screen-conversation-button",audioMessage:"micromag-screen-conversation-audioMessage",icon:"micromag-screen-conversation-icon"};function gi(e){var t=e.audio,l=void 0===t?null:t,a=e.audioEventsChannelName,i=void 0===a?null:a,o=e.messageId,r=void 0===o?null:o,u=e.nextAudioMessageId,s=void 0===u?null:u,c=e.className,d=void 0===c?null:c,m=(0,n.useState)(!0),v=(0,T.A)(m,2),g=v[0],p=v[1],f=(0,n.useMemo)(function(){return new BroadcastChannel(i)},[i]);return(0,n.useEffect)(function(){var e=function(e){var t=e.data,l=t.type,n=t.id;"play"===l&&p(n!==r)};return f.addEventListener("message",e),function(){return f.removeEventListener("message",e)}},[f]),n.createElement("div",{className:Xt([vi.audioMessageContainer,d])},n.createElement("div",{className:vi.playButtonContainer},g?n.createElement(hn,{className:vi.icon}):n.createElement(fn,{className:vi.icon})),n.createElement(Ya,{withWave:!0,autoWaveHeight:!0,className:vi.audioMessage,media:l,paused:g,updateInterval:100,onEnded:function(){s&&f.postMessage({type:"play",id:s}),p(!0)}}),n.createElement(cn,{onClick:function(){g?(p(!1),f.postMessage({type:"play",id:r})):p(!0)},className:vi.button}))}function pi(e){var t=e.message,l=void 0===t?null:t,a=e.messageId,o=void 0===a?null:a,r=e.previousMessage,u=void 0===r?null:r,s=e.nextMessage,c=void 0===s?null:s,d=e.nextAudioMessageId,m=void 0===d?null:d,v=e.nextMessageState,g=void 0===v?null:v,p=e.currentSpeaker,h=void 0===p?null:p,y=e.conversationTiming,b=void 0===y?null:y,C=e.typingTiming,w=void 0===C?null:C,E=e.onChange,A=void 0===E?null:E,k=e.withAnimation,x=void 0!==k&&k,S=e.active,M=void 0!==S&&S,N=e.isPlaying,R=void 0!==N&&N,z=e.messageStyle,L=void 0===z?null:z,P=e.speakerStyle,I=void 0===P?null:P,B=e.className,O=void 0===B?null:B,V=e.audioEventsChannelName,D=void 0===V?null:V,j=l||{},F=j.message,H=j.image,Z=void 0===H?null:H,W=j.audio,q=j.putAudioBeforeText,_=h||{},G=_.avatar,Y=void 0===G?null:G,U=_.name,Q=_.side,X=void 0===Q?"left":Q,J=_.id,K=_.color,$=(Y||{}).url,ee=void 0===$?null:$,te="right"===X,le=null!==u&&u.speaker===J,ne=null!==c&&c.speaker===J,ae=(0,n.useState)(x?"pause":"send"),ie=(0,T.A)(ae,2),oe=ie[0],re=ie[1],ue=b,se=w;(0,n.useEffect)(function(){if(!x||!R)return function(){};var e=null;return"pause"===oe?e=setTimeout(function(){return re("typing")},ue):"typing"===oe&&(e=setTimeout(function(){return re("send")},se)),function(){null!==e&&clearTimeout(e)}},[x,R,oe,re,ue,se]),(0,n.useEffect)(function(){"pause"!==oe&&null!==A&&A(oe)},[oe]);var ce=ne&&g;return"pause"!==oe?n.createElement("div",{className:Xt([vi.messageContainer,(0,f.A)((0,f.A)((0,f.A)({},O,null!==O),vi.withAnimation,!0===x),vi.right,te)])},"typing"===oe?n.createElement("div",{className:vi.loadingContainer},n.createElement("div",{className:vi.loading},n.createElement("div",{className:vi.dot}),n.createElement("div",{className:vi.dot}),n.createElement("div",{className:vi.dot})),n.createElement("div",{className:vi.loadingSpeakerName},U)):n.createElement("div",{className:Xt([vi.message,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},vi.normalRight,te),vi.nextTheSame,!0===ne&&le),vi.inBetweenRight,ce&&te),vi.normalLeft,!te),vi.inBetweenLeft,ce&&!te),vi.last,!1===ne)]),style:(0,i.A)({},Oe(K))},le?null:n.createElement("div",{className:Xt([vi.speakerDetails,(0,f.A)({},vi.right,"right"===X)])},null!==ee?n.createElement("div",{className:Xt([vi.avatarContainer,(0,f.A)({},vi.right,"right"===X)])},n.createElement("img",{className:vi.avatar,src:ee,alt:U,loading:"lazy"})):null,n.createElement(ea,{body:U,textStyle:I})),n.createElement("div",{className:vi.messageBody},null!==Z?n.createElement("div",{className:vi.imageContainer},n.createElement(ba,{media:Z,width:"100%",playing:R,active:M})):null,W&&q?n.createElement(gi,{audio:W,messageId:o,nextAudioMessageId:m,audioEventsChannelName:D,className:Xt(vi.audioAttachment,vi.beforeText)}):null,n.createElement(ea,{className:vi.messageText,body:F,textStyle:L}),W&&!q?n.createElement(gi,{audio:W,messageId:o,nextAudioMessageId:m,audioEventsChannelName:D,className:Xt(vi.audioAttachment,vi.afterText)}):null))):null}var fi={id:"conversation",type:"screen",group:{label:(0,ue.zR)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:3},title:(0,ue.zR)({id:"rBPIgw",defaultMessage:[{type:0,value:"Conversation"}]}),component:function(e){var t=e.title,l=void 0===t?null:t,a=e.timing,i=void 0===a?"sequence":a,r=e.readingSpeed,u=void 0===r?255:r,s=e.spacing,c=void 0===s?20:s,d=e.background,m=void 0===d?null:d,v=e.header,g=void 0===v?null:v,p=e.footer,h=void 0===p?null:p,y=e.current,b=void 0===y||y,C=e.preload,w=void 0===C||C,E=e.type,A=void 0===E?null:E,k=e.conversation,x=void 0===k?null:k,S=e.transitions,M=void 0===S?null:S,N=e.className,R=void 0===N?null:N,z=Pt(),L=z.width,P=z.height,I=z.resolution,B=jt(),O=B.topHeight,V=B.bottomHeight,D=B.bottomSidesWidth,j=Wt().open,F=Tl(A),H=kt().muted,Z=xt(b,!0),W=Z.ref,q=Z.isCurrent,_=void 0!==q&&q,G=new BroadcastChannel("conversation_".concat((0,mi.A)(),"_audioEvents")),Y=Rt(),U=Y.isView,Q=Y.isPreview,X=Y.isPlaceholder,J=Y.isEdit,K=Y.isStatic,$=Y.isCapture,ee=b&&(U||J)&&(_||!U),te=b||w,le=U&&!K&&"sequence"===i,ne=x||{},ae=ne.speakers,ie=void 0===ae?null:ae,oe=ne.messages,re=void 0===oe?[]:oe,ue=ne.messageStyle,se=ne.speakerStyle,ce=(0,n.useState)([]),de=(0,T.A)(ce,2),me=de[0],ve=de[1],ge=(0,n.useRef)(null),pe=_e(g),fe=Ge(h),he=ze(h,{isView:U,current:b,openWebView:j,isPreview:Q}),ye=Xe(l),be=fl(),Ce=be.ref,we=be.height,Ee=(0,n.useRef)(null),Ae=(0,n.useState)(!1),ke=(0,T.A)(Ae,2),xe=ke[0],Se=ke[1];(0,n.useEffect)(function(){le&&null!==Ee.current&&xe&&Ee.current.scrollTo({top:we,behavior:"smooth"})},[we,le]);var Me=re.length===me.length,Ne=(0,n.useCallback)(function(e){var t=(0,o.A)(me);"send"===e&&(t.push(!0),ve(t))},[me,ve]),Re=6e4/u,Te=(re||[]).filter(function(e){return null!==e}),Le=Te.map(function(e,t){if(0===t)return 0;var l,n=e||{},a=n.timing,i=void 0===a?null:a,o=n.message,r=void 0===o?null:o,u=n.image,s=n.audio,c=n.timingOverrides;if(null!==i)return i;if(null!=c&&c.enabled&&Number.isFinite(null==c?void 0:c.writingDuration))return 1e3*c.writingDuration;if(s)return null===(l=s.metadata)||void 0===l?void 0:l.duration;var d=(r?r.replace(/[^\w\d\s]/g,"").trim().split(/\s/g).length:0)*Re;return u&&(d+=5e3),d}),Pe=Te.map(function(e,t){var l=e.timingOverrides;return 0!==t&&null!=l&&l.enabled&&Number.isFinite(null==l?void 0:l.appearDelay)?1e3*l.appearDelay:1500}),Ie=(0,n.useMemo)(function(){return(re||[]).map(function(){return(0,mi.A)()})},[re]),Be=K||$||X||Q||J,Oe=!J&&Be||!b,Ve=Me&&!X&&fe||!le,De=(0,n.useCallback)(function(e){e.initial&&F("scroll","Screen"),Se(!0)},[F]),je=(0,n.useCallback)(function(){Se(!1)},[Se]),Fe=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);F("scroll",t,{scrollPercent:t})}},[F]);return n.createElement("div",{className:Xt([vi.container,(0,f.A)((0,f.A)({},R,null!==R),vi.isPlaceholder,X)]),"data-screen-ready":!0},n.createElement(ga,{width:L,height:P,className:vi.content},n.createElement(Za,{ref:Ee,disabled:Oe,onScrolledTrigger:Fe,onScrolledBottom:De,onScrolledNotBottom:je,withShadow:!0},n.createElement("div",{ref:Ce},n.createElement(ja,{className:vi.layout,style:X?null:{padding:c,paddingTop:(Q?0:O)+c/2,paddingBottom:(b&&!Q?V:0)+c/2}},!X&&pe?n.createElement("div",{key:"header",style:{paddingBottom:c}},n.createElement(Pa,g)):null,n.createElement(Gn,{placeholder:"conversation",emptyLabel:n.createElement(Zl.A,{id:"NmCfTO",defaultMessage:[{type:0,value:"Conversation"}]}),emptyClassName:vi.empty,isEmpty:0===re.length&&null===l},n.createElement(Qn,{transitions:M,playing:b,disabled:Be},ye?n.createElement(Ba,Object.assign({},l,{className:vi.title,isEmpty:null===l})):null,n.createElement("div",{className:vi.conversation},Te.map(function(e,t){var l=0!==t?re[t-1]:null,a=t+1<re.length?re[t+1]:null,i=e.speaker,o=(ie||[]).find(function(e){return e.id===i})||null,r=0===t||!0===me[t-1],u=Pe[t],s=Le[t],c="".concat(e.message,"-").concat(Ie[t]),d=Te.slice(t+1).find(function(e){return null!=e.audio}),m=d?"".concat(e.message,"-").concat(Ie[Te.indexOf(d)]):null;return n.createElement(pi,{key:c,message:e,messageId:c,previousMessage:l,nextMessage:a,nextAudioMessageId:m,nextMessageState:me[t+1]||!le,currentSpeaker:o,conversationTiming:u,typingTiming:s,onChange:Ne,withAnimation:le,isPlaying:b&&r,shouldLoad:te,withoutVideo:Q,messageStyle:ue,speakerStyle:se,audioEventsChannelName:G.name})})),Ve?n.createElement("div",{className:Xt([vi.footer,(0,f.A)({},vi.disabled,!xe)]),style:{paddingLeft:Math.max(D-c,0),paddingRight:Math.max(D-c,0),paddingTop:c}},n.createElement(za,he)):null,n.createElement("div",{ref:ge}))))))),X?null:n.createElement(ma,{background:m,width:L,height:P,resolution:I,playing:ee,muted:H,shouldLoad:te,mediaRef:W,withoutVideo:Q,className:vi.background}))},layouts:["normal"],fields:[{name:"timing",type:"select",options:[{value:"instant",label:"Instant"},{value:"sequence",label:"Sequence"}],label:(0,ue.zR)({id:"6DV50M",defaultMessage:[{type:0,value:"Timing"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"conversation",type:"conversation",label:(0,ue.zR)({id:"8tANs8",defaultMessage:[{type:0,value:"Conversation"}]})},{name:"readingSpeed",type:"number",defaultValue:255,label:(0,ue.zR)({id:"QjbLZ9",defaultMessage:[{type:0,value:"Reading speed (in Words Per Minute)"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},hi=l(8360);function yi(e){var t=e.items,l=void 0===t?[]:t,a=e.layout,i=void 0===a?null:a,o=e.width,r=void 0===o?null:o,u=e.height,s=void 0===u?null:u,c=e.spacing,d=void 0===c?0:c,m=e.vertical,v=void 0!==m&&m,g=e.className,p=void 0===g?null:g,h=e.axisClassName,y=void 0===h?null:h,C=e.crossClassName,w=void 0===C?null:C,E=0,A=b(i)?i:[{rows:v?l.map(function(){return 1}):1,columns:v?1:l.map(function(){return 1})}],k=A.reduce(function(e,t){var l=t.rows,n=void 0===l?1:l,a=t.columns;return e+(v?void 0===a?1:a:n)},0);return n.createElement("div",{className:Xt(["micromag-element-grid-container",(0,f.A)({},p,null!==p)]),style:{width:r,height:s,padding:null!==d&&d>0?d/2:null}},n.createElement("div",{className:"micromag-element-grid-items",style:{flexDirection:v?"row":"column"}},A.map(function(e,t){var a=e.rows,i=e.columns,o="".concat((v?i:a)/k*100,"%"),r=v?a:i,u=b(r)?r:[r],s=u.reduce(function(e,t){return e+t},0);return n.createElement("div",{key:"cross-".concat(t),className:Xt(["micromag-element-grid-cross",(0,f.A)({},w,null!==w)]),style:{flexDirection:v?"column":"row",width:v?o:null,height:v?null:o}},u.map(function(e,t){var a="".concat(e/s*100,"%"),i=l[E];return E+=1,n.createElement("div",{key:"axis-".concat(t),className:Xt(["micromag-element-grid-axis",(0,f.A)({},y,null!==y)]),style:{width:v?null:a,height:v?a:null,padding:d>0?d/2:0}},i)}))})))}var bi=l(6207),Ci=l(9575),wi={"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]}]}},Ei={container:"micromag-screen-gallery-container",background:"micromag-screen-gallery-background",content:"micromag-screen-gallery-content",inner:"micromag-screen-gallery-inner",grid:"micromag-screen-gallery-grid",placeholder:"micromag-screen-gallery-placeholder",emptyImage:"micromag-screen-gallery-emptyImage",emptyCaption:"micromag-screen-gallery-emptyCaption",gridItem:"micromag-screen-gallery-gridItem",imageContainer:"micromag-screen-gallery-imageContainer",header:"micromag-screen-gallery-header",footer:"micromag-screen-gallery-footer",image:"micromag-screen-gallery-image",caption:"micromag-screen-gallery-caption"};function Ai(e){var t=e.layout,l=void 0===t?"four-mosaic":t,a=e.images,r=void 0===a?[]:a,u=e.withCaptions,s=void 0!==u&&u,c=e.imageCaptionStyle,d=void 0===c?null:c,m=e.background,v=void 0===m?null:m,g=e.header,p=void 0===g?null:g,h=e.footer,y=void 0===h?null:h,b=e.current,C=void 0===b||b,w=e.active,E=void 0===w||w,A=e.preload,k=void 0===A||A,x=e.spacing,S=void 0===x?20:x,M=e.captionMaxLines,N=void 0===M?2:M,R=e.className,z=void 0===R?null:R,L=Pt(),P=L.width,I=L.height,B=L.resolution,O=jt(),V=O.topHeight,D=O.bottomHeight,j=O.bottomSidesWidth,F=Wt().open,H=kt().muted,Z=xt(C,!0),W=Z.ref,q=Z.isCurrent,_=void 0!==q&&q,G=null!==S?Math.max(0,S||0):20,Y=Rt(),U=Y.isView,Q=Y.isPreview,X=Y.isPlaceholder,J=Y.isEdit,K=C&&(U||J)&&(_||!U),$=C||k,ee=X?5:G,te=hi(wi[l])?wi[l]:{},le=te.layout,ne=void 0===le?[]:le,ae=te.vertical,ie=void 0!==ae&&ae,oe=ne.reduce(function(e,t){var l=t.rows,n=t.columns;return e+(ie?l:n).length},0),re=(0,n.useState)(0),ue=(0,T.A)(re,2),se=ue[0],ce=ue[1],de=se>=(null!==r?Math.min(oe,r.length):0),me=(0,n.useCallback)(function(){ce(function(e){return e+1})},[ce]),ve=(0,n.useRef)([]),ge=(0,n.useState)([]),pe=(0,T.A)(ge,2),fe=pe[0],he=pe[1],ye=fl(),be=ye.ref,Ce=ye.width,we=void 0===Ce?null:Ce,Ee=ye.height,Ae=void 0===Ee?null:Ee;(0,n.useEffect)(function(){ve.current.length&&he(ve.current.map(function(e){return null!==e?{width:e.offsetWidth,height:e.offsetHeight}:{}}))},[we,Ae,l,he]);var ke=_e(p),xe=Ge(y),Se=ze(y,{isView:U,current:C,openWebView:F,isPreview:Q}),Me=fl(),Ne=Me.ref,Re=Me.height,Te=void 0===Re?0:Re,Le=fl(),Pe=Le.ref,Ie=Le.height,Be=void 0===Ie?0:Ie,Oe=(0,o.A)(Array(oe)).map(function(e,t){var l=null!==r?r[t]:null,a=fe[t]||{},o=s?l:{media:l},u=(o||{}).caption,c=void 0===u?null:u,m=Ue(o),v=Xe(c),g=(c||{}).textStyle,p=void 0===g?null:g;return n.createElement("div",{key:"item-".concat(t),className:Ei.gridItem},n.createElement("div",{className:Ei.imageContainer,ref:function(e){ve.current[t]=e}},n.createElement(Gn,{placeholder:"image",placeholderProps:{className:Ei.placeholder,height:"100%"},emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Ei.emptyImage,isEmpty:!m},E||C?n.createElement(ba,Object.assign({className:Ei.image},o,a,{loadingMode:"lazy",resolution:B,objectFit:{fit:"cover"},playing:K,active:E,shouldLoad:$,withoutVideo:Q,onLoaded:me})):null)),s?n.createElement(Gn,{placeholder:"line",emptyLabel:n.createElement(Zl.A,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:Ei.emptyCaption,isEmpty:!v},n.createElement("div",{className:Ei.caption},n.createElement(ea,Object.assign({},c,{className:Ei.captionText,lineClamp:N,textStyle:(0,i.A)((0,i.A)({},d||null),p)})))):null)});return n.createElement("div",{className:Xt([Ei.container,(0,f.A)((0,f.A)({},z,null!==z),Ei.isPlaceholder,X)]),"data-screen-ready":de},n.createElement(ga,{width:P,height:I,className:Ei.content},n.createElement("div",{className:Ei.inner,style:{paddingTop:(ke?Te:0)+(Q?0:V),paddingBottom:(xe?Be:0)+(C&&!Q?D:0)},ref:be},!X&&ke?n.createElement("div",{className:Ei.header,ref:Ne,style:{paddingTop:ke?ee/2:G,paddingLeft:G,paddingRight:G,transform:Q?null:"translate(0, ".concat(V,"px)")}},n.createElement(Pa,p)):null,n.createElement(yi,Object.assign({className:Ei.grid,spacing:ee,items:Oe},te)),!X&&xe?n.createElement("div",{className:Ei.footer,ref:Pe,style:{paddingLeft:Math.max(ee/2,j),paddingRight:Math.max(ee/2,j),paddingBottom:ee/2,transform:Q?null:"translate(0, -".concat(D,"px)")}},n.createElement(za,Se)):null)),X?null:n.createElement(ma,{background:v,width:P,height:I,resolution:B,playing:K,muted:H,shouldLoad:$,mediaRef:W,withoutVideo:Q,className:Ei.background}))}var ki=[{id:"gallery",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,ue.zR)({id:"jaFXki",defaultMessage:[{type:0,value:"Gallery"}]}),component:Ai,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"],fields:[{name:"layout",type:"screen-layout",defaultValue:"two-vertical-equal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"images",type:"visuals",label:(0,ue.zR)({id:"muYwrB",defaultMessage:[{type:0,value:"Images"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"gallery-captions",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,ue.zR)({id:"MmJQ7o",defaultMessage:[{type:0,value:"Gallery with captions"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Ai,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"],fields:[{name:"layout",type:"screen-layout",defaultValue:"two-vertical-equal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"images",type:"visuals-with-caption",theme:{caption:{textStyle:"text"}},label:(0,ue.zR)({id:"59f2bg",defaultMessage:[{type:0,value:"Images"}]})},{name:"imageCaptionStyle",type:"text-style-form",label:(0,ue.zR)({id:"Qz7nUz",defaultMessage:[{type:0,value:"Caption style"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],xi={container:"micromag-screen-gallery-feed-container",background:"micromag-screen-gallery-feed-background",content:"micromag-screen-gallery-feed-content",emptyImage:"micromag-screen-gallery-feed-emptyImage",emptyCaption:"micromag-screen-gallery-feed-emptyCaption",image:"micromag-screen-gallery-feed-image",imageContainer:"micromag-screen-gallery-feed-imageContainer",video:"micromag-screen-gallery-feed-video",footer:"micromag-screen-gallery-feed-footer",disabled:"micromag-screen-gallery-feed-disabled",caption:"micromag-screen-gallery-feed-caption",isPlaceholder:"micromag-screen-gallery-feed-isPlaceholder",layout:"micromag-screen-gallery-feed-layout"};function Si(e){var t=e.layout,l=void 0===t?"normal":t,a=e.images,r=void 0===a?null:a,u=e.withCaptions,s=void 0!==u&&u,c=e.imageCaptionStyle,d=void 0===c?null:c,m=e.spacing,v=void 0===m?20:m,g=e.background,p=void 0===g?null:g,h=e.header,y=void 0===h?null:h,b=e.footer,C=void 0===b?null:b,w=e.current,E=void 0===w||w,A=e.active,k=void 0===A||A,x=e.preload,S=void 0===x||x,M=e.type,N=void 0===M?null:M,R=e.className,z=void 0===R?null:R,L=Tl(N),P=Pt(),I=P.width,B=P.height,O=P.resolution,V=jt(),D=V.topHeight,j=V.bottomHeight,F=V.bottomSidesWidth,H=Wt().open,Z=kt().muted,W=xt(E,!0),q=W.ref,_=W.isCurrent,G=void 0!==_&&_,Y=null!==v?Math.max(0,v||0):20,U=Rt(),Q=U.isView,X=U.isPreview,J=U.isPlaceholder,K=U.isEdit,$=U.isStatic,ee=U.isCapture,te=E&&(Q||K)&&(G||!Q),le=E||S,ne=null!==r?r.length:0,ae=(0,n.useState)(0),ie=(0,T.A)(ae,2),oe=ie[0],re=ie[1],ue=oe>=ne,se=!K&&($||ee||J||X||K)||!E,ce=(0,n.useCallback)(function(){re(oe+1)},[oe,re]),de="reverse"===l,me=[],ve=K&&0===ne?[null]:r,ge=J?(0,o.A)(Array(5)):ve,pe=fl(),fe=pe.ref,he=pe.width;(ge||[]).forEach(function(e,t){var l=s?e:{media:e},a=(l||{}).caption,o=void 0===a?null:a,r=Ue(l),u=Xe(o),c=(o||{}).textStyle,m=void 0===c?null:c,v=n.createElement(Gn,{key:"image-".concat(t),placeholder:"image",emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:xi.emptyImage,isEmpty:!r},n.createElement("div",{className:xi.imageContainer,ref:0===t?fe:null},n.createElement(ba,Object.assign({},l,{loadingMode:"lazy",className:xi.image,videoClassName:xi.video,width:he,resolution:O,playing:te,active:k,shouldLoad:le,withoutVideo:X,onLoaded:ce})))),g=null;if(s){var p=!de||t>0?Y/2:0,f=de||t<(ge||[]).length-1?Y/2:0;g=n.createElement(Gn,{key:"caption-".concat(t),placeholder:"text",placeholderProps:{lines:2},emptyLabel:n.createElement(Zl.A,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:xi.emptyCaption,isEmpty:!u},u?n.createElement("div",{className:xi.caption,style:{marginTop:p,marginBottom:f}},n.createElement(ea,Object.assign({},o,{textStyle:(0,i.A)((0,i.A)({},d||null),m),className:xi.captionText}))):null)}de?(s&&me.push(g),me.push(v)):(me.push(v),s&&me.push(g)),!J&&t<(ge||[]).length-1&&me.push(n.createElement("div",{key:"spacing-".concat(t),style:{height:Y}}))});var ye=_e(y),be=Ge(C),Ce=ze(C,{isView:Q,current:E,openWebView:H,isPreview:X}),we=(0,n.useState)(!1),Ee=(0,T.A)(we,2),Ae=Ee[0],ke=Ee[1],xe=(0,n.useCallback)(function(e){e.initial&&L("scroll","Screen"),ke(!0)},[L]),Se=(0,n.useCallback)(function(){ke(!1)},[ke]),Me=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);L("scroll",t,{scrollPercent:t})}},[L]);return n.createElement("div",{className:Xt([xi.container,(0,f.A)((0,f.A)({},z,null!==z),xi.isPlaceholder,J)]),"data-screen-ready":ue},n.createElement(ga,{width:I,height:B,className:xi.content},n.createElement(Za,{disabled:se,onScrolledTrigger:Me,onScrolledBottom:xe,onScrolledNotBottom:Se,withShadow:!0},n.createElement(ja,{className:xi.layout,style:J?null:{padding:Y,paddingTop:(X?0:D)+(ye?Y/2:Y),paddingBottom:(E&&!X?j:0)+Y/2}},!J&&ye?n.createElement("div",{key:"header",style:{paddingBottom:Y}},n.createElement(Pa,y)):null,me,!J&&be?n.createElement("div",{className:Xt([xi.footer,(0,f.A)({},xi.disabled,!Ae)]),style:{paddingLeft:Math.max(F-Y,0),paddingRight:Math.max(F-Y,0),paddingTop:Y}},n.createElement(za,Ce)):null))),J?null:n.createElement(ma,{background:p,width:I,height:B,resolution:O,playing:te,muted:Z,shouldLoad:le,mediaRef:q,withoutVideo:X,className:xi.background}))}var Mi=[{id:"gallery-feed",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,ue.zR)({id:"4bHvRS",defaultMessage:[{type:0,value:"Gallery Feed"}]}),component:Si,layouts:["normal"],fields:[{name:"images",type:"visuals",label:(0,ue.zR)({id:"muYwrB",defaultMessage:[{type:0,value:"Images"}]})},{name:"spacing",type:"number",defaultValue:20,isHorizontal:!0,label:(0,ue.zR)({id:"Zpl5bJ",defaultMessage:[{type:0,value:"Spacing"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"gallery-feed-captions",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,ue.zR)({id:"XTJGzY",defaultMessage:[{type:0,value:"Gallery feed with captions"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Si,Object.assign({},t,{withCaptions:!0}))},layouts:["normal","reverse"],fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"images",type:"visuals-with-caption",theme:{caption:{textStyle:"text"}},label:(0,ue.zR)({id:"T9NZPQ",defaultMessage:[{type:0,value:"Images"}]})},{name:"spacing",type:"number",defaultValue:20,isHorizontal:!0,label:(0,ue.zR)({id:"Zpl5bJ",defaultMessage:[{type:0,value:"Spacing"}]})},{name:"imageCaptionStyle",type:"text-style-form",label:(0,ue.zR)({id:"Qz7nUz",defaultMessage:[{type:0,value:"Caption style"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],Ni=l(938),Ri={container:"micromag-screen-game-sort-container",background:"micromag-screen-game-sort-background",content:"micromag-screen-game-sort-content",heading:"micromag-screen-game-sort-heading",layout:"micromag-screen-game-sort-layout",emptyHeading:"micromag-screen-game-sort-emptyHeading",emptyItems:"micromag-screen-game-sort-emptyItems",header:"micromag-screen-game-sort-header",footer:"micromag-screen-game-sort-footer",items:"micromag-screen-game-sort-items",item:"micromag-screen-game-sort-item",itemInner:"micromag-screen-game-sort-itemInner",thumbnail:"micromag-screen-game-sort-thumbnail",sorted:"micromag-screen-game-sort-sorted",draggable:"micromag-screen-game-sort-draggable",button:"micromag-screen-game-sort-button",buttonLabel:"micromag-screen-game-sort-buttonLabel",buttonResults:"micromag-screen-game-sort-buttonResults",label:"micromag-screen-game-sort-label",isEmpty:"micromag-screen-game-sort-isEmpty",valid:"micromag-screen-game-sort-valid",invalid:"micromag-screen-game-sort-invalid",resultsVisible:"micromag-screen-game-sort-resultsVisible",layoutLabelTop:"micromag-screen-game-sort-layoutLabelTop",layoutNoLabel:"micromag-screen-game-sort-layoutNoLabel",layoutLabelOver:"micromag-screen-game-sort-layoutLabelOver",buttonVisual:"micromag-screen-game-sort-buttonVisual",submitButton:"micromag-screen-game-sort-submitButton",results:"micromag-screen-game-sort-results"},zi={id:"game-sort",type:"screen",group:{label:(0,ue.zR)({id:"w3+kFW",defaultMessage:[{type:0,value:"Game"}]}),order:12},title:(0,ue.zR)({id:"eJMcXw",defaultMessage:[{type:0,value:"Sort game"}]}),component:function(e){var t=e.layout,l=void 0===t?"top":t,a=e.heading,r=void 0===a?null:a,u=e.items,s=void 0===u?null:u,c=e.spacing,d=void 0===c?20:c,m=e.itemsLayout,v=void 0===m?"label-bottom":m,p=e.itemsBoxStyle,h=void 0===p?null:p,y=e.itemsTextStyle,b=void 0===y?null:y,C=e.itemsResultsTextStyle,w=void 0===C?null:C,E=e.validBoxStyle,A=void 0===E?null:E,k=e.invalidBoxStyle,x=void 0===k?null:k,S=e.submitBoxStyle,M=void 0===S?null:S,N=e.submitTextStyle,R=void 0===N?null:N,z=e.submitButtonLabel,L=void 0===z?null:z,P=e.results,I=void 0===P?null:P,B=e.resultsBoxStyle,O=void 0===B?null:B,V=e.background,D=void 0===V?null:V,j=e.header,F=void 0===j?null:j,H=e.footer,Z=void 0===H?null:H,W=e.current,q=void 0===W||W,_=e.active,G=void 0===_||_,Y=e.className,U=void 0===Y?null:Y,Q=(0,Hl.A)(),X=Pt(),J=X.width,K=X.height,$=X.resolution,ee=Rt(),te=ee.isView,le=ee.isPreview,ne=ee.isPlaceholder,ae=ee.isEdit,ie=jt(),oe=ie.topHeight,re=ie.bottomHeight,ue=ie.bottomSidesWidth,se=Wt().open,ce=kt().muted,de=xt(q,!0),me=de.ref,ve=de.isCurrent,ge=q&&(te||ae)&&(void 0!==ve&&ve||!te),pe=q||G,fe=_e(F),he=Ge(Z),ye=ze(Z,{isView:te,current:q,openWebView:se,isPreview:le}),be=fl(),Ce=be.ref,we=be.height,Ee=void 0===we?0:we,Ae=fl(),ke=Ae.ref,xe=Ae.height,Se=void 0===xe?0:xe,Me=fl(),Ne=Me.ref,Re=Me.height,Te=void 0===Re?0:Re,Le=te,Pe=Tl("game-sort"),Ie=(0,n.useMemo)(function(){return(s||[]).map(function(e,t){return(0,i.A)({id:"item-".concat(t)},e)})},[s]),Be=te,Oe=(0,n.useState)(Be?Ni(Ie||[]):Ie||[]),De=(0,T.A)(Oe,2),je=De[0],He=De[1],Ze=(0,n.useRef)(je),We=(0,n.useRef)(Ie),qe=(0,n.useRef)({}),Ye=(0,n.useState)(!1),Ue=(0,T.A)(Ye,2),Qe=Ue[0],Xe=Ue[1],Je=(0,n.useState)(null),Ke=(0,T.A)(Je,2),$e=Ke[0],et=Ke[1],tt=(0,n.useRef)(je),lt=(0,n.useState)(!1),nt=(0,T.A)(lt,2),at=nt[0],it=nt[1],ot=te&&G&&q&&null===$e;(0,n.useEffect)(function(){if(We.current!==Ie&&!te){var e=Be?Ni(Ie||[]):Ie||[];He(e),Ze.current=e,We.current=Ie}},[Ie]);var rt=(0,n.useCallback)(function(e,t,l){var n=e.findIndex(function(e){return e===t}),a=(0,o.A)(e),i=a[l];return a[l]=t,a[n]=i,a},[]),ut=(0,n.useCallback)(function(e,t){var l=rt(je,e,t);He(l),Ze.current=l},[je,rt]),st=(0,on.mX)((Ie||[]).length,function(){return{y:"0%",scale:1}},[]),ct=(0,T.A)(st,2),dt=ct[0],mt=ct[1],vt=(0,n.useCallback)(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.dragItem,n=t.dragY,a=t.initial,i=void 0!==a&&a,o=e.map(function(e){return qe.current[e.id]||null}),r=(Ie||[]).map(function(e){return qe.current[e.id]||null}).map(function(e){var t;return(null==e||null===(t=e.getBoundingClientRect())||void 0===t?void 0:t.height)||0}),u=o.map(function(e){var t;return(null==e||null===(t=e.getBoundingClientRect())||void 0===t?void 0:t.height)||0});mt.start(function(t){var a=(Ie||[])[t]||null,o=e.findIndex(function(e){return e.id===a.id}),s=r[t]||0,c=r.slice(0,t).reduce(function(e,t){return e+t},0);if(a===l)return{y:"".concat((n-c)/s*100,"%"),scale:1.02,immediate:!0};var d=u.slice(0,o).reduce(function(e,t){return e+t},0);return{y:"".concat((d-c)/s*100,"%"),scale:1,immediate:i}}),i&&Xe(!0)},[mt]);(0,n.useEffect)(function(){te&&vt(je,{initial:tt.current===je})},[je,Te]);var gt=(0,Qt.useDrag)(function(e){var t=(0,T.A)(e.args,1)[0],l=e.active,n=(0,T.A)(e.movement,2)[1],a=e.tap,i=Ie[t]||{};if(a){var o=je.findIndex(function(e){return e===i}),r=0===o?je.length-1:o-1;return ut(i,r),void(Le&&Pe("tap","item_".concat(t)))}var u=je.findIndex(function(e){return e===i}),s=je.map(function(e){return qe.current[e.id]||null}).map(function(e){var t;return(null==e||null===(t=e.getBoundingClientRect())||void 0===t?void 0:t.height)||0}),c=s.map(function(e,t){var l=e+s.slice(0,t).reduce(function(e,t){return e+t},0);return{isStart:0===t,isEnd:t===s.length-1,start:l-e,end:l}}),d=c[u].end-s[u]/2+n,m=c.findIndex(function(e){var t=e.isStart,l=e.isEnd,n=e.start,a=e.end;return(t||d>=n)&&(l||d<a)});if(l){var v=rt(Ze.current,i,m);Ze.current=v,vt(v,{dragItem:i,dragY:c[u].start+n})}else He(Ze.current),Le&&Pe("drag","item_".concat(t))},{axis:"y",preventDefault:!0,filterTaps:!0,enabled:ot}),pt=(0,n.useCallback)(function(){var e=Ie.map(function(e,t){return t===je.findIndex(function(t){return t===e})});et(e);var t=e.reduce(function(e,t){return e&&t},!0),l=e.filter(function(e){return!e}).length;Le&&Pe("submit",t?"valid":"invalid_".concat(l))},[Ie,je,Le,Pe]);return(0,n.useEffect)(function(){if(null===$e)return function(){};var e=setTimeout(function(){He(Ie),it(!0)},1e3);return function(){clearTimeout(e)}},[$e]),n.createElement("div",{className:Xt([Ri.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},U,null!==U),Ri.sorted,Qe||!te),Ri.draggable,ot),Ri.resultsVisible,at),Ri.isPlaceholder,ne)]),"data-screen-ready":!0},n.createElement(ga,{width:J,height:K,className:Ri.content},n.createElement(ja,{className:Ri.layout,verticalAlign:l,fullscreen:!0,style:ne?null:{padding:d,paddingTop:(le?0:oe)+(Ee||d),paddingBottom:(q&&!le?re:0)+(Se||d)}},!ne&&fe?n.createElement("div",{className:Ri.header,ref:Ce,style:{paddingTop:d/2,paddingBottom:d,paddingLeft:d,paddingRight:d,transform:"translate(0px, ".concat(oe,"px)")}},n.createElement(Pa,F)):null,n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"X7kRRa",defaultMessage:[{type:0,value:"Heading"}]}),emptyClassName:Ri.emptyHeading,isEmpty:!r||""===(null==r?void 0:r.body)},r?n.createElement(Ba,Object.assign({className:Xt([Ri.heading])},r)):null),n.createElement("div",{className:Ri.items,ref:Ne},n.createElement(Da,{key:"spacer",size:5}),n.createElement(Gn,{key:"items",placeholder:"items",emptyLabel:n.createElement(Zl.A,{id:"03U69o",defaultMessage:[{type:0,value:"Buttons"}]}),emptyClassName:Ri.emptyItems,isEmpty:0===(Ie||[]).length},dt.map(function(e,t){var l=e.y,a=e.scale,o=Ie[t]||{}||{},r=o.id,u=void 0===r?null:r,s=o.visual,c=void 0===s?null:s,d=o.label,m=o.boxStyle,p=void 0===m?null:m,y=o.results,C=void 0===y?null:y,E=g(d)?{body:d}:d||{},k=E||{},S=k.body,M=void 0===S?null:S,N=k.textStyle,R=null===M&&null===c,z=null!==$e&&$e[t];return n.createElement(on.CS.div,Object.assign({key:"button-".concat(t),className:Xt([Ri.item,(0,f.A)((0,f.A)((0,f.A)({clickable:ot},Ri.isEmpty,R),Ri.valid,null!==$e&&z),Ri.invalid,null!==$e&&!z)]),ref:function(e){qe.current[u]=e},style:(0,i.A)((0,i.A)({transform:l.to(function(e){return"translateY(".concat(e,")")})},Fe(b)),Fe(N))},gt(t)),n.createElement("div",{className:Ri.itemInner},n.createElement(on.CS.div,{className:Xt([Ri.button,(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Ri.layoutLabelBottom,"label-bottom"===v),Ri.layoutLabelTop,"label-top"===v),Ri.layoutNoLabel,"no-label"===v),Ri.layoutLabelOver,"label-over"===v)]),style:(0,i.A)((0,i.A)((0,i.A)((0,i.A)({transform:a.to(function(e){return"scale(".concat(e,")")})},Ve(h)),Ve(p)),Ve($e&&z?A:null)),Ve($e&&!z?x:null))},null!==c?n.createElement(ba,{className:Ri.buttonVisual,imageClassName:Ri.thumbnail,media:c,width:"auto"}):null,null!==M||null!==C&&at?n.createElement("div",{className:Ri.buttonLabel},null!==M?n.createElement(ea,Object.assign({},E,{textStyle:(0,i.A)((0,i.A)({},b),N),className:Ri.label})):null,null!==C&&at?n.createElement(ea,Object.assign({},C,{className:Ri.buttonResults,textStyle:(0,i.A)((0,i.A)({},w),C.textStyle)})):null):null)))}))),at&&null!==I?n.createElement("div",{className:Ri.results,style:(0,i.A)({},Ve(O))},n.createElement(ea,I)):n.createElement(Aa,{className:Ri.submitButton,disabled:null!==$e,type:"button",onClick:pt,style:(0,i.A)((0,i.A)({},Ve(M)),Fe(R))},L||Q.formatMessage({id:"IbZVf0",defaultMessage:[{type:0,value:"Submit"}]})),!ne&&he?n.createElement("div",{className:Ri.footer,ref:ke,style:{paddingTop:d,paddingBottom:d/2,paddingLeft:Math.max(ue-d,0),paddingRight:Math.max(ue-d,0)}},n.createElement(za,ye)):null)),ne?null:n.createElement(ma,{background:D,width:J,height:K,resolution:$,playing:ge,muted:ce,shouldLoad:pe,mediaRef:me,withoutVideo:le,className:Ri.background}))},layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"middle",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"heading",type:"heading-element",label:(0,ue.zR)({id:"wx5PI0",defaultMessage:[{type:0,value:"Heading"}]})},{name:"items",type:"game-sort-items",label:(0,ue.zR)({id:"fbUW2U",defaultMessage:[{type:0,value:"Items"}]}),isSection:!0},{label:(0,ue.zR)({id:"83959F",defaultMessage:[{type:0,value:"Items style"}]}),type:"fields",isList:!0,isSection:!0,fields:[{name:"itemsLayout",type:"button-layout",label:(0,ue.zR)({id:"OPxJx/",defaultMessage:[{type:0,value:"Layout"}]})},{name:"itemsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"rzXCu2",defaultMessage:[{type:0,value:"Label style"}]})},{name:"resultsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"ex1Bgx",defaultMessage:[{type:0,value:"Results style"}]})},{name:"itemsBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"p1pghO",defaultMessage:[{type:0,value:"Box style"}]})},{name:"validBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"ao5VYd",defaultMessage:[{type:0,value:"Valid box style"}]})},{name:"invalidBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"JLYWNN",defaultMessage:[{type:0,value:"Invalid box style"}]})}]},{label:(0,ue.zR)({id:"WjigmA",defaultMessage:[{type:0,value:"Submit button"}]}),type:"fields",isList:!0,isSection:!0,fields:[{name:"submitButtonLabel",type:"text",label:(0,ue.zR)({id:"Cg3LGu",defaultMessage:[{type:0,value:"Label"}]})},{name:"submitBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"nno1Pq",defaultMessage:[{type:0,value:"Button style"}]})},{name:"submitTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"OEckOD",defaultMessage:[{type:0,value:"Text style"}]})}]},{label:(0,ue.zR)({id:"jINZkT",defaultMessage:[{type:0,value:"Results"}]}),type:"fields",isList:!0,isSection:!0,fields:[{name:"results",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"ZMS1Wv",defaultMessage:[{type:0,value:"Text"}]})},{name:"resultsBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"p1pghO",defaultMessage:[{type:0,value:"Box style"}]})}]},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},Ti={container:"micromag-screen-image-container",background:"micromag-screen-image-background",content:"micromag-screen-image-content",emptyImage:"micromag-screen-image-emptyImage",emptyTitle:"micromag-screen-image-emptyTitle",emptyText:"micromag-screen-image-emptyText",emptyLegend:"micromag-screen-image-emptyLegend",imageContainer:"micromag-screen-image-imageContainer",image:"micromag-screen-image-image",placeholderImage:"micromag-screen-image-placeholderImage",isPlaceholder:"micromag-screen-image-isPlaceholder",layout:"micromag-screen-image-layout",isCard:"micromag-screen-image-isCard",isCardReverse:"micromag-screen-image-isCardReverse",footer:"micromag-screen-image-footer",isFullscreen:"micromag-screen-image-isFullscreen",header:"micromag-screen-image-header"};function Li(e){var t=e.layout,l=void 0===t?"normal":t,a=e.image,i=void 0===a?null:a,o=e.imageFit,r=void 0===o?null:o,u=e.defaultImageFit,s=void 0===u?"cover":u,c=e.title,d=void 0===c?null:c,m=e.text,v=void 0===m?null:m,g=e.legend,p=void 0===g?null:g,h=e.withTitle,y=void 0!==h&&h,b=e.withText,C=void 0!==b&&b,w=e.withLegend,E=void 0!==w&&w,A=e.spacing,k=void 0===A?20:A,x=e.background,S=void 0===x?null:x,M=e.header,N=void 0===M?null:M,R=e.footer,z=void 0===R?null:R,L=e.current,P=void 0===L||L,I=e.active,B=void 0===I||I,O=e.preload,V=void 0===O||O,D=e.className,j=void 0===D?null:D,F=Pt(),H=F.width,Z=F.height,W=F.resolution,q=Rt(),_=q.isView,G=q.isPreview,Y=q.isPlaceholder,U=q.isEdit,Q=jt(),X=Q.topHeight,J=Q.bottomHeight,K=Q.bottomSidesWidth,$=Wt().open,ee=kt().muted,te=xt(P,!0),le=te.ref,ne=te.isCurrent,ae=void 0!==ne&&ne,ie=_e(N),oe=Ge(z),re=ze(z,{isView:_,current:P,openWebView:$,isPreview:G}),ue=null!==i,se=Xe(d),ce=Xe(v),de=Xe(p),me=(0,n.useState)(!ue),ve=(0,T.A)(me,2),ge=ve[0],pe=ve[1],fe=P&&(_||U)&&(ae||!_),he=P||V,ye=(0,n.useCallback)(function(){pe(!0)},[pe]),be=(0,n.useMemo)(function(){return{fit:r||s}},[r,s]),Ce="reverse"===l||"card-reverse"===l,we="title-top"===l,Ee="card"===l||"card-reverse"===l,Ae="card"===l,ke="card-reverse"===l,xe="fullscreen"===l,Se=xe||Y?0:k,Me=fl(),Ne=Me.ref,Re=Me.width,Te=Me.height,Le=ke?"".concat(Se/2,"px ").concat(-Se/2,"px 0"):"0 ".concat(-Se/2,"px ").concat(Se/2,"px"),Pe=Ee?Le:Se/2,Ie=Y?null:{margin:Se/2,marginTop:ke&&!ie?Se:Se/2,marginBottom:Ae&&!ie?Se:Se/2},Be=[n.createElement("div",{key:"image",ref:Ne,className:Ti.imageContainer,style:Y?null:{margin:Pe}},n.createElement(Gn,{placeholder:"image",placeholderProps:{className:Ti.placeholderImage,height:"100%"},emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Ti.emptyImage,isEmpty:!ue},ue?n.createElement(ba,{className:Ti.image,media:i,objectFit:be,width:Re,height:Te,resolution:W,playing:fe,muted:ee,active:B,shouldLoad:he,withoutVideo:G,onLoaded:ye}):null)),y&&n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Ti.emptyTitle,isEmpty:!se},se?n.createElement("div",{style:Ie},n.createElement(Ba,d)):null),C&&n.createElement(Gn,{key:"text",placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:Ti.emptyText,isEmpty:!ce},ce?n.createElement("div",{style:Ie},n.createElement(ea,v)):null),E&&n.createElement(Gn,{key:"legend",placeholder:"shortText",emptyLabel:n.createElement(Zl.A,{id:"dqnkQk",defaultMessage:[{type:0,value:"Legend"}]}),emptyClassName:Ti.emptyLegend,isEmpty:!de},de?n.createElement("div",{style:Ie},n.createElement(ea,p)):null)];Ce?Be.reverse():we&&y&&(se||Y)&&Be.splice(0,0,Be.splice(1,1)[0]);var Oe=(P&&!G?J:0)+Se/2,Ve=(G?0:X)+Se/2;return(Ee||xe)&&(Ve=0,Oe=0),ke&&(Ve=P&&!G?X:0,Oe=P&&!G?J:0),n.createElement("div",{className:Xt([Ti.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},j,null!==j),Ti.isReversed,Ce),Ti.isPlaceholder,Y),Ti.isCard,Ae),Ti.isCardReverse,ke),Ti.isFullscreen,xe)]),"data-screen-ready":ge},n.createElement(ga,{width:H,height:Z,className:Ti.content},n.createElement(ja,{className:Ti.layout,fullscreen:!0,style:Y?null:{padding:Se/2,paddingTop:Ve,paddingBottom:Oe}},!Y&&ie?n.createElement("div",{className:Ti.header,style:xe||ke?{paddingTop:ie?k/2:k,paddingBottom:ie?k/2:k,paddingLeft:ke?k/2:k,paddingRight:ke?k/2:k,transform:G?null:"translate(0, ".concat(X,"px)")}:{paddingTop:Ee?k/2:null,paddingBottom:Ee?k:k/2,paddingLeft:k/2,paddingRight:k/2}},n.createElement(Pa,N)):null,Be,!Y&&oe?n.createElement("div",{className:Ti.footer,style:xe||ke?{paddingLeft:Math.max(k/2,K),paddingRight:Math.max(k/2,K),paddingTop:k/2,paddingBottom:k/2,transform:G?null:"translate(0, -".concat(J,"px)")}:{paddingLeft:Math.max(K-k,0),paddingRight:Math.max(K-k,0),paddingTop:Ee?k/2:null,paddingBottom:Ee?k/2:null}},n.createElement(za,re)):null)),Y?null:n.createElement(ma,{background:S,width:H,height:Z,resolution:W,playing:fe,muted:ee,shouldLoad:he,mediaRef:le,withoutVideo:G,className:Ti.background}))}var Pi=[{id:"image",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,ue.zR)({id:"uJ9eBc",defaultMessage:[{type:0,value:"Image"}]}),component:Li,layouts:["normal","fullscreen"],fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,ue.zR)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,ue.zR)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"image-title",type:"screen",group:{label:(0,ue.zR)({id:"S/mavZ",defaultMessage:[{type:0,value:"Text and Images"}]}),order:3},title:(0,ue.zR)({id:"AA8TV9",defaultMessage:[{type:0,value:"Image with title"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Li,Object.assign({},t,{withTitle:!0}))},layouts:["normal","reverse","card","card-reverse"],fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,ue.zR)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,ue.zR)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"title",type:"heading-element",inline:!0,theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"image-text",type:"screen",group:{label:(0,ue.zR)({id:"S/mavZ",defaultMessage:[{type:0,value:"Text and Images"}]}),order:3},title:(0,ue.zR)({id:"CJmQeh",defaultMessage:[{type:0,value:"Image with text"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Li,Object.assign({},t,{withText:!0}))},layouts:["normal","reverse","card","card-reverse"],fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,ue.zR)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,ue.zR)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"image-title-text",type:"screen",group:{label:(0,ue.zR)({id:"S/mavZ",defaultMessage:[{type:0,value:"Text and Images"}]}),order:3},title:(0,ue.zR)({id:"eWIM/8",defaultMessage:[{type:0,value:"Image with title and text"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Li,Object.assign({},t,{withTitle:!0,withText:!0}))},layouts:["normal","reverse","title-top","card","card-reverse"],fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",isHorizontal:!1,label:(0,ue.zR)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,ue.zR)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"title",type:"text-element",inline:!0,theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"image-legend",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:4},title:(0,ue.zR)({id:"H1YcaV",defaultMessage:[{type:0,value:"Image with legend"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Li,Object.assign({},t,{withLegend:!0}))},layouts:["normal","reverse","card","card-reverse"],fields:[{name:"layout",type:"screen-layout",defaultValue:"normal",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"image",type:"visual",label:(0,ue.zR)({id:"xsipID",defaultMessage:[{type:0,value:"Image"}]})},{name:"imageFit",type:"fit",defaultValue:"cover",values:["cover","contain"],label:(0,ue.zR)({id:"dkBBRa",defaultMessage:[{type:0,value:"Image fit"}]})},{name:"legend",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"3OS3Ms",defaultMessage:[{type:0,value:"Legend"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],Ii={inner:"micromag-element-keypad-inner"};function Bi(e){var t=e.items,l=void 0===t?null:t,a=e.align,o=void 0===a?null:a,r=e.columns,u=void 0===r?1:r,s=e.spacing,c=void 0===s?10:s,d=e.className,m=void 0===d?null:d,v=e.itemClassName,g=void 0===v?null:v,p=e.innerClassName,h=void 0===p?null:p,y="".concat(100/u,"%");return n.createElement("div",{className:Xt([Ii.container,(0,f.A)({},m,null!==m)])},n.createElement("div",{className:Xt([Ii.inner,(0,f.A)({},h,null!==h)]),style:(0,i.A)({},Be({horizontal:o}))},null!==l?l.map(function(e){var t=(e||{}).key;return n.createElement("div",{key:t,className:Xt([Ii.item,(0,f.A)({},g,null!==g)]),style:{width:y,padding:c/2}},e)}):null))}var Oi={container:"micromag-screen-keypad-container",isPlaceholder:"micromag-screen-keypad-isPlaceholder",layout:"micromag-screen-keypad-layout",background:"micromag-screen-keypad-background",fixedHeader:"micromag-screen-keypad-fixedHeader",open:"micromag-screen-keypad-open",close:"micromag-screen-keypad-close",closeIcon:"micromag-screen-keypad-closeIcon",header:"micromag-screen-keypad-header",footer:"micromag-screen-keypad-footer",inner:"micromag-screen-keypad-inner",title:"micromag-screen-keypad-title",subtitle:"micromag-screen-keypad-subtitle",emptyTitle:"micromag-screen-keypad-emptyTitle",emptyText:"micromag-screen-keypad-emptyText",grid:"micromag-screen-keypad-grid",item:"micromag-screen-keypad-item",button:"micromag-screen-keypad-button",withSquareItems:"micromag-screen-keypad-withSquareItems",isEmpty:"micromag-screen-keypad-isEmpty",disableHover:"micromag-screen-keypad-disableHover",isLink:"micromag-screen-keypad-isLink",imagePlaceholder:"micromag-screen-keypad-imagePlaceholder",buttonPlaceholder:"micromag-screen-keypad-buttonPlaceholder",buttonLabel:"micromag-screen-keypad-buttonLabel",empty:"micromag-screen-keypad-empty",emptyButtonVisual:"micromag-screen-keypad-emptyButtonVisual",emptyButtonLabel:"micromag-screen-keypad-emptyButtonLabel",popupBackdrop:"micromag-screen-keypad-popupBackdrop",popup:"micromag-screen-keypad-popup",popupButton:"micromag-screen-keypad-popupButton",popupScroll:"micromag-screen-keypad-popupScroll",popupInner:"micromag-screen-keypad-popupInner",withShadow:"micromag-screen-keypad-withShadow",popupContent:"micromag-screen-keypad-popupContent",placeholder:"micromag-screen-keypad-placeholder",popupHeading:"micromag-screen-keypad-popupHeading",popupVisual:"micromag-screen-keypad-popupVisual",contentSplit:"micromag-screen-keypad-contentSplit",emptyHeading:"micromag-screen-keypad-emptyHeading",emptyVisual:"micromag-screen-keypad-emptyVisual",emptyContent:"micromag-screen-keypad-emptyContent",emptyCTA:"micromag-screen-keypad-emptyCTA",popupCTA:"micromag-screen-keypad-popupCTA",contentBottom:"micromag-screen-keypad-contentBottom"},Vi=[{id:"1"},{id:"2"},{id:"3"},{id:"4"},{id:"5"},{id:"6"},{id:"7"},{id:"8"},{id:"9"}],Di={padding:{left:30,top:30,right:30,bottom:30}},ji=[{id:"keypad",type:"screen",group:{label:(0,ue.zR)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:4},title:(0,ue.zR)({id:"75nZbY",defaultMessage:[{type:0,value:"Keypad"}]}),layouts:["top","middle","bottom"],component:function(e){var t=e.items,l=void 0===t?null:t,a=e.title,o=void 0===a?null:a,r=e.subtitle,u=void 0===r?null:r,c=e.layout,d=void 0===c?null:c,m=e.spacing,v=void 0===m?20:m,p=e.keypadLayout,h=void 0===p?null:p,y=e.buttonStyles,b=void 0===y?null:y,C=e.popupStyles,w=void 0===C?null:C,E=e.header,A=void 0===E?null:E,k=e.footer,x=void 0===k?null:k,S=e.background,N=void 0===S?null:S,R=e.current,z=void 0===R||R,L=e.preload,P=void 0===L||L,I=e.withoutCloseButton,B=void 0!==I&&I,O=e.className,V=void 0===O?null:O,D=(0,n.useRef)(null),j=(0,n.useRef)(null),F=Tl("keypad"),H=kt().muted,Z=xt(z,!0),W=Z.ref,q=Z.isCurrent,_=void 0!==q&&q,G=zt(),Y=Pt(),U=Y.width,Q=Y.height,X=Y.resolution,J=jt(),K=J.topHeight,$=J.bottomHeight,ee=J.bottomSidesWidth,te=Wt().open,le=Zt(),ne=le.enableInteraction,ae=le.disableInteraction,ie=Rt(),oe=ie.isView,re=ie.isPreview,ue=ie.isPlaceholder,se=ie.isEdit,ce=_e(A),de=Ge(x),me=ze(x,{isView:oe,current:z,openWebView:te,isPreview:re}),ve=Xe(o),ge=(o||{}).textStyle,pe=void 0===ge?null:ge,fe=Xe(u),he=fl(),ye=he.ref,be=he.height,Ce=void 0===be?0:be,we=fl(),Ee=we.ref,Ae=we.height,ke=void 0===Ae?0:Ae,xe=z&&(oe||se)&&(_||!oe),Se=!ue&&(z||P),Me=se&&null===G,Ne=se&&null!==G,Re=h||{},Te=Re.columnAlign,Le=void 0===Te?null:Te,Pe=Re.columns,Ie=void 0===Pe?null:Pe,Be=Re.spacing,Oe=void 0===Be?null:Be,De=Re.withSquareItems,je=void 0!==De&&De,Fe=b||{},He=Fe.layout,Ze=void 0===He?null:He,We=Fe.textStyle,qe=void 0===We?null:We,Ye=Fe.labelBoxStyle,Ue=void 0===Ye?null:Ye,Qe=Fe.boxStyle,Je=void 0===Qe?null:Qe,Ke=Fe.visualWidth,$e=void 0===Ke?null:Ke,et=w||{},tt=et.layout,lt=void 0===tt?null:tt,nt=et.headingTextStyle,at=void 0===nt?null:nt,it=et.contentTextStyle,ot=void 0===it?null:it,rt=et.button,ut=void 0===rt?null:rt,st=et.boxStyle,ct=void 0===st?null:st,dt=ut||{},mt=dt.buttonTextStyle,vt=void 0===mt?null:mt,gt=dt.boxStyle,pt=void 0===gt?null:gt,ft=(0,n.useMemo)(function(){return null!==lt?(0,M.xQ)(lt):""},[lt]),ht=(0,n.useState)(!1),yt=(0,T.A)(ht,2),bt=yt[0],Ct=yt[1],wt=(0,n.useState)(null),Et=(0,T.A)(wt,2),At=Et[0],St=Et[1],Mt=At||{},Nt=Mt.heading,Tt=void 0===Nt?null:Nt,Lt=Mt.content,It=void 0===Lt?null:Lt,Bt=Mt.largeVisual,Ot=void 0===Bt?null:Bt,Vt=Mt.button,Dt=void 0===Vt?null:Vt,Ft=Mt.popupBoxStyle,Ht=void 0===Ft?null:Ft,qt=Xe(Tt),_t=(Tt||{}).textStyle,Gt=void 0===_t?null:_t,Yt=Xe(It),Ut=(It||{}).textStyle,Qt=void 0===Ut?null:Ut,Jt=Dt||{},Kt=Jt.label,$t=void 0===Kt?null:Kt,el=Jt.url,tl=void 0===el?null:el,ll=Jt.inWebView,nl=void 0!==ll&&ll,al=Jt.boxStyle,il=void 0===al?null:al,ol=(0,n.useCallback)(function(e,t,l){if(e.stopPropagation(),!Ne){var n=t||{},a=n.label,i=void 0===a?null:a,o=n.heading,r=void 0===o?null:o,u=n.inWebView,c=void 0!==u&&u,d=n.url,m=void 0===d?null:d;c&&null!==m?te({url:m}):(St(t),Ct(!0));var v=(r||{}).body,p=void 0===v?null:v,f=g(i)?i:(i||{}).body||null;F("click_item",["#".concat(l+1),f||p||""].filter(function(e){return!s(e)}).join(" "),{linkType:"keypad_item",linkUrl:m||null})}},[St,Ct,F,te,Ne]),rl=(0,n.useCallback)(function(){Ne||(arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&F("close_modal"),Ct(!1))},[Ct,F,Ne]),sl=(0,n.useCallback)(function(e){Ne||(e.preventDefault(),e.stopPropagation(),rl(bt))},[rl,Ne,bt]),cl=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;null!==e&&e.stopPropagation()},[]),dl=(0,n.useState)(0),ml=(0,T.A)(dl,2),vl=ml[0],gl=ml[1],pl=(0,n.useCallback)(function(e){var t=e.scrolleeHeight,l=void 0===t?0:t;Math.floor(l)>=Math.floor(Q)?gl("top"):gl("bottom")},[Q]),hl=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.movement,2)[1],n=(0,T.A)(e.velocity,2)[1],a="undefined"!=typeof window?window.innerHeight:0,i=a>0?Math.abs(l)/a:0,o=0;return"top"===vl&&l<0?o=.5*i*-1:"bottom"===vl&&l>0&&(o=.5*i),t?o:n>1||i>.3?(rl(!0),1):0},[rl,vl]);(0,n.useEffect)(function(){bt?ae():ne()},[bt]),(0,n.useEffect)(function(){function e(e){(!z&&oe||j.current&&!j.current.contains(e.target)&&D.current&&D.current.contains(e.target)&&!Me&&!se&&bt)&&(e.preventDefault(),e.stopPropagation(),rl(bt))}return document.addEventListener("mouseup",e),function(){document.removeEventListener("mouseup",e)}},[z,j,D,Me,se,bt]);var yl=(0,n.useState)(!1),bl=(0,T.A)(yl,2),Cl=bl[0],wl=bl[1],El=(0,n.useCallback)(function(){wl(!1)},[wl]),Al=(0,n.useCallback)(function(){wl(!0)},[wl]),kl=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);F("scroll",t,{scrollPercent:t})}},[F]),xl=(0,n.useCallback)(function(){rl(bt)},[rl,bt]),Sl=ul({disabled:!oe||Cl,progress:bt?0:1,computeProgress:hl,springParams:{config:{tension:300,friction:30}},dragOptions:{filterTaps:!0,preventDefault:!0,stopPropagation:!0},onTap:xl}),Ml=Sl.bind,Nl=Sl.progress;(0,n.useEffect)(function(){var e=function(e){"Escape"===e.key&&bt&&rl(bt)};return document.addEventListener("keyup",e),function(){document.removeEventListener("keyup",e)}},[bt,rl]);var Rl=(0,n.useMemo)(function(){return(null===l||0===l.length?Vi:l).map(function(e,t){var l=e||{},a=l.id,o=void 0===a?null:a,r=l.label,u=void 0===r?null:r,s=l.visual,c=void 0===s?null:s,d=l.boxStyle,m=void 0===d?null:d,v=l.heading,p=void 0===v?null:v,h=l.content,y=void 0===h?null:h,b=l.url,C=void 0===b?null:b,w=l.inWebView,E=void 0!==w&&w,A=l.largeVisual,k=void 0===A?null:A,x=(c||{}).url,S=void 0===x?null:x,M=(p||{}).body,N=void 0===M?null:M,R=(y||{}).body,T=void 0===R?null:R,L=g(u)?{body:u}:u||{},P=(L||{}).textStyle,I=void 0===P?null:P,B=(L||{}).body,O=void 0===B?null:B,V=O||S||o,D=null===O&&null===c,j=null!==C&&!E,F=!(null!==p&&null!==N&&""!==N||null!==y&&null!==T&&""!==T||null!==k);return n.createElement("div",{key:V,className:Oi.item},n.createElement(xa,{className:Xt([Oi.button,(0,f.A)((0,f.A)((0,f.A)({},Oi.isEmpty,D),Oi.isLink,null!==C),Oi.disableHover,F&&null===C)]),layout:Ze||null,external:j,href:j?C:null,focusable:z,onClick:!F||null!==C&&!j?function(l){return ol(l,e,t)}:null,textStyle:(0,i.A)((0,i.A)({},qe),I),buttonStyle:(0,i.A)((0,i.A)({},Je),m),label:L,labelBoxStyle:Ue,visual:c,visualWidth:null!==$e?"".concat($e,"%"):null,resolution:X,textClassName:Oi.buttonLabel}))})},[l,G,Je,qe,Ze,Ne]);return(0,n.useEffect)(function(){if("popup"===G&&ue&&(St(Di),Ct(!0)),"keypad"===G&&(St(null),Ct(!1)),null!==G&&G.includes("popup")){var e=G.split(".").pop(),t=l[e];St(t),Ct(!0)}null!==G||oe||(St(null),Ct(!1))},[G,l,oe,bt,St,Ct]),n.createElement("div",{ref:D,className:Xt([Oi.container,(0,f.A)((0,f.A)((0,f.A)({},V,null!==V),Oi.isPlaceholder,ue),Oi.withSquareItems,je)]),"data-screen-ready":!0},ue?null:n.createElement(ma,{background:N,width:U,height:Q,resolution:X,playing:xe,muted:H,shouldLoad:Se,mediaRef:W,className:Oi.background}),!oe||ue||B?null:n.createElement(on.CS.div,{className:Xt([Oi.fixedHeader,(0,f.A)({},Oi.open,bt)])},n.createElement("div",{className:Oi.buttons},n.createElement(Aa,{className:Oi.close,onClick:sl,focusable:!re&&!ue&&bt,withoutStyle:!0},n.createElement(Cn,{color:"#000",className:Oi.closeIcon})))),n.createElement(ga,{width:U,height:Q,className:Oi.inner},n.createElement(Za,{width:U,height:Q,verticalAlign:d,withArrow:!bt,withShadow:!bt,disabled:re||ue||bt,onScrolledTrigger:kl},n.createElement(ja,{className:Oi.layout,verticalAlign:d,width:U,style:ue?null:{padding:v,paddingTop:(ce?Ce:v)+(z&&!re?K:0),paddingBottom:(de?ke:v)+(z&&!re?$:0)}},!ue&&ce?n.createElement("div",{ref:ye,className:Oi.header,style:{paddingTop:v/2,paddingLeft:v,paddingRight:v,paddingBottom:v,transform:re?null:"translate(0, ".concat(K,"px)")}},n.createElement(Pa,A)):null,n.createElement(Gn,{placeholder:"Title",emptyLabel:n.createElement(Zl.A,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Xt([Oi.empty,Oi.emptyHeading]),isEmpty:!ve},ve?n.createElement(Ba,Object.assign({className:Oi.title},o,{textStyle:pe})):null),n.createElement(Gn,{placeholder:"Subtitle",emptyLabel:n.createElement(Zl.A,{id:"ZG8/oK",defaultMessage:[{type:0,value:"Subtitle"}]}),emptyClassName:Xt([Oi.empty,Oi.emptyHeading]),isEmpty:!fe},fe?n.createElement(ea,Object.assign({className:Oi.subtitle},u)):null),n.createElement(Bi,{className:Xt([Oi.grid,(0,f.A)({},Oi.gridPlaceholder,ue)]),align:Le,columns:ue?3:Ie,spacing:ue?2:Oe,items:Rl})),null!==At?n.createElement(n.Fragment,null,n.createElement(on.CS.div,{className:Xt([Oi.popupBackdrop]),style:{opacity:Nl.to(function(e){return 1-Math.abs(e)})}}),n.createElement(on.CS.div,Object.assign({className:Oi.popup,style:{transform:Nl.to(function(e){return"translateY(".concat(100*e,"%) scale(").concat(1-Math.abs(.5*e),")")}),pointerEvents:Nl.to(function(e){return Math.abs(e)>.5?"none":"auto"})}},Ml()),n.createElement(Za,{disabled:re||ue,verticalAlign:"middle",withArrow:!1,scrollPosition:bt?null:1,onScrolledBottom:El,onScrolledNotBottom:Al,onScrollHeightChange:pl,className:Oi.popupScroll,withShadow:!0},n.createElement("div",{ref:j,className:Xt([Oi.popupInner,Oi[ft],(0,f.A)({},Oi.withShadow,null===ct)]),style:(0,i.A)((0,i.A)((0,i.A)({},Ve(Di)),Ve(ct)),Ve(Ht))},n.createElement(Gn,{emptyLabel:n.createElement(Zl.A,{id:"IE7U/Q",defaultMessage:[{type:0,value:"Heading"}]}),emptyClassName:Xt([Oi.empty,Oi.emptyHeading]),isEmpty:!qt},qt?n.createElement(Ba,Object.assign({className:Oi.popupHeading},Tt,{textStyle:(0,i.A)((0,i.A)({},at),Gt)})):null),n.createElement(Gn,{placeholder:"popupContent",emptyLabel:n.createElement(Zl.A,{id:"JRZoe6",defaultMessage:[{type:0,value:"Content"}]}),emptyClassName:Xt([Oi.empty,Oi.emptyContent]),isEmpty:!Yt},Yt?n.createElement(ea,Object.assign({className:Oi.popupContent},It,{textStyle:(0,i.A)((0,i.A)({},ot),Qt)})):null),n.createElement(Gn,{placeholder:"image",emptyLabel:n.createElement(Zl.A,{id:"z4Pr+g",defaultMessage:[{type:0,value:"Visual (Image or Video)"}]}),emptyClassName:Xt([Oi.empty,Oi.emptyVisual]),isEmpty:null===Ot},null!==Ot?n.createElement(ba,{className:Oi.popupVisual,media:Ot,resolution:X,width:"100%"}):null),n.createElement(Gn,{placeholder:"button",emptyLabel:n.createElement(Zl.A,{id:"N7Kj8z",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:Xt([Oi.empty,Oi.emptyCTA]),isEmpty:null===Dt},null!==Dt?n.createElement(Ra,{className:Oi.popupCTA,label:(0,i.A)((0,i.A)({},vt),$t),url:tl,onClick:cl,inWebView:nl,openWebView:te,type:"click",boxStyle:(0,i.A)((0,i.A)({},pt),il)}):null))))):null),!ue&&de?n.createElement("div",{ref:Ee,className:Oi.footer,style:{transform:z&&!re?"translate(0, -".concat($,"px)"):null,paddingLeft:Math.max(v/2,ee),paddingRight:Math.max(v/2,ee),paddingBottom:v/2,paddingTop:v}},n.createElement(za,me)):null))},states:[{id:"keypad",label:(0,ue.zR)({id:"Z4f5qh",defaultMessage:[{type:0,value:"Buttons"}]}),fields:[{name:"layout",type:"screen-layout",defaultValue:"middle",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"items",type:"buttons",label:(0,ue.zR)({id:"fbUW2U",defaultMessage:[{type:0,value:"Items"}]}),isSection:!0},{name:"keypadLayout",type:"keypad-layout",isList:!0,withoutLabel:!0,defaultValue:{columnAlign:"middle",columns:3,spacing:2,withSquareItems:!1},label:(0,ue.zR)({id:"FjuRaw",defaultMessage:[{type:0,value:"Keypad settings"}]})},{name:"buttonStyles",type:"rich-button-styles",defaultValue:{layout:"label-bottom",boxStyle:{backgroundColor:{alpha:.15,color:"#000000"}}},label:(0,ue.zR)({id:"Arl5Ze",defaultMessage:[{type:0,value:"Button styles"}]}),isList:!0}]},{id:"popups",label:(0,ue.zR)({id:"FYm4w+",defaultMessage:[{type:0,value:"Popups"}]}),fields:[{name:"popupStyles",type:"fields",defaultValue:{layout:"content-top"},fields:[{name:"layout",type:"card-layout",label:(0,ue.zR)({id:"OPxJx/",defaultMessage:[{type:0,value:"Layout"}]})},{name:"headingTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"zrK6ak",defaultMessage:[{type:0,value:"Heading text style"}]})},{name:"contentTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"z9nSIG",defaultMessage:[{type:0,value:"Content text style"}]})},{name:"boxStyle",type:"box-style-form",label:(0,ue.zR)({id:"p1pghO",defaultMessage:[{type:0,value:"Box style"}]})},{name:"button",type:"fields",isList:!0,label:(0,ue.zR)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]}),fields:[{name:"buttonTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"p5RHzq",defaultMessage:[{type:0,value:"Button text style"}]})},{name:"buttonStyle",type:"box-style-form",label:(0,ue.zR)({id:"nno1Pq",defaultMessage:[{type:0,value:"Button style"}]})}]}]}]},{id:"popup",label:(0,ue.zR)({id:"sSahY1",defaultMessage:[{type:0,value:"Popup"}]}),defaultValue:[],repeatable:!0,fieldName:"items",fields:[{name:"heading",type:"heading-element",label:(0,ue.zR)({id:"6iR9Mt",defaultMessage:[{type:0,value:"Heading"}]})},{name:"content",type:"text-element",label:(0,ue.zR)({id:"uoF5Pv",defaultMessage:[{type:0,value:"Content"}]}),theme:{label:{textStyle:"text"}}},{name:"largeVisual",type:"visual",label:(0,ue.zR)({id:"HwqzVR",defaultMessage:[{type:0,value:"Visual"}]})},{name:"popupBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"p1pghO",defaultMessage:[{type:0,value:"Box style"}]})},{name:"button",type:"button-link",label:(0,ue.zR)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]}),theme:{label:{textStyle:"button"}}}]}],fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],Fi=[{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"}]}],Hi={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(){}]},Zi={onTouchMove:function(e){return e.stopPropagation()},onTouchStart:function(e){return e.stopPropagation()},onTouchEnd:function(e){return e.stopPropagation()},onPointerMove:function(e){return e.stopPropagation()},onPointerUp:function(e){return e.stopPropagation()},onPointerDown:function(e){return e.stopPropagation()}};function Wi(e){var t=e.center,l=void 0===t?null:t,a=e.zoom,i=void 0===a?null:a,o=e.maxZoom,r=void 0===o?16:o,u=e.bounds,s=void 0===u?null:u,c=e.draggable,d=void 0===c||c,m=e.withoutStyle,v=void 0!==m&&m,g=e.events,p=void 0===g?null:g,h=e.fitBounds,y=void 0!==h&&h,b=e.zoomControl,C=void 0!==b&&b,w=e.mapTypeControl,E=void 0!==w&&w,A=e.scaleControl,k=void 0!==A&&A,x=e.streetViewControl,S=void 0!==x&&x,M=e.rotateControl,N=void 0!==M&&M,R=e.fullscreenControl,z=void 0!==R&&R,L=e.className,P=void 0===L?null:L,I=e.children,B=void 0===I?null:I,O=e.focusable,V=void 0===O||O,D=function(e){var t=e.zoom,l=e.maxZoom,a=void 0===l?null:l,i=e.center,o=void 0===i?null:i,r=e.withoutStyle,u=void 0!==r&&r,s=e.fitBounds,c=void 0!==s&&s,d=e.bounds,m=void 0===d?null:d,v=e.events,g=e.draggable,p=void 0!==g&&g,f=e.zoomControl,h=e.mapTypeControl,y=e.scaleControl,b=e.streetViewControl,C=e.rotateControl,w=e.fullscreenControl,E=bt(),A=(0,n.useState)(!1),k=(0,T.A)(A,2),x=k[0],S=k[1],M=(0,n.useRef)(null),N=(0,n.useRef)(null),R=fl(),z=R.ref,L=R.width,P=void 0===L?null:L,I=R.height,B=void 0===I?null:I;(0,n.useEffect)(function(){var e=N.current;if(null!==e&&null!==o){var t=o||{},l=t.lat,n=void 0===l?null:l,a=t.lng,i=void 0===a?null:a;e.panTo({lat:n||0,lng:i||0})}},[o]),(0,n.useEffect)(function(){var e=N.current;null!==e&&null!==t&&e.setZoom(Math.min(a,t))},[t,a]);var O=(0,n.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,n.useEffect)(function(){var e=N.current;null!==e&&c&&O(e,m)},[O,m,c,P,B]),(0,n.useEffect)(function(){var e=N.current;x&&null!==e&&e.setOptions({draggable:p,scrollWheel:p,disableDoubleClickZoom:!p,gestureHandling:p?"cooperative":"none"})},[x,p]),(0,n.useEffect)(function(){if(null===E||null===M.current||null!==N.current)return function(){};var e=new E.maps.Map(M.current,{zoom:t,center:o,styles:u?null:Fi,zoomControl:f,mapTypeControl:h,scaleControl:y,streetViewControl:b,rotateControl:C,fullscreenControl:w});return c&&O(e,m),N.current=e,null!==v&&Object.keys(v).forEach(function(t){null!==v[t]&&e.addListener(Hi[t][0],function(){return v[t](Hi[t][1](e))})}),S(!0),function(){}},[E,S]),{ref:(0,n.useCallback)(function(e){z.current=e,M.current=e},[]),map:N.current,ready:x,loading:!x}}({zoom:i,maxZoom:r,bounds:s,draggable:d,fitBounds:y,center:l,events:p,withoutStyle:v,zoomControl:C,mapTypeControl:E,scaleControl:k,streetViewControl:S,rotateControl:N,fullscreenControl:z}),j=D.map,F=D.ref;return n.createElement("div",Object.assign({className:Xt(["micromag-element-map-container",(0,f.A)((0,f.A)({},P,null!==P),"micromag-element-map-preventScroll",!d)])},Zi),n.createElement("div",{ref:F,className:"micromag-element-map-map",tabIndex:V?"0":"-1"}),n.Children.map(B,function(e){return n.cloneElement(e,{map:j})}))}var qi={onClick:"click",onDoubleClick:"dblclick"};function _i(e){var t=e.map,l=void 0===t?null:t,a=e.position,i=e.type,o=e.events,r=void 0===o?null:o,u=e.active,s=void 0===u||u,c=e.title,d=void 0===c?null:c,m=e.image,v=void 0===m?null:m,g=e.iconSize;return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.position,a=void 0===l?null:l,i=t.icon,o=void 0===i?null:i,r=t.iconSize,u=void 0===r?null:r,s=t.events,c=t.title,d=bt(),m=(0,n.useRef)(null);(0,n.useEffect)(function(){var e=m.current;null!==e&&null!==a&&e.setPosition(a)},[a]);var v=(0,n.useCallback)(function(e,t){if(null!==d)if(w(t)){var l=(t||{}).url,n=void 0===l?null:l;e.setIcon({url:n,scaledSize:new d.maps.Size(u.width,u.height)})}else e.setIcon(t)},[d,u]);(0,n.useEffect)(function(){var e=m.current;null!==e&&null!==d&&v(e,o)},[d,o,v]),(0,n.useEffect)(function(){if(null===d||null===e||null!==m.current)return function(){};var t=new d.maps.Marker({position:a,map:e,title:c});return v(t,o),Object.keys(s).forEach(function(e){t.addListener(qi[e],s[e])}),m.current=t,function(){d.maps.event.clearInstanceListeners(t),t.setMap(null)}},[d,e]),m.current}(l,{position:a,type:i,events:r,title:d,icon:v||(s?"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:void 0===g?{width:50,height:50}:g}),null}function Gi(e){var t=e.center,l=void 0===t?null:t,a=e.zoom,i=void 0===a?null:a,o=e.draggable,r=void 0===o||o,u=e.markers,s=void 0===u?[]:u,c=e.onClickMap,d=void 0===c?null:c,m=e.onClickMarker,v=void 0===m?null:m,g=e.className,p=void 0===g?null:g,h=e.onReady,y=void 0===h?null:h,b=e.onCenterChanged,C=void 0===b?null:b,w=e.onBoundsChanged,E=void 0===w?null:w,A=e.onDrag,k=void 0===A?null:A,x=e.onDragEnd,S=void 0===x?null:x,M=e.withoutStyle,N=void 0!==M&&M,R=e.fitBounds,L=void 0!==R&&R,P=e.zoomControl,I=void 0!==P&&P,B=e.mapTypeControl,O=void 0!==B&&B,V=e.scaleControl,D=void 0!==V&&V,j=e.streetViewControl,F=void 0!==j&&j,H=e.rotateControl,Z=void 0!==H&&H,W=e.fullscreenControl,q=void 0!==W&&W,_=e.focusable,G=void 0===_||_,Y=bt(),U=(0,n.useCallback)(function(e){null!==d&&d(e)},[d]),Q=(0,n.useMemo)(function(){var e=(s||[]).filter(function(e){return null!==e&&null!==(e.geoPosition||null)});return null===Y||null===e||0===e.length?null:e.reduce(function(e,t){var l=t.geoPosition,n=(void 0===l?null:l)||{},a=n.lat,i=void 0===a?null:a,o=n.lng,r=void 0===o?null:o;return null!==i&&null!==r&&e.extend(new Y.maps.LatLng(i,r)),e},new Y.maps.LatLngBounds)},[Y,s]),X=(0,n.useState)(!1),J=(0,T.A)(X,2),K=J[0],$=J[1];(0,n.useEffect)(function(){null!==Y&&K&&null!==y&&y(Y)},[Y,K,y]);var ee=(0,n.useCallback)(function(){return $(!0)},[$]),te=(0,n.useMemo)(function(){return{onClick:U,onCenterChanged:C,onBoundsChanged:E,onDrag:k,onDragEnd:S,onTilesLoaded:ee}},[U,C,E,k,S,ee]);return n.createElement("div",{className:Xt(["micromag-element-map-container",(0,f.A)({},p,null!==p)])},n.createElement(Wi,{center:l,zoom:i,withoutStyle:N,bounds:Q,draggable:r,events:te,fitBounds:L,zoomControl:I,mapTypeControl:O,scaleControl:D,streetViewControl:F,rotateControl:Z,fullscreenControl:q,focusable:G},null!==s?s.map(function(e,t){var l=e.active,a=void 0===l||l,i=e.geoPosition,o=void 0===i?null:i,r=e.image,u=void 0===r?null:r,s=e.title,c=void 0===s?null:s;return null!==o&&null!==(o.lat||null)&&null!==(o.lng||null)?n.createElement(_i,{key:"marker-".concat(t),active:a,title:null!==c&&(0,z.A)(c.body)?c.body:null,image:u,position:o,events:{onClick:null!==v?function(e){return v(e,t)}:function(){return console.log(t)}}}):n.createElement("div",null)}):null))}var Yi={container:"micromag-screen-map-container",background:"micromag-screen-map-background",content:"micromag-screen-map-content",placeholder:"micromag-screen-map-placeholder",markerOverlayContainer:"micromag-screen-map-markerOverlayContainer",markerOverlayScrollable:"micromag-screen-map-markerOverlayScrollable",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",splash:"micromag-screen-map-splash",title:"micromag-screen-map-title",description:"micromag-screen-map-description",button:"micromag-screen-map-button",emptyTitle:"micromag-screen-map-emptyTitle",emptyDescription:"micromag-screen-map-emptyDescription",emptyButton:"micromag-screen-map-emptyButton",splashButton:"micromag-screen-map-splashButton",closeButton:"micromag-screen-map-closeButton",markerImage:"micromag-screen-map-markerImage",markerTitle:"micromag-screen-map-markerTitle",markerSubtitle:"micromag-screen-map-markerSubtitle",markerDescription:"micromag-screen-map-markerDescription",hasSelectedMarker:"micromag-screen-map-hasSelectedMarker",opened:"micromag-screen-map-opened"},Ui={lat:45.5,lng:-73.56},Qi={onTouchMove:function(e){return e.stopPropagation()},onTouchStart:function(e){return e.stopPropagation()},onTouchEnd:function(e){return e.stopPropagation()},onPointerMove:function(e){return e.stopPropagation()},onPointerUp:function(e){return e.stopPropagation()},onPointerDown:function(e){return e.stopPropagation()}};function Xi(e){var t,l=e.layout,a=void 0===l?"normal":l,o=e.draggable,r=void 0===o||o,u=e.markers,s=void 0===u?[]:u,c=e.title,d=void 0===c?null:c,m=e.description,v=void 0===m?null:m,g=e.button,p=void 0===g?null:g,h=e.openedMarkerSpacerHeight,y=void 0===h?.75:h,b=e.withMarkerImages,C=void 0!==b&&b,w=e.zoom,E=void 0===w?10:w,A=e.center,k=void 0===A?Ui:A,x=e.fitBounds,S=void 0===x||x,M=e.background,N=void 0===M?null:M,R=e.current,z=void 0===R||R,L=e.active,P=void 0===L||L,I=e.type,B=void 0===I?null:I,O=e.className,V=void 0===O?null:O,D=(0,Hl.A)().locale,j=ft().apiKey,F=void 0===j?null:j,H=Tl(B),Z=(0,n.useState)(null),W=(0,T.A)(Z,2),q=W[0],_=W[1],G=null!==q,Y=(0,n.useRef)(null),U=Pt(),Q=U.width,X=U.height,J=U.resolution,K=kt().muted,$=xt(z,!0),ee=$.ref,te=$.isCurrent,le=void 0!==te&&te,ne=(N||{}).color,ae=Oe(ne),ie=Rt(),oe=ie.isView,re=ie.isPreview,ue=ie.isPlaceholder,se=ie.isEdit,ce=ie.isStatic,de=ie.isCapture,me=zt(),ve=(0,n.useState)(!1),ge=(0,T.A)(ve,2),pe=ge[0],fe=ge[1],he=!se&&(ce||de||ue||re||se)||!z,ye=z&&(oe||se)&&(le||!oe),be=z||P,Ce=(0,n.useState)(ce||de),we=(0,T.A)(Ce,2),Ee=we[0],Ae=we[1],ke=Zt(),xe=ke.enableInteraction,Se=ke.disableInteraction,Me=(0,n.useCallback)(function(){return fe(!0)},[fe]),Ne=(0,n.useMemo)(function(){return(s||[]).map(function(e,t){return(0,i.A)((0,i.A)({},e),{},{active:t===q})})},[s,q]),Re=(0,n.useCallback)(function(){var e=Ne[q];Y.current=e,_(null)},[Ne,q,_]),ze=(0,n.useCallback)(function(){var e=Ne[q];H("click_marker_close","Marker ".concat(q+1,": ").concat(e.title.body),{marker:e,markerIndex:q}),Re()},[Ne,q,H,Re]),Te=(0,n.useCallback)(function(e,t){var l=Ne[t];_(t),H("click_marker_open","Marker ".concat(t+1,": ").concat(l.title.body),{marker:l,markerIndex:t})},[Ne,_,H]),Le=(0,n.useCallback)(function(){Ae(!0),null!==Se&&Se(),H("click_button",p.body)},[Ae,Se,H,p]),Pe=(0,n.useCallback)(function(){Ae(!1),null!==xe&&xe(),H("click_close","Close icon"),Re()},[Ae,xe,H]),Ie=(0,n.useCallback)(function(e){var t=e.toJSON();H("drag_map","Latitude: ".concat(t.lat.toFixed(4),", Longitude: ").concat(t.lng.toFixed(4)),{coords:t})},[H]),Be=(0,n.useCallback)(function(e){if(e.initial){var t=(s||[])[q];H("scroll","Marker ".concat(q+1,": ").concat(t.title.body),{marker:t,markerIndex:q})}},[H,s,q]),Ve=fl({disabled:!oe}),De=Ve.ref,je=Ve.width,Fe=void 0===je?"100%":je,He=(0,n.useState)(0),Ze=(0,T.A)(He,2),We=Ze[0],qe=Ze[1],_e=We===(s||[]).length,Ge=pe&&(!C||_e);if((0,n.useEffect)(function(){if(C&&null!==s&&(s||[]).length){qe(0);var e=s.map(function(e){var t=(e||{}).image,l=((void 0===t?null:t)||{}).url,n=void 0===l?null:l;if(null!==n){var a=new Image;return a.src=n,a.onload=function(){qe(function(e){return qe(e+1)})},a}return null});return function(){e.filter(function(e){return null!==e}).forEach(function(e){e.onload=function(){}})}}return function(){}},[C,s]),(0,n.useEffect)(function(){if(se||re){var e=null!==me?me.split("."):[],t=(0,T.A)(e,2),l=t[0],n=void 0===l?null:l,a=t[1],i=void 0===a?null:a;"intro"===n?(Ae(!1),_(null)):"map"===n?(Ae(!0),_(null)):"markers"!==n&&"markers-with-image"!==n||(Ae(!0),_(parseInt(i,10)))}},[me,se,Ae]),Q>0&&X>0&&null!==F){var Ye=null!==s?s.filter(function(e){return null!==e}).filter(function(e){var t=e.geoPosition;return null!==(void 0===t?null:t)}):null;if(t="https://maps.googleapis.com/maps/api/staticmap?size=".concat(Math.round(Q),"x").concat(Math.round(X)),null!==k&&(null===Ye||0===Ye.length)){var Ue=k||{},Qe=Ue.lat,Je=void 0===Qe?null:Qe,Ke=Ue.lng,$e=void 0===Ke?null:Ke;t+="¢er=".concat(Je,",").concat($e)}null!==E&&(t+="&zoom=".concat(E)),null!==F&&(t+="&key=".concat(F)),null!==D&&(t+="&language=".concat(D)),null!==Ye&&(t+=Ye.map(function(e){var t=(e||{}).geoPosition,l=(void 0===t?null:t)||{},n=l.lat,a=void 0===n?null:n,i=l.lng,o=void 0===i?null:i,r=(e||{}).image,u=((void 0===r?null:r)||{}).url,s=void 0===u?null:u;return null!==a&&null!==o?"&markers=".concat(null!==s?"icon:".concat(s):"","%7C").concat(a,",").concat(o):""}).join(""))}var et=(G?Ne[q]:Y.current)||{},tt=et.title,lt=void 0===tt?null:tt,nt=et.subtitle,at=void 0===nt?null:nt,it=et.description,ot=void 0===it?null:it,rt=et.image,ut=void 0===rt?null:rt,st=null!==lt,ct=null!==at,dt=null!==ot,mt=null!==ut,vt=Xe(d),gt=Xe(v),pt=Xe(p);return n.createElement("div",{className:Xt([Yi.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},V,null!==V),Yi["".concat(a,"Layout")],null!==a),Yi.opened,Ee||re&&"intro"!==me),Yi.hasSelectedMarker,G)]),"data-screen-ready":Ge},n.createElement(ga,{width:Q,height:X,className:Yi.content},ue?n.createElement(Ln,{className:Yi.placeholder,withImages:C}):n.createElement(n.Fragment,null,re?n.createElement(fa,{media:null!==t?{url:t,metadata:{width:Math.min(640,Q),height:Math.min(640,X)}}:null,width:Q,height:X,resolution:J,objectFit:{fit:"cover"}}):n.createElement(Gi,{key:"map",center:k,zoom:E,draggable:r,markers:Ne,fitBounds:S,onClickMarker:Te,onReady:Me,onDragEnd:Ie}),n.createElement("div",Object.assign({key:"marker-overlay",className:Yi.markerOverlayContainer},Qi),n.createElement("div",{className:Yi.markerOverlayScrollable},n.createElement(Za,{fullscreen:!0,disabled:he,onScrolledBottom:Be},n.createElement(cn,{className:Yi.markerOverlaySafe,onClick:ze,withoutStyle:!0,style:{height:X*y},disabled:re,focusable:z&&oe}),n.createElement("div",{className:Yi.markerOverlay,style:{minHeight:X*(1-y)}},n.createElement("div",{className:Yi.markerOverlayContent,style:ae},n.createElement("div",{className:Yi.swipeIndicator}),n.createElement("div",{className:Yi.markerOverlayContentInner,key:"markerContent-".concat(q),ref:De},mt?n.createElement(fa,{className:Yi.markerImage,media:ut,width:Fe,resolution:J}):null,st?n.createElement(Ba,Object.assign({className:Yi.markerTitle},lt)):null,ct?n.createElement(Ba,Object.assign({size:3,className:Yi.markerSubtitle},at)):null,dt?n.createElement(ea,Object.assign({className:Yi.markerDescription},ot)):null)))))),n.createElement("div",{key:"splash",className:Xt([Yi.splash])},n.createElement(Gn,{emptyLabel:n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Yi.emptyTitle,isEmpty:!vt},n.createElement(Ba,Object.assign({className:Yi.title},d))),n.createElement(Gn,{emptyLabel:n.createElement(Zl.A,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Yi.emptyDescription,isEmpty:!gt},n.createElement(ea,Object.assign({className:Yi.description},v))),n.createElement(Gn,{emptyLabel:n.createElement(Zl.A,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:Yi.emptyButton,isEmpty:!pt},n.createElement(Aa,{className:Yi.splashButton,onClick:Le,buttonStyle:null!==p?p.buttonStyle:null,focusable:z&&oe},pt?n.createElement(ea,Object.assign({},p,{className:Yi.button})):n.createElement(Zl.A,{id:"sXfFFw",defaultMessage:[{type:0,value:"Enter"}]})))),ce||de||re||se?null:n.createElement(cn,{key:"close-button",className:Yi.closeButton,onClick:Pe,focusable:z&&oe},"×"))),ue?null:n.createElement(ca,{color:{color:"#FFFFFF",alpha:1},width:Q,height:X,resolution:J,playing:ye,muted:K,shouldLoad:be,mediaRef:ee,withoutVideo:re,className:Yi.background}))}var Ji=[{id:"map",type:"screen",group:{label:(0,ue.zR)({id:"Z27IP6",defaultMessage:[{type:0,value:"Map"}]}),order:6},title:(0,ue.zR)({id:"dPYwJG",defaultMessage:[{type:0,value:"Map"}]}),component:Xi,layouts:["normal"],states:[{id:"intro",label:(0,ue.zR)({id:"BgrRxZ",defaultMessage:[{type:0,value:"Intro"}]}),fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"button",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})}]},{id:"map",label:(0,ue.zR)({id:"eYHEYe",defaultMessage:[{type:0,value:"Map"}]}),fields:[{name:"draggable",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"A7ncT3",defaultMessage:[{type:0,value:"Draggable"}]})},{name:"fitBounds",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"NVUpOG",defaultMessage:[{type:0,value:"Map fit markers"}]})},{name:"zoom",type:"slider",defaultValue:9,min:0,max:16,label:(0,ue.zR)({id:"vRzzo6",defaultMessage:[{type:0,value:"Zoom"}]})},{name:"center",type:"geo-position",label:(0,ue.zR)({id:"W5qWPj",defaultMessage:[{type:0,value:"Center"}]})}]},{id:"markers",label:(0,ue.zR)({id:"+LvOvJ",defaultMessage:[{type:0,value:"Markers"}]}),repeatable:!0,fieldName:"markers",fields:[{name:"title",type:"heading-element",label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"geoPosition",type:"geo-position",label:(0,ue.zR)({id:"u3ok54",defaultMessage:[{type:0,value:"Position"}]})}]}],fields:[{name:"background",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"map-images",type:"screen",group:{label:(0,ue.zR)({id:"Z27IP6",defaultMessage:[{type:0,value:"Map"}]}),order:6},title:(0,ue.zR)({id:"ro6yHS",defaultMessage:[{type:0,value:"Map with image markers"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Xi,Object.assign({},t,{withMarkerImages:!0}))},layouts:["normal"],states:[{id:"intro",label:(0,ue.zR)({id:"BgrRxZ",defaultMessage:[{type:0,value:"Intro"}]}),fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"button",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})}]},{id:"map",label:(0,ue.zR)({id:"eYHEYe",defaultMessage:[{type:0,value:"Map"}]}),fields:[{name:"draggable",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"A7ncT3",defaultMessage:[{type:0,value:"Draggable"}]})},{name:"fitBounds",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"NVUpOG",defaultMessage:[{type:0,value:"Map fit markers"}]})},{name:"zoom",type:"slider",defaultValue:9,min:0,max:16,label:(0,ue.zR)({id:"vRzzo6",defaultMessage:[{type:0,value:"Zoom"}]})},{name:"center",type:"geo-position",label:(0,ue.zR)({id:"W5qWPj",defaultMessage:[{type:0,value:"Center"}]})}]},{id:"markers-with-image",label:(0,ue.zR)({id:"+LvOvJ",defaultMessage:[{type:0,value:"Markers"}]}),repeatable:!0,fieldName:"markers",fields:[{name:"title",type:"heading-element",label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"geoPosition",type:"geo-position",label:(0,ue.zR)({id:"u3ok54",defaultMessage:[{type:0,value:"Position"}]})}]}],fields:[{name:"background",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]}],Ki=l(5979),$i=l(2802),eo=l(8842),to=l(3700),lo={container:"micromag-screen-quiz-answers-container",items:"micromag-screen-quiz-answers-items",emptyAnswer:"micromag-screen-quiz-answers-emptyAnswer",item:"micromag-screen-quiz-answers-item",isPlaceholder:"micromag-screen-quiz-answers-isPlaceholder",userAnswer:"micromag-screen-quiz-answers-userAnswer",otherAnswer:"micromag-screen-quiz-answers-otherAnswer",withoutOpacity:"micromag-screen-quiz-answers-withoutOpacity",button:"micromag-screen-quiz-answers-button",withIcon:"micromag-screen-quiz-answers-withIcon",withSquareItems:"micromag-screen-quiz-answers-withSquareItems",resultIcon:"micromag-screen-quiz-answers-resultIcon",answered:"micromag-screen-quiz-answers-answered",rightAnswer:"micromag-screen-quiz-answers-rightAnswer",faIcon:"micromag-screen-quiz-answers-faIcon",itemContent:"micromag-screen-quiz-answers-itemContent"};function no(e){var t=e.items,l=e.keypadLayout,a=void 0===l?null:l,r=e.answeredIndex,u=void 0===r?null:r,s=e.answersCollapseDelay,c=void 0===s?1e3:s,d=e.buttonsStyle,m=void 0===d?null:d,v=e.buttonsLayout,g=void 0===v?null:v,p=e.inactiveButtonsStyle,h=void 0===p?null:p,y=e.buttonsTextStyle,b=void 0===y?null:y,C=e.inactiveButtonsTextStyle,w=void 0===C?null:C,E=e.goodAnswerColor,A=void 0===E?null:E,k=e.badAnswerColor,x=void 0===k?null:k,S=e.showUserAnswer,M=void 0!==S&&S,N=e.withoutGoodAnswer,R=void 0!==N&&N,z=e.withoutIcon,L=void 0!==z&&z,P=e.focusable,I=void 0!==P&&P,B=e.animated,O=void 0!==B&&B,V=e.collapsed,D=void 0!==V&&V,j=e.onClick,F=void 0===j?null:j,H=e.onCollapse,Z=void 0===H?null:H,W=e.onCollapsed,q=void 0===W?null:W,_=e.onTransitionEnd,G=void 0===_?null:_,Y=e.withoutCollapse,U=void 0!==Y&&Y,Q=e.className,X=void 0===Q?null:Q,J=Rt(),K=J.isView,$=J.isPreview,ee=J.isPlaceholder,te=J.isEdit,le=null!==u,ne=(null!==u?t[u]:{}).good,ae=void 0!==ne&&ne,ie=(0,n.useState)(!0),oe=(0,T.A)(ie,1)[0],re=null!==t&&!ee&&t.reduce(function(e,t){var l=(t||{}).good;return e||void 0!==l&&l},!1),ue=M||!re,se=!R||ue&&null!==u&&!U,ce=(0,n.useState)(null!==u),de=(0,T.A)(ce,2),me=de[0],ve=de[1],ge=(0,n.useState)(D||null!==u),pe=(0,T.A)(ge,2),fe=pe[0];pe[1];var he=(0,n.useState)(D||null!==u),ye=(0,T.A)(he,2),be=ye[0],Ce=ye[1];(0,n.useEffect)(function(){var e=null;return null!==u&&se?e=setTimeout(function(){ve(!0),null!==Z&&Z()},ae||ue?500:c):null===u||se?null===u&&se&&ve(!1):e=setTimeout(function(){null!==Z&&Z(),null!==q&&q(),null!==G&&G()},c),function(){null!==e&&clearTimeout(e)}},[u,R,ve,Z,q,G,c,ae,ue,se]),(0,n.useEffect)(function(){var e=null,t=null;return me&&(e=setTimeout(function(){Ce(!0)},300),t=setTimeout(function(){null!==G&&G()},500)),function(){null!==e&&clearTimeout(e),null!==t&&clearTimeout(t)}},[me,G,Ce]);var we=(0,n.useRef)([]),Ee=ee||te&&0===t.length?(0,o.A)(new Array(2)):t,Ae=(0,n.useMemo)(function(){return on.CS?Ee.reduce(function(e,t,l){if(we.current[l]&&O){var n=(we.current[l].getBoundingClientRect()||{}).height,a=void 0===n?0:n;e.push(a)}return e},[]):[]},[on.CS,u,se,O,Ee]),ke=K||te,xe=Ee.map(function(e,t){var l=Ae[t]?Ae[t]:0,n=t===u,a=(e||{}).good,o=void 0!==a&&a,r=!1;null===u||!ke||!fe||o||!re&&n||(r=!0),null!==u&&ke&&me&&!o&&(r=!0);var s=(e||{}).label,c=void 0===s?null:s,d="key-".concat(t,"-").concat((null==c?void 0:c.body)||null);return(0,i.A)((0,i.A)({},e),{},{hidden:r,userAnswer:n,index:t,maxHeight:l,key:d})}),Se=(0,n.useMemo)(function(){return null!==xe&&xe.reduce(function(e,t){return e||!0===t.good&&!R||!1===t.good&&!L},!1)},[xe,R,L]),Me=(0,n.useMemo)(function(){var e=(h||{}).backgroundColor;return null===(void 0===e?null:e)},[h]),Ne=(xe.map(function(e){var t=e||{},l=t.hidden,n=t.maxHeight,a={opacity:l&&ke&&!R?0:1,maxHeight:l&&ke&&!R&&O&&be?0:n>0?n:null,height:l&&ke&&!R&&!O&&be?0:"auto"};return(0,i.A)((0,i.A)({},e),{},{style:a})})||[]).map(function(e,t){var l=t===u,a=e||{},o=a.good,r=void 0===o?null:o,s=a.label,c=void 0===s?null:s,d=a.visual,v=void 0===d?null:d,p=a.buttonLayout,y=void 0===p?null:p,C=a.buttonStyle,E=void 0===C?null:C,k=a.textStyle,S=void 0===k?null:k,M=a.style,N=void 0===M?null:M,z=(c||{}).textStyle,T=void 0===z?null:z,P=Xe(c),B=Ue(v),O=P||B,V=R&&l,D=R&&!l,j=D&&null!==u,H=j?h:null,Z=j?w:null,W=(0,i.A)((0,i.A)((0,i.A)({},m),H),E),q=(0,i.A)((0,i.A)((0,i.A)((0,i.A)({},Object.keys(b||{}).reduce(function(e,t){var l=b[t];return null!==l&&""!==l&&(e[t]=l),e},{})),Object.keys(T||{}).reduce(function(e,t){var l=T[t];return null!==l&&""!==l&&(e[t]=l),e},{})),Z),S);return n.createElement(on.CS.div,{key:"answer-".concat(t),className:Xt([lo.item,(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},lo.rightAnswer,!R&&!0===r),lo.userAnswer,V),lo.otherAnswer,D),lo.withoutOpacity,!Me)]),style:(0,i.A)({},N)},n.createElement("div",{className:lo.itemContent,ref:function(e){we.current[t]=e}},n.createElement(Gn,{placeholder:"quizAnswer",placeholderProps:{good:0===t},emptyLabel:n.createElement(Zl.A,{id:"+Ok+7S",defaultMessage:[{type:0,value:"Answer"}]}),emptyClassName:lo.emptyAnswer,isEmpty:!O},O?n.createElement(xa,{className:lo.button,onPointerUp:function(l){"mouse"===l.pointerType&&0!==l.button||F(e,t)},disabled:!oe||$||le,focusable:I,buttonStyle:W,textStyle:q,label:c,visual:v,visualClassName:lo.optionVisual,imageClassName:lo.optionImage,layout:y||g||(B?"label-right":null)},le&&!L&&!0===r?n.createElement("span",{className:lo.resultIcon,style:Oe(A,"backgroundColor")},n.createElement($i.gc,{className:lo.faIcon,icon:eo.e6})):null,!L&&le&&!1===r?n.createElement("span",{className:lo.resultIcon,style:Oe(x,"backgroundColor")},n.createElement($i.gc,{className:lo.faIcon,icon:to.GR})):null):null)))}),Re=a||{},ze=Re.columnAlign,Te=void 0===ze?null:ze,Le=Re.columns,Pe=void 0===Le?1:Le,Ie=Re.spacing,Be=void 0===Ie?null:Ie,Ve=Re.withSquareItems,De=void 0!==Ve&&Ve;return n.createElement("div",{className:Xt([lo.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},lo.answered,le),lo.withIcon,!L&&Se),lo.withSquareItems,!0===De),lo.isPlaceholder,ee),X,null!==X)])},null!==xe||ee?n.createElement(Bi,{className:lo.items,items:Ne,align:Te,columns:Pe,spacing:Be}):null)}var ao={container:"micromag-screen-quiz-question-container",question:"micromag-screen-quiz-question-question",index:"micromag-screen-quiz-question-index",resultContent:"micromag-screen-quiz-question-resultContent",result:"micromag-screen-quiz-question-result",emptyQuestion:"micromag-screen-quiz-question-emptyQuestion",emptyResult:"micromag-screen-quiz-question-emptyResult",resultVisible:"micromag-screen-quiz-question-resultVisible",resultHidden:"micromag-screen-quiz-question-resultHidden",isPlaceholder:"micromag-screen-quiz-question-isPlaceholder"};function io(e){var t=e.question,l=void 0===t?null:t,a=e.answers,o=void 0===a?null:a,r=e.keypadLayout,u=void 0===r?null:r,s=e.result,c=void 0===s?null:s,d=e.resultImage,m=void 0===d?null:d,v=e.index,g=void 0===v?null:v,p=e.totalCount,h=void 0===p?null:p,y=e.answeredIndex,b=void 0===y?null:y,C=e.buttonsLayout,w=void 0===C?null:C,E=e.buttonsStyle,A=void 0===E?null:E,k=e.inactiveButtonsStyle,x=void 0===k?null:k,S=e.buttonsTextStyle,M=void 0===S?null:S,N=e.inactiveButtonsTextStyle,R=void 0===N?null:N,z=e.questionsHeadingStyle,L=void 0===z?null:z,P=e.feedbackTextStyle,I=void 0===P?null:P,B=e.numbersTextStyle,O=void 0===B?null:B,V=e.goodAnswerColor,D=void 0===V?null:V,j=e.badAnswerColor,F=void 0===j?null:j,H=e.focusable,Z=void 0!==H&&H,W=e.animated,q=void 0!==W&&W,_=e.showInstantAnswer,G=void 0!==_&&_,Y=e.withResult,U=void 0!==Y&&Y,Q=e.withoutGoodAnswer,X=void 0!==Q&&Q,J=e.withoutTrueFalse,K=void 0!==J&&J,$=e.withoutIndex,ee=void 0!==$&&$,te=e.layout,le=void 0===te?null:te,ne=e.transitions,ae=void 0===ne?null:ne,ie=e.transitionPlaying,oe=void 0!==ie&&ie,re=e.transitionStagger,ue=void 0===re?100:re,se=e.transitionDisabled,ce=void 0!==se&&se,de=e.onAnswerClick,me=void 0===de?null:de,ve=e.onAnswerTransitionEnd,ge=void 0===ve?null:ve,pe=e.withoutCollapse,fe=void 0!==pe&&pe,he=e.className,ye=void 0===he?null:he,be=e.style,Ce=void 0===be?null:be,we=Rt().isPlaceholder,Ee="split"===le,Ae=Ee?null:le,ke=Xe(l),xe=(l||{}).textStyle,Se=void 0===xe?null:xe,Me=(0,n.useState)(G),Ne=(0,T.A)(Me,2),Re=Ne[0],ze=Ne[1],Te=null!==b,Le=(null!==b&&o[b]?o[b]:null)||{},Pe=Le.result,Ie=void 0===Pe?null:Pe,Be=Le.answerImage,Oe=void 0===Be?null:Be,Ve=Xe(Ie)||Xe(c),De=Ue(Oe)||Ue(m),je=Xe(c)?c:null,Fe=(Xe(Ie)?Ie:null)||je,He=(Fe||{}).textStyle,Ze=void 0===He?null:He,We=(0,n.useCallback)(function(){ze(!0)},[ze]),qe=null!==g&&null!==h;return n.createElement(ja,{className:Xt([ao.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},ao.isPlaceholder,we),ao.resultVisible,Re),ao.resultHidden,!Ve),ye,null!==ye)]),verticalAlign:Ae,style:Ce},[!ee&&qe?n.createElement(Gn,{key:"stats",placeholder:n.createElement("div",{className:ao.index},"1 / 10")},h>1?n.createElement(Qn,{transitions:ae,playing:oe,disabled:ce},n.createElement(ea,{className:ao.index,body:"".concat(g+1," / ").concat(h),textStyle:O})):null):null,n.createElement(Gn,{key:"question",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"FOmgqv",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:ao.emptyQuestion,isEmpty:!ke},ke?n.createElement(Qn,{transitions:ae,playing:oe,disabled:ce},n.createElement(Ba,Object.assign({},l,{className:ao.question,textStyle:(0,i.A)((0,i.A)({},L),Se)}))):null),Ee?n.createElement(Da,{key:"spacer"}):null,n.createElement(no,{key:"answers",items:o||[],keypadLayout:u,answeredIndex:b,goodAnswerColor:D,badAnswerColor:F,withoutGoodAnswer:X,withoutIcon:K,showUserAnswer:K,buttonsLayout:w,buttonsStyle:A,inactiveButtonsStyle:x,buttonsTextStyle:M,inactiveButtonsTextStyle:R,focusable:Z,animated:q,transitions:ae,transitionStagger:ue,transitionPlaying:oe,transitionDisabled:ce,onClick:me,onCollapse:We,onTransitionEnd:ge,withoutCollapse:fe}),U?n.createElement("div",{className:ao.result,key:"results"},n.createElement("div",{className:ao.resultContent},n.createElement(Gn,{emptyLabel:Te?n.createElement(Zl.A,{id:"li7ADr",defaultMessage:[{type:0,value:"Result"}]}):null,isEmpty:Te&&!Ve,emptyClassName:ao.emptyResult},(Ve||De)&&null!==o?n.createElement(Qn,{transitions:ae,playing:oe,delay:(1+o.length)*ue,disabled:ce},Ve?n.createElement(ea,Object.assign({},Fe||{},{className:ao.resultText,textStyle:(0,i.A)((0,i.A)({},I||null),Ze||null)})):null,De?n.createElement(ba,{media:Oe||m,width:"100%",height:"auto"}):null):null))):null])}var oo={container:"micromag-screen-quiz-container",background:"micromag-screen-quiz-background",content:"micromag-screen-quiz-content",disabled:"micromag-screen-quiz-disabled",reset:"micromag-screen-quiz-reset",points:"micromag-screen-quiz-points",header:"micromag-screen-quiz-header",footer:"micromag-screen-quiz-footer",nextButton:"micromag-screen-quiz-nextButton",question:"micromag-screen-quiz-question",results:"micromag-screen-quiz-results",intro:"micromag-screen-quiz-intro"},ro={container:"micromag-screen-quiz-results-container",title:"micromag-screen-quiz-results-title",emptyTitle:"micromag-screen-quiz-results-emptyTitle",emptyDescription:"micromag-screen-quiz-results-emptyDescription"};function uo(e){var t=e.layout,l=void 0===t?null:t,a=e.title,o=void 0===a?null:a,r=e.description,u=void 0===r?null:r,s=e.resultsHeadingStyle,c=void 0===s?null:s,d=e.resultsTextStyle,m=void 0===d?null:d,v=e.transitions,g=void 0===v?null:v,p=e.transitionPlaying,h=void 0!==p&&p,y=e.transitionStagger,b=void 0===y?100:y,C=e.transitionDisabled,w=void 0!==C&&C,E=e.className,A=void 0===E?null:E,k=e.style,x=void 0===k?null:k,S="split"===l,M=S?null:l,N=Xe(o),R=(o||{}).textStyle,z=void 0===R?null:R,T=Xe(u),L=(u||{}).textStyle,P=void 0===L?null:L;return n.createElement(ja,{className:Xt([ro.container,(0,f.A)({},A,null!==A)]),fullscreen:!0,verticalAlign:M,style:x},[n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:ro.emptyTitle,isEmpty:!N},N?n.createElement(Qn,{transitions:g,playing:h,disabled:w},n.createElement(Ba,Object.assign({},o,{className:ro.title,textStyle:(0,i.A)((0,i.A)({},c),z)}))):null),S?n.createElement(Da,{key:"spacer"}):null,n.createElement(Gn,{key:"description",placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:ro.emptyDescription,isEmpty:!T},N?n.createElement(Qn,{transitions:g,playing:h,disabled:w,delay:b},n.createElement(ea,Object.assign({},u,{className:ro.description,textStyle:(0,i.A)((0,i.A)({},m),P)}))):null)])}var so={container:"micromag-screen-quiz-title-container",title:"micromag-screen-quiz-title-title",description:"micromag-screen-quiz-title-description",emptyTitle:"micromag-screen-quiz-title-emptyTitle",emptyDescription:"micromag-screen-quiz-title-emptyDescription"};function co(e){var t=e.layout,l=void 0===t?null:t,a=e.title,i=void 0===a?null:a,o=e.description,r=void 0===o?null:o,u=e.button,s=void 0===u?null:u,c=e.buttonDisabled,d=void 0!==c&&c,m=e.focusable,v=void 0!==m&&m,g=e.className,p=void 0===g?null:g,h=e.style,y=void 0===h?null:h,b=e.onClickButton,C=void 0===b?null:b,w="split"===l,E=w?null:l,A=Xe(i),k=Xe(r),x=Xe(s);return n.createElement(ja,{className:Xt([so.container,(0,f.A)({},p,null!==p)]),fullscreen:!0,verticalAlign:E,style:y},[n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:so.emptyTitle,isEmpty:!A},A?n.createElement(Ba,Object.assign({},i,{className:so.title})):null),n.createElement(Gn,{key:"description",placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"hoDz0O",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:so.emptyDescription,isEmpty:!k},k?n.createElement(ea,Object.assign({},r,{className:so.description})):null),w?n.createElement(Da,{key:"spacer"}):null,n.createElement(Gn,{key:"button",placeholder:"button"},n.createElement(Aa,{disabled:d,focusable:v,buttonStyle:null!==s?s.buttonStyle:null,className:so.button,onClick:C},x?n.createElement(ea,Object.assign({},s,{className:so.label})):n.createElement(Zl.A,{id:"D7LIZQ",defaultMessage:[{type:0,value:"Start"}]})))])}var mo=[{id:"quiz",type:"screen",group:{label:(0,ue.zR)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,ue.zR)({id:"zW7IVm",defaultMessage:[{type:0,value:"Quiz"}]}),component:function(e){var t=e.id,l=void 0===t?null:t,a=e.layout,i=void 0===a?"middle":a,o=e.keypadLayout,r=void 0===o?null:o,u=e.question,s=void 0===u?null:u,c=e.answers,d=void 0===c?null:c,m=e.result,v=void 0===m?null:m,g=e.resultImage,p=void 0===g?null:g,h=e.buttonsLayout,y=void 0===h?null:h,b=e.buttonsStyle,C=void 0===b?null:b,w=e.inactiveButtonsStyle,E=void 0===w?null:w,A=e.buttonsTextStyle,k=void 0===A?null:A,x=e.inactiveButtonsTextStyle,S=void 0===x?null:x,M=e.feedbackTextStyle,N=void 0===M?null:M,R=e.numbersTextStyle,z=void 0===R?null:R,L=e.goodAnswerColor,P=void 0===L?null:L,I=e.badAnswerColor,B=void 0===I?null:I,O=e.withoutTrueFalse,V=void 0!==O&&O,D=e.spacing,j=void 0===D?20:D,F=e.header,H=void 0===F?null:F,Z=e.footer,W=void 0===Z?null:Z,q=e.background,_=void 0===q?null:q,G=e.current,Y=void 0===G||G,U=e.preload,Q=void 0===U||U,X=e.ready,J=void 0===X||X,K=e.transitions,$=void 0===K?null:K,ee=e.transitionStagger,te=void 0===ee?100:ee,le=e.type,ne=void 0===le?null:le,ae=e.className,ie=void 0===ae?null:ae,oe=l||"screen-id",re=Tl(ne),ue=Pt(),se=ue.width,ce=ue.height,de=ue.resolution,me=Rt(),ve=me.isView,ge=me.isPreview,pe=me.isPlaceholder,fe=me.isEdit,he=me.isStatic,ye=me.isCapture,be=!J,Ce=jt(),we=Ce.topHeight,Ee=Ce.bottomHeight,Ae=Ce.bottomSidesWidth,ke=Wt().open,xe=kt().muted,Se=xt(Y,!0),Me=Se.ref,Ne=Se.isCurrent,Re=Y&&J,Te=he||ye||pe||ge||fe,Le=Y&&(ve||fe)&&(void 0!==Ne&&Ne||!ve),Pe=Y||Q,Ie=_e(H),Be=Ge(W),Oe=ze(W,{isView:ve,current:Y,openWebView:ke,isPreview:ge}),Ve=fl(),De=Ve.ref,je=Ve.height,Fe=void 0===je?0:je,He=fl(),Ze=He.ref,We=He.height,qe=void 0===We?0:We,Ye=he||ye,Ue=null!==d?d.findIndex(function(e){return null!==e&&e.good}):null,Qe=null===Ue||-1===Ue,Xe=(0,n.useState)(Ye?Ue:null),Je=(0,T.A)(Xe,2),Ke=Je[0],$e=Je[1],et=ri({screenId:oe}).create,tt=(0,n.useCallback)(function(e,t){null===Ke&&($e(t),re("click_answer","".concat(Ke+1,": ").concat(e.label.body),{linkType:"quiz_answer",answer:e,answerIndex:t,isGood:e.good||!1}))},[Ke,$e,re,d]);(0,n.useEffect)(function(){!Y&&fe&&null!==Ke&&$e(null)},[fe,Y,Ke,$e]),(0,n.useEffect)(function(){if(ve&&null!==Ke){var e=null!==Ke&&d?d[Ke]:{},t=e.good,l=void 0!==t&&t,n=e.label,a=((void 0===n?{}:n)||{}).body;et({choice:(void 0===a?"":a)||Ke,value:l?1:0})}},[ve,Ke,d,et]);var lt=!fe&&Te||!Y,nt=(0,n.useState)(!1),at=(0,T.A)(nt,2),it=at[0],ot=at[1],rt=(0,n.useCallback)(function(e){e.initial&&re("scroll","Screen"),ot(!0)},[re]),ut=(0,n.useCallback)(function(){ot(!1)},[ot]),st=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);re("scroll",t,{scrollPercent:t})}},[re]),ct=(0,n.useState)(!1),dt=(0,T.A)(ct,2),mt=dt[0],vt=dt[1],gt=(0,n.useCallback)(function(e){var t=e.canScroll;vt(void 0!==t&&t)},[vt]),pt=(0,n.useCallback)(function(){$e(null)},[$e]),ft=(d||[]).length;(0,n.useEffect)(function(){pt()},[ft,pt]);var ht="split"===i?null:i,yt=fe&&null!==Ke;return n.createElement("div",{className:Xt([oo.container,(0,f.A)((0,f.A)({},oo.disabled,be),ie,null!==ie)]),"data-screen-ready":!0},n.createElement(ga,{width:se,height:ce,className:oo.content},yt?n.createElement(cn,{className:oo.reset,icon:n.createElement($i.gc,{icon:Ki.ye,size:"md"}),onClick:pt}):null,n.createElement(Za,{verticalAlign:ht,disabled:lt,onScrolledTrigger:st,onScrolledBottom:rt,onScrolledNotBottom:ut,onScrollHeightChange:gt,withShadow:!0},!pe&&Ie?n.createElement("div",{className:Xt([oo.header,(0,f.A)({},oo.disabled,null!==Ke||it&&!lt&&mt)]),ref:De,style:{paddingTop:j/2,paddingLeft:j,paddingRight:j,paddingBottom:j,transform:ge?null:"translate(0, ".concat(we,"px)")}},n.createElement(Pa,H)):null,n.createElement(io,{question:s,answers:d,keypadLayout:r,result:v,resultImage:p,answeredIndex:Ke,buttonsLayout:y,buttonsStyle:C,buttonsTextStyle:k,inactiveButtonsStyle:E,inactiveButtonsTextStyle:S,feedbackTextStyle:N,numbersTextStyle:z,goodAnswerColor:P,badAnswerColor:B,withoutTrueFalse:V,withoutGoodAnswer:Qe,focusable:Y&&ve,animated:ve,showInstantAnswer:Ye,withResult:!0,layout:i,transitions:$,transitionPlaying:Re,transitionStagger:te,transitionDisabled:Te,onAnswerClick:tt,className:oo.question,style:pe?null:{padding:j,paddingTop:(ge?0:we)+(Fe||j),paddingBottom:(Y&&!ge?Ee:0)+(qe||j)}})),!pe&&Be?n.createElement("div",{ref:Ze,className:Xt([oo.footer,(0,f.A)({},oo.disabled,!it&&mt)]),style:{transform:Y&&!ge?"translate(0, -".concat(Ee,"px)"):null,paddingLeft:Math.max(j/2,Ae),paddingRight:Math.max(j/2,Ae),paddingTop:j/2,paddingBottom:j/2}},n.createElement(za,Oe)):null),pe?null:n.createElement(ma,{background:_,width:se,height:ce,resolution:de,playing:Le,muted:xe,shouldLoad:Pe,mediaRef:Me,withoutVideo:ge,className:oo.background}))},layouts:["top","middle","bottom","split"],fields:[{name:"question",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"hVE7TA",defaultMessage:[{type:0,value:"Question"}]})},{name:"answers",type:"quiz-answers",theme:{label:{textStyle:"button"}},label:(0,ue.zR)({id:"KHWeV7",defaultMessage:[{type:0,value:"Answers"}]})},{name:"keypadLayout",type:"keypad-layout",isList:!0,defaultValue:{columnAlign:"middle",columns:1,spacing:10,withSquareItems:!1},label:(0,ue.zR)({id:"FjuRaw",defaultMessage:[{type:0,value:"Keypad settings"}]})},{name:"withoutTrueFalse",type:"toggle",label:(0,ue.zR)({id:"LFziCV",defaultMessage:[{type:0,value:"Without right/wrong icon"}]})},{name:"result",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"iQ5Uf7",defaultMessage:[{type:0,value:"Default feedback"}]})},{name:"resultImage",type:"visual",label:(0,ue.zR)({id:"yA4B6h",defaultMessage:[{type:0,value:"Result feedback image"}]})},{type:"fields",isList:!0,label:(0,ue.zR)({id:"R9DB4a",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"buttonsLayout",type:"button-layout",label:(0,ue.zR)({id:"8Dmlwh",defaultMessage:[{type:0,value:"Answer button layout"}]})},{name:"buttonsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"gwPu/I",defaultMessage:[{type:0,value:"Buttons text"}]})},{name:"buttonsStyle",type:"box-style-form",label:(0,ue.zR)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})},{name:"inactiveButtonsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"my7Kox",defaultMessage:[{type:0,value:"Inactive buttons text"}]})},{name:"inactiveButtonsStyle",type:"box-style-form",label:(0,ue.zR)({id:"xlFOg3",defaultMessage:[{type:0,value:"Inactive buttons"}]})},{name:"feedbackTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"4w7K2K",defaultMessage:[{type:0,value:"Feedback text"}]})},{name:"goodAnswerColor",type:"color",label:(0,ue.zR)({id:"hZcXoa",defaultMessage:[{type:0,value:"Good answer icon color"}]})},{name:"badAnswerColor",type:"color",label:(0,ue.zR)({id:"NbTtNk",defaultMessage:[{type:0,value:"Bad answer icon color"}]})}]},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"quiz-multiple",type:"screen",group:{label:(0,ue.zR)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,ue.zR)({id:"ACkeH6",defaultMessage:[{type:0,value:"Quiz with multiple questions"}]}),component:function(e){var t=e.id,l=void 0===t?null:t,a=e.layout,o=void 0===a?"middle":a,r=e.introLayout,u=void 0===r?null:r,s=e.title,c=void 0===s?null:s,d=e.description,m=void 0===d?null:d,v=e.questions,g=void 0===v?null:v,p=e.results,h=void 0===p?null:p,y=e.buttonsStyle,b=void 0===y?null:y,C=e.inactiveButtonsStyle,w=void 0===C?null:C,E=e.buttonsTextStyle,A=void 0===E?null:E,k=e.inactiveButtonsTextStyle,x=void 0===k?null:k,S=e.questionsHeadingStyle,M=void 0===S?null:S,N=e.resultsHeadingStyle,R=void 0===N?null:N,z=e.resultsTextStyle,L=void 0===z?null:z,P=e.feedbackTextStyle,I=void 0===P?null:P,B=e.numbersTextStyle,O=void 0===B?null:B,V=e.goodAnswerColor,D=void 0===V?null:V,j=e.badAnswerColor,F=void 0===j?null:j,H=e.spacing,Z=void 0===H?20:H,W=e.background,q=void 0===W?null:W,_=e.introBackground,G=void 0===_?null:_,Y=e.introButton,U=void 0===Y?null:Y,Q=e.nextButton,X=void 0===Q?null:Q,J=e.header,K=void 0===J?null:J,$=e.footer,ee=void 0===$?null:$,te=e.current,le=void 0===te||te,ne=e.active,ae=void 0===ne||ne,ie=e.transitions,oe=void 0===ie?null:ie,re=e.transitionStagger,ue=void 0===re?100:re,se=e.type,ce=void 0===se?null:se,de=e.className,me=void 0===de?null:de,ve=l||"screen-id",ge=Tl(ce),pe=Pt(),fe=pe.width,he=pe.height,ye=pe.resolution,be=jt(),Ce=be.topHeight,we=be.bottomHeight,Ee=be.bottomSidesWidth,Ae=Rt(),ke=Ae.isView,xe=Ae.isPreview,Se=Ae.isPlaceholder,Me=Ae.isEdit,Ne=Ae.isStatic,Re=Ae.isCapture,Te=kt().muted,Le=xt(le,!0),Pe=Le.ref,Ie=Le.isCurrent,Be=void 0!==Ie&&Ie,Oe=Wt().open,Ve=zt(),De=null!==Ve?Ve.split("."):[],je=(0,T.A)(De,2),Fe=je[0],He=void 0===Fe?null:Fe,Ze=je[1],We=void 0===Ze?0:Ze,qe=le,Ye=Ne||Re||Se||xe||Me,Qe=le&&(ke||Me)&&(Be||!ke),Je=le||ae,Ke=Xe(X),$e=_e(K),et=Ge(ee),tt=ze(ee,{isView:ke,current:le,openWebView:Oe,isPreview:xe}),lt=fl(),nt=lt.ref,at=lt.height,it=void 0===at?0:at,ot=fl(),rt=ot.ref,ut=ot.height,st=void 0===ut?0:ut,ct=Ne||Re,dt=null!==c||null!==m||Me||"intro"===He,mt=(0,n.useState)(null),vt=(0,T.A)(mt,2),gt=vt[0],pt=vt[1],ft="intro";null!==He?ft="questions"===He?parseInt(We,10):He:!Se&&dt||(ft=0);var ht=(0,n.useState)(ft),yt=(0,T.A)(ht,2),bt=yt[0],Ct=yt[1];(0,n.useEffect)(function(){xe&&dt&&"intro"!==bt&&Ct("intro")},[xe,dt,bt,Ct]);var wt=(0,n.useCallback)(function(e,t){pt((0,i.A)((0,i.A)({},gt),{},(0,f.A)({},bt,t))),ge("click_answer","Question #".concat(bt+1," ").concat(t+1,": ").concat(e.label.body),{linkType:"quiz_answer",question:g[bt],questionIndex:bt,answer:e,answerIndex:t})},[gt,pt,ge,g,bt]),Et=(0,n.useCallback)(function(){Ct(0)},[Ct]);(0,n.useEffect)(function(){!le&&Me&&null!==gt&&pt(null)},[Me,le,gt,pt]);var At=null!==g&&g.length>0&&g[bt]||{}||{},St=At.text,Mt=void 0===St?null:St,Nt=At.answers,Tt=void 0===Nt?[]:Nt,Lt=At.background,It=void 0===Lt?null:Lt,Bt=At.layout,Ot=void 0===Bt?null:Bt,Vt=At.keypadLayout,Dt=void 0===Vt?null:Vt,Ft=At.result,Ht=void 0===Ft?null:Ft,Zt=At.resultImage,qt=void 0===Zt?null:Zt,_t=null!==gt&&void 0!==gt[bt]?gt[bt]:null,Gt=((null!==_t&&void 0!==Tt[_t]?Tt[_t]:null)||{}).result,Yt=void 0===Gt?null:Gt,Ut=null!==Tt&&void 0!==(Tt||[]).find(function(e){return!0===(null==e?void 0:e.good)||!1===(null==e?void 0:e.good)}),Qt=null!==Tt?Tt.findIndex(function(e){return null!==e&&!0===e.good}):null,Jt=null===Qt||-1===Qt,Kt=Xe(Ht),$t=Ue(qt),el=Xe(Yt),tl=Kt||$t||el,ll=(0,n.useCallback)(function(){if(!Me&&!xe){var e=bt+1,t=g.length;e<t?Ct(e):e===t&&Ct("results")}},[g,bt,Ct,Me,xe]),nl=(0,n.useMemo)(function(){return null!==gt?Object.keys(gt).reduce(function(e,t){var l=(null!==g&&g[t]||{}).answers,n=((void 0===l?[]:l)[gt[t]]||{}).points;return(void 0===n?0:n)+e},0):0},[gt,g]),al=dt&&"intro"===bt,il="results"===bt,ol=!al&&!il,rl=(0,n.useMemo)(function(){return il?"results"===He?(h||[])[parseInt(We,10)]||null:(h||[]).sort(function(e,t){var l=e.points,n=void 0===l?0:l,a=t.points,i=void 0===a?0:a;return n===i?0:n>i?1:-1}).reduce(function(e,t){var l=(e||{}).points,n=void 0===l?0:l,a=(t||{}).points;return nl>=(n||0)&&nl>=(void 0===a?0:a)?t:e},null):null},[il,h,nl,He,We]);(0,n.useEffect)(function(){if(null!==rl&&il){var e=rl||{},t=e.title,l=void 0===t?null:t,n=e.points,a=void 0===n?null:n;ge("view_result","Result: ".concat((null==l?void 0:l.body)||"No title"),{resultPoints:a||null,userPoints:nl||null})}},[rl,nl,il,ge]);var ul=rl||{},sl=ul.background,cl=void 0===sl?null:sl,dl=ul.layout,ml=void 0===dl?null:dl,vl=ri({screenId:ve}).create;(0,n.useEffect)(function(){il&&ke&&vl({choice:gt,value:nl})},[ke,il,gt,vl]),(0,n.useEffect)(function(){(Me||xe)&&("questions"===He?Ct(parseInt(We,10)):"results"===He?Ct("results"):"intro"===He&&Ct("intro"))},[He,We,Me,xe,Ct]);var gl=q,pl="background";al&&null!==G?(gl=G,pl="results"):il&&null!==cl?(gl=cl,pl="results"):ol&&null!==It&&(gl=It,pl="question_".concat(bt));var hl=(0,n.useRef)(bt),yl=(0,n.useMemo)(function(){if(bt===hl.current)return null;var e=hl.current;return hl.current=bt,"intro"===bt||"results"===e||e>bt?"left":(hl.current=bt,"right")},[bt]),bl=!Me&&Ye||!le||al,Cl=(0,n.useState)(!1),wl=(0,T.A)(Cl,2),El=wl[0],Al=wl[1],kl=(0,n.useCallback)(function(e){e.initial&&ge("scroll","Screen"),Al(!0)},[ge]),xl=(0,n.useCallback)(function(){Al(!1)},[Al]),Sl=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);ge("scroll",t,{scrollPercent:t})}},[ge]),Ml=(0,n.useState)(!1),Nl=(0,T.A)(Ml,2),Rl=Nl[0],zl=Nl[1],Ll=(0,n.useCallback)(function(e){var t=e.canScroll;zl(void 0!==t&&t)},[zl]),Pl=(0,n.useCallback)(function(){pt(null)},[pt]),Il=o;al&&null!==u?Il=u:(ol&&null!==Ot||il&&null!==ml)&&(Il=Ot);var Bl=Me,Ol=Me&&null!==_t,Vl=[];al&&Vl.push({key:"intro",element:n.createElement(co,{title:c,description:m,layout:u||o,button:U,buttonDisabled:(g||[]).length<1||Me||xe,focusable:le&&ke,transitions:oe,transitionPlaying:qe,transitionStagger:ue,transitionDisabled:Ye,className:oo.intro,style:Se?null:{paddingLeft:Z,paddingRight:Z,paddingTop:(xe?0:Ce)+Z,paddingBottom:(le&&!xe?we:0)+(st||Z)},onClickButton:Et})}),ol&&Vl.push({key:"question-".concat(bt),element:n.createElement(io,{index:bt,totalCount:(g||[]).length,question:Mt,answers:Tt,keypadLayout:Dt,answeredIndex:_t,buttonsStyle:b,inactiveButtonsStyle:w,buttonsTextStyle:A,inactiveButtonsTextStyle:x,questionsHeadingStyle:M,feedbackTextStyle:I,numbersTextStyle:O,goodAnswerColor:D,badAnswerColor:F,focusable:le&&ke,showInstantAnswer:ct,layout:Ot||o,result:Ht,resultImage:qt,withResult:tl,withoutGoodAnswer:Jt,withoutTrueFalse:!Ut,withoutCollapse:Ut,transitions:oe,transitionPlaying:qe,transitionStagger:ue,transitionDisabled:Ye,onAnswerClick:wt,onAnswerTransitionEnd:tl?null:ll,className:oo.question,style:Se?null:{padding:Z,paddingTop:(le&&!xe?Ce:0)+(it||Z),paddingBottom:(le&&!xe?we:0)+(st||Z)}})}),tl&&null!==_t&&Vl.push({key:"next",element:n.createElement("div",{className:oo.next,style:Se?null:{padding:Z,paddingTop:(le&&!xe?Ce:0)+(it||Z),paddingBottom:(le&&!xe?we:0)+(st||Z)}},n.createElement(Aa,{disabled:null===_t,focusable:!0,buttonStyle:null!==X?X.buttonStyle:null,className:oo.nextButton,onClick:ll},Ke?n.createElement(ea,Object.assign({},X,{className:oo.label})):n.createElement("span",{className:oo.label},n.createElement(Zl.A,{id:"SVLGTA",defaultMessage:[{type:0,value:"Next"}]}))))}),il&&Vl.push({key:"results",element:n.createElement(uo,Object.assign({},rl,{resultsHeadingStyle:R,resultsTextStyle:L,layout:ml||o,transitions:oe,transitionPlaying:qe,transitionStagger:ue,transitionDisabled:Ye,className:oo.results,style:Se?null:{padding:Z,paddingTop:(le&&!xe?Ce:0)+(it||Z),paddingBottom:(le&&!xe?we:0)+(st||Z)}}))});var Dl=(0,on.pn)(Vl,{keys:function(e){return e.key},from:function(e){return"next"===e.key?{transform:"translateX(0%)"}:{transform:"left"===yl?"translateX(-100%)":"translateX(100%)"}},enter:{transform:"translateX(0%)"},leave:function(e){return"next"===e.key?{transform:"translateX(0%)"}:{transform:"left"===yl?"translateX(100%)":"translateX(-100%)"}},config:function(e){return"next"===e.key?{duration:0}:{duration:1e3,easing:on.le.easeInOutSine}}}),jl=(0,n.useMemo)(function(){return{key:pl,background:gl}},[pl,gl]),Fl=(0,on.pn)(jl,{keys:function(e){return e.key},from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:{duration:1e3,easing:on.le.easeInOutSine}});return n.createElement("div",{className:Xt([oo.container,(0,f.A)({},me,null!==me)]),"data-screen-ready":!0},n.createElement(ga,{width:fe,height:he,className:oo.content},Bl&&null!==nl&&nl>0?n.createElement("div",{className:oo.points},"".concat(nl," "),n.createElement(Zl.A,{id:"Xr1v8l",defaultMessage:[{type:0,value:"points gained"}]})):null,Ol?n.createElement(Aa,{className:oo.reset,icon:n.createElement($i.gc,{icon:Ki.ye,size:"md"}),onClick:Pl}):null,!Se&&$e?n.createElement("div",{className:Xt([oo.header,(0,f.A)({},oo.disabled,El&&!bl&&Rl)]),ref:nt,style:{paddingTop:Z/2,paddingLeft:Z,paddingRight:Z,paddingBottom:Z,transform:xe?null:"translate(0, ".concat(Ce,"px)")}},n.createElement(Pa,K)):null,n.createElement(Za,{verticalAlign:Il,disabled:bl,onScrolledTrigger:Sl,onScrolledBottom:kl,onScrolledNotBottom:xl,onScrollHeightChange:Ll,withShadow:!0},n.createElement("div",{style:{position:"absolute",inset:"0"}},Dl(function(e,t){var l=Vl.some(function(e){return e.key===t.key});return n.createElement(on.CS.div,{style:(0,i.A)((0,i.A)({},e),l?{position:"relative",zIndex:1,top:0,left:0,width:"100%",minHeight:"100%"}:{position:"absolute",top:0,left:0,width:"100%",minHeight:"100%",zIndex:0})},t.element)}))),!Se&&et?n.createElement("div",{ref:rt,className:Xt([oo.footer,(0,f.A)({},oo.disabled,!El)]),style:{paddingLeft:Math.max(Z/2,Ee),paddingRight:Math.max(Z/2,Ee),paddingTop:Z/2,paddingBottom:Z/2,transform:xe?null:"translate(0, -".concat(we,"px)")}},n.createElement(za,tt)):null),Se?null:Fl(function(e,t){return n.createElement(on.CS.div,{style:(0,i.A)((0,i.A)({},e),{},{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:t.key===jl.key?1:0})},n.createElement(ma,{background:t.background,width:fe,height:he,resolution:ye,playing:Qe,muted:Te,shouldLoad:Je,mediaRef:Pe,className:oo.background,withoutVideo:xe}))}))},layouts:["top","middle","bottom","split"],states:[{id:"intro",label:(0,ue.zR)({id:"BgrRxZ",defaultMessage:[{type:0,value:"Intro"}]}),fields:[{name:"introLayout",type:"screen-layout",defaultValue:"middle",screenState:"intro",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"introButton",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})},{name:"introBackground",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"questions",label:(0,ue.zR)({id:"VMd1oG",defaultMessage:[{type:0,value:"Questions"}]}),repeatable:!0,fieldName:"questions",fields:[{name:"text",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"hVE7TA",defaultMessage:[{type:0,value:"Question"}]})},{name:"answers",type:"quiz-points-answers",theme:{label:{textStyle:"button"}},label:(0,ue.zR)({id:"KHWeV7",defaultMessage:[{type:0,value:"Answers"}]})},{name:"keypadLayout",type:"keypad-layout",isList:!0,withoutLabel:!0,defaultValue:{columnAlign:"middle",columns:1,spacing:10,withSquareItems:!1},label:(0,ue.zR)({id:"FjuRaw",defaultMessage:[{type:0,value:"Keypad settings"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"results",label:(0,ue.zR)({id:"uiTxd7",defaultMessage:[{type:0,value:"Results"}]}),repeatable:!0,fields:[{name:"layout",type:"screen-layout",defaultValue:"top",screenState:"results",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"points",type:"number",isHorizontal:!0,label:(0,ue.zR)({id:"jWAJW4",defaultMessage:[{type:0,value:"Points"}]}),help:(0,ue.zR)({id:"JoyIgA",defaultMessage:[{type:0,value:"Minimum points for this result"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})}]}],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"OPxJx/",defaultMessage:[{type:0,value:"Layout"}]})},{type:"fields",label:(0,ue.zR)({id:"LOknw0",defaultMessage:[{type:0,value:"Styles"}]}),isList:!0,fields:[{name:"buttonsStyle",type:"box-style-form",label:(0,ue.zR)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})},{name:"buttonsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"gwPu/I",defaultMessage:[{type:0,value:"Buttons text"}]})},{name:"inactiveButtonsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"my7Kox",defaultMessage:[{type:0,value:"Inactive buttons text"}]})},{name:"inactiveButtonsStyle",type:"box-style-form",label:(0,ue.zR)({id:"xlFOg3",defaultMessage:[{type:0,value:"Inactive buttons"}]})},{name:"questionsHeadingStyle",type:"text-style-form",label:(0,ue.zR)({id:"+FHxPO",defaultMessage:[{type:0,value:"Questions title"}]})},{name:"resultsHeadingStyle",type:"text-style-form",label:(0,ue.zR)({id:"BnRW4y",defaultMessage:[{type:0,value:"Results title"}]})},{name:"resultsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"uDHTZn",defaultMessage:[{type:0,value:"Results description"}]})},{name:"numbersTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"iltluX",defaultMessage:[{type:0,value:"Numbers text"}]})}]},{name:"nextButton",type:"button-element",theme:{textStyle:"button"},label:(0,ue.zR)({id:"Yu/PB5",defaultMessage:[{type:0,value:"Next button"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}];function vo(e){var t=e.body,l=void 0===t?null:t,a=e.textStyle,o=void 0===a?null:a,r=e.linksStyle,u=void 0===r?null:r,s=e.margin,c=void 0===s?null:s,d=e.showEmpty,m=void 0!==d&&d,v=e.className,g=void 0===v?null:v,p=e.emptyClassName,h=void 0===p?null:p,y=o||{},b=y.link,C=void 0===b?null:b,w=y.highlight,E=void 0===w?null:w,A={},k=null!==C?je(C):null,x=null!==E?De(E):null;null!==o&&(A=(0,i.A)((0,i.A)({},A),Fe(o))),null!==c&&(A=(0,i.A)((0,i.A)({},A),He(c))),null!==u&&(k=(0,i.A)((0,i.A)({},k),Fe(u)));var S=(0,n.useId)(),M=null!==k?"quote-component-".concat(S):null;return n.createElement(n.Fragment,null,null!==k?n.createElement(Jn,{selector:"#".concat(CSS.escape(M)),style:k}):null,null!==x?n.createElement(Xn,{selector:"#".concat(CSS.escape(M)),style:x}):null,n.createElement("blockquote",{id:M,className:Xt(["micromag-element-quote-container",(0,f.A)((0,f.A)((0,f.A)({},"micromag-element-quote-showEmpty",m),h,m&&null!==h),g,null!==g)]),style:A,dangerouslySetInnerHTML:{__html:l}}))}var go={container:"micromag-screen-quote-container",background:"micromag-screen-quote-background",content:"micromag-screen-quote-content",emptyQuote:"micromag-screen-quote-emptyQuote",emptyAuthor:"micromag-screen-quote-emptyAuthor",quote:"micromag-screen-quote-quote",withMargin:"micromag-screen-quote-withMargin",isPlaceholder:"micromag-screen-quote-isPlaceholder",layout:"micromag-screen-quote-layout"},po={id:"quote",type:"screen",group:{label:(0,ue.zR)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,ue.zR)({id:"3q9GPv",defaultMessage:[{type:0,value:"Quote"}]}),component:function(e){var t=e.layout,l=void 0===t?"top":t,a=e.quote,i=void 0===a?null:a,o=e.author,r=void 0===o?null:o,u=e.spacing,s=void 0===u?20:u,c=e.background,d=void 0===c?null:c,m=e.header,v=void 0===m?null:m,g=e.footer,p=void 0===g?null:g,h=e.current,y=void 0===h||h,b=e.preload,C=void 0===b||b,w=e.className,E=void 0===w?null:w,A=Pt(),k=A.width,x=A.height,S=A.resolution,M=Rt(),N=M.isView,R=M.isPreview,z=M.isPlaceholder,T=M.isEdit,L=jt(),P=L.topHeight,I=L.bottomHeight,B=L.bottomSidesWidth,O=Wt().open,V=kt().muted,D=xt(y,!0),j=D.ref,F=D.isCurrent,H=void 0!==F&&F,Z="split"===l,W="top"===l,q="middle"===l,_="bottom"===l,G=Z?null:l,Y=_e(v),U=Ge(p),Q=ze(p,{isView:N,current:y,openWebView:O,isPreview:R}),X=Xe(i),J=Xe(r),K=X&&J&&!Z,$=y&&(N||T)&&(H||!N),ee=y||C;return n.createElement("div",{className:Xt([go.container,(0,f.A)((0,f.A)({},E,E),go.isPlaceholder,z)]),"data-screen-ready":!0},n.createElement(ga,{width:k,height:x,className:go.content},n.createElement(ja,{className:go.layout,fullscreen:!0,verticalAlign:G,style:z?null:{padding:s,paddingTop:(R?0:P)+(Y?s/2:s),paddingBottom:(R?0:I)+(U?s/2:s)}},!z&&Y?n.createElement("div",{style:{paddingBottom:s}},n.createElement(Pa,v)):null,!z&&U&&q?n.createElement(Da,{key:"spacer-cta-top"}):null,!z&&Y&&_?n.createElement(Da,{key:"spacer-cta-top"}):null,!z&&Y&&!U&&q?n.createElement(Da,{key:"spacer-cta-top"}):null,n.createElement(Gn,{key:"quote",placeholder:"quote",emptyLabel:n.createElement(Zl.A,{id:"CrzYgw",defaultMessage:[{type:0,value:"Quote"}]}),emptyClassName:go.emptyQuote,isEmpty:!X},X?n.createElement(vo,Object.assign({className:Xt([go.quote,(0,f.A)({},go.withMargin,K)])},i)):null),Z?n.createElement(Da,{key:"spacer"}):null,n.createElement(Gn,{key:"author",placeholder:"subtitle",emptyLabel:n.createElement(Zl.A,{id:"xYqGzM",defaultMessage:[{type:0,value:"Author"}]}),emptyClassName:go.emptyAuthor,isEmpty:!J},J?n.createElement(ea,Object.assign({className:go.author},r)):null),!z&&U&&(W||q)?n.createElement(Da,{key:"spacer-cta-bottom"}):null,!z&&Y&&!U&&q?n.createElement(Da,{key:"spacer-cta-bottom"}):null,!z&&U?n.createElement("div",{style:{paddingTop:s,paddingLeft:Math.max(B-s,0),paddingRight:Math.max(B-s,0)}},n.createElement(za,Q)):null)),z?null:n.createElement(ma,{background:d,width:k,height:x,resolution:S,playing:$,muted:V,shouldLoad:ee,mediaRef:j,withoutVideo:R,className:go.background}))},layouts:["top","middle","bottom","split"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"quote",type:"heading-element",fieldType:"multi",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"88/Ge8",defaultMessage:[{type:0,value:"Quote"}]})},{name:"author",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},fo={container:"micromag-screen-ranking-container",background:"micromag-screen-ranking-background",content:"micromag-screen-ranking-content",empty:"micromag-screen-ranking-empty",emptyTitle:"micromag-screen-ranking-emptyTitle",item:"micromag-screen-ranking-item",rankText:"micromag-screen-ranking-rankText",itemTitle:"micromag-screen-ranking-itemTitle",description:"micromag-screen-ranking-description",callToAction:"micromag-screen-ranking-callToAction",disabled:"micromag-screen-ranking-disabled",sideLayout:"micromag-screen-ranking-sideLayout",elementsContainer:"micromag-screen-ranking-elementsContainer",rank:"micromag-screen-ranking-rank",label:"micromag-screen-ranking-label",isPlaceholder:"micromag-screen-ranking-isPlaceholder",scroll:"micromag-screen-ranking-scroll"},ho={id:"ranking",type:"screen",group:{label:(0,ue.zR)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:8},title:(0,ue.zR)({id:"17BMn2",defaultMessage:[{type:0,value:"Ranking"}]}),component:function(e){var t=e.layout,l=void 0===t?"side":t,a=e.title,r=void 0===a?null:a,u=e.items,s=void 0===u?[null]:u,c=e.itemTitleStyle,d=void 0===c?null:c,m=e.itemDescriptionStyle,v=void 0===m?null:m,g=e.numbersStyle,p=void 0===g?null:g,h=e.ascending,y=void 0!==h&&h,b=e.spacing,C=void 0===b?20:b,w=e.background,E=void 0===w?null:w,A=e.header,k=void 0===A?null:A,x=e.footer,S=void 0===x?null:x,M=e.current,N=void 0===M||M,R=e.preload,z=void 0===R||R,L=e.type,P=void 0===L?null:L,I=e.className,B=void 0===I?null:I,O=Tl(P),V=Pt(),D=V.width,j=V.height,F=V.resolution,H=jt(),Z=H.topHeight,W=H.bottomHeight,q=H.bottomSidesWidth,_=Wt().open,G=kt().muted,Y=xt(N,!0),U=Y.ref,Q=Y.isCurrent,X=void 0!==Q&&Q,J=Rt(),K=J.isView,$=J.isPreview,ee=J.isPlaceholder,te=J.isEdit,le=J.isStatic,ne=J.isCapture,ae=ee?(0,o.A)(new Array(10)).map(function(){return{}}):s||[null],ie=null!==ae?ae.length:0,oe=!te&&(le||ne||ee||$||te)||!N,re=N&&(K||te)&&(X||!K),ue=N||z,se=Xe(r),ce=n.createElement(Gn,{placeholder:"Title",emptyLabel:n.createElement(Zl.A,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Xt([fo.empty,fo.emptyTitle]),isEmpty:!se},se?n.createElement(Ba,Object.assign({className:fo.title},r)):null),de=(ae||[]).map(function(e,t){var l=e||{},a=l.title,o=void 0===a?null:a,r=l.description,u=void 0===r?null:r,s=Xe(o),c=Xe(u),m=(o||{}).textStyle,g=void 0===m?null:m,f=(u||{}).textStyle,h=void 0===f?null:f,b=n.createElement("div",{className:fo.itemTitle},n.createElement(Gn,{placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"bmO4Ss",defaultMessage:[{type:0,value:"Entry Title"}]}),emptyClassName:fo.empty,isEmpty:!s},s?n.createElement(Ba,Object.assign({},o,{textStyle:(0,i.A)((0,i.A)({},d||null),g)})):null)),C=n.createElement("div",{className:fo.description},n.createElement(Gn,{placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:fo.empty,isEmpty:!c},c?n.createElement(ea,Object.assign({},u,{textStyle:(0,i.A)((0,i.A)({},v||null),h)})):null)),w="".concat(y?t+1:ie-t);return n.createElement("div",{className:fo.item,key:"item-".concat(t)},n.createElement("div",{className:fo.rank},ee?w:n.createElement(ea,{className:fo.rankText,body:w,textStyle:p})),n.createElement("div",{className:fo.label},b,C))}),me=_e(k),ve=Ge(S),ge=ze(S,{isView:K,current:N,openWebView:_,isPreview:$}),pe=(0,n.useState)(!1),fe=(0,T.A)(pe,2),he=fe[0],ye=fe[1],be=fl(),Ce=be.ref,we=be.height,Ee=void 0===we?0:we,Ae=(0,n.useCallback)(function(e){e.initial&&O("scroll","Screen"),ye(!0)},[O]),ke=(0,n.useCallback)(function(){ye(!1)},[ye]),xe=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);O("scroll",t,{scrollPercent:t})}},[O]);return n.createElement("div",{className:Xt([fo.container,(0,f.A)((0,f.A)((0,f.A)({},B,null!==B),fo["".concat(l,"Layout")],null!==l),fo.isPlaceholder,ee)]),"data-screen-ready":!0},n.createElement(ga,{width:D,height:j,className:fo.content},n.createElement(Za,{className:fo.scroll,verticalAlign:"middle",disabled:oe,onScrolledTrigger:xe,onScrolledBottom:Ae,onScrolledNotBottom:ke,withShadow:!0},!ee&&me?n.createElement("div",{style:{paddingTop:C/2+Z,paddingLeft:C,paddingRight:C}},n.createElement(Pa,k)):null,n.createElement(ja,{className:fo.layout,style:ee?null:{padding:C,paddingTop:!ee&&me?C:($?0:Z)+C,paddingBottom:(N&&!$?W:0)+(Ee||C)}},ce,n.createElement("div",{className:fo.elementsContainer},de))),!ee&&ve?n.createElement("div",{ref:Ce,className:Xt([fo.callToAction,(0,f.A)({},fo.disabled,!he)]),style:{transform:N&&!$?"translate(0, -".concat(W,"px)"):null,paddingLeft:Math.max(C/2,q),paddingRight:Math.max(C/2,q),paddingTop:C/2,paddingBottom:C/2}},n.createElement(za,ge)):null),ee?null:n.createElement(ma,{background:E,width:D,height:j,resolution:F,playing:re,muted:G,shouldLoad:ue,mediaRef:U,withoutVideo:$,className:fo.background}))},layouts:["side","over"],fields:[{name:"layout",type:"screen-layout",defaultValue:"side",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"items",type:"entries",theme:{title:{textStyle:"heading2"},description:{textStyle:"text"}},label:(0,ue.zR)({id:"sESmah",defaultMessage:[{type:0,value:"Entries"}]})},{type:"fields",label:(0,ue.zR)({id:"xac4z/",defaultMessage:[{type:0,value:"Entry styles"}]}),isList:!0,fields:[{name:"itemTitleStyle",type:"text-style-form",label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"itemDescriptionStyle",type:"text-style-form",label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"numbersStyle",type:"text-style-form",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"UdrdRF",defaultMessage:[{type:0,value:"Numbers style"}]})}]},{name:"ascending",type:"toggle",label:(0,ue.zR)({id:"9DhYaZ",defaultMessage:[{type:0,value:"Ascending"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},yo=l(4625);function bo(e){var t=e.className,l=void 0===t?null:t,a=e.size,i=void 0===a?45:a;return n.createElement("svg",{width:i,height:i,viewBox:"0 0 45 45",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:Xt([(0,f.A)({},l,null!==l)])},n.createElement("g",{clipPath:"url(#clip0_837_18233)"},n.createElement("path",{d:"M32.8293 17.0498L27.3973 22.5436C27.3582 22.5825 27.3582 22.6453 27.3973 22.6842L31.1987 26.7044C31.4557 26.9576 31.4568 27.3694 31.2007 27.6247L31.1987 27.6267C30.9417 27.8809 30.526 27.8809 30.2699 27.6267L26.4836 23.6214C26.4435 23.5816 26.3782 23.5816 26.337 23.6214L25.4143 24.5557C24.6512 25.3304 23.607 25.7671 22.5156 25.7691C21.4011 25.7631 20.3367 25.3135 19.5606 24.5198L18.672 23.6224C18.6318 23.5826 18.5666 23.5826 18.5254 23.6224L14.7371 27.6286C14.48 27.8829 14.0644 27.8829 13.8083 27.6286C13.5513 27.3754 13.5503 26.9636 13.8063 26.7084L13.8083 26.7064L17.6097 22.6862C17.6448 22.6463 17.6448 22.5855 17.6097 22.5456L12.1717 17.0498C12.1335 17.0109 12.0703 17.0099 12.0301 17.0478C12.011 17.0667 12 17.0927 12 17.1196V28.1132C12.003 28.9976 12.7239 29.7145 13.6155 29.7175H31.3855C32.2761 29.7145 32.998 28.9986 33.001 28.1132V17.1196C33.001 17.0647 32.9568 17.0199 32.9016 17.0199C32.8745 17.0199 32.8484 17.0308 32.8293 17.0498Z",fill:"currentColor"}),n.createElement("path",{d:"M22.4995 24.459C23.2425 24.461 23.9544 24.1648 24.4735 23.6364L32.3946 15.631C32.1114 15.4036 31.759 15.28 31.3955 15.28H13.6105C13.246 15.279 12.8936 15.4026 12.6105 15.631L20.5305 23.6364C21.0476 24.1628 21.7585 24.46 22.4995 24.459Z",fill:"currentColor"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_837_18233"},n.createElement("rect",{width:"21",height:"14.4375",fill:"currentColor",transform:"translate(12 15.28)"}))))}function Co(e){var t=e.className,l=void 0===t?null:t,a=e.size,i=void 0===a?45:a;return n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 64 64",className:Xt([(0,f.A)({},l,null!==l)])},n.createElement("path",{d:"M29.1,33.4a7.19,7.19,0,0,0,10.1,1.4,5,5,0,0,0,.8-.7l4.3-4.3a7.24,7.24,0,0,0,.1-10.2,7.34,7.34,0,0,0-10.2.1l-.1.1-2.5,2.5",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3"}),n.createElement("path",{d:"M34.9,30.6a7.19,7.19,0,0,0-10.1-1.4,5,5,0,0,0-.8.7l-4.3,4.3a7.24,7.24,0,0,0-.1,10.2,7.15,7.15,0,0,0,10.2.1l.1-.1,2.5-2.5",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3"}))}function wo(e){var t=e.className,l=void 0===t?null:t,a=e.size,i=void 0===a?45:a;return n.createElement("svg",{width:i,height:i,viewBox:"0 0 45 45",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:Xt([(0,f.A)({},l,null!==l)])},n.createElement("path",{d:"M30.8988 12H14.1001C12.9444 12.0053 12.0106 12.9444 12.0106 14.1001L12 32.9989L16.2002 28.7987H30.8999C32.0578 28.7955 32.9968 27.8576 33 26.6986V14.1001C32.9968 12.9422 32.0588 12.0032 30.8999 12H30.8988ZM19.3498 20.3999C19.3498 20.9798 18.8797 21.4499 18.2998 21.4499V21.4499C17.7199 21.4499 17.2497 20.9798 17.2497 20.3999V20.3999C17.2497 19.82 17.7199 19.3498 18.2998 19.3498V19.3498C18.8797 19.3498 19.3498 19.82 19.3498 20.3999V20.3999ZM23.5501 20.3999C23.5501 20.9798 23.0799 21.4499 22.5 21.4499V21.4499C21.9201 21.4499 21.4499 20.9798 21.4499 20.3999V20.3999C21.4499 19.82 21.9201 19.3498 22.5 19.3498V19.3498C23.0799 19.3498 23.5501 19.82 23.5501 20.3999V20.3999ZM27.7503 20.3999C27.7503 20.9798 27.2801 21.4499 26.7002 21.4499V21.4499C26.1203 21.4499 25.6502 20.9798 25.6502 20.3999V20.3999C25.6502 19.82 26.1203 19.3498 26.7002 19.3498V19.3498C27.2801 19.3498 27.7503 19.82 27.7503 20.3999V20.3999Z",fill:"currentColor"}))}var Eo={item:"micromag-element-share-options-item",button:"micromag-element-share-options-button",icon:"micromag-element-share-options-icon",label:"micromag-element-share-options-label",spacer:"micromag-element-share-options-spacer",labelText:"micromag-element-share-options-labelText"};function Ao(e){var t=e.className,l=void 0===t?null:t,a=e.itemClassName,o=void 0===a?null:a,r=e.labelClassName,u=void 0===r?null:r,s=e.buttonClassName,c=void 0===s?null:s,d=e.title,m=void 0===d?null:d,v=e.url,g=void 0===v?null:v,p=e.options,h=void 0===p?null:p,y=e.buttonsStyle,C=void 0===y?null:y,w=e.buttonsTextStyle,E=void 0===w?null:w,A=e.iconSize,k=void 0===A?45:A,x=e.theme,S=void 0===x?null:x,M=e.onShare,N=void 0===M?null:M,R=e.onClose,z=void 0===R?null:R,L=e.focusable,P=void 0===L||L,I=(S||{}).menuTheme,B=((void 0===I?null:I)||{}).colors,O=((void 0===B?null:B)||{}).primary,V=Oe(void 0===O?null:O,"color");null!==E&&(V=(0,i.A)((0,i.A)({},V),Fe(E))),null!==C&&(V=(0,i.A)((0,i.A)({},V),Ve(C)));var D=(0,n.useState)(!1),j=(0,T.A)(D,2),F=j[0],H=j[1],Z=(0,n.useCallback)(function(){(function(e){return we.apply(this,arguments)})(g).then(function(){H(!0),setTimeout(function(){H(!1)},2e3)})},[g,H]),W=(0,n.useCallback)(function(e){null!==N&&N(e)},[N]),q=(0,n.useMemo)(function(){return{className:Xt([Eo.button,(0,f.A)({},c,null!==c)]),url:g,onShareWindowClose:function(){null!==z&&z()}}},[g,z]),_=(0,n.useMemo)(function(){return{className:Eo.icon,size:k,bgStyle:{fill:"none"},iconFillColor:"currentColor"}},[k]),G=[{id:"facebook",button:n.createElement(yo.uI,Object.assign({},q,{quote:m,beforeOnClick:function(){return W("Facebook"),Promise.resolve()},tabIndex:P?null:"-1",style:V}),n.createElement(yo.ik,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},"Facebook"),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))},{id:"twitter",button:n.createElement(yo.r6,Object.assign({},q,{title:m,beforeOnClick:function(){return W("Twitter"),Promise.resolve()},tabIndex:P?null:"-1",style:V}),n.createElement(yo.Fi,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},"X (Twitter)"),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))},{id:"linkedin",button:n.createElement(yo.wk,Object.assign({},q,{title:m,beforeOnClick:function(){return W("LinkedIn"),Promise.resolve()},tabIndex:P?null:"-1",style:V}),n.createElement(yo._z,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},"LinkedIn"),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))},{id:"whatsapp",button:n.createElement(yo.Kz,Object.assign({},q,{title:m,beforeOnClick:function(){return W("Whatsapp"),Promise.resolve()},tabIndex:P?null:"-1",style:V}),n.createElement(yo.Y4,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},"Whatsapp"),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))},{id:"email",button:n.createElement(yo.Ot,Object.assign({},q,{subject:m,beforeOnClick:function(){return W("Email"),Promise.resolve()},tabIndex:P?null:"-1",style:V}),n.createElement(bo,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},n.createElement(Zl.A,{id:"Lrwi2G",defaultMessage:[{type:0,value:"Email"}]})),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))},{id:"sms",button:n.createElement(cn,{className:Xt([Eo.button,(0,f.A)({},c,null!==c)]),href:"sms:?&body=".concat(g),focusable:P,style:V,external:!0,withoutBootstrapStyles:!0},n.createElement(wo,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},n.createElement("span",{className:Eo.labelText},n.createElement(Zl.A,{id:"dSfmnf",defaultMessage:[{type:0,value:"SMS"}]}))),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))}],Y=null===h||h.includes("copylink"),U=null!==h&&b(h)?G.filter(function(e){return h.includes(e.id)}):G;return n.createElement("div",{className:Xt([Eo.container,(0,f.A)({},l,null!==l)])},n.createElement("div",{className:Eo.options},Y?n.createElement("div",{className:Xt([Eo.item,(0,f.A)((0,f.A)({},o,null!==o),Eo.isLinkCopied,F)])},n.createElement(cn,{className:Xt([Eo.button,(0,f.A)({},c,null!==c)]),onClick:Z,focusable:P,style:V,withoutBootstrapStyles:!0},n.createElement(Co,_),n.createElement("div",{className:Xt([Eo.label,(0,f.A)({},u,null!==u)])},n.createElement("span",{className:Eo.labelText},F?null:n.createElement(Zl.A,{id:"D21uVQ",defaultMessage:[{type:0,value:"Copy link"}]}),F?n.createElement(Zl.A,{id:"xFlbR7",defaultMessage:[{type:0,value:"Link copied!"}]}):null)),n.createElement("div",{className:Eo.spacer,style:{width:"".concat(k,"px")}}))):null,U.map(function(e){var t=e.id,l=e.button;return n.createElement("div",{key:t,className:Xt([Eo.item,(0,f.A)({},o,null!==o)])},l)})))}var ko={container:"micromag-screen-share-container",background:"micromag-screen-share-background",content:"micromag-screen-share-content",heading:"micromag-screen-share-heading",layout:"micromag-screen-share-layout",shareOptions:"micromag-screen-share-shareOptions",isCentered:"micromag-screen-share-isCentered",shareButton:"micromag-screen-share-shareButton",emptyHeading:"micromag-screen-share-emptyHeading",emptyOptions:"micromag-screen-share-emptyOptions",header:"micromag-screen-share-header",footer:"micromag-screen-share-footer"},xo={id:"share",type:"screen",group:{label:(0,ue.zR)({id:"64JlRq",defaultMessage:[{type:0,value:"Share"}]}),order:12},title:(0,ue.zR)({id:"5mk1b+",defaultMessage:[{type:0,value:"Share"}]}),component:function(e){var t=e.layout,l=void 0===t?"top":t,a=e.heading,i=void 0===a?null:a,r=e.shareUrl,u=void 0===r?null:r,s=e.options,c=void 0===s?null:s,d=e.buttonsStyle,m=void 0===d?null:d,v=e.buttonsTextStyle,g=void 0===v?null:v,p=e.centered,h=void 0!==p&&p,y=e.spacing,b=void 0===y?20:y,C=e.background,w=void 0===C?null:C,E=e.header,A=void 0===E?null:E,k=e.footer,x=void 0===k?null:k,S=e.id,M=void 0===S?null:S,N=e.index,R=void 0===N?null:N,z=e.current,T=void 0===z||z,L=e.active,P=void 0===L||L,I=e.className,B=void 0===I?null:I,O=Pt(),V=O.width,D=O.height,j=O.resolution,F=Rt(),H=F.isView,Z=F.isPreview,W=F.isPlaceholder,q=F.isEdit,_=jt(),G=_.topHeight,Y=_.bottomHeight,U=_.bottomSidesWidth,Q=Wt().open,X=kt().muted,J=xt(T,!0),K=J.ref,$=J.isCurrent,ee=T&&(H||q)&&(void 0!==$&&$||!H),te=T||P,le=_e(A),ne=Ge(x),ae=ze(x,{isView:H,current:T,openWebView:Q,isPreview:Z}),ie=fl(),oe=ie.ref,re=ie.height,ue=void 0===re?0:re,se=fl(),ce=se.ref,de=se.height,me=void 0===de?0:de,ve=(0,n.useMemo)(function(){if("undefined"==typeof window)return"";var e=window.location||{},t=e.hostname,l=void 0===t?null:t,n=e.pathname,a=(void 0===n?null:n).split("/");return a.reduce(function(e,t,l){return l===a.length-1&&parseInt(t,10)===R||t===M||""===t?e:"".concat(e,"/").concat(t)},l)},[R,M]),ge=u||ve,pe=null!==c?["email","facebook","twitter","linkedin","whatsapp"]:[],fe=null!==c?Object.keys(c).reduce(function(e,t){return c[t]?[].concat((0,o.A)(e),[t]):e},[]):pe,he=H,ye=Tl("share"),be=(0,n.useCallback)(function(e){he&&ye("click_share",e,{shareUrl:ge})},[ye]);return n.createElement("div",{className:Xt([ko.container,(0,f.A)((0,f.A)({},B,null!==B),ko.isPlaceholder,W)]),"data-screen-ready":!0},n.createElement(ga,{width:V,height:D,className:ko.content},n.createElement(ja,{className:ko.layout,verticalAlign:l,fullscreen:!0,style:W?null:{padding:b,paddingTop:(Z?0:G)+(ue||b),paddingBottom:(T&&!Z?Y:0)+(me||b)}},!W&&le?n.createElement("div",{className:ko.header,ref:oe,style:{paddingTop:b/2,paddingBottom:b,paddingLeft:b,paddingRight:b,transform:"translate(0px, ".concat(G,"px)")}},n.createElement(Pa,A)):null,n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"X7kRRa",defaultMessage:[{type:0,value:"Heading"}]}),emptyClassName:ko.emptyHeading,isEmpty:!i||""===(null==i?void 0:i.body)},i?n.createElement(Ba,Object.assign({className:Xt([ko.heading])},i)):null),n.createElement(Da,{key:"spacer",size:5}),n.createElement(Gn,{key:"share-options",placeholder:"share-options",emptyLabel:n.createElement(Zl.A,{id:"RucIeL",defaultMessage:[{type:0,value:"Share options"}]}),emptyClassName:ko.emptyOptions,isEmpty:!c},n.createElement(Ao,{className:Xt([ko.shareOptions,(0,f.A)({},ko.isCentered,h)]),buttonClassName:ko.shareButton,url:ge,options:fe,onShare:be,buttonsStyle:m,buttonsTextStyle:g})),!W&&ne?n.createElement("div",{className:ko.footer,ref:ce,style:{paddingTop:b,paddingBottom:b/2,paddingLeft:Math.max(U-b,0),paddingRight:Math.max(U-b,0)}},n.createElement(za,ae)):null)),W?null:n.createElement(ma,{background:w,width:V,height:D,resolution:j,playing:ee,muted:X,shouldLoad:te,mediaRef:K,withoutVideo:Z,className:ko.background}))},layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"shareUrl",type:"url",label:(0,ue.zR)({id:"0R+nB5",defaultMessage:[{type:0,value:"Custom URL"}]}),help:(0,ue.zR)({id:"bQsPrs",defaultMessage:[{type:0,value:"If this field is left empty, this Micromag's URL will be shared."}]})},{name:"heading",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"wx5PI0",defaultMessage:[{type:0,value:"Heading"}]})},{name:"options",type:"fields",isList:!0,label:(0,ue.zR)({id:"4js1kW",defaultMessage:[{type:0,value:"Share Options"}]}),fields:[{name:"copylink",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"rKuiKj",defaultMessage:[{type:0,value:"Copy link"}]})},{name:"facebook",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"r+bcpa",defaultMessage:[{type:0,value:"Facebook"}]})},{name:"twitter",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"mlucL+",defaultMessage:[{type:0,value:"Twitter"}]})},{name:"linkedin",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"hvxkzE",defaultMessage:[{type:0,value:"LinkedIn"}]})},{name:"whatsapp",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"3B9cb3",defaultMessage:[{type:0,value:"Whatsapp"}]})},{name:"email",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"LI0Gz4",defaultMessage:[{type:0,value:"Email"}]})},{name:"sms",type:"toggle",defaultValue:!0,label:(0,ue.zR)({id:"d3va12",defaultMessage:[{type:0,value:"SMS"}]})}]},{name:"buttonsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"gwPu/I",defaultMessage:[{type:0,value:"Buttons text"}]})},{name:"buttonsStyle",type:"box-style-form",label:(0,ue.zR)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},So={container:"micromag-screen-slideshow-container",background:"micromag-screen-slideshow-background",content:"micromag-screen-slideshow-content",inner:"micromag-screen-slideshow-inner",placeholder:"micromag-screen-slideshow-placeholder",caption:"micromag-screen-slideshow-caption",header:"micromag-screen-slideshow-header",footer:"micromag-screen-slideshow-footer"},Mo=[{id:"slideshow",type:"screen",group:{label:(0,ue.zR)({id:"6mX2ya",defaultMessage:[{type:0,value:"Images"}]}),order:7},title:(0,ue.zR)({id:"MhGUaY",defaultMessage:[{type:0,value:"Slideshow"}]}),component:function(e){var t=e.slides,l=void 0===t?[]:t,a=e.withCaptions,i=void 0!==a&&a,o=e.background,r=void 0===o?null:o,u=e.header,s=void 0===u?null:u,c=e.footer,d=void 0===c?null:c,m=e.current,v=void 0===m||m,g=e.active,p=void 0===g||g,h=e.preload,y=void 0===h||h,b=e.spacing,C=void 0===b?20:b,w=e.transitionDelay,E=void 0===w?1:w,A=e.captionMaxLines,k=void 0===A?2:A,x=e.transitions,S=void 0===x?null:x,M=e.className,N=void 0===M?null:M,R=Pt(),z=R.width,L=R.height,P=R.resolution,I=jt(),B=I.topHeight,O=I.bottomHeight,V=Zt(),D=V.enableInteraction,j=V.disableInteraction,F=Rt(),H=F.isView,Z=F.isPreview,W=F.isPlaceholder,q=F.isEdit,_=F.isStatic,G=F.isCapture,Y=kt().muted,U=xt(v,!0),Q=U.ref,X=U.isCurrent,J=v&&(H||q)&&(void 0!==X&&X||!H),K=v||y,$=W?5:C,ee=(0,n.useState)(0),te=(0,T.A)(ee,2),le=te[0],ne=te[1],ae=!0,ie=v&&ae,oe=_||G||W||Z,re=(0,n.useCallback)(function(){ne(le+1)},[le,ne]),ue=(0,n.useRef)([]),se=_e(s),ce=Ge(d),de=ze(d,{isView:H,current:v,isPreview:Z,enableInteraction:D,disableInteraction:j}),me=fl(),ve=me.ref,ge=me.height,pe=void 0===ge?0:ge,fe=fl().ref,he=(l||[]).map(function(e,t){var l=e||{},a=l.media,o=void 0===a?null:a,r=l.caption,u=void 0===r?null:r,s={width:z,height:L},c=null!==o,d=Xe(u),m=t>0?t*(1e3*E):0;return n.createElement("div",{key:"item-".concat(t),className:So.gridItem},n.createElement("div",{className:So.imageContainer,ref:function(e){ue.current[t]=e}},n.createElement(Qn,{transitions:S,delay:m,playing:ie,disabled:oe,fullscreen:!0},n.createElement(Gn,{placeholder:"image",placeholderProps:{className:So.placeholder,height:"100%"},emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:So.emptyImage,isEmpty:!c},K?n.createElement(ba,Object.assign({className:So.image,media:o,muted:Y},s,{resolution:P,objectFit:{fit:"cover"},playing:J,active:p,withoutVideo:Z,onLoaded:re})):null))),i?n.createElement(Qn,{transitions:S,delay:m,playing:ie,disabled:oe},n.createElement(Gn,{placeholder:"line",emptyLabel:n.createElement(Zl.A,{id:"6tIigB",defaultMessage:[{type:0,value:"Caption"}]}),emptyClassName:So.emptyCaption,isEmpty:!d},d?n.createElement("div",{className:So.caption},n.createElement(ea,Object.assign({},u,{className:So.captionText,lineClamp:k}))):null)):null)});return n.createElement("div",{className:Xt([So.container,(0,f.A)((0,f.A)({},N,null!==N),So.isPlaceholder,W)]),"data-screen-ready":ae},n.createElement(ga,{width:z,height:L,className:So.content},n.createElement("div",{className:So.inner,style:{paddingTop:Z?null:B,paddingBottom:(ce?pe-$:0)+(v&&!Z?O:0)}},W?n.createElement(Gn,{placeholder:"image",placeholderProps:{className:So.placeholder,height:"100%"},emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]})}):null,!W&&se?n.createElement("div",{className:So.header,ref:fe,style:{padding:$,paddingTop:$/2,transform:Z?null:"translate(0, ".concat(B,"px)")}},n.createElement(Pa,s)):null,he,!W&&ce?n.createElement("div",{className:So.footer,ref:ve,style:{padding:$/2}},n.createElement(za,de)):null)),W?null:n.createElement(ma,{background:r,width:z,height:L,resolution:P,muted:Y,mediaRef:Q,playing:J,shouldLoad:K,withoutVideo:Z,className:So.background}))},fields:[{name:"slides",type:"visuals-with-caption",label:(0,ue.zR)({id:"muYwrB",defaultMessage:[{type:0,value:"Images"}]})},{name:"transitionDelay",type:"number",min:0,float:!0,label:(0,ue.zR)({id:"/6zaOP",defaultMessage:[{type:0,value:"Transition Delay (in seconds)"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],No=l(3831),Ro=l(5569),zo="micromag-screen-survey-disabled",To="micromag-screen-survey-resultText",Lo={id:"survey",type:"screen",group:{label:(0,ue.zR)({id:"ZiWlL6",defaultMessage:[{type:0,value:"Questions"}]}),order:7},title:(0,ue.zR)({id:"650XRF",defaultMessage:[{type:0,value:"Survey"}]}),component:function(e){var t=e.id,l=void 0===t?null:t,a=e.layout,u=void 0===a?"middle":a,s=e.question,c=void 0===s?null:s,d=e.answers,m=void 0===d?null:d,v=e.result,g=void 0===v?null:v,p=e.buttonsStyle,h=void 0===p?null:p,y=e.buttonsTextStyle,b=void 0===y?null:y,w=e.resultsStyle,E=void 0===w?null:w,A=e.spacing,k=void 0===A?20:A,x=e.header,S=void 0===x?null:x,M=e.footer,N=void 0===M?null:M,R=e.background,z=void 0===R?null:R,L=e.customAnswer,P=void 0!==L&&L,I=e.showCount,B=void 0!==I&&I,O=e.withoutPercentage,V=void 0!==O&&O,D=e.withoutBar,j=void 0!==D&&D,F=e.current,H=void 0===F||F,Z=e.preload,W=void 0===Z||Z,q=e.transitions,_=void 0===q?null:q,G=e.resultTransitionDuration,Y=void 0===G?500:G,U=e.type,Q=void 0===U?null:U,X=e.className,J=void 0===X?null:X,K=l||"screen-id",$=Tl(Q),ee=Pt(),te=ee.width,le=ee.height,ne=ee.resolution,ae=ri({screenId:K}).create,ie=Rt(),oe=ie.isView,re=ie.isPreview,ue=ie.isPlaceholder,se=ie.isEdit,de=ie.isStatic,me=ie.isCapture,ve=jt(),ge=ve.topHeight,pe=ve.bottomHeight,fe=ve.bottomSidesWidth,he=Wt().open,ye=kt().muted,be=xt(H,!0),Ce=be.ref,we=be.isCurrent,Ee=void 0!==we&&we,Ae=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screenId,l=e.storyId,a=void 0===l?null:l,o=e.opts,u=void 0===o?{}:o,s=ni(),c=st()||{},d=c.id,m=c.document_id,v=(0,n.useCallback)(function(){return null!==s?s.quiz.results(t,{story_id:m||a||d}):null},[s,t,m,a,d]),g=null!==s?ai(v,u):{data:null},p=g.data,f=(0,r.A)(g,oi);return(0,i.A)({quiz:p||[]},f)}({screenId:K,opts:{autoload:!ue}}),ke=Ae.quiz,xe=(void 0===ke?[]:ke).filter(function(e){var t=(e||{}).choice,l=void 0===t?null:t;return!!(m||[]).map(function(e){var t=(e||{}).label,l=((void 0===t?null:t)||{}).body;return void 0===l?null:l}).filter(function(e){return null!==e}).find(function(e){return e===l})}),Se=Xe(c),Me=Xe(g),Ne=P||{},Re=Ne.active,Le=void 0!==Re&&Re,Pe=Ne.placeholder,Ie=void 0===Pe?null:Pe,Be=Ne.textStyle,Ve=void 0===Be?null:Be,De=Ne.boxStyle,je=void 0===De?null:De,Fe=Ne.submit,He=void 0===Fe?null:Fe,Ze=Ne.multiline,We=void 0!==Ze&&Ze,qe=Ie||{},Ye=qe.body,Ue=void 0===Ye?null:Ye,Qe=qe.textStyle,Je=void 0===Qe?null:Qe,Ke=de||me,$e=(0,n.useState)(Ke?-1:null),et=(0,T.A)($e,2),tt=et[0],lt=et[1],nt=null!==tt,at=(0,n.useMemo)(function(){var e=null!==m?(xe||[]).reduce(function(e,t){var l=t.count;return e+parseInt(void 0===l?0:l,10)},null!==tt&&tt>-1?1:0):0,t=null!==m?(m||[]).reduce(function(t,l,n){var a=(l||{}).label,o=((void 0===a?{}:a)||{}).body,r=void 0===o?null:o,u=(xe.find(function(e){return e.choice===r})||{}).count,s=void 0===u?0:u,c=n===tt?s+1:s;return null!==r?(0,i.A)((0,i.A)({},t),{},(0,f.A)({},r,{percent:e>0?c/e*100:0,count:c})):t},{}):{},l=function(e){if(!C()(e)||e.length<1)return e;for(var t=e.map(function(e,t){return{floor:Math.floor(e)||0,remainder:Te(e),index:t}}).sort(function(e,t){return t.remainder-e.remainder}),l=100-t.reduce(function(e,t){return e+t.floor},0),n=0;n<l;n+=1)t[n]&&(t[n].floor+=1);return t.sort(function(e,t){return e.index-t.index}).map(function(e){return e.floor})}(e>0?Object.keys(t).map(function(e){return t[e].percent||0}):[]);return Object.keys(t).reduce(function(e,n,a){return(0,i.A)((0,i.A)({},e),{},(0,f.A)({},n,(0,i.A)((0,i.A)({},t[n]),{},{percent:l[a]})))},{})},[m,xe,tt]),it="split"===u,ot="middle"===u,rt=it?null:u,ut=H,ct=de||me||ue||re||se,dt=H&&(oe||se)&&(Ee||!oe),mt=H||W,vt=(0,n.useCallback)(function(e){if(null===tt){lt(e);var t=null!==m?m[e]:null;ae({choice:t.label.body||e,value:1}),$("click_answer","Answer ".concat(tt+1,": ").concat(t.label.body),{linkType:"survey_answer",answer:t,answerIndex:e,answerType:"button"})}},[tt,lt,$,ae]);(0,n.useEffect)(function(){!H&&se&&null!==tt&<(null)},[se,H,tt,lt]);var gt=(0,n.useCallback)(function(){lt(null)},[lt]),pt=(0,n.useState)(null),ft=(0,T.A)(pt,2),ht=ft[0],yt=ft[1],bt=(0,n.useState)(!1),Ct=(0,T.A)(bt,2),wt=Ct[0],Et=Ct[1],At=re||nt,St=(0,n.useCallback)(function(e){e.preventDefault(),e.stopPropagation(),Et(!0)},[Et]),Mt=(0,n.useCallback)(function(e){e.preventDefault(),e.stopPropagation(),Et(!1)},[Et]),Nt=(0,n.useCallback)(function(e){var t=ti.A.sanitize(e.currentTarget.value||"");yt(""!==t?t:null)},[yt]),zt=(0,n.useCallback)(function(){yt("")},[yt]),Tt=(0,n.useCallback)(function(e){e.preventDefault(),e.stopPropagation(),null===ht||""===ht||nt||(ae({choice:ht,value:1}),lt("input"),Et(!1),$("click_answer","Answer input: ".concat(ht),{textInput:ht,answerIndex:null,answerType:"custom"}))},[ht,ae,nt,lt,Et,$]),Lt=_e(S),It=Ge(N),Bt=ze(N,{isView:oe,current:H,openWebView:he,isPreview:re}),Ot=fl(),Vt=Ot.ref,Dt=Ot.height,Ft=void 0===Dt?0:Dt,Ht=fl(),Zt=Ht.ref,qt=Ht.height,_t=void 0===qt?0:qt,Gt=!se&&ct||!H,Yt=(0,n.useState)(!1),Ut=(0,T.A)(Yt,2),Qt=Ut[0],Jt=Ut[1],Kt=(0,n.useCallback)(function(e){e.initial&&$("scroll","Screen"),Jt(!0)},[$]),$t=(0,n.useCallback)(function(){Jt(!1)},[Jt]),el=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);$("scroll",t,{scrollPercent:t})}},[$]),tl=(0,n.useState)(!1),ll=(0,T.A)(tl,2),nl=ll[0],al=ll[1],il=(0,n.useCallback)(function(e){var t=e.canScroll;al(void 0!==t&&t)},[al]),ol=[n.createElement(Gn,{key:"question",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"e1I+KU",defaultMessage:[{type:0,value:"Question"}]}),emptyClassName:"micromag-screen-survey-emptyQuestion",isEmpty:!Se},Se?n.createElement(Qn,{transitions:_,playing:ut,disabled:ct},n.createElement(Ba,Object.assign({},c,{className:"micromag-screen-survey-question"}))):null)];(it||!ue&&It&&ot)&&ol.push(n.createElement(Da,{key:"spacer"}));var rl=(0,n.useMemo)(function(){return Ke?0:"".concat(Y,"ms")},[Ke,Y]),ul=E||{},sl=ul.barColor,cl=void 0===sl?null:sl,dl=ul.textColor,ml=void 0===dl?null:dl,vl=ul.percentageTextStyle,gl=void 0===vl?null:vl,pl=(0,n.useMemo)(function(){var e=Me?g:null,t=((null!==m&&null!==tt?m[tt]:null)||{}).result;return(void 0===t?null:t)||e},[Me,g,m,tt]),hl=se&&null!==tt;return ol.push(n.createElement("div",{key:"answers",className:"micromag-screen-survey-answers"},null!==m||ue?n.createElement("div",{className:"micromag-screen-survey-items"},(ue?(0,o.A)(new Array(3)):m).map(function(e,t){var l=null!==e,a=e||{},o=a.label,r=void 0===o?null:o,u=a.buttonStyle,s=void 0===u?null:u,c=a.textStyle,d=void 0===c?null:c,m=a.resultStyle,v=(void 0===m?null:m)||{},g=v.barColor,p=void 0===g?null:g,y=v.textColor,C=v.percentageTextStyle,w=void 0===C?null:C,E=(r||{}).body,A=void 0===E?null:E,k=null!==A&&at[A]||{},x=k.percent,S=void 0===x?0:x,M=k.count,N=void 0===M?0:M,R=(r||{}).textStyle,z=void 0===R?null:R,T=(z||{}).color,L=void 0===T?null:T,P=Xe(r),I=tt===t,O=(0,i.A)((0,i.A)((0,i.A)({},h),s),nt?{textAlign:"left"}:null),D=(O||{}).borderRadius,F=void 0===D?null:D,Z=null!==F&&ce(F)&&F>2?F-2:F;return n.createElement("div",{key:"answer-".concat(t+1),className:Xt(["micromag-screen-survey-item",(0,f.A)({},"micromag-screen-survey-userAnswer",I)])},n.createElement(Gn,{placeholder:"surveyAnswer",placeholderProps:{className:"micromag-screen-survey-placeholderAnswer"},emptyLabel:n.createElement(Zl.A,{id:"+Ok+7S",defaultMessage:[{type:0,value:"Answer"}]}),emptyClassName:"micromag-screen-survey-emptyAnswer",isEmpty:!P},l?n.createElement("div",{className:"micromag-screen-survey-itemContent"},n.createElement("div",{className:"micromag-screen-survey-itemInner",style:{borderRadius:F,transitionDuration:rl}},n.createElement(Aa,{className:"micromag-screen-survey-button",onPointerUp:function(e){"mouse"===e.pointerType&&0!==e.button||vt(t)},disabled:re||null!==tt,focusable:H&&oe,buttonStyle:O,textStyle:(0,i.A)((0,i.A)((0,i.A)({},b),z),d)},n.createElement("span",{className:"micromag-screen-survey-itemLabel"},n.createElement(ea,Object.assign({},r,{textStyle:(0,i.A)((0,i.A)((0,i.A)({},b),z),d),inline:!0,className:"micromag-screen-survey-itemText"})),V?null:n.createElement("div",{className:"micromag-screen-survey-resultLabel",style:(0,i.A)((0,i.A)({},Oe(nt?y||ml||p||cl||L:null,"color")),nt?{opacity:1}:{opacity:0})},n.createElement(ea,Object.assign({},r,{textStyle:(0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)((0,i.A)({},b),z),d),ml),gl),y),w),inline:!0,className:To,body:B?N:"".concat(S,"%")}))),j?null:n.createElement("div",{className:"micromag-screen-survey-resultBar",style:(0,i.A)((0,i.A)({borderRadius:Z,transitionDuration:rl,width:null!==S?"".concat(S,"%"):"0%"},Oe(p||cl||L,"backgroundColor")),nt?{opacity:.5}:{opacity:0})}))))):null))})):null)),n.createElement("div",{className:Xt(["micromag-screen-survey-container",(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},J,null!==J),"micromag-screen-survey-answered",nt),"micromag-screen-survey-inputFocused",wt),"micromag-screen-survey-withPercentage",!V),"micromag-screen-survey-withBar",!j),"micromag-screen-survey-isPlaceholder",ue)])},n.createElement(ga,{width:te,height:le,className:"micromag-screen-survey-content"},n.createElement(Za,{verticalAlign:rt,disabled:Gt,onScrolledTrigger:el,onScrolledBottom:Kt,onScrolledNotBottom:$t,onScrollHeightChange:il,withShadow:!0},hl?n.createElement(Aa,{className:"micromag-screen-survey-reset",icon:n.createElement(Ro.gc,{icon:No.ye,size:"md"}),onClick:gt}):null,!ue&&Lt?n.createElement("div",{className:Xt(["micromag-screen-survey-header",(0,f.A)({},zo,Qt&&!Gt&&nl)]),ref:Vt,style:{paddingTop:k/2,paddingLeft:k,paddingRight:k,paddingBottom:k,transform:re?null:"translate(0, ".concat(ge,"px)")}},n.createElement(Pa,S)):null,n.createElement(ja,{className:"micromag-screen-survey-layout",verticalAlign:rt,style:ue?null:{padding:k,paddingTop:(H&&!re?ge:0)+(Ft||k),paddingBottom:(H&&!re?pe:0)+(_t+k)}},ol,!ue&&Le?n.createElement("form",{className:Xt(["micromag-screen-survey-input",(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},"micromag-screen-survey-focused",wt),"micromag-screen-survey-filled",null!==ht&&""!==ht),zo,At),"micromag-screen-survey-selected","input"===tt),"micromag-screen-survey-multiline",We)]),onSubmit:Tt},n.createElement(si,{className:"micromag-screen-survey-textInput",disabled:At,focusable:H&&oe,buttonStyle:(0,i.A)((0,i.A)({},h),je),textStyle:(0,i.A)((0,i.A)({},b),Ve),placeholderTextStyle:(0,i.A)((0,i.A)((0,i.A)({},b),Ve),Je),value:ht,label:Ue,onChange:Nt,onFocus:St,onBlur:Mt,multiline:We}),nt?null:n.createElement(Aa,{className:Xt(["micromag-screen-survey-confirm",(0,f.A)({},zo,At||null===ht||""===ht)]),type:"button",onClick:zt,disabled:At||null===ht||""===ht},n.createElement(vn,{className:"micromag-screen-survey-icon"})),nt?null:n.createElement(Aa,{className:Xt(["micromag-screen-survey-submit",(0,f.A)({},zo,At||null===ht||""===ht)]),type:"submit",buttonStyle:null==He?void 0:He.buttonStyle,disabled:At||null===ht||""===ht},n.createElement(ea,Object.assign({},He,{inline:!0})))):null,null!==tt&&null!==pl?n.createElement(Qn,{transitions:_,playing:ut,disabled:ct},n.createElement(ea,Object.assign({},pl||{},{className:To}))):null)),!ue&&It?n.createElement("div",{ref:Zt,className:Xt(["micromag-screen-survey-footer",(0,f.A)({},zo,!Qt)]),style:{transform:re?null:"translate(0, -".concat(pe,"px)"),paddingLeft:Math.max(k/2,fe),paddingRight:Math.max(k/2,fe),paddingTop:k/2,paddingBottom:k/2}},n.createElement(za,Bt)):null),ue?null:n.createElement(ma,{background:z,width:te,height:le,resolution:ne,playing:dt,muted:ye,shouldLoad:mt,mediaRef:Ce,withoutVideo:re,className:"micromag-screen-survey-background"}))},layouts:["top","middle","bottom","split"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"question",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"hVE7TA",defaultMessage:[{type:0,value:"Question"}]})},{name:"answers",type:"answers",theme:{label:{textStyle:"button"}},label:(0,ue.zR)({id:"KHWeV7",defaultMessage:[{type:0,value:"Answers"}]})},{name:"result",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"iQ5Uf7",defaultMessage:[{type:0,value:"Default feedback"}]})},{name:"customAnswer",type:"custom-answer",defaultValue:!1,isList:!0,theme:{textStyle:"button"}},{type:"fields",isList:!0,label:(0,ue.zR)({id:"R9DB4a",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"showCount",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"ppGXAR",defaultMessage:[{type:0,value:"Show the answer count"}]})},{name:"withoutPercentage",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"crLqJd",defaultMessage:[{type:0,value:"Without percentage"}]})},{name:"withoutBar",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"D7kxD3",defaultMessage:[{type:0,value:"Without bar"}]})},{name:"buttonsStyle",type:"box-style-form",label:(0,ue.zR)({id:"l5uLMd",defaultMessage:[{type:0,value:"Buttons"}]})},{name:"buttonsTextStyle",type:"text-style-form",label:(0,ue.zR)({id:"gwPu/I",defaultMessage:[{type:0,value:"Buttons text"}]})},{name:"resultsStyle",type:"graph-bar-style-form",label:(0,ue.zR)({id:"e4UTx9",defaultMessage:[{type:0,value:"Results"}]}),noValueLabel:(0,ue.zR)({id:"65rc70",defaultMessage:[{type:0,value:"Edit style..."}]})}]},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},Po={container:"micromag-screen-text-container",background:"micromag-screen-text-background",content:"micromag-screen-text-content",emptyTitle:"micromag-screen-text-emptyTitle",emptyText:"micromag-screen-text-emptyText",title:"micromag-screen-text-title",withMargin:"micromag-screen-text-withMargin",isPlaceholder:"micromag-screen-text-isPlaceholder",layout:"micromag-screen-text-layout"};function Io(e){var t=e.layout,l=void 0===t?"top":t,a=e.text,i=void 0===a?null:a,o=e.title,r=void 0===o?null:o,u=e.withTitle,s=void 0!==u&&u,c=e.spacing,d=void 0===c?20:c,m=e.header,v=void 0===m?null:m,g=e.footer,p=void 0===g?null:g,h=e.background,y=void 0===h?null:h,b=e.current,C=void 0===b||b,w=e.preload,E=void 0===w||w,A=e.className,k=void 0===A?null:A,x=Pt(),S=x.width,M=x.height,N=x.resolution,R=Rt(),z=R.isView,T=R.isPreview,L=R.isPlaceholder,P=R.isEdit,I=jt(),B=I.topHeight,O=I.bottomHeight,V=I.bottomSidesWidth,D=Wt().open,j=kt().muted,F=xt(C,!0),H=F.ref,Z=F.isCurrent,W=void 0!==Z&&Z,q=Xe(r),_=Xe(i),G="split"===l,Y="top"===l,U="middle"===l,Q="bottom"===l,X=G?null:l,J=q&&_&&!G,K=C&&(z||P)&&(W||!z),$=C||E,ee=_e(v),te=Ge(p),le=ze(p,{isView:z,current:C,openWebView:D,isPreview:T});return n.createElement("div",{className:Xt([Po.container,(0,f.A)((0,f.A)({},k,null!==k),Po.isPlaceholder,L)]),"data-screen-ready":!0},n.createElement(ga,{width:S,height:M,className:Po.content},n.createElement(ja,{className:Po.layout,fullscreen:!0,verticalAlign:X,style:L?null:{padding:d,paddingTop:(T?0:B)+(ee?d/2:d),paddingBottom:(C&&!T?O:0)+(te?d/2:d)}},!L&&ee?n.createElement("div",{style:{paddingBottom:d}},n.createElement(Pa,v)):null,!L&&te&&U?n.createElement(Da,{key:"spacer-cta-top"}):null,!L&&ee&&Q?n.createElement(Da,{key:"spacer-cta-top"}):null,!L&&ee&&!te&&U?n.createElement(Da,{key:"spacer-cta-top"}):null,s?n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Po.emptyTitle,isEmpty:!q},q?n.createElement(Ba,Object.assign({className:Xt([Po.title,(0,f.A)({},Po.withMargin,J)])},r)):null):null,G&&s?n.createElement(Da,{key:"spacer"}):null,n.createElement(Gn,{key:"description",placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]}),emptyClassName:Po.emptyText,isEmpty:!_},_?n.createElement(ea,Object.assign({className:Po.text},i)):null),!L&&te&&(Y||U)?n.createElement(Da,{key:"spacer-cta-bottom"}):null,!L&&ee&&!te&&U?n.createElement(Da,{key:"spacer-cta-bottom"}):null,!L&&te?n.createElement("div",{className:Po.footer,style:{paddingTop:d,paddingLeft:Math.max(0,V-d),paddingRight:Math.max(0,V-d)}},n.createElement(za,le)):null)),L?null:n.createElement(ma,{background:y,width:S,height:M,resolution:N,playing:K,muted:j,shouldLoad:$,mediaRef:H,withoutVideo:T,className:Po.background}))}var Bo=[{id:"text",type:"screen",group:{label:(0,ue.zR)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,ue.zR)({id:"S9YpbV",defaultMessage:[{type:0,value:"Text"}]}),component:Io,layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"text-title",type:"screen",group:{label:(0,ue.zR)({id:"fIawTr",defaultMessage:[{type:0,value:"Text"}]}),order:2},title:(0,ue.zR)({id:"oCBQKV",defaultMessage:[{type:0,value:"Text with title"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Io,Object.assign({},t,{withTitle:!0}))},layouts:["top","middle","bottom","split"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",inline:!0,theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"text",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],Oo={container:"micromag-screen-timeline-container",background:"micromag-screen-timeline-background",content:"micromag-screen-timeline-content",empty:"micromag-screen-timeline-empty",emptyTitle:"micromag-screen-timeline-emptyTitle",item:"micromag-screen-timeline-item",element:"micromag-screen-timeline-element",hidden:"micromag-screen-timeline-hidden",body:"micromag-screen-timeline-body",timeline:"micromag-screen-timeline-timeline",line:"micromag-screen-timeline-line",bullet:"micromag-screen-timeline-bullet",title:"micromag-screen-timeline-title",description:"micromag-screen-timeline-description",imageContainer:"micromag-screen-timeline-imageContainer",image:"micromag-screen-timeline-image",video:"micromag-screen-timeline-video",callToAction:"micromag-screen-timeline-callToAction",disabled:"micromag-screen-timeline-disabled",isPlaceholder:"micromag-screen-timeline-isPlaceholder",scroll:"micromag-screen-timeline-scroll",circleBulletShape:"micromag-screen-timeline-circleBulletShape",withoutLines:"micromag-screen-timeline-withoutLines"};function Vo(e){var t=e.layout,l=void 0===t?"normal":t,a=e.title,r=void 0===a?null:a,u=e.items,s=void 0===u?[null]:u,c=e.itemTitleStyle,d=void 0===c?null:c,m=e.itemDescriptionStyle,v=void 0===m?null:m,g=e.withoutLine,p=void 0!==g&&g,h=e.bulletColor,y=void 0===h?null:h,b=e.lineColor,C=void 0===b?null:b,w=e.bulletShape,E=void 0===w?"circle":w,A=e.bulletFilled,k=void 0===A||A,x=e.illustrated,S=void 0!==x&&x,M=e.spacing,N=void 0===M?null:M,R=e.itemBottomSpacing,z=void 0===R?null:R,L=e.header,P=void 0===L?null:L,I=e.footer,B=void 0===I?null:I,O=e.background,V=void 0===O?null:O,D=e.alternatives,j=void 0===D?null:D,F=e.current,H=void 0===F||F,Z=e.active,W=void 0===Z||Z,q=e.preload,_=void 0===q||q,G=e.type,Y=void 0===G?null:G,U=e.className,Q=void 0===U?null:U,X=Tl(Y),J=Pt(),K=J.width,$=J.height,ee=J.imageResolution,te=J.resolution,le=jt(),ne=le.topHeight,ae=le.bottomHeight,ie=le.bottomSidesWidth,oe=Wt().open,re=Rt(),ue=re.isView,se=re.isPreview,ce=re.isPlaceholder,de=re.isEdit,me=re.isStatic,ve=re.isCapture,ge=kt(),pe=ge.muted,fe=ge.playing,he=ge.setControls;ge.setControlsSuggestPlay;var ye=ge.setControlsTheme,be=ge.setPlaying;ge.controlsVisible;var Ce=ge.showControls,we=ge.hideControls,Ee=xt(H),Ae=Ee.ref,ke=Ee.isCurrent,xe=void 0!==ke&&ke,Se=(j||{}).audio,Me=void 0===Se?null:Se,Ne=Me||{},Re=Ne.autoPlay,Te=void 0!==Re&&Re,Le=Ne.loop,Pe=void 0!==Le&&Le,Ie=Ne.media,Be=void 0===Ie?null:Ie,Ve=Ne.withSeekBar,De=void 0!==Ve&&Ve,je=Ne.withControls,Fe=void 0!==je&&je,He=Ne.color,Ze=void 0===He?null:He,We=Ne.progressColor,qe=void 0===We?null:We,Ye=(0,n.useMemo)(function(){return null!==Me?(0,i.A)((0,i.A)({},Me),{},{autoPlay:!se&&!me&&!ve&&Te&&H}):null},[Me,se,me,ve,Te,H]),Ue=(0,n.useState)(!1),Qe=(0,T.A)(Ue,2),Je=Qe[0],Ke=Qe[1],$e=H&&(ue||de)&&(xe||!ue),et=H&&(ue||de)&&fe&&(xe||!ue);(0,n.useEffect)(function(){return H?(ye({seekBarOnly:De&&!Fe,color:Ze,progressColor:qe}),he(!(!Fe&&!De)),function(){(Fe||De)&&he(!1)}):function(){}},[H,Fe,he,De,Ze,qe]),(0,n.useEffect)(function(){H&&Te&&be(!0)},[H,Te]);var tt=ol({element:Ht(),disabled:!ue,timeout:2e3}).detected,lt=(0,n.useCallback)(function(){tt?Ce():we()},[tt,Ce,we]);rl(lt,tt,1e3);var nt=Ll("video"),at=(0,n.useState)(null),it=(0,T.A)(at,2);it[0];var ot=it[1],rt=(0,n.useState)(null),ut=(0,T.A)(rt,2),st=ut[0],ct=ut[1],dt=(0,n.useState)(null===Be),mt=(0,T.A)(dt,2),vt=mt[0],gt=mt[1],pt=(0,n.useCallback)(function(){gt(!0)},[gt]),ft=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e&&void 0!==e.currentTarget){var t=(e.currentTarget||{}).currentTime;ot(void 0===t?0:t)}else ot(0)},[st,ot]),ht=(0,n.useCallback)(function(e,t){nt(Be,"progress_".concat(Math.round(100*e,10),"%"),t)},[nt,Be]),yt=(0,n.useCallback)(function(e){ct(e)},[ct]),bt=(0,n.useCallback)(function(e){var t=e.initial;Je||Ke(!0),nt(Be,t?"play":"resume")},[nt,Be]),Ct=(0,n.useCallback)(function(e){var t=e.midway;nt(Be,t?"pause":"ended")},[nt,Be]),wt=(0,n.useCallback)(function(e){e>0&&nt(Be,"seek",{currentTime:e})},[nt,Be]),Et=(0,n.useCallback)(function(){H&&!Pe&&be(!1)},[Pe,H]),At=(0,n.useMemo)(function(){return ce?(0,o.A)(new Array(5)).map(function(){return{}}):s||[null]},[ce,s]),St=Xe(r),Mt=(0,n.useMemo)(function(){return null!==N?Math.max(0,N||0):20},[N]),Nt=(0,n.useMemo)(function(){return ce?4:null!==z?Math.max(0,z||0):20},[ce,z]),zt=null!==At?At.length:0,Tt=null!==At&&zt?At.reduce(function(e,t){var l=(t||{}).image;return e+(null!==(void 0===l?null:l)?1:0)},0):0,Lt=(0,n.useState)(0),It=(0,T.A)(Lt,2),Bt=It[0],Ot=It[1],Vt=Bt>=Tt&&vt,Dt=!de&&(me||ve||ce||se||de)||!H,Ft=H||_,Zt=(0,n.useCallback)(function(){Ot(function(e){return e+1})},[Ot]),qt=(0,n.useRef)(null),_t=(0,n.useRef)(null),Gt=(0,n.useState)(0),Yt=(0,T.A)(Gt,2),Ut=Yt[0],Qt=Yt[1];(0,n.useEffect)(function(){null!==_t.current&&(null!==qt.current?Qt(_t.current.offsetWidth-qt.current.offsetWidth):Qt(_t.current.offsetWidth))},[K,$,At]);var Jt=(At||[]).map(function(e,t){var a=e||{},o=a.title,r=void 0===o?null:o,u=a.description,s=void 0===u?null:u,c=a.image,m=void 0===c?null:c,g=Xe(r),h=Xe(s),b=null!==m,w=("normal"===l?"title-description-image":l).split("-"),E=w.indexOf("title"),A=w.indexOf("image");S||w.splice(A,1);var x=w.length,M=(r||{}).textStyle,N=(s||{}).textStyle;return n.createElement("div",{className:Oo.item,key:"item-".concat(t)},w.map(function(e,l){var a=null,o=!1;switch(e){case"title":o=g,a=n.createElement("div",{className:Oo.title},n.createElement(Gn,{placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"bmO4Ss",defaultMessage:[{type:0,value:"Entry Title"}]}),emptyClassName:Oo.empty,isEmpty:!g},g?n.createElement(Ba,Object.assign({},r,{textStyle:(0,i.A)((0,i.A)({},d||null),M)})):null));break;case"image":o=b,a=n.createElement("div",{className:Oo.imageContainer},n.createElement(Gn,{placeholder:"image",emptyLabel:n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}),emptyClassName:Oo.empty,isEmpty:!b},b?n.createElement(ba,{className:Oo.image,videoClassName:Oo.video,loadingMode:"lazy",media:m,width:Ut,resolution:te,playing:$e,active:W,shouldLoad:Ft,withoutVideo:se,onLoaded:Zt}):null));break;case"description":o=h,a=n.createElement("div",{className:Oo.description},n.createElement(Gn,{placeholder:"text",emptyLabel:n.createElement(Zl.A,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Oo.empty,isEmpty:!h},h?n.createElement(ea,Object.assign({},s,{textStyle:(0,i.A)((0,i.A)({},v||null),N)})):null));break;default:a=null,o=!1}var u=0===t,c=t===zt-1,w=l===x-1,A=u&&l<=E||c&&l>E,S=u&&l<E||c&&l>=E;return n.createElement("div",{key:"element-".concat(e),className:Xt([Oo.element,Oo["element-".concat(e)],(0,f.A)({},Oo.hidden,(ue||me)&&!o)]),ref:0===t?_t:null},p?null:n.createElement("div",{className:Oo.timeline,ref:0===t?qt:null},n.createElement("div",{className:Xt([Oo.line,(0,f.A)({},Oo.hidden,A)]),style:(0,i.A)({},A?null:Oe(C,"backgroundColor"))}),"title"===e?n.createElement("div",{className:Oo.bullet,style:(0,i.A)((0,i.A)({},Oe(y,"borderColor")),k?Oe(y,"backgroundColor"):null)}):null,n.createElement("div",{className:Xt([Oo.line,(0,f.A)({},Oo.hidden,S)]),style:(0,i.A)({},S?null:Oe(C,"backgroundColor"))})),n.createElement("div",{className:Oo.body,style:{marginBottom:w&&!c?Nt:0}},a))}))}),Kt=_e(P),$t=Ge(B),el=ze(B,{isView:ue,current:H,openWebView:oe,isPreview:se}),tl=(0,n.useState)(!1),ll=(0,T.A)(tl,2),nl=ll[0],al=ll[1],il=fl(),ul=il.ref,sl=il.height,cl=void 0===sl?0:sl,dl=(0,n.useCallback)(function(e){e.initial&&X("scroll","Screen"),al(!0)},[X]),ml=(0,n.useCallback)(function(){al(!1)},[al]),vl=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);X("scroll",t,{scrollPercent:t})}},[X]);return n.createElement("div",{className:Xt([Oo.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Q,null!==Q),Oo.isPlaceholder,ce),Oo["".concat(E,"BulletShape")],null!==E),Oo.withoutLines,zt<2)]),"data-screen-ready":Vt},n.createElement(ga,{width:K,height:$,className:Oo.content},n.createElement(Za,{className:Oo.scroll,verticalAlign:"middle",disabled:Dt,onScrolledTrigger:vl,onScrolledBottom:dl,onScrolledNotBottom:ml,withShadow:!0},n.createElement(ja,{style:ce?null:{padding:Mt,paddingTop:(se?0:ne)+(Kt?Mt/2:Mt),paddingBottom:(H&&!se?ae:0)+(cl||Mt)}},!ce&&Kt?n.createElement("div",{style:{paddingBottom:Mt}},n.createElement(Pa,P)):null,n.createElement(Gn,{placeholder:"Title",emptyLabel:n.createElement(Zl.A,{id:"BSTWf8",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Xt([Oo.empty,Oo.emptyTitle]),isEmpty:!St},St?n.createElement(Ba,Object.assign({className:Oo.title},r)):null),Jt)),!ce&&$t?n.createElement("div",{ref:ul,className:Xt([Oo.callToAction,(0,f.A)({},Oo.disabled,!nl)]),style:{transform:H&&!se?"translate(0, -".concat(ae,"px)"):null,paddingLeft:Math.max(Mt/2,ie),paddingRight:Math.max(Mt/2,ie),paddingTop:Mt/2,paddingBottom:Mt/2}},n.createElement(za,el)):null),null!==Be?n.createElement(Ya,Object.assign({},Ye,{paused:!et,mediaRef:Ae,muted:pe,className:Oo.audio,shouldLoad:Ft,onReady:pt,onPlay:bt,onPause:Ct,onTimeUpdate:ft,onProgressStep:ht,onDurationChange:yt,onSeeked:wt,onEnded:Et})):null,ce?null:n.createElement(ma,{background:V,width:K,height:$,resolution:ee,playing:$e,muted:pe,shouldLoad:Ft,mediaRef:null===Be?Ae:null,withoutVideo:se,className:Oo.background}))}var Do=[{id:"timeline",type:"screen",group:{label:(0,ue.zR)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:8},title:(0,ue.zR)({id:"GzoKNb",defaultMessage:[{type:0,value:"Timeline"}]}),component:Vo,layouts:["normal"],fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"items",type:"entries",theme:{title:{textStyle:"heading2"},description:{textStyle:"text"}},label:(0,ue.zR)({id:"3ifj0j",defaultMessage:[{type:0,value:"Entries"}]})},{name:"spacing",type:"number",defaultValue:20,isHorizontal:!0,label:(0,ue.zR)({id:"Zpl5bJ",defaultMessage:[{type:0,value:"Spacing"}]})},{type:"fields",label:(0,ue.zR)({id:"xac4z/",defaultMessage:[{type:0,value:"Entry styles"}]}),isList:!0,fields:[{name:"itemTitleStyle",type:"text-style-form",label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"itemDescriptionStyle",type:"text-style-form",label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"itemBottomSpacing",type:"number",defaultValue:20,isHorizontal:!0,label:(0,ue.zR)({id:"Lp0bG4",defaultMessage:[{type:0,value:"Bottom spacing"}]})}]},{name:"bulletShape",type:"radios",defaultValue:"circle",options:[{value:"circle",label:(0,ue.zR)({id:"+uInZz",defaultMessage:[{type:0,value:"Circle"}]})},{value:"square",label:(0,ue.zR)({id:"fusnxf",defaultMessage:[{type:0,value:"Square"}]})}],label:(0,ue.zR)({id:"twTaAZ",defaultMessage:[{type:0,value:"Bullet shape"}]})},{name:"withoutLine",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"N4lZhy",defaultMessage:[{type:0,value:"Without line"}]})},{name:"bulletFilled",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"YWcp4v",defaultMessage:[{type:0,value:"Bullet filled"}]})},{name:"bulletColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,ue.zR)({id:"uNpHnA",defaultMessage:[{type:0,value:"Bullet color"}]})},{name:"lineColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,ue.zR)({id:"RHMS2f",defaultMessage:[{type:0,value:"Line color"}]})},{name:"alternatives",type:"alternatives",label:(0,ue.zR)({id:"68NE9W",defaultMessage:[{type:0,value:"Alternatives"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"timeline-illustrated",type:"screen",group:{label:(0,ue.zR)({id:"cGItoy",defaultMessage:[{type:0,value:"List"}]}),order:8},title:(0,ue.zR)({id:"33UbSd",defaultMessage:[{type:0,value:"Timeline with images"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Vo,Object.assign({},t,{illustrated:!0}))},layouts:["title-image-description","title-description-image","image-title-description"],fields:[{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"layout",type:"screen-layout",defaultValue:"title-image-description",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"items",type:"entries-with-visual",theme:{title:{textStyle:"heading2"},description:{textStyle:"text"}},label:(0,ue.zR)({id:"3ifj0j",defaultMessage:[{type:0,value:"Entries"}]})},{name:"spacing",type:"number",defaultValue:20,isHorizontal:!0,label:(0,ue.zR)({id:"Zpl5bJ",defaultMessage:[{type:0,value:"Spacing"}]})},{type:"fields",label:(0,ue.zR)({id:"xac4z/",defaultMessage:[{type:0,value:"Entry styles"}]}),isList:!0,fields:[{name:"itemTitleStyle",type:"text-style-form",label:(0,ue.zR)({id:"+AEVbJ",defaultMessage:[{type:0,value:"Title"}]})},{name:"itemDescriptionStyle",type:"text-style-form",label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{name:"itemBottomSpacing",type:"number",defaultValue:20,isHorizontal:!0,label:(0,ue.zR)({id:"Lp0bG4",defaultMessage:[{type:0,value:"Bottom spacing"}]})}]},{name:"withoutLine",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"N4lZhy",defaultMessage:[{type:0,value:"Without line"}]})},{name:"bulletShape",type:"radios",defaultValue:"circle",options:[{value:"circle",label:(0,ue.zR)({id:"+uInZz",defaultMessage:[{type:0,value:"Circle"}]})},{value:"square",label:(0,ue.zR)({id:"fusnxf",defaultMessage:[{type:0,value:"Square"}]})}],label:(0,ue.zR)({id:"twTaAZ",defaultMessage:[{type:0,value:"Bullet shape"}]})},{name:"bulletFilled",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"YWcp4v",defaultMessage:[{type:0,value:"Bullet filled"}]})},{name:"bulletColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,ue.zR)({id:"uNpHnA",defaultMessage:[{type:0,value:"Bullet color"}]})},{name:"lineColor",type:"color",defaultValue:{alpha:1,color:"#FFFFFF"},label:(0,ue.zR)({id:"RHMS2f",defaultMessage:[{type:0,value:"Line color"}]})},{name:"alternatives",type:"alternatives",label:(0,ue.zR)({id:"68NE9W",defaultMessage:[{type:0,value:"Alternatives"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],jo="micromag-screen-title-withMargin",Fo="micromag-screen-title-box";function Ho(e){var t=e.layout,l=void 0===t?"top":t,a=e.title,i=void 0===a?null:a,o=e.subtitle,r=void 0===o?null:o,u=e.description,s=void 0===u?null:u,c=e.boxStyle,d=void 0===c?null:c,m=e.withSubtitle,v=void 0!==m&&m,g=e.withDescription,p=void 0!==g&&g,h=e.withBox,y=void 0!==h&&h,b=e.spacing,C=void 0===b?20:b,w=e.descriptionEmptyLabel,E=void 0===w?n.createElement(Zl.A,{id:"507VAi",defaultMessage:[{type:0,value:"Description"}]}):w,A=e.header,k=void 0===A?null:A,x=e.footer,S=void 0===x?null:x,M=e.background,N=void 0===M?null:M,R=e.current,z=void 0===R||R,T=e.active,L=void 0===T||T,P=e.className,I=void 0===P?null:P,B=Pt(),O=B.width,V=B.height,D=B.resolution,j=Rt(),F=j.isView,H=j.isPreview,Z=j.isPlaceholder,W=j.isEdit,q=jt(),_=q.topHeight,G=q.bottomHeight,Y=q.bottomSidesWidth,U=Wt().open,Q=kt().muted,X=xt(z,!0),J=X.ref,K=X.isCurrent,$=void 0!==K&&K,ee=Xe(i),te=Xe(r),le=Xe(s),ne=l.split("-"),ae="split"===ne[0],ie="top"===l,oe="middle"===l,re="bottom"===l,ue=ae?ne[1]||null:ne[0],se=ee&&(te||le)&&(!ae||"top"===ue),ce=te&&le&&(!ae||"bottom"===ue),de=z&&(F||W)&&($||!F),me=z||L,ve=_e(k),ge=Ge(S),pe=ze(S,{isView:F,current:z,openWebView:U,isPreview:H}),fe=n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:"micromag-screen-title-emptyTitle",isEmpty:!ee},ee?n.createElement(Ba,Object.assign({className:Xt(["micromag-screen-title-title",(0,f.A)({},jo,se)])},i,{size:1})):null),he=v?n.createElement(Gn,{key:"subtitle",placeholder:"subtitle",emptyLabel:n.createElement(Zl.A,{id:"d60tSn",defaultMessage:[{type:0,value:"Subtitle"}]}),emptyClassName:"micromag-screen-title-emptySubtitle",isEmpty:!te},te?n.createElement(Ba,Object.assign({className:Xt(["micromag-screen-title-subtitle",(0,f.A)({},jo,ce)])},r,{size:2})):null):null,ye=p?n.createElement(Gn,{key:"description",placeholder:"shortText",emptyLabel:E,emptyClassName:"micromag-screen-title-emptyDescription",isEmpty:!le},le?n.createElement(ea,s):null):null;return n.createElement("div",{className:Xt(["micromag-screen-title-container",(0,f.A)((0,f.A)({},I,null!==I),"micromag-screen-title-isPlaceholder",Z)]),"data-screen-ready":!0},n.createElement(ga,{width:O,height:V,className:"micromag-screen-title-content"},n.createElement(ja,{className:"micromag-screen-title-layout",fullscreen:!0,verticalAlign:ue,style:Z?null:{padding:C,paddingTop:(H?0:_)+(ve?C/2:C),paddingBottom:(z&&!H?G:0)+(ge?C/2:C)}},!Z&&ve?n.createElement("div",{style:{paddingBottom:C}},n.createElement(Pa,k)):null,!Z&&ge&&oe?n.createElement(Da,{key:"spacer-cta-top"}):null,!Z&&ve&&re?n.createElement(Da,{key:"spacer-cta-top"}):null,!Z&&ve&&!ge&&oe?n.createElement(Da,{key:"spacer-cta-top"}):null,y&&!ae?n.createElement("div",{className:Fo,style:W||Z||ee||te||le?Ve(d):null},[fe,he,ye]):null,y&&ae?n.createElement(n.Fragment,null,n.createElement("div",{className:Fo,key:"top",style:W||Z||ee||p&&"top"===ue&&te?Ve(d):null},fe,p&&"top"===ue?he:null),n.createElement(Da,{key:"spacer1"}),n.createElement("div",{className:Fo,key:"bottom",style:W||Z||le||(!p||"bottom"===ue)&&te?Ve(d):null},p&&"bottom"!==ue?null:he,ye)):null,y?null:n.createElement(n.Fragment,null,fe,ae&&(!p||"bottom"===ue)&&n.createElement(Da,{key:"spacer1"}),he,ae&&p&&"top"===ue&&n.createElement(Da,{key:"spacer2"}),ye),!Z&&ge&&(ie||oe)?n.createElement(Da,{key:"spacer-cta-bottom"}):null,!Z&&ve&&!ge&&oe?n.createElement(Da,{key:"spacer-cta-bottom"}):null,!Z&&ge?n.createElement("div",{key:"call-to-action",style:{paddingTop:C,paddingLeft:Math.max(0,Y-C),paddingRight:Math.max(0,Y-C)}},n.createElement(za,pe)):null)),Z?null:n.createElement(ma,{background:N,width:O,height:V,resolution:D,playing:de,muted:Q,shouldLoad:me,mediaRef:J,withoutVideo:H,className:"micromag-screen-title-background"}))}var Zo=["credits"],Wo=[{id:"title",type:"screen",group:{label:(0,ue.zR)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,ue.zR)({id:"dVcog7",defaultMessage:[{type:0,value:"Title"}]}),component:Ho,layouts:["top","middle","bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"title-subtitle",type:"screen",group:{label:(0,ue.zR)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,ue.zR)({id:"P1dwGU",defaultMessage:[{type:0,value:"Title with subtitle"}]}),component:function(e){var t=(0,Ci.A)({},((0,bi.A)(e),e));return n.createElement(Ho,Object.assign({},t,{withSubtitle:!0}))},layouts:["top","middle","bottom","split"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"title-subtitle-credits",type:"screen",group:{label:(0,ue.zR)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,ue.zR)({id:"vZrFq6",defaultMessage:[{type:0,value:"Title with subtitle and credits"}]}),component:function(e){var t=e.credits,l=void 0===t?null:t,a=(0,r.A)(e,Zo);return n.createElement(Ho,Object.assign({},a,{description:l,withSubtitle:!0,withDescription:!0,descriptionEmptyLabel:n.createElement(Zl.A,{id:"/hupzO",defaultMessage:[{type:0,value:"Credits"}]})}))},layouts:["top","middle","bottom","split-top","split-bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"credits",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"upzOTm",defaultMessage:[{type:0,value:"Credits"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},{id:"title-with-box",type:"screen",group:{label:(0,ue.zR)({id:"uKJRh2",defaultMessage:[{type:0,value:"Title"}]}),order:1},title:(0,ue.zR)({id:"9a5s+m",defaultMessage:[{type:0,value:"Title with box"}]}),component:function(e){return n.createElement(Ho,Object.assign({},e,{withSubtitle:!0,withDescription:!0,withBox:!0}))},layouts:["top","middle","bottom","split-top","split-bottom"],fields:[{name:"layout",type:"screen-layout",defaultValue:"top",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"title",type:"heading-element",theme:{textStyle:"heading1"},label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"subtitle",type:"heading-element",theme:{textStyle:"heading2"},label:(0,ue.zR)({id:"EcZYpr",defaultMessage:[{type:0,value:"Subtitle"}]})},{name:"description",type:"text-element",theme:{textStyle:"text"},label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})},{type:"fields",isList:!0,label:(0,ue.zR)({id:"LOknw0",defaultMessage:[{type:0,value:"Styles"}]}),fields:[{name:"boxStyle",type:"box-style-form",label:(0,ue.zR)({id:"f5Yipd",defaultMessage:[{type:0,value:"Box"}]})}]},{name:"background",type:"background",label:(0,ue.zR)({id:"cDj1mZ",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],qo=l(734),_o={container:"micromag-element-urbania-author-avatar-container",shapeCircle:"micromag-element-urbania-author-avatar-shapeCircle",shape:"micromag-element-urbania-author-avatar-shape"};function Go(e){var t=e.image,l=void 0===t?null:t,a=e.width,i=void 0===a?100:a,o=e.height,r=void 0===o?100:o,u=e.resolution,s=void 0===u?1:u,c=e.shape,d=void 0===c?"circle":c,m=e.isTag,v=void 0!==m&&m,g=e.className,p=void 0===g?null:g,h=e.shouldLoad,y=void 0===h||h,b=vt("supportsWebp",!1),C=vt("imageResolution",s),w=Ie(l,i,r,{resolution:C,supportsWebp:b}),E=null!==d?(0,M.fL)(d):null;return n.createElement("span",{className:Xt([_o.container,(0,f.A)((0,f.A)((0,f.A)({},_o["shape".concat(E)],null!==E),_o.isTag,v),p,null!==p)])},n.createElement("span",{className:_o.shape,style:{backgroundImage:y?'url("'.concat(w,'")'):null}}))}var Yo={container:"micromag-element-urbania-author-container",image:"micromag-element-urbania-author-image",link:"micromag-element-urbania-author-link",right:"micromag-element-urbania-author-right",name:"micromag-element-urbania-author-name",prefix:"micromag-element-urbania-author-prefix",collaborator:"micromag-element-urbania-author-collaborator",collaboratorText:"micromag-element-urbania-author-collaboratorText",isSmall:"micromag-element-urbania-author-isSmall",withoutImage:"micromag-element-urbania-author-withoutImage",withoutBackground:"micromag-element-urbania-author-withoutBackground"},Uo=["author","withImage","withoutLink","withoutPrefix","withoutBackground","isSmall","linkUnderlineColor","className","backgroundClassName","collaboratorClassName","shouldLoad"];function Qo(e){var t=e.author,l=void 0===t?null:t,a=e.withImage,i=void 0===a||a,o=e.withoutLink,u=void 0!==o&&o,s=e.withoutPrefix,c=void 0!==s&&s,d=e.withoutBackground,m=void 0!==d&&d,v=e.isSmall,g=void 0!==v&&v,p=e.linkUnderlineColor,h=void 0===p?null:p,y=e.className,b=void 0===y?null:y,C=e.backgroundClassName,w=void 0===C?null:C,E=e.collaboratorClassName,A=void 0===E?null:E,k=e.shouldLoad,x=void 0===k||k,S=(0,r.A)(e,Uo),M=(0,Hl.A)(),N=l||{},R=N.name,z=void 0===R?null:R,T=N.image,L=void 0===T?null:T,P=N.url,I=void 0===P?null:P,B=N.collaborator,O=void 0===B?null:B,V=i&&null!==L,D=M.formatMessage({id:"jEK6B8",defaultMessage:[{type:0,value:"By"}]}),j=Xe(z)?n.createElement(ea,Object.assign({className:Xt([Yo.name,(0,f.A)({},w,w)])},z)):null,F=Xe(O)?n.createElement(ea,Object.assign({className:Yo.collaboratorText},O,{inline:!0})):null;return n.createElement("div",Object.assign({className:Xt([Yo.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Yo.isSmall,g),Yo.withoutAvatar,V),Yo.withoutImage,!i||null===L),Yo.withoutBackground,m),b,null!==b)])},S),c?null:n.createElement(ea,Object.assign({},z,{className:Xt([Yo.prefix,(0,f.A)({},w,w)]),body:"<span>".concat(D,"<span>")})),V?n.createElement(Go,{className:Yo.image,image:L,shouldLoad:x}):null,n.createElement("div",{className:Yo.right},null===I||u?n.createElement("div",null,j):n.createElement($n,{className:Yo.link,url:I,external:!0,style:{backgroundImage:null!==h?"linear-gradient(0deg, ".concat(h," 0, ").concat(h,")"):null}},j),null!==F?n.createElement("div",{className:Xt([Yo.collaborator,(0,f.A)({},A,A)])},null!==F?F:null):null))}var Xo=l(6451);function Jo(e){var t=e.color,l=void 0===t?"currentColor":t,a=e.strokeWidth,i=void 0===a?3:a,o=e.className,r=void 0===o?null:o;return n.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0px",width:"48.53px",height:"12.38px",viewBox:"0 0 48.53 12.38",className:r,xmlSpace:"preserve"},n.createElement("g",{transform:"matrix(1, 0, 0, 1, 0, 0)"},n.createElement("path",{id:"b",fill:"none",stroke:l,strokeWidth:"".concat(i,"px"),strokeLinejoin:"round",strokeLinecap:"round",d:"M1.5,10.88L24.26,1.5l22.77,9.38"})))}function Ko(e){var t=e.color,l=void 0===t?"#222":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0",y:"0px",width:"17.76px",height:"17.76px",viewBox:"0 0 17.76 17.76",className:i,xmlSpace:"preserve"},n.createElement("g",{transform:"translate(0 0)"},n.createElement("path",{fill:l,d:"M8.34,0h1.08s.06,.02,.1,.02c.89,.07,1.77,.26,2.6,.59,1.9,.74,3.48,2.11,4.48,3.88,.5,.88,.85,1.84,1.02,2.84,.06,.34,.1,.69,.14,1.04v1.05s-.02,.1-.03,.15c-.2,2.62-1.55,5.01-3.69,6.53-1.17,.85-2.54,1.39-3.98,1.57l-.64,.09h-1.08s-.1-.02-.15-.03c-.94-.07-1.87-.3-2.74-.66C2.55,15.85,.51,13.18,.08,10.06c-.03-.21-.06-.43-.08-.64v-1.08c0-.06,.02-.11,.03-.17C.21,5.84,1.32,3.67,3.1,2.15,4.4,1.02,6,.3,7.71,.08l.63-.08Zm7.94,8.71c-.09-4.09-3.48-7.32-7.57-7.23-4.09,.09-7.32,3.48-7.23,7.57,.09,4.09,3.48,7.32,7.57,7.23,.04,0,.07,0,.11,0,4.04-.16,7.2-3.53,7.12-7.56h0Z"}),n.createElement("path",{fill:l,d:"M7.42,8.89v-2.61c-.02-.2,.09-.4,.28-.48,.15-.06,.32-.04,.44,.06,.39,.28,.78,.56,1.17,.85,.82,.59,1.63,1.19,2.45,1.78,.22,.11,.3,.38,.19,.59-.04,.08-.11,.15-.19,.19-.6,.45-1.21,.89-1.82,1.33-.59,.43-1.18,.86-1.78,1.29-.16,.17-.43,.17-.6,0-.02-.02-.03-.03-.04-.05-.07-.11-.1-.24-.1-.37,0-.86,0-1.72,0-2.58h0Z"})))}var $o={container:"micromag-screen-urbania-article-urbania-base-article-container",isPlaceholder:"micromag-screen-urbania-article-urbania-base-article-isPlaceholder",articleContent:"micromag-screen-urbania-article-urbania-base-article-articleContent",visual:"micromag-screen-urbania-article-urbania-base-article-visual",isVideo:"micromag-screen-urbania-article-urbania-base-article-isVideo",title:"micromag-screen-urbania-article-urbania-base-article-title",description:"micromag-screen-urbania-article-urbania-base-article-description",sponsors:"micromag-screen-urbania-article-urbania-base-article-sponsors",callToAction:"micromag-screen-urbania-article-urbania-base-article-callToAction",placeholder:"micromag-screen-urbania-article-urbania-base-article-placeholder",emptyContainer:"micromag-screen-urbania-article-urbania-base-article-emptyContainer",small:"micromag-screen-urbania-article-urbania-base-article-small",empty:"micromag-screen-urbania-article-urbania-base-article-empty",background:"micromag-screen-urbania-article-urbania-base-article-background",video:"micromag-screen-urbania-article-urbania-base-article-video",content:"micromag-screen-urbania-article-urbania-base-article-content",overTitle:"micromag-screen-urbania-article-urbania-base-article-overTitle",authors:"micromag-screen-urbania-article-urbania-base-article-authors",lede:"micromag-screen-urbania-article-urbania-base-article-lede",isAboveDescription:"micromag-screen-urbania-article-urbania-base-article-isAboveDescription",sponsor:"micromag-screen-urbania-article-urbania-base-article-sponsor",quatre95:"micromag-screen-urbania-article-urbania-base-article-quatre95",author:"micromag-screen-urbania-article-urbania-base-article-author",urbania:"micromag-screen-urbania-article-urbania-base-article-urbania",dehors:"micromag-screen-urbania-article-urbania-base-article-dehors",universities:"micromag-screen-urbania-article-urbania-base-article-universities",footerContainer:"micromag-screen-urbania-article-urbania-base-article-footerContainer",footer:"micromag-screen-urbania-article-urbania-base-article-footer",arrow:"micromag-screen-urbania-article-urbania-base-article-arrow",icon:"micromag-screen-urbania-article-urbania-base-article-icon",button:"micromag-screen-urbania-article-urbania-base-article-button",mediaControls:"micromag-screen-urbania-article-urbania-base-article-mediaControls",header:"micromag-screen-urbania-article-urbania-base-article-header",bottom:"micromag-screen-urbania-article-urbania-base-article-bottom",visible:"micromag-screen-urbania-article-urbania-base-article-visible",withGradient:"micromag-screen-urbania-article-urbania-base-article-withGradient",image:"micromag-screen-urbania-article-urbania-base-article-image",isCurrent:"micromag-screen-urbania-article-urbania-base-article-isCurrent",slowZoom:"micromag-screen-urbania-article-urbania-base-article-slowZoom",img:"micromag-screen-urbania-article-urbania-base-article-img"},er=["callToAction"];function tr(e){var t=e.hasArticle,l=void 0!==t&&t,a=e.type,o=void 0===a?null:a,u=e.image,s=void 0===u?null:u,c=e.title,d=void 0===c?null:c,m=e.description,v=void 0===m?null:m,g=e.overTitle,p=void 0===g?null:g,h=e.author,y=void 0===h?null:h,b=e.sponsors,C=void 0===b?null:b,w=e.sponsorPrefix,E=void 0===w?null:w,A=e.sponsorColor,k=void 0===A?null:A,x=e.site,S=void 0===x?null:x,M=e.header,N=void 0===M?null:M,R=e.footer,z=void 0===R?null:R,T=e.background,L=void 0===T?null:T,P=e.current,I=void 0===P||P,B=e.preload,O=void 0===B||B,V=e.spacing,D=void 0===V?20:V,j=e.className,F=void 0===j?null:j,H=Pt(),Z=H.width,W=H.height,q=H.resolution,_=Rt(),G=_.isView,Y=_.isPreview,U=_.isPlaceholder,Q=_.isEdit,X=_.isStatic,J=_.isCapture,K=(L||{}).color,$=void 0===K?null:K,ee=Wt(),te=ee.opened,le=ee.open,ne=jt(),ae=ne.bottomSidesWidth,ie=ne.topHeight,oe=Zt(),re=oe.enableInteraction,ue=oe.disableInteraction,se=kt(),ce=se.muted,de=se.playing,me=fl(),ve=me.ref,ge=me.entry.contentRect,pe=me.height,fe=(ge||{}).top,he=(0,n.useMemo)(function(){return{imageHeight:W-pe-fe+1}},[fe,pe,Z,W]).minContentHeight,ye=void 0===he?null:he,be="video"===o,Ce=Xe(p),we=Xe(d),Ee=Xe(v),Ae=(C||[]).length>0&&Xe(C[0]),ke=(y||{}).name,xe=Xe(ke),Se=s||{},Me=Se.url,Ne=void 0===Me?null:Me,Re=Se.type,Te=void 0===Re?null:Re,Le=null!==Ne,Pe=_e(N),Ie=Ge(z)||l,Be={buttonClassName:$o.button,labelClassName:$o.label,arrowClassName:$o.arrow,arrow:n.createElement(Jo,null),icon:"video"===o?n.createElement(Ko,{className:$o.icon}):null},Ve=z||{},De=Ve.callToAction,je=void 0===De?null:De,Fe=(0,r.A)(Ve,er),He=ze((0,i.A)((0,i.A)({},Fe),{},{callToAction:(0,i.A)((0,i.A)({},je),Be)}),{isView:G,current:I,openWebView:le,isPreview:Y,animationDisabled:Y,focusable:I&&G,enableInteraction:re,disableInteraction:ue}),Ze=(L||{}).video,We=null!==(void 0===Ze?null:Ze),qe=I||O,Ye=de&&I,Ue="video"!==Te&&We,Qe=xt(I,Ue),Je=Qe.ref,Ke=Qe.isCurrent,$e=I&&!te&&(G||Q)&&(void 0!==Ke&&Ke||!G),et=[n.createElement(Gn,{key:"overTitle",placeholder:n.createElement(Pn,{className:$o.placeholder}),empty:n.createElement("div",{className:Xt([$o.emptyContainer,$o.small])},n.createElement(An,{className:$o.empty},n.createElement(Zl.A,{id:"pRzSQ7",defaultMessage:[{type:0,value:"Overtitle"}]}))),isEmpty:!Ce},Ce?n.createElement(Ba,Object.assign({className:Xt([$o.overTitle])},p)):null),n.createElement(Gn,{key:"title",placeholder:n.createElement(Bn,{className:$o.placeholder}),empty:n.createElement("div",{className:$o.emptyContainer},n.createElement(An,{className:$o.empty},n.createElement(Zl.A,{id:"2ZOPe+",defaultMessage:[{type:0,value:"Title"}]}))),isEmpty:!we},we?n.createElement(Ba,Object.assign({className:Xt([$o.title])},d)):null),n.createElement(Gn,{key:"authors",empty:n.createElement("div",{className:$o.emptyContainer},n.createElement(An,{className:$o.empty},n.createElement(Zl.A,{id:"6jX5Tb",defaultMessage:[{type:0,value:"Authors"}]}))),isEmpty:!xe},xe?n.createElement("div",{className:Xt([$o.authors,(0,f.A)({},$o.isAboveDescription,Ee)])},n.createElement(Qo,{author:y,shouldLoad:qe})):null),n.createElement(Gn,{key:"description",empty:n.createElement("div",{className:$o.emptyContainer},n.createElement(An,{className:$o.empty},n.createElement(Zl.A,{id:"zl6zsZ",defaultMessage:[{type:0,value:"Lede"}]}))),isEmpty:!Ee&&!l},Ee?n.createElement("div",{className:Xt([$o.description])},n.createElement(ea,Object.assign({className:Xt([$o.lede])},v))):null),n.createElement(Gn,{key:"sponsors",empty:n.createElement("div",{className:Xt([$o.emptyContainer,$o.small])},n.createElement(An,{className:$o.empty},n.createElement(Zl.A,{id:"zGIcdn",defaultMessage:[{type:0,value:"Sponsors"}]}))),isEmpty:!Ae&&!l},Ae?n.createElement("div",{className:$o.sponsors,style:(0,i.A)({},Oe(k))},C.map(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=(e||{}).body,l=void 0===t?"":t;return n.createElement(n.Fragment,{key:l},null!==E?n.createElement("span",{className:$o.sponsor},E):null,n.createElement("span",null," "),n.createElement(Ba,Object.assign({className:$o.sponsor,size:"6"},e)))})):null)].filter(function(e){return null!==e});return n.createElement("div",{className:Xt([$o.container,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},F,null!==F),$o.isCurrent,I),$o.isVideo,be),$o.hasVideoBackground,We),$o.isPlaceholder,U)]),"data-screen-ready":X||J},n.createElement(ma,{className:$o.background,background:L,width:Z,height:W,resolution:q,playing:$e,muted:ce,shouldLoad:qe,mediaRef:Ue?Je:null,withoutVideo:Y}),n.createElement(ga,{className:$o.content,width:Z,height:W},!U&&Pe?n.createElement("div",{key:"header",className:$o.header,style:{paddingTop:D/2,paddingLeft:D,paddingRight:D,transform:Y?null:"translate(0, ".concat(ie,"px)")}},n.createElement(Pa,N)):null,n.createElement("div",{className:Xt([$o.articleContent,(0,f.A)({},$o["".concat(S)],null!==S)]),style:(0,i.A)({paddingTop:D,minHeight:ye},be?null:Oe($,"backgroundColor")),ref:ve},et),n.createElement("div",{className:$o.visual},n.createElement(Gn,{key:"image",placeholder:n.createElement(zn,{className:$o.placeholder}),empty:n.createElement("div",{className:$o.emptyContainer},n.createElement(An,{className:$o.empty},n.createElement(Zl.A,{id:"ebsPd4",defaultMessage:[{type:0,value:"Image"}]}))),isEmpty:!Le&&!l},Le&&!be?n.createElement(ba,{className:$o.image,imageClassName:$o.img,media:s,width:Z,height:W,resolution:q,objectFit:{fit:"cover"},shouldLoad:qe}):null,Le&&be&&!We?n.createElement(ba,{className:$o.video,media:s,width:Z,height:W,resolution:q,objectFit:{fit:"cover"},shouldLoad:qe,playing:Ye,muted:ce,withoutVideo:Y,mediaRef:Je,autoPlay:!0}):null)),n.createElement("div",{className:$o.footerContainer},!U&&Ie?n.createElement("div",{style:{paddingTop:D,paddingLeft:Math.max(0,ae-D),paddingRight:Math.max(0,ae-D)},className:$o.footer},n.createElement(za,He)):null)))}var lr=["component","title","articleType","overTitle","sponsorLabel","author","image","header","footer","url","article"];function nr(e){var t=e.component,l=void 0===t?tr:t,a=e.title,o=void 0===a?null:a,u=e.articleType,s=void 0===u?null:u,c=e.overTitle,d=void 0===c?null:c,m=e.sponsorLabel,v=void 0===m?null:m,g=e.author,p=void 0===g?null:g,f=e.image,h=void 0===f?null:f,y=e.header,b=void 0===y?null:y,C=e.footer,w=void 0===C?null:C,E=e.url,A=void 0===E?null:E,k=e.article,x=void 0===k?null:k,S=(0,r.A)(e,lr),M=(0,n.useState)(x),N=(0,T.A)(M,2),R=N[0],z=N[1],L=null!==A&&Je(A)?A.replace(/^https?:\/\/([^.]+\.)?urbania\.(ca|ƒr)\//,"https://urbania.$2/"):null;(0,n.useEffect)(function(){null!==L&&(0,qo.hm)("https://api.urbania.ca/documents?uri=".concat(L),{mode:"cors"}).then(function(e){z(e||null)}).catch(function(e){z(null)})},[A,L,z]);var P=(0,n.useMemo)(function(){var e=(h||{}).url,t=void 0===e?null:e,l=(w||{}).callToAction,a=void 0===l?null:l,r=(a||{}).url,u=void 0===r?null:r,c=R||{},m=c.type,g=void 0===m?null:m,f=c.title,y=void 0===f?null:f,C=c.image,E=void 0===C?null:C,A=c.metadata,k=null!==R,x=(void 0===A?{}:A)||{},S=x.authors,M=void 0===S?[]:S,N=x.sponsors,z=void 0===N?[]:N,P=x.brands,I=void 0===P?[]:P,B=M||[],O=(0,T.A)(B,1)[0],V=void 0===O?null:O,D=I||[],j=(0,T.A)(D,1)[0],F=(void 0===j?{}:j).handle,H=void 0===F?null:F,Z=(E||{}).sizes,W=(void 0===Z?{}:Z)||{},q=W.medium,_=void 0===q?{}:q,G=W.large,Y=void 0===G?{}:G,U=V||{},Q=U.name,X=void 0===Q?null:Q,J=U.image,K=void 0===J?null:J,$=null!==X&&""!==X,ee=(0,i.A)((0,i.A)({},$?{name:{body:"<p>".concat(X,"</p>")}}:null),null!==K?{image:K}:null),te=s||g,le=(z||[]).length>0?(z||[]).map(function(e){var t=e.organisation,l=(void 0===t?{}:t).name;return void 0===l?null:l}).filter(function(e){return null!==e}).join(", ").trim():null,ne=Xe(o),ae=Xe(d),ie=Xe(v),oe=null!==p&&null!==p.name&&Xe(p.name),re=ie||null===le?null:n.createElement(Zl.A,{id:"+TPjd4",defaultMessage:[{type:0,value:"Presented by"}]});return{type:te,title:ne?o:(0,i.A)((0,i.A)({},o),{},{body:y}),articleTitle:y,overTitle:ae?d:(0,i.A)((0,i.A)({},d),{},{body:"En vedette"}),author:(0,i.A)((0,i.A)({},ee),oe?p:null),sponsors:null===le||ie?[v]:[(0,i.A)((0,i.A)({},v),{},{body:"<strong>".concat(le,"</strong>")})],sponsorPrefix:re,site:H,image:null!==t&&null!==h?h:(0,i.A)((0,i.A)({type:"image"},E),{},{sizes:{medium:_,large:Y}}),url:L,header:b,footer:(0,i.A)((0,i.A)({},w),{},{callToAction:(0,i.A)((0,i.A)((0,i.A)({type:"swipe-up",label:"video"===te?{body:"Regarder"}:{body:"Lire"},inWebView:!0},a),k?{active:null!==L}:null),{},{url:u||L})})}},[R,A,o,L,S,s,d,v,p,h,b,w]),I=(P||{}).title,B=((void 0===I?null:I)||{}).body,O=void 0===B?null:B;return n.createElement(l,Object.assign({},S,P,{hasArticle:null!==O}))}var ar={id:"urbania-article",type:"screen",namespaces:["urbania"],group:{label:(0,ue.zR)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,ue.zR)({id:"nJgzwC",defaultMessage:[{type:0,value:"Urbania article"}]}),component:nr,fields:[{name:"url",type:"url",label:(0,ue.zR)({id:"2pO2Cj",defaultMessage:[{type:0,value:"Url"}]})},{name:"articleType",type:"select",label:(0,ue.zR)({id:"ppq6CK",defaultMessage:[{type:0,value:"Type"}]}),options:[{value:"article",label:(0,ue.zR)({id:"pE7UhY",defaultMessage:[{type:0,value:"Article"}]})},{value:"video",label:(0,ue.zR)({id:"J9e9Qb",defaultMessage:[{type:0,value:"Video"}]})}]},{name:"overTitle",type:"heading-element",defaultValue:{body:"En vedette"},label:(0,ue.zR)({id:"z2I2bJ",defaultMessage:[{type:0,value:"Overtitle"}]})},{name:"title",type:"heading-element",label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:(0,ue.zR)({id:"cuKSQz",defaultMessage:[{type:0,value:"Lede"}]})},{name:"author",type:"author-element",label:(0,ue.zR)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"sponsorLabel",type:"heading-element",label:(0,ue.zR)({id:"hzvEim",defaultMessage:[{type:0,value:"Sponsor Label"}]})},{name:"sponsorColor",type:"color",label:(0,ue.zR)({id:"Qw8cb5",defaultMessage:[{type:0,value:"Sponsor color"}]})},{name:"image",type:"visual",label:(0,ue.zR)({id:"k+coTi",defaultMessage:[{type:0,value:"Image"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},ir={container:"micromag-screen-urbania-article-urbania-base-article-card-container",background:"micromag-screen-urbania-article-urbania-base-article-card-background",content:"micromag-screen-urbania-article-urbania-base-article-card-content",layout:"micromag-screen-urbania-article-urbania-base-article-card-layout",text:"micromag-screen-urbania-article-urbania-base-article-card-text",cardContainer:"micromag-screen-urbania-article-urbania-base-article-card-cardContainer",isPlaceholder:"micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder",card:"micromag-screen-urbania-article-urbania-base-article-card-card",callToAction:"micromag-screen-urbania-article-urbania-base-article-card-callToAction",arrow:"micromag-screen-urbania-article-urbania-base-article-card-arrow",ctaText:"micromag-screen-urbania-article-urbania-base-article-card-ctaText",cardInner:"micromag-screen-urbania-article-urbania-base-article-card-cardInner",pulse:"micromag-screen-urbania-article-urbania-base-article-card-pulse",dragHandle:"micromag-screen-urbania-article-urbania-base-article-card-dragHandle",articlePreview:"micromag-screen-urbania-article-urbania-base-article-card-articlePreview",articlePreviewInner:"micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner",articleTitle:"micromag-screen-urbania-article-urbania-base-article-card-articleTitle",placeholder:"micromag-screen-urbania-article-urbania-base-article-card-placeholder",empty:"micromag-screen-urbania-article-urbania-base-article-card-empty",header:"micromag-screen-urbania-article-urbania-base-article-card-header"};function or(e){var t=e.hasArticle,l=void 0!==t&&t,a=e.url,o=void 0===a?null:a,r=e.title,u=void 0===r?null:r,s=e.author,c=void 0===s?null:s,d=e.text,m=void 0===d?null:d,v=e.image,p=void 0===v?null:v,h=e.header,y=void 0===h?null:h,b=e.background,C=void 0===b?null:b,w=e.callToAction,E=void 0===w?null:w,A=e.current,k=void 0===A||A,x=e.preload,S=void 0===x||x,M=e.spacing,N=void 0===M?20:M,R=e.className,z=void 0===R?null:R,L=(0,Hl.A)(),P=null!==C&&(void 0!==C.color&&null!==C.color||void 0!==C.image&&null!==C.image||void 0!==C.video&&null!==C.video)?C:{image:p},I=(P||{}).video,B=null!==(void 0===I?null:I),O=Pt(),V=O.width,D=O.height,j=O.resolution,F=Rt(),H=F.isView,Z=F.isPreview,W=F.isPlaceholder,q=F.isEdit,_=F.isStatic,G=F.isCapture,Y=Wt(),U=Y.open,Q=Y.opened,X=void 0!==Q&&Q,J=Y.close,K=void 0===J?null:J,$=jt(),ee=$.topHeight,te=$.bottomHeight,le=Zt(),ne=le.enableInteraction,ae=le.disableInteraction,ie=kt(),oe=ie.playing,re=ie.muted,ue=ie.setControls,se=ie.setControlsTheme,ce=ie.setControlsSuggestPlay,de=ie.setPlaying,me=(c||{}).name,ve=void 0===me?null:me,ge=null!==o&&g(o)&&o.length>0,pe=_e(y),fe=Xe(m),he=Xe(u),ye=Xe(ve),be=Xe(E),Ce=(0,n.useMemo)(function(){var e=ge?o.replace(/^https?:\/\/([^.]+\.)?urbania\.(fr|ca)\//,"https://urbania.$2/"):o,t=Xo.A.parse(null!==e&&-1!==e.indexOf("?")?e.split("?")[1]:"");return null!==e?"".concat(e.split("?")[0],"?").concat(Xo.A.stringify((0,i.A)({reader:!0,_ref:"micromag"},t))):o},[ge,o]),we=k||S,Ee=xt(k&&!X,!0),Ae=Ee.ref,ke=Ee.isCurrent,xe=k&&(H||q)&&(void 0!==ke&&ke||!H),Se=!W&&!Z&&!_,Me=Se&&B&&xe,Ne=Se&&k;(0,n.useEffect)(function(){return k?(se({seekBarOnly:!0}),ue(!(!B||X)),function(){B&&!X&&ue(!1)}):function(){}},[k,ue,B,X,ue,se]);var Re=(0,n.useCallback)(function(){X?ne():(U(Ce),ae())},[X,ae,ne,U,Ce]),ze=(0,Qt.useGesture)({onDrag:function(e){var t=(0,T.A)(e.movement,2)[1];(!X&&t<0||X&&t>0)&&Re()},onWheel:function(e){var t=(0,T.A)(e.movement,2)[1];(!X&&t>0||X&&t<0)&&Re()}},{drag:{axis:"y",filterTaps:!0,preventDefault:!0},wheel:{axis:"y"}}),Te=pl({disabled:!X}),Le=Te.ref,Pe=Te.entry.contentRect,Ie=((void 0===Pe?null:Pe)||{}).height,Be=void 0===Ie?0:Ie,Oe=100;k&&(Oe=100-Math.max(Be/D*100,20));var Ve=(0,on.zh)({from:{y:Z?Oe:100},to:{y:Oe},delay:Me?1500:0,config:{easing:on.le.easeInOutSine,duration:100===Oe?1e3:400}});(0,n.useEffect)(function(){},[k,X,K,ne]);var De=(0,n.useCallback)(function(){H&&oe&&k&&B&&(de(!1),ce(!0))},[H,k,oe,B,de,ce]);return n.createElement("div",{className:Xt([ir.container,(0,f.A)((0,f.A)((0,f.A)({},z,null!==z),ir.isCurrent,k),ir.isPlaceholder,W)]),"data-screen-ready":_||G},n.createElement(ma,{className:ir.background,background:P,width:V,height:D,resolution:j,playing:xe&&!X,muted:re,mediaRef:Ae,onPlayError:De,shouldLoad:we,withoutVideo:Z}),n.createElement(ga,{className:ir.content,width:V,height:D},!W&&pe?n.createElement("div",{key:"header",className:ir.header,style:{paddingTop:N/2,paddingLeft:N,paddingRight:N,transform:Z?null:"translate(0, ".concat(ee,"px)")}},n.createElement(Pa,y)):null,n.createElement(ja,{className:ir.layout,height:.65*D},n.createElement(Gn,{key:"text",empty:n.createElement(An,{className:ir.emptyText},n.createElement(Zl.A,{id:"z4CiV1",defaultMessage:[{type:0,value:"Text"}]})),placeholder:n.createElement(In,{className:ir.placeholderText})},fe?n.createElement(ea,Object.assign({className:ir.text},m)):null)),n.createElement(ga,{className:Xt([ir.cardContainer,(0,f.A)({},ir.isPlaceholder,W)])},n.createElement(Gn,{placeholderProps:{className:ir.placeholder},emptyLabel:n.createElement(Zl.A,{id:"yMpGIc",defaultMessage:[{type:0,value:"Article"}]}),emptyClassName:ir.empty,isEmpty:!ge||!l},!W&&l?n.createElement(on.CS.div,{className:ir.card,style:{height:D,width:V,transform:Z?"translateY(".concat(80,"%)"):Ve.y.to(function(e){return"translateY(".concat(e,"%")})}},n.createElement("button",Object.assign({type:"button",onClick:Re,className:ir.dragHandle,tabIndex:k?0:-1,"aria-label":L.formatMessage({id:"IoMJgw",defaultMessage:[{type:0,value:"Toggle article"}]}),"aria-pressed":X},k?ze():null)),n.createElement("div",{className:Xt([ir.cardInner,(0,f.A)({},ir.pulse,Ne)])},be?n.createElement("div",{className:ir.callToAction},n.createElement(Jo,{strokeWidth:1,className:ir.arrow}),n.createElement(ea,Object.assign({className:ir.ctaText},E))):null,n.createElement("div",{className:ir.articlePreview,ref:Le},n.createElement("div",{className:ir.articlePreviewInner,style:{paddingBottom:k&&!Z?Math.max(te,20):null}},he?n.createElement(Ba,Object.assign({className:Xt([ir.articleTitle])},u)):null,ye?n.createElement(Qo,{isSmall:!0,withoutBackground:!0,author:c,shouldLoad:we}):null)))):null))))}var rr={id:"urbania-article-card",type:"screen",namespaces:["urbania"],group:{label:(0,ue.zR)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,ue.zR)({id:"nJgzwC",defaultMessage:[{type:0,value:"Urbania article"}]}),component:function(e){var t=(e||{}).cardCallToAction,l=void 0===t?{}:t;return n.createElement(nr,Object.assign({component:or,callToAction:l},e))},fields:[{name:"url",type:"url",label:(0,ue.zR)({id:"2pO2Cj",defaultMessage:[{type:0,value:"Url"}]})},{name:"title",type:"heading-element",label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"author",type:"author-element",label:(0,ue.zR)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})},{name:"text",type:"text-element",fieldsProps:{textStyle:{excludedFields:["highlight","link"]}},label:(0,ue.zR)({id:"4E2gbX",defaultMessage:[{type:0,value:"Text"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"cardCallToAction",type:"text-element",fieldsProps:{textStyle:{excludedFields:["highlight","link"]}},label:(0,ue.zR)({id:"eBFxNl",defaultMessage:[{type:0,value:"Call to Action"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}}]},ur=l.p+"static/media/38b67a045c917eba.e6e69508c2874940ccf5.png",sr=l.p+"static/media/f1d91f035ccb8c4f.cf7fe3cdf6b99f3937c0.png",cr=l.p+"static/media/c2730eca851f3186.6b706bc308ab406bdc0a.png",dr=l.p+"static/media/a6d606997910361a.798f151041dae7550524.png",mr=l.p+"static/media/12148919dcf14f67.86a591223295244b0d7f.png",vr=l.p+"static/media/5ccc4bde48c478ee.906bd043a9344f192acf.png",gr=l.p+"static/media/d94c6aef4634d47f.0aa17efacea9438ca7af.png",pr=l.p+"static/media/bc3a4d9747d9235c.cb79868c1299ee1d9ce6.png",fr=l.p+"static/media/4aec8c7b2b1f6739.f679137fdc2040d22d60.png",hr=l.p+"static/media/01b9ca612cf4a6a6.77c1dfc199d2da49d465.png",yr=l.p+"static/media/3a3a4d27b9a019b2.a66beb0b99213523e04d.png",br=l.p+"static/media/f3452bab9d2d80d5.eae38988e000ba051294.png",Cr=l.p+"static/media/f82faebe2d495394.042a94dd81202e81b92e.png",wr=l.p+"static/media/ddafd58fab0d5925.d89063fa6da5b944d7ef.png",Er=l.p+"static/media/7d6b81c3035f5968.846ef58b3f258346f088.png",Ar=l.p+"static/media/422146a5faadb139.13a3f00ad0c07d3f9741.png",kr=l.p+"static/media/ead69accd3f76ece.a95331e7f1e86a05ff08.png",xr=l.p+"static/media/36c18c31d1e80a70.653a2699b3b21d9b1ed9.png",Sr=l.p+"static/media/ef219f6696d5ce04.a08d7046ef2af71205ba.png",Mr=l.p+"static/media/f21db7431692d889.3f599fa556b406bbed82.png",Nr=l.p+"static/media/0964d576c4c1da6d.6476c469b305c7e636c9.png",Rr=l.p+"static/media/1ffa37309c1fbcfa.12c9287ed3fe592ee844.png",zr=l.p+"static/media/822018b354054d62.c8e23b27e8f926515005.png",Tr=l.p+"static/media/b3e1e35461e78e82.a86f7561afbc039e2933.png",Lr=[{id:"aries",image:sr,thumbnail:wr,label:(0,ue.zR)({id:"/PJA/1",defaultMessage:[{type:0,value:"Aries"}]}),date:(0,ue.zR)({id:"ZeosMy",defaultMessage:[{type:0,value:"Mar 21 - Apr 19"}]})},{id:"taurus",image:yr,thumbnail:zr,label:(0,ue.zR)({id:"XKcyqx",defaultMessage:[{type:0,value:"Taurus"}]}),date:(0,ue.zR)({id:"raUY02",defaultMessage:[{type:0,value:"Apr 20 - May 20"}]})},{id:"gemini",image:mr,thumbnail:kr,label:(0,ue.zR)({id:"4g35M0",defaultMessage:[{type:0,value:"Gemini"}]}),date:(0,ue.zR)({id:"142Fjj",defaultMessage:[{type:0,value:"May 21 - June 20"}]})},{id:"cancer",image:cr,thumbnail:Er,label:(0,ue.zR)({id:"0acGK7",defaultMessage:[{type:0,value:"Cancer"}]}),date:(0,ue.zR)({id:"bMdONM",defaultMessage:[{type:0,value:"June 21 - July 22"}]})},{id:"leo",image:vr,thumbnail:xr,label:(0,ue.zR)({id:"EEUc6n",defaultMessage:[{type:0,value:"Leo"}]}),date:(0,ue.zR)({id:"MBgLeH",defaultMessage:[{type:0,value:"July 23 - Aug 22"}]})},{id:"virgo",image:br,thumbnail:Tr,label:(0,ue.zR)({id:"6bd963",defaultMessage:[{type:0,value:"Virgo"}]}),date:(0,ue.zR)({id:"xL0GD2",defaultMessage:[{type:0,value:"Aug 23 - Sept 22"}]})},{id:"libra",image:gr,thumbnail:Sr,label:(0,ue.zR)({id:"M/FGRs",defaultMessage:[{type:0,value:"Libra"}]}),date:(0,ue.zR)({id:"F0QDfY",defaultMessage:[{type:0,value:"Sept 23 - Oct 22"}]})},{id:"scorpio",image:hr,thumbnail:Rr,label:(0,ue.zR)({id:"YyPYHk",defaultMessage:[{type:0,value:"Scorpio"}]}),date:(0,ue.zR)({id:"7ZzlUE",defaultMessage:[{type:0,value:"Oct 23 - Nov 22"}]})},{id:"sagittarius",image:fr,thumbnail:Nr,label:(0,ue.zR)({id:"7mMPO4",defaultMessage:[{type:0,value:"Sagittarius"}]}),date:(0,ue.zR)({id:"yCj5uv",defaultMessage:[{type:0,value:"Nov 23 - Dec 21"}]})},{id:"capricorn",image:dr,thumbnail:Ar,label:(0,ue.zR)({id:"NumcrW",defaultMessage:[{type:0,value:"Capricorn"}]}),date:(0,ue.zR)({id:"rAkTvt",defaultMessage:[{type:0,value:"Dec 22 - Jan 20"}]})},{id:"aquarius",image:ur,thumbnail:Cr,label:(0,ue.zR)({id:"fBii8l",defaultMessage:[{type:0,value:"Aquarius"}]}),date:(0,ue.zR)({id:"Op1ZIp",defaultMessage:[{type:0,value:"Jan 21 - Feb 18"}]})},{id:"pisces",image:pr,thumbnail:Mr,label:(0,ue.zR)({id:"dxAumJ",defaultMessage:[{type:0,value:"Pisces"}]}),date:(0,ue.zR)({id:"Evl2dG",defaultMessage:[{type:0,value:"Feb 19 - Mar 20"}]})}],Pr={container:"micromag-screen-urbania-horoscope-sign-card-container",placeholder:"micromag-screen-urbania-horoscope-sign-card-placeholder",thumbnail:"micromag-screen-urbania-horoscope-sign-card-thumbnail",name:"micromag-screen-urbania-horoscope-sign-card-name",date:"micromag-screen-urbania-horoscope-sign-card-date",emptyText:"micromag-screen-urbania-horoscope-sign-card-emptyText"};function Ir(e){var t=e.className,l=void 0===t?null:t,a=e.sign,i=void 0===a?null:a,o=e.focusable,r=void 0===o||o,u=e.onClick,s=void 0===u?null:u,c=i||{},d=c.id,m=void 0===d?null:d,v=c.thumbnail,g=void 0===v?null:v,p=c.label,h=void 0===p?null:p,y=c.date,b=void 0===y?null:y;return n.createElement(Gn,{placeholder:n.createElement(Bn,{className:Pr.placeholder}),emptyLabel:n.createElement(Zl.A,{id:"ceaRdq",defaultMessage:[{type:0,value:"Horoscope sign"}]}),emptyClassName:Pr.emptyText,isEmpty:!m},n.createElement("button",{className:Xt([Pr.container,(0,f.A)({},l,null!==l)]),type:"button",tabIndex:r?"0":-1,onClick:s},null!==g?n.createElement("img",{className:Pr.thumbnail,src:g,alt:m,loading:"lazy"}):null,n.createElement("div",{className:Pr.gridText},n.createElement("h2",{className:Pr.name},null!==h?n.createElement(Zl.A,h):null),n.createElement("p",{className:Pr.date},null!==b?n.createElement(Zl.A,b):null))))}var Br={container:"micromag-screen-urbania-horoscope-sign-modal-container",modalButton:"micromag-screen-urbania-horoscope-sign-modal-modalButton",modal:"micromag-screen-urbania-horoscope-sign-modal-modal",name:"micromag-screen-urbania-horoscope-sign-modal-name",wordContainer:"micromag-screen-urbania-horoscope-sign-modal-wordContainer",wordOfTheWeek:"micromag-screen-urbania-horoscope-sign-modal-wordOfTheWeek",word:"micromag-screen-urbania-horoscope-sign-modal-word",description:"micromag-screen-urbania-horoscope-sign-modal-description",illustration:"micromag-screen-urbania-horoscope-sign-modal-illustration"};function Or(e){var t=e.width,l=void 0===t?null:t,a=e.height,i=void 0===a?null:a,o=e.sign,r=void 0===o?null:o,u=e.subtitle,s=void 0===u?null:u,c=e.current,d=void 0===c||c,m=e.transitionDisabled,v=void 0!==m&&m,g=e.focusable,p=void 0===g||g,h=e.onClick,y=void 0===h?null:h,b=e.className,C=void 0===b?null:b,w=r||{},E=w.label,A=void 0===E?null:E,k=w.image,x=void 0===k?null:k;w.date;var S=w.word,M=void 0===S?null:S,N=w.description,R=void 0===N?null:N,z=Rt().isEdit,T=Xe(M),L=Xe(s),P=!z&&v||!d;return n.createElement(ga,{width:l,height:i,className:Xt([Br.container,(0,f.A)((0,f.A)({},Br.withoutTransitions,v),C,null!==C)])},n.createElement("button",{type:"button",className:Br.modalButton,tabIndex:p?"0":"-1",onClick:function(e){null!==y&&y(e)}},n.createElement(Za,{disabled:P,verticalAlign:"middle"},n.createElement("div",{className:Br.modal},null!==A?n.createElement(Gn,null,n.createElement("h2",{className:Br.name},n.createElement(Zl.A,A))):null,T?n.createElement("div",{className:Br.wordContainer},L?n.createElement(Ba,Object.assign({className:Br.wordOfTheWeek},s)):n.createElement("h3",{className:Br.wordOfTheWeek},n.createElement(Zl.A,{id:"+vzDdb",defaultMessage:[{type:0,value:"Word of the Week"}]})),n.createElement(ea,Object.assign({className:Br.word},M))):null,R?n.createElement(ea,Object.assign({className:Br.description},R)):null,x?n.createElement("img",{className:Br.illustration,src:x,alt:A}):null))))}var Vr={container:"micromag-screen-urbania-horoscope-container",background:"micromag-screen-urbania-horoscope-background",content:"micromag-screen-urbania-horoscope-content",isPlaceholder:"micromag-screen-urbania-horoscope-isPlaceholder",layout:"micromag-screen-urbania-horoscope-layout",placeholderGrid:"micromag-screen-urbania-horoscope-placeholderGrid",placeholderItem:"micromag-screen-urbania-horoscope-placeholderItem",emptyText:"micromag-screen-urbania-horoscope-emptyText",headerContainer:"micromag-screen-urbania-horoscope-headerContainer",title:"micromag-screen-urbania-horoscope-title",titleImage:"micromag-screen-urbania-horoscope-titleImage",description:"micromag-screen-urbania-horoscope-description",button:"micromag-screen-urbania-horoscope-button",buttonLabel:"micromag-screen-urbania-horoscope-buttonLabel",header:"micromag-screen-urbania-horoscope-header",buttons:"micromag-screen-urbania-horoscope-buttons",close:"micromag-screen-urbania-horoscope-close",signsGridContainer:"micromag-screen-urbania-horoscope-signsGridContainer",author:"micromag-screen-urbania-horoscope-author",collaborator:"micromag-screen-urbania-horoscope-collaborator",authorBackground:"micromag-screen-urbania-horoscope-authorBackground",modal:"micromag-screen-urbania-horoscope-modal",backdrop:"micromag-screen-urbania-horoscope-backdrop"},Dr={onTouchMove:function(e){return e.stopPropagation()},onTouchStart:function(e){return e.stopPropagation()},onTouchEnd:function(e){return e.stopPropagation()},onPointerMove:function(e){return e.stopPropagation()},onPointerUp:function(e){return e.stopPropagation()},onPointerDown:function(e){return e.stopPropagation()}},jr=(0,i.A)((0,i.A)({},Dr),{},{onClick:function(e){return e.stopPropagation()},style:{position:"fixed",zIndex:"1000",top:0,right:0,bottom:0,left:0,cursor:"default"}}),Fr=[{id:"urbania-horoscope",type:"screen",namespaces:["urbania","bayard"],group:{label:(0,ue.zR)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,ue.zR)({id:"F59wsl",defaultMessage:[{type:0,value:"Urbania horoscope"}]}),component:function(e){var t,l=e.defaultSigns,a=void 0===l?Lr:l,r=e.signs,u=void 0===r?null:r,s=e.title,c=void 0===s?null:s,d=e.description,m=void 0===d?null:d,v=e.author,g=void 0===v?null:v,p=e.button,h=void 0===p?null:p,y=e.signSubtitle,b=void 0===y?null:y,C=e.spacing,w=void 0===C?20:C,E=e.background,A=void 0===E?null:E,k=e.popupBackground,x=void 0===k?null:k,S=e.current,M=void 0===S||S,N=e.preload,R=void 0===N||N,z=e.type,L=void 0===z?"horoscope":z,P=e.className,I=void 0===P?null:P,B=(0,Hl.A)(),O=Tl(L),V=Zt(),D=V.enableInteraction,j=V.disableInteraction,F=kt().muted,H=xt(M,!0),Z=H.ref,W=H.isCurrent,q=void 0!==W&&W,_=null!==g&&Xe(g.name),G=(0,n.useMemo)(function(){return a.map(function(e,t){return(0,i.A)((0,i.A)({},null!==u?u.find(function(t){return t.id===e.id})||u[t]:null),e)})},[u]),Y=Pt(),U=Y.width,Q=Y.height,X=Y.resolution,J=jt(),K=J.topHeight,$=J.bottomHeight,ee=Rt(),te=ee.isView,le=ee.isPreview,ne=ee.isPlaceholder,ae=ee.isEdit,ie=Xe(c),oe=Xe(m),re=Xe(h),ue=M&&(te||ae)&&(q||!te),se=!ne&&(M||R),ce=(0,n.useState)(!1),de=(0,T.A)(ce,2),me=de[0],ve=de[1],ge=(0,n.useState)(null),pe=(0,T.A)(ge,2),fe=pe[0],he=pe[1],ye=(0,n.useState)(!1),be=(0,T.A)(ye,2),Ce=be[0],we=be[1],Ee=(x||{}).video,Ae=((void 0===Ee?null:Ee)||{}).url,ke=void 0===Ae?null:Ae,xe=(0,n.useCallback)(function(){ve(!0),j(),O("open")},[j,O]),Se=(0,n.useCallback)(function(){Ce?we(!1):(ve(!1),we(!1),D(),O("close"))},[Ce,ve,we,D,O]),Me=(0,n.useCallback)(function(e,t){e.stopPropagation();var l=G.findIndex(function(e){return e.id===t});he(l),we(!0),O("select_sign",G[l])},[G,he,O]),Ne=(0,n.useCallback)(function(){we(!1),O("close_sign")},[we,O]),Re=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.movement,2)[1],n=(0,T.A)(e.velocity,2)[1],a="undefined"!=typeof window?window.innerHeight:0,i=a>0?Math.max(0,l)/(.8*a):0,o=n>.3||Math.abs(i)>.3;return t?1-i:(o&&Se(),o?0:1)},[Se]),ze=ul({disabled:!te,progress:me?1:0,computeProgress:Re,springParams:{config:{tension:300,friction:30}},dragOptions:{pointer:{keys:!1}}}),Te=ze.bind,Le=ze.progress,Pe=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.movement,2)[1],n=(0,T.A)(e.velocity,2)[1],a="undefined"!=typeof window?window.innerHeight:0,i=a>0?Math.max(0,l)/a:0,o=.5*i,r=n>.3||Math.abs(i)>.3;return t?1-o:(r&&Ne(),r?0:1)},[Ce,Ne]),Ie=ul({disabled:!te,progress:Ce?1:0,computeProgress:Pe,springParams:{config:{tension:300,friction:30}},dragOptions:{pointer:{keys:!1}}}),Be=Ie.bind,Oe=Ie.progress,Ve=function(e){return{opacity:e,transform:e.to(function(e){return"translateY(".concat(3*Math.pow(1-e,5),"rem) scale(").concat(1-.25*(1-e),")")})}},De=zt();return(0,n.useEffect)(function(){if(ve(!1),null!==De&&"intro"!==De||(ve(!1),we(!1)),"grid"===De&&(ve(!0),he(null),we(!1)),null!==De&&De.includes("signs")){var e=De.split(".").pop();ve(!0),we(!0),he(e)}},[De,ve,we,he]),(0,n.useEffect)(function(){var e=function(e){if("Escape"===e.key){if(Ce)return void Ne();me&&Se()}};return document.addEventListener("keyup",e),function(){document.removeEventListener("keyup",e)}},[Ce,Ne,me,Se]),n.createElement("div",Object.assign({className:Xt([Vr.container,(0,f.A)((0,f.A)({},I,null!==I),Vr.isPlaceholder,ne)]),"data-screen-ready":!0},me?Dr:null),te?null:n.createElement("div",jr),n.createElement(ga,{width:U,height:Q,className:Vr.content},n.createElement(ja,{className:Vr.layout,style:ne?null:{padding:w,paddingTop:(le?0:K)+w,paddingBottom:(M&&!le?$:0)+w},height:.8*Q},ne?n.createElement("div",{className:Vr.placeholderGrid},(0,o.A)(Array(12).keys()).map(function(){return n.createElement("div",{className:Vr.placeholderItem})})):null,n.createElement(on.CS.div,{className:Vr.headerContainer,style:(t=Le,{transform:t.to(function(e){return"translateY(".concat(-100*e*(1-e),"%)")}),opacity:t.to(function(e){return e>.25?1-e:1})})},n.createElement(Gn,{emptyClassName:Vr.emptyText},ie?n.createElement(Ba,Object.assign({className:Vr.title},c)):n.createElement("img",{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20906.64%20139.48%22%3E%20%20%20%20%3Cpath%20d%3D%22M35.88%2C4.42h35.5l34.66%2C119.78h-28.43l-5.89-23.72H35.55l-6.22%2C23.72H1.4L35.88%2C4.42Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M123.37%2C122.51c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M213.03%2C28.64h-28.26V4.42h84.96V28.64h-28.26V124.2h-28.43V28.64Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M335.5%2C122.35c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V4.42h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32V58.08h16.32Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M396.23%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M489.26%2C4.42h28.26V99.97h37.68v24.23h-65.95V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M580.28%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M693.75%2C119.65c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26V124.2h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M789.56%2C4.42h28.26V124.2h-28.26V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M827.74%2C4.42h68.81V27.13h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M43.24%2C15.29h35.5l34.66%2C119.78h-28.43l-5.89-23.72H42.91l-6.22%2C23.72H8.76L43.24%2C15.29Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M130.73%2C133.38c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M220.39%2C39.51h-28.26V15.29h84.96v24.23h-28.26v95.56h-28.43V39.51Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M342.86%2C133.22c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V15.29h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32v32.3h16.32Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M403.59%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M496.62%2C15.29h28.26V110.84h37.68v24.23h-65.95V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M587.64%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M701.11%2C130.53c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26v67.97h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M796.92%2C15.29h28.26v119.78h-28.26V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M835.1%2C15.29h68.81v22.71h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%3C%2Fsvg%3E",alt:"",className:Vr.titleImage})),n.createElement(Gn,{key:"description",emptyLabel:n.createElement(Zl.A,{id:"EQdIAR",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Vr.emptyText,isEmpty:!oe},oe?n.createElement(ea,Object.assign({className:Vr.description},m)):null)),n.createElement(Gn,{emptyLabel:n.createElement(Zl.A,{id:"bv3rRe",defaultMessage:[{type:0,value:"Button"}]}),emptyClassName:Vr.emptyText,isEmpty:!re},re?n.createElement(Aa,Object.assign({className:Vr.button,type:"button",onClick:xe,withoutBootstrapStyles:!0,focusable:M&&!le&&!ne},h),n.createElement(ea,Object.assign({className:Vr.buttonLabel},h,{inline:!0}))):null),te&&!ne?n.createElement(on.CS.div,{className:Vr.header,style:{opacity:Le,pointerEvents:Le.to(function(e){return e<.25?"none":"auto"})}},n.createElement("div",{className:Vr.buttons},n.createElement(Aa,{className:Vr.close,onClick:Se,label:B.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),iconPosition:"right",icon:n.createElement("svg",{className:Vr.closeIcon,xmlns:"http://www.w3.org/2000/svg",width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor"},n.createElement("polygon",{points:"9.95 4.11 8.89 3.05 5 6.94 1.11 3.05 0.05 4.11 3.94 8 0.05 11.89 1.11 12.95 5 9.06 8.89 12.95 9.95 11.89 6.06 8 9.95 4.11"})),focusable:!le&&!ne&&(me||Ce),withoutStyle:!0}))):null,ne?null:n.createElement(on.CS.div,Object.assign({className:Vr.signsGridContainer,style:function(e){return{opacity:e,pointerEvents:e.to(function(e){return e<.25?"none":"auto"})}}(Le)},Te()),n.createElement(Bi,{columns:3,spacing:5,withoutCloseButton:!0,items:G.map(function(e){var t=(e||{}).id,l=void 0===t?null:t;return n.createElement(on.CS.div,{key:l,className:Vr.sign,style:Ve(Le)},n.createElement(Ir,{key:l,sign:e,focusable:!le&&!ne&&me&&!Ce,onClick:function(e){return Me(e,l)}}))})}),n.createElement(Gn,{key:"author",emptyLabel:n.createElement(Zl.A,{id:"xYqGzM",defaultMessage:[{type:0,value:"Author"}]}),emptyClassName:Vr.emptyText,isEmpty:!_},_&&!ne?n.createElement(Qo,{author:g,className:Vr.author,collaboratorClassName:Vr.collaborator,backgroundClassName:Vr.authorBackground,shouldLoad:se,style:function(e){return{transform:e.to(function(e){return"translateY(".concat(2*(1-e),"rem)")}),opacity:e}}(Le)}):null)),n.createElement(on.CS.div,Object.assign({className:Vr.modal,style:function(e){return{transform:e.to(function(e){return"translateY(".concat(100*(1-(e<.2?.1*e+e:e)),"%)")}),pointerEvents:e.to(function(e){return e<.1?"none":"auto"})}}(Oe)},Be()),n.createElement(Or,{width:U,height:Q,sign:G[fe],subtitle:b,focusable:!le&&!ne&&Ce,onClick:Ne})),ne?null:n.createElement(on.CS.div,{className:Vr.backdrop,style:function(e){return{opacity:e}}(Le)},null!==ke?n.createElement("video",{className:Vr.videoBackdrop,autoPlay:!0,muted:!0,loop:!0,playsInline:!0},n.createElement("source",{src:ke,type:"video/mp4"})):null))),ne?null:n.createElement(ma,{background:A,width:U,height:Q,resolution:X,playing:ue,muted:F,shouldLoad:se,mediaRef:Z,className:Vr.background}))},states:[{id:"intro",label:(0,ue.zR)({id:"82g1F5",defaultMessage:[{type:0,value:"Intro"}]}),fields:[{name:"title",type:"heading-element",label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"description",type:"text-element",label:(0,ue.zR)({id:"Y7bs1v",defaultMessage:[{type:0,value:"Description"}]})},{name:"button",type:"button-element",label:(0,ue.zR)({id:"i6bmbD",defaultMessage:[{type:0,value:"Button"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})}]},{id:"grid",label:(0,ue.zR)({id:"xj0o1v",defaultMessage:[{type:0,value:"Grid"}]}),fields:[{name:"popupBackground",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"author",type:"author-element",label:(0,ue.zR)({id:"73hxYw",defaultMessage:[{type:0,value:"Author"}]})}]},{id:"signs",label:(0,ue.zR)({id:"ap68Fp",defaultMessage:[{type:0,value:"Signs"}]}),defaultValue:Lr,repeatable:!0,withoutCreate:!0,fieldName:"signs",fields:[{name:"word",type:"heading-element",label:(0,ue.zR)({id:"fLdjGi",defaultMessage:[{type:0,value:"Word of the week"}]})},{name:"description",type:"text-element",label:(0,ue.zR)({id:"ZCe0r4",defaultMessage:[{type:0,value:"Description"}]})}]}],fields:[{name:"signSubtitle",type:"heading-element",defaultValue:{body:"Le mot de la semaine"},label:(0,ue.zR)({id:"Qe03Xz",defaultMessage:[{type:0,value:"Sign Subtitle"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})}]}],Hr={container:"micromag-screen-urbania-recommendation-container",background:"micromag-screen-urbania-recommendation-background",backgroundTextContainer:"micromag-screen-urbania-recommendation-backgroundTextContainer",backgroundText:"micromag-screen-urbania-recommendation-backgroundText",hidden:"micromag-screen-urbania-recommendation-hidden",didAnimate:"micromag-screen-urbania-recommendation-didAnimate",animateFromBottom:"micromag-screen-urbania-recommendation-animateFromBottom",animateFromTop:"micromag-screen-urbania-recommendation-animateFromTop",content:"micromag-screen-urbania-recommendation-content",scroll:"micromag-screen-urbania-recommendation-scroll",empty:"micromag-screen-urbania-recommendation-empty",emptyText:"micromag-screen-urbania-recommendation-emptyText",emptyVisual:"micromag-screen-urbania-recommendation-emptyVisual",emptyCategory:"micromag-screen-urbania-recommendation-emptyCategory",footer:"micromag-screen-urbania-recommendation-footer",disabled:"micromag-screen-urbania-recommendation-disabled",close:"micromag-screen-urbania-recommendation-close",closeIcon:"micromag-screen-urbania-recommendation-closeIcon",textCard:"micromag-screen-urbania-recommendation-textCard",isPlaceholder:"micromag-screen-urbania-recommendation-isPlaceholder",appear:"micromag-screen-urbania-recommendation-appear",visualContainer:"micromag-screen-urbania-recommendation-visualContainer",visualBottom:"micromag-screen-urbania-recommendation-visualBottom",modalOpened:"micromag-screen-urbania-recommendation-modalOpened",sponsor:"micromag-screen-urbania-recommendation-sponsor",hasVisual:"micromag-screen-urbania-recommendation-hasVisual",sponsorPlaceholder:"micromag-screen-urbania-recommendation-sponsorPlaceholder",visualWrapper:"micromag-screen-urbania-recommendation-visualWrapper",visualButton:"micromag-screen-urbania-recommendation-visualButton",transitioning:"micromag-screen-urbania-recommendation-transitioning",iconContainer:"micromag-screen-urbania-recommendation-iconContainer",icon:"micromag-screen-urbania-recommendation-icon",text:"micromag-screen-urbania-recommendation-text",categoryContainer:"micromag-screen-urbania-recommendation-categoryContainer",category:"micromag-screen-urbania-recommendation-category",categoryPlaceholder:"micromag-screen-urbania-recommendation-categoryPlaceholder",textContent:"micromag-screen-urbania-recommendation-textContent",withoutCategory:"micromag-screen-urbania-recommendation-withoutCategory",title:"micromag-screen-urbania-recommendation-title",description:"micromag-screen-urbania-recommendation-description",location:"micromag-screen-urbania-recommendation-location",date:"micromag-screen-urbania-recommendation-date",titleContainer:"micromag-screen-urbania-recommendation-titleContainer",border:"micromag-screen-urbania-recommendation-border",descriptionPlaceholder:"micromag-screen-urbania-recommendation-descriptionPlaceholder",layout:"micromag-screen-urbania-recommendation-layout"},Zr=[{id:"urbania-recommendation",type:"screen",namespaces:["urbania","bayard"],group:{label:(0,ue.zR)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,ue.zR)({id:"sUP5BO",defaultMessage:[{type:0,value:"Urbania recommendation"}]}),component:function(e){var t=e.layout,l=void 0===t?null:t,a=e.category,o=void 0===a?null:a,r=e.visual,u=void 0===r?null:r,s=e.title,c=void 0===s?null:s,d=e.date,m=void 0===d?null:d,v=e.location,g=void 0===v?null:v,p=e.description,h=void 0===p?null:p,y=e.sponsor,b=void 0===y?null:y,C=e.spacing,w=void 0===C?20:C,E=e.header,A=void 0===E?null:E,k=e.footer,x=void 0===k?null:k,S=e.background,M=void 0===S?null:S,N=e.cardBoxStyle,R=void 0===N?null:N,z=e.lineColor,L=void 0===z?null:z,P=e.withoutZoom,I=void 0!==P&&P,B=e.current,O=void 0===B||B,V=e.active,D=void 0===V||V,j=e.preload,F=void 0===j||j,H=e.className,Z=void 0===H?null:H,W=(0,Hl.A)(),q=Tl(),_=Pt(),G=_.width,Y=_.height,U=_.resolution,Q=jt(),X=Q.topHeight,J=Q.bottomHeight,K=Q.bottomSidesWidth,$=Wt().open,ee=kt(),te=ee.playing,le=ee.setPlaying,ne=ee.muted,ae=ee.setMuted,ie=xt(O,!0),oe=ie.ref,re=ie.isCurrent,ue=void 0!==re&&re,se=Zt(),ce=se.enableInteraction,de=se.disableInteraction,me=Rt(),ve=me.isView,ge=me.isPreview,pe=me.isPlaceholder,fe=me.isEdit,he=me.isStatic,ye=O&&!pe&&!he&&!ge&&!fe,be=(0,n.useState)(ye),Ce=(0,T.A)(be,2),we=Ce[0],Ee=Ce[1],ke=(0,n.useState)(!1),xe=(0,T.A)(ke,2),Se=xe[0],Me=xe[1],Ne=(u||{}).image,Re=void 0===Ne?null:Ne,Te=Re||{},Le=Te.type,Pe=void 0===Le?null:Le,Ie=Te.metadata,Be=(void 0===Ie?null:Ie)||{},Oe=Be.width,De=void 0===Oe?0:Oe,je=Be.height,He=null!==Re,Ze="video"===Pe,We=He&&Ze&&De>(void 0===je?0:je),qe=Xe(o),Ye=Xe(c),Ue=Xe(m),Qe=Xe(g),Je=Xe(h),Ke=Xe(b),$e=qe||Ye||Ue||Qe||Je||Ke,et=O&&(ve||fe)&&(ue||!ve),tt=O&&(ve||fe)&&te&&(ue||!ve),lt=O||F,nt=!ve&&!fe||!O,at=_e(A),it=Ge(x),ot=ze(x,{isView:ve,current:O,openWebView:$,isPreview:ge}),rt=(0,n.useState)(!1),ut=(0,T.A)(rt,2),st=ut[0],ct=ut[1],dt=pl(),mt=dt.ref,vt=dt.entry.contentRect,gt=(void 0===vt?null:vt)||{},pt=gt.width,ft=void 0===pt?0:pt,ht=gt.height,yt=void 0===ht?0:ht,bt=(0,n.useState)(!1),Ct=(0,T.A)(bt,2),wt=Ct[0],Et=Ct[1],At=(0,n.useState)(!1),St=(0,T.A)(At,2),Mt=St[0],Nt=St[1],zt=!wt&&!Mt,Tt=(M||{}).text,Lt=void 0===Tt?null:Tt,It=Lt||{},Bt=It.body,Ot=void 0===Bt?null:Bt,Vt=It.textStyle,Dt=(0,n.useMemo)(function(){return(function(e){var t=null!==e?e.split(" "):[];if(t.length<2)return Array(4).fill(e);var l=Math.ceil(t.length/2),n=t.slice(0,l).join(" "),a=t.slice(l).join(" ");return[n,a,n,a]}(Ot)||[]).map(function(e){return n.createElement("span",null,e)})},[Ot]);(0,n.useEffect)(function(){var e=null;return we&&(e=setTimeout(function(){Ee(!1),Me(!0)},1600)),function(){clearTimeout(e)}},[we,ye,Me,Ee]),(0,n.useEffect)(function(){Ee(!(!ve||he||!O))},[ve,O,Ee]);var Ft=(0,n.useCallback)(function(e){e.initial&&q("scroll","Screen"),ct(!0)},[q]),Ht=(0,n.useCallback)(function(){ct(!1)},[ct]),qt=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e){var t=Math.round(100*e);q("scroll",t,{scrollPercent:t})}},[q]);(0,n.useEffect)(function(){var e=null;return wt&&(e=setTimeout(function(){Et(!1),Nt(!0)},400)),O||Nt(!1),function(){clearTimeout(e)}},[wt,Et,O]);var _t=(0,n.useCallback)(function(){Mt||Et(!0),ne&&Ze&&ae(!1)},[Nt]),Gt=(0,n.useCallback)(function(){wt&&Et(!1),Nt(!1)},[Nt]);(0,n.useEffect)(function(){Mt?de():ce()},[O,Mt]),(0,n.useEffect)(function(){var e=function(e){"Escape"===e.key&&Mt&&Gt()};return document.addEventListener("keyup",e),function(){document.removeEventListener("keyup",e)}},[Mt,Gt]),(0,n.useEffect)(function(){O&&!we&&le(!0)},[O,we]);var Yt=(0,n.useMemo)(function(){var e=(c||{}).textStyle,t=void 0===e?null:e,l=t||{},n=l.color,a=void 0===n?null:n,r=l.fontFamily,u=void 0===r?null:r,s=l.fontStyle,d=void 0===s?null:s,v=Ae(a),p=null===u?700:null,f=null===u?"uppercase":null,y=null===u?(0,i.A)((0,i.A)({},d),{},{transform:"uppercase"}):d,C=(o||{}).textStyle,w=void 0===C?null:C,E=w||{},A=E.fontFamily,k=void 0===A?null:A,x=E.fontStyle,S=void 0===x?null:x,M=null===k?900:null,N=null===k?(0,i.A)((0,i.A)({},S),{},{transform:"uppercase"}):S,R=(h||{}).textStyle,z=void 0===R?null:R,T=(z||{}).fontFamily,L=null===(void 0===T?null:T)?300:null,P=(m||{}).textStyle,I=void 0===P?null:P,B=I||{},O=B.fontFamily,V=void 0===O?null:O,D=B.fontStyle,j=void 0===D?null:D,F=null===V?(0,i.A)((0,i.A)({},j),{},{transform:"uppercase"}):j,H=(g||{}).textStyle,Z=void 0===H?null:H,W=Z||{},q=W.fontFamily,_=void 0===q?null:q,G=W.fontStyle,Y=void 0===G?null:G,U=null===_?(0,i.A)((0,i.A)({},Y),{},{transform:"uppercase"}):Y,Q=(b||{}).textStyle,X=void 0===Q?null:Q,J=X||{},K=J.fontFamily,$=void 0===K?null:K,ee=J.fontStyle,te=void 0===ee?null:ee,le=null===$?(0,i.A)((0,i.A)({},te),{},{transform:"uppercase"}):te,ne=Vt||{},ae=ne.fontFamily,ie=void 0===ae?null:ae,oe=ne.fontStyle,re=void 0===oe?null:oe;return{defaultTextTransform:f,titleColor:v,titleTextStyle:t,titleFontWeight:p,titleFontStyle:y,categoryTextStyle:w,categoryFontWeight:M,categoryFontStyle:N,descriptionTextStyle:z,descriptionFontWeight:L,dateTextStyle:I,dateFontStyle:F,locationTextStyle:Z,locationFontStyle:U,sponsorTextStyle:X,sponsorFontStyle:le,backgroundFontStyle:null===ie?(0,i.A)((0,i.A)({},re),{},{transform:"uppercase"}):re}},[c,o,h,m,g,b,Vt]),Ut=Yt.titleTextStyle,Qt=Yt.titleColor,Jt=Yt.titleFontWeight,Kt=Yt.titleFontStyle,$t=Yt.categoryTextStyle,el=Yt.categoryFontWeight,tl=Yt.categoryFontStyle,ll=Yt.descriptionTextStyle,nl=Yt.descriptionFontWeight,al=Yt.dateTextStyle,il=Yt.dateFontStyle,ol=Yt.locationTextStyle,rl=Yt.locationFontStyle,ul=Yt.sponsorTextStyle,sl=Yt.sponsorFontStyle,cl=Yt.backgroundFontStyle,dl=pe?null:Ve(R),ml=(dl||{}).borderRadius,vl=void 0===ml?null:ml,gl=0===vl,fl=(0,n.useMemo)(function(){return null!==L?Ae(L):Qt},[L,Qt]);return n.createElement("div",{className:Xt([Hr.container,(0,f.A)((0,f.A)({},Z,null!==Z),Hr.isPlaceholder,pe)]),"data-screen-ready":!0},n.createElement(ga,{width:G,height:Y,className:Hr.content},n.createElement(Za,{width:G,height:Y,disabled:nt,onScrolledTrigger:qt,onScrolledBottom:Ft,onScrolledNotBottom:Ht,verticalAlign:"middle",withShadow:!Mt,withArrow:!Mt,className:Hr.scroll},n.createElement(ja,{className:Hr.layout,width:G,style:pe?null:{padding:w,paddingTop:(ge?0:X)+w/2,paddingBottom:(O&&!ge?J:0)+w/2,minHeight:Y}},!pe&&at?n.createElement("div",{key:"header",style:{paddingBottom:w},className:Xt([Hr.headerContainer])},n.createElement(Pa,A)):null,pe?null:n.createElement(Da,{key:"spacer-cta-top"}),Mt?n.createElement(Aa,{className:Hr.close,onClick:Gt},n.createElement(Cn,{className:Hr.closeIcon})):null,$e||pe||fe?n.createElement(ga,{className:Xt([Hr.textCard,(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Hr.isPlaceholder,pe),Hr.visualBottom,"bottom"===l),Hr.appear,we),Hr.modalOpened,wt||Mt),Hr.hidden,!O&&ve&&!ge)]),style:(0,i.A)((0,i.A)({},dl),gl?{borderRadius:0}:null)},n.createElement("div",{className:Xt([Hr.visualContainer,(0,f.A)({},Hr.modalOpened,wt||Mt)]),style:null!==vl?"bottom"===l?{borderBottomLeftRadius:vl,borderBottomRightRadius:vl}:{borderTopLeftRadius:vl,borderTopRightRadius:vl}:null},n.createElement(Gn,{key:"visual",placeholder:n.createElement(zn,{className:Hr.visualPlaceholder}),emptyLabel:n.createElement(Zl.A,{id:"JzSBzL",defaultMessage:[{type:0,value:"Visual"}]}),emptyClassName:Xt([Hr.empty,Hr.emptyVisual]),isEmpty:!He},He?n.createElement("div",{className:Xt([Hr.visualWrapper,(0,f.A)({},Hr.modalOpened,wt||Mt)]),style:wt||Mt?{width:G,height:Y}:{width:ft,height:"auto"}},n.createElement(Aa,{className:Xt([Hr.visualButton,(0,f.A)((0,f.A)({},Hr.transitioning,wt),Hr.disabled,I)]),onClick:_t,disabled:ge||we||Mt||I,focusable:O&&!ge&&!Mt,"aria-label":W.formatMessage({id:"XHO5Ua",defaultMessage:[{type:0,value:"Expand visual"}]}),"aria-pressed":Mt,style:{transform:wt?"scale(".concat(G/ft,")"):null}},Ze?n.createElement(ba,{media:Re,mediaRef:oe,width:wt||Mt?G:.9*(G-40)+1,height:wt||Mt?Y:250,resolution:U,objectFit:{fit:(wt||Mt)&&We?"contain":"cover"},shouldLoad:lt,muted:ne||!Mt,withoutVideo:ge,playing:tt}):n.createElement(ba,{media:Re,width:Mt?G:ft,resolution:U,active:D,shouldLoad:lt}),zt?n.createElement("div",{className:Xt([Hr.iconContainer,(0,f.A)((0,f.A)({},Hr.visualBottom,"bottom"===l),Hr.hidden,I)])},Ze?n.createElement(pn,{color:"#000",className:Hr.icon}):n.createElement(gn,{color:"#000",className:Hr.icon})):null)):null),n.createElement(Gn,{key:"sponsor",placeholder:n.createElement(In,{className:Hr.sponsorPlaceholder})},Ke?n.createElement(ea,Object.assign({className:Xt([Hr.sponsor,(0,f.A)({},Hr.hasVisual,He)])},b,{textStyle:(0,i.A)((0,i.A)({},ul),{},{fontStyle:sl})})):null)),n.createElement("div",{ref:mt,className:Hr.text},n.createElement(Gn,{key:"category",placeholder:n.createElement(Bn,{className:Hr.categoryPlaceholder}),emptyLabel:n.createElement(Zl.A,{id:"I5+AHN",defaultMessage:[{type:0,value:"Category"}]}),emptyClassName:Hr.emptyCategory,isEmpty:!qe},qe?n.createElement("div",{className:Hr.categoryContainer,style:{width:yt}},n.createElement(Ba,Object.assign({className:Hr.category},o,{textStyle:(0,i.A)((0,i.A)({},$t),{},{fontWeight:el,fontStyle:tl})}))):null),n.createElement("div",{className:Xt([Hr.textContent,(0,f.A)((0,f.A)({},Hr.isPlaceholder,pe),Hr.withoutCategory,!qe)])},n.createElement(Gn,{key:"title",placeholder:"title",emptyLabel:n.createElement(Zl.A,{id:"2c1WFV",defaultMessage:[{type:0,value:"Title"}]}),emptyClassName:Hr.emptyText,isEmpty:!Ye},Ye?n.createElement("div",{className:Hr.titleContainer},n.createElement(Ba,Object.assign({className:Hr.title},c,{textStyle:(0,i.A)((0,i.A)({},Ut),{},{fontWeight:Jt,fontStyle:Kt})})),n.createElement("hr",{className:Hr.border,style:{borderColor:fl}})):null),n.createElement(Gn,{key:"date",placeholder:n.createElement(In,{className:Hr.datePlaceholder})},Ue?n.createElement(n.Fragment,null,n.createElement(ea,Object.assign({className:Hr.date},m,{textStyle:(0,i.A)((0,i.A)({},al),{},{fontStyle:il})})),n.createElement("hr",{className:Hr.border,style:{borderColor:fl}})):null),n.createElement(Gn,{key:"location",placeholder:n.createElement(In,{className:Hr.locationPlaceholder})},Qe?n.createElement(n.Fragment,null,n.createElement(ea,Object.assign({className:Hr.location},g,{textStyle:(0,i.A)((0,i.A)({},ol),{},{fontStyle:rl})})),n.createElement("hr",{className:Hr.border,style:{borderColor:fl}})):null),n.createElement(Gn,{key:"description",placeholder:n.createElement(In,{className:Hr.descriptionPlaceholder}),emptyLabel:n.createElement(Zl.A,{id:"EQdIAR",defaultMessage:[{type:0,value:"Description"}]}),emptyClassName:Hr.emptyText,isEmpty:!Je},Je?n.createElement(ea,Object.assign({className:Hr.description},h,{textStyle:(0,i.A)((0,i.A)({},ll),{},{fontWeight:nl})})):null)))):null,pe?null:n.createElement(Da,{key:"spacer-cta-bottom"}),!pe&&it?n.createElement("div",{key:"footer",className:Xt([Hr.footer,(0,f.A)({},Hr.disabled,!st&&!Mt)]),style:{paddingTop:w,paddingLeft:Math.max(0,K-w),paddingRight:Math.max(0,K-w)}},n.createElement(za,ot)):null))),pe?null:n.createElement(n.Fragment,null,n.createElement(ma,{background:M,width:G,height:Y,resolution:U,playing:et&&!Mt,muted:ne||Mt,shouldLoad:lt,mediaRef:oe,withoutVideo:ge,className:Hr.background}),null!==Lt&&Dt.length>0?n.createElement(ga,{width:G,height:Y,className:Hr.backgroundTextContainer},(Dt||[]).map(function(e,t){return n.createElement("div",{key:"reco-background-text-".concat(t+1),className:Xt([Hr.backgroundText],(0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Hr.hidden,!O&&ve&&!ge),Hr.didAnimate,Se),Hr.animateFromBottom,we&&t%2!=0),Hr.animateFromTop,we&&t%2==0)),style:(0,i.A)({animationDelay:"".concat(100*t,"ms")},Fe((0,i.A)((0,i.A)({},Vt),{},{fontStyle:cl})))},e)})):null))},layouts:["top","bottom"],fields:[{name:"layout",type:"screen-layout",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"sponsor",type:"text-element",label:(0,ue.zR)({id:"WY14Zu",defaultMessage:[{type:0,value:"Sponsor"}]})},{name:"visual",type:"fields",isList:!0,label:(0,ue.zR)({id:"HwqzVR",defaultMessage:[{type:0,value:"Visual"}]}),fields:[{name:"image",type:"visual",label:(0,ue.zR)({id:"xT/onn",defaultMessage:[{type:0,value:"Image"}]})}]},{name:"category",type:"heading-element",label:(0,ue.zR)({id:"4grcMU",defaultMessage:[{type:0,value:"Category"}]})},{name:"title",type:"heading-element",label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"date",type:"text-element",label:(0,ue.zR)({id:"yEG9zh",defaultMessage:[{type:0,value:"Date"}]})},{name:"location",type:"text-element",label:(0,ue.zR)({id:"zLxBdl",defaultMessage:[{type:0,value:"Location"}]})},{name:"description",type:"text-element",label:(0,ue.zR)({id:"Y7bs1v",defaultMessage:[{type:0,value:"Description"}]})},{name:"background",type:"background-recommendation",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{id:"recommendation",type:"fields",isList:!0,label:(0,ue.zR)({id:"hPXJzA",defaultMessage:[{type:0,value:"Box params"}]}),fields:[{name:"cardBoxStyle",type:"box-style-form",label:(0,ue.zR)({id:"1yNxAl",defaultMessage:[{type:0,value:"Card box style"}]})},{name:"lineColor",type:"color",label:(0,ue.zR)({id:"Jti6I6",defaultMessage:[{type:0,value:"Lines color"}]})},{name:"withoutZoom",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"ehuj8A",defaultMessage:[{type:0,value:"Without image zoom"}]})}]},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]}],Wr={container:"micromag-screen-urbania-trivia-container",background:"micromag-screen-urbania-trivia-background",content:"micromag-screen-urbania-trivia-content",emptyContainer:"micromag-screen-urbania-trivia-emptyContainer",empty:"micromag-screen-urbania-trivia-empty",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",heading:"micromag-screen-urbania-trivia-heading",placeholder:"micromag-screen-urbania-trivia-placeholder",videoPlaceholder:"micromag-screen-urbania-trivia-videoPlaceholder",bottomContent:"micromag-screen-urbania-trivia-bottomContent",fullscreen:"micromag-screen-urbania-trivia-fullscreen",image:"micromag-screen-urbania-trivia-image"},qr={image:{type:"image",url:"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201083.95%201920%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1083.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%22%20fill%3D%22%2312bbd7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",width:1083,height:1919},color:"#00cbff"},_r={image:{type:"image",url:"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201083.95%201920%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1083.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%22%20fill%3D%22hsla%280%2C0%25%2C100%25%2C.6%29%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E",width:1083,height:1919},color:null},Gr={id:"urbania-trivia",type:"screen",namespaces:["urbania"],group:{label:(0,ue.zR)({id:"oPjl8f",defaultMessage:[{type:0,value:"Urbania"}]}),order:10},title:(0,ue.zR)({id:"zDdDqI",defaultMessage:[{type:0,value:"Urbania trivia"}]}),component:function(e){var t=e.layout,l=void 0===t?"full":t,a=e.title,o=void 0===a?null:a,r=e.video,u=void 0===r?null:r,s=e.gotoNextScreenOnEnd,c=void 0!==s&&s,d=e.background,m=void 0===d?null:d,v=e.current,g=void 0===v||v,p=e.preload,h=void 0===p||p,y=e.spacing,C=void 0===y?20:y,w=e.padding,E=void 0===w?20:w,A=e.mediaRef,k=void 0===A?null:A,x=e.className,S=void 0===x?null:x,M=Ll("video"),N=Pt(),R=N.width,z=N.height,L=N.resolution,P=Rt(),I=P.isView,B=P.isPreview,O=P.isPlaceholder,V=P.isEdit,D=P.isStatic,j=P.isCapture,F=jt().bottomHeight,H=Ft().gotoNextScreen,Z=Xe(o),W=g&&(I||V),q=g||h,_=c&&I&&g,G=u||{},Y=G.autoPlay,U=void 0===Y||Y,Q=G.media,X=void 0===Q?null:Q,J=G.closedCaptions,K=void 0===J?null:J,$=G.withSeekBar,ee=void 0!==$&&$,te=G.withControls,le=void 0!==te&&te,ne=G.color,ae=void 0===ne?null:ne,ie=G.progressColor,oe=void 0===ie?null:ie,re=kt(),ue=re.playing,se=re.muted,ce=re.setControls,de=re.setControlsTheme,me=re.setPlaying,ve=re.showControls,ge=re.hideControls,pe=re.currentQualityLevel,fe=re.setCurrentQualityLevel,he=xt(g),ye=he.ref,be=he.isCurrent,Ce=void 0!==be&&be;(0,n.useEffect)(function(){return g?(le||ee?(ce(!0),de({seekBarOnly:ee&&!le})):ce(!1),function(){(le||ee)&&ce(!1)}):function(){}},[g,le,ce,ee,ae,oe]),(0,n.useEffect)(function(){null!==k&&k(ye.current)},[ye.current]);var we=(0,n.useState)(null),Ee=(0,T.A)(we,2),Ae=Ee[0],ke=Ee[1],xe=(0,n.useState)(null),Se=(0,T.A)(xe,2),Me=Se[0],Ne=Se[1];(0,n.useEffect)(function(){g&&U&&!ue&&me(!0)},[g,U]);var Re=(0,n.useCallback)(function(e){ke(e)},[Ne,Me]),ze=(0,n.useCallback)(function(e,t){M(X,"progress_".concat(Math.round(100*e,10),"%"),t)},[M,X]),Te=(0,n.useCallback)(function(e){Ne(e)},[Ne]),Le=(0,n.useCallback)(function(e){var t=e.initial;M(X,t?"play":"resume")},[M,X]),Pe=(0,n.useCallback)(function(e){var t=e.midway;M(X,t?"pause":"ended")},[M,X]),Ie=(0,n.useCallback)(function(e){e>0&&M(X,"seek")},[M,X]),Be=(0,n.useCallback)(function(){g&&_&&H(),g&&me(!1)},[g,_,H,me]),Oe=ol({element:Ht(),disabled:!g||!I,timeout:2e3}).detected;(0,n.useEffect)(function(){g&&(Oe?ve():ge())},[Oe,ve,ge]);var Ve="full"===l,De=m||{},je=De.image,Fe=void 0===je?null:je,He=De.video,Ze=null===m||null===Fe&&null===(void 0===He?null:He),We=!D&&!B&&Ze,qe=null!==u,_e=(0,n.useState)(qe),Ge=(0,T.A)(_e,2),Ye=Ge[0],Ue=Ge[1],Qe=(0,n.useMemo)(function(){return qe?(0,i.A)((0,i.A)({},u),{},{autoPlay:!B&&!D&&!j&&U&&g}):null},[qe,u,B,D,j,U,g]),Je=X||{},Ke=Je.metadata,$e=void 0===Ke?null:Ke,et=Je.url,tt=void 0===et?null:et,lt=Je.thumbnail_url,nt=void 0===lt?null:lt,at=null!==tt,it=$e||{},ot=it.width,rt=void 0===ot?0:ot,ut=it.height,st=void 0===ut?0:ut,ct=fl(),dt=ct.ref,mt=ct.height,vt=z-(void 0===mt?0:mt)-(E?2*E:40),gt=(0,an.kL)(rt,st,R,vt,{cover:Ve}),pt=gt.width,ft=gt.height,ht=-(pt-R)/2,yt=ft>pt,bt=(0,n.useMemo)(function(){if(b(m)&&m.length>0)return m;var e=m||{},t=e.image,l=void 0===t?null:t,n=e.video,a=void 0===n?null:n,o=e.color,r=void 0===o?null:o;return null!==l||null!==a?(0,i.A)((0,i.A)({},qr),m):(0,i.A)((0,i.A)({},qr),null!==r?{color:r}:null)},[m]),Ct=Ve?{width:"100%",height:"100%"}:{width:"100%"};(0,n.useEffect)(function(){Ue(!at)},[tt,at,Ue]);var wt=(0,n.useCallback)(function(){Ue(!0)},[Ue]);return n.createElement("div",{className:Xt([Wr.container,(0,f.A)((0,f.A)({},S,null!==S),Wr.fullscreen,Ve)]),"data-screen-ready":D||j||Ye},n.createElement(ga,{width:R,height:z,className:Wr.content},n.createElement("div",{className:Wr.inner,style:yt?{justifyContent:"flex-start",marginTop:2*C}:null},n.createElement(ga,{className:Wr.itemsContainer,style:{marginTop:-C/2}},n.createElement(Gn,{key:"heading",className:Wr.headingScreenElement,placeholder:n.createElement(Bn,Object.assign({className:Wr.placeholder},Ct)),empty:n.createElement("div",{className:Wr.emptyContainer},n.createElement(An,{className:Wr.empty},n.createElement(Zl.A,{id:"oAtOlP",defaultMessage:[{type:0,value:"Heading"}]}))),isEmpty:!Z},Z?n.createElement("div",{ref:dt},n.createElement(Ba,Object.assign({className:Wr.heading},o))):null),n.createElement(Gn,{key:"video",className:Wr.videoScreenElement,placeholder:n.createElement(On,Object.assign({className:Wr.videoPlaceholder},Ct)),empty:n.createElement("div",{className:Wr.emptyContainer},n.createElement(An,{className:Wr.empty},n.createElement(Zl.A,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!at},at?n.createElement("div",{className:Wr.videoContainer,style:{width:Math.min(R,pt),height:ft,left:ht>0?ht:null,maxHeight:vt}},B||j?n.createElement(fa,{className:Wr.image,media:{url:nt,metadata:{width:rt,height:st}},width:Math.min(R,pt),height:ft,resolution:L}):n.createElement(ua,Object.assign({},Qe,{mediaRef:ye,paused:!g||!ue||!Ce&&I,muted:se,width:pt,height:ft,className:Wr.video,onReady:wt,onPlay:Le,onPause:Pe,onTimeUpdate:Re,onProgressStep:ze,onDurationChange:Te,onSeeked:Ie,onEnded:Be,focusable:g&&I,shouldLoad:q,qualityStartLevel:pe,onQualityLevelChange:fe})),g&&!O?n.createElement("div",{key:"bottom-content",className:Wr.bottomContent,style:{transform:"translate(0, -".concat(F,"px)")}},null===K||B||j||D?null:n.createElement(Qa,{className:Wr.closedCaptions,media:K,currentTime:Ae})):null):null)))),O?n.createElement(ma,{background:_r,className:Wr.background,width:R,height:z,resolution:L,withoutVideo:B}):n.createElement(ma,{background:bt,className:Xt([Wr.background,(0,f.A)((0,f.A)((0,f.A)({},S,null!==S),Wr.isCustomBackground,Ze),Wr.isAnimated,We)]),width:R,height:z,resolution:L,playing:W,shouldLoad:q,withoutVideo:B}))},fields:[{name:"title",type:"heading-element",label:(0,ue.zR)({id:"N25iDO",defaultMessage:[{type:0,value:"Title"}]})},{name:"video",type:"video-element",defaultValue:{autoPlay:!0},label:(0,ue.zR)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"gotoNextScreenOnEnd",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"n8zmLY",defaultMessage:[{type:0,value:"Go to next screen on end"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})}]},Yr={container:"micromag-screen-video-container",content:"micromag-screen-video-content",emptyContainer:"micromag-screen-video-emptyContainer",empty:"micromag-screen-video-empty",inner:"micromag-screen-video-inner",header:"micromag-screen-video-header",bottom:"micromag-screen-video-bottom",placeholder:"micromag-screen-video-placeholder",videoContainer:"micromag-screen-video-videoContainer",fullscreen:"micromag-screen-video-fullscreen",image:"micromag-screen-video-image",video:"micromag-screen-video-video"},Ur={id:"video",type:"screen",group:{label:(0,ue.zR)({id:"+9akmg",defaultMessage:[{type:0,value:"Audio and Video"}]}),order:5},title:(0,ue.zR)({id:"UBXIYP",defaultMessage:[{type:0,value:"Video"}]}),component:function(e){var t=e.layout,l=void 0===t?"middle":t,a=e.video,o=void 0===a?null:a,r=e.gotoNextScreenOnEnd,u=void 0!==r&&r,s=e.header,c=void 0===s?null:s,d=e.footer,m=void 0===d?null:d,v=e.background,g=void 0===v?null:v,p=e.current,h=void 0===p||p;e.active;var y=e.preload,b=void 0===y||y,C=e.spacing,w=void 0===C?20:C,E=e.mediaRef,A=void 0===E?null:E,k=e.className,x=void 0===k?null:k,S=Ll("video"),M=Pt(),N=M.width,R=M.height,z=M.resolution,L=Rt(),P=L.isView,I=L.isPreview,B=L.isPlaceholder,O=L.isEdit,V=L.isStatic,D=L.isCapture,j=Ft().gotoNextScreen,F=jt(),H=F.topHeight,Z=F.bottomHeight,W=F.bottomSidesWidth,q=Wt().open,_=h||b,G=u&&P&&h,Y=o||{},U=Y.autoPlay,Q=void 0===U||U,X=Y.loop,J=void 0!==X&&X,K=Y.media,$=void 0===K?null:K,ee=Y.thumbnail,te=void 0===ee?null:ee,le=Y.captions,ne=void 0===le?null:le,ae=Y.closedCaptions,ie=void 0===ae?null:ae,oe=Y.withSeekBar,re=void 0!==oe&&oe,ue=Y.withControls,se=void 0!==ue&&ue,ce=Y.color,de=void 0===ce?null:ce,me=Y.progressColor,ve=void 0===me?null:me,ge=kt(),pe=ge.playing,fe=ge.muted,he=ge.setControls,ye=ge.setControlsSuggestPlay,be=ge.setControlsTheme,Ce=ge.setPlaying,we=ge.controlsVisible,Ee=ge.showControls,Ae=ge.hideControls,ke=ge.currentQualityLevel,xe=ge.setCurrentQualityLevel,Se=xt(h),Me=Se.ref,Ne=Se.isCurrent,Re=void 0!==Ne&&Ne,Te=(0,n.useState)(!1),Le=(0,T.A)(Te,2),Pe=Le[0],Ie=Le[1],Be=h&&(P||O)&&(Re||!P),Oe=h&&(P||O)&&pe&&(Re||!P),Ve=I||D;(0,n.useEffect)(function(){return h?(be({seekBarOnly:re&&!se,color:de,progressColor:ve}),he(!(!se&&!re)),function(){(se||re)&&he(!1)}):function(){}},[h,se,he,re,de,ve]),(0,n.useEffect)(function(){null!==A&&A(Me.current)},[Me.current]),(0,n.useEffect)(function(){h&&Q&&Ce(!0)},[h,Q]);var De=ol({element:Ht(),disabled:!P,timeout:2e3}).detected,je=(0,n.useCallback)(function(){De?Ee():Ae()},[De,Ee,Ae]);rl(je,De,1e3);var Fe=(0,n.useState)(null),He=(0,T.A)(Fe,2),Ze=He[0],We=He[1],qe=(0,n.useState)(null),Ye=(0,T.A)(qe,2),Ue=Ye[0],Qe=Ye[1],Xe=(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null!==e&&void 0!==e.currentTarget){var t=(e.currentTarget||{}).currentTime;We(void 0===t?0:t)}else We(0)},[Ue,We]),Je=(0,n.useCallback)(function(e,t){S($,"progress_".concat(Math.round(100*e,10),"%"),t)},[S,$]),Ke=(0,n.useCallback)(function(e){Qe(e)},[Qe]),$e=(0,n.useCallback)(function(e){var t=e.initial;Pe||Ie(!0),S($,t?"play":"resume")},[S,$]),et=(0,n.useCallback)(function(e){var t=e.midway;S($,t?"pause":"ended")},[S,$]),tt=(0,n.useCallback)(function(e){e>0&&S($,"seek",{currentTime:e})},[S,$]),lt=(0,n.useCallback)(function(){h&&!J&&Ce(!1),h&&G&&j()},[J,h,G,j]),nt="full"===l,at=_e(c),it=Ge(m),ot=ze(m,{isView:P,current:h,openWebView:q,isPreview:I}),rt=null!==o,ut=(0,n.useState)(rt),st=(0,T.A)(ut,2),ct=st[0],dt=st[1],mt=(0,n.useMemo)(function(){return rt?(0,i.A)((0,i.A)({},o),{},{autoPlay:!I&&!V&&!D&&Q&&h}):null},[rt,o,I,V,D,Q,h]),vt=$||{},gt=vt.metadata,pt=void 0===gt?null:gt,ft=vt.url,ht=void 0===ft?null:ft,yt=kl($,te),bt=null!==ht,Ct=pt||{},wt=Ct.width,Et=void 0===wt?0:wt,At=Ct.height,St=void 0===At?0:At,Mt=(0,an.kL)(Et,St,N,R,{cover:nt}),Nt=Mt.width,zt=Mt.height,Tt=-(Nt-N)/2,Lt=-(zt-R)/2,It=nt?{width:"100%",height:"100%"}:{width:"100%"};(0,n.useEffect)(function(){dt(!bt)},[ht,bt,dt]);var Bt=(0,n.useCallback)(function(){dt(!0)},[dt]),Ot=(0,n.useCallback)(function(){P&&pe&&h&&bt&&Q&&(Ce(!1),ye(!0))},[P,h,pe,bt,Q,Ce,ye]);return n.createElement("div",{className:Xt([Yr.container,(0,f.A)((0,f.A)({},x,null!==x),Yr.fullscreen,nt)]),"data-screen-ready":V||D||ct},n.createElement(ga,{width:N,height:R,className:Yr.content},n.createElement("div",{className:Yr.inner},!B&&at?n.createElement("div",{key:"header",className:Yr.header,style:{paddingTop:w/2,paddingLeft:w,paddingRight:w,transform:I?null:"translate(0, ".concat(H,"px)")}},n.createElement(Pa,Object.assign({fade:h&&!we},c))):null,n.createElement(Gn,{key:"video",placeholder:n.createElement(On,Object.assign({className:Yr.placeholder},It)),empty:n.createElement("div",{className:Yr.emptyContainer},n.createElement(An,{className:Yr.empty},n.createElement(Zl.A,{id:"3ext9Q",defaultMessage:[{type:0,value:"Video"}]}))),isEmpty:!bt},bt?n.createElement("div",{className:Yr.videoContainer,style:{width:Nt,height:zt,left:Tt,top:Lt}},Ve?n.createElement(fa,{className:Yr.image,media:yt,width:Nt,height:zt,objectFit:{fit:"cover"},resolution:z,shouldLoad:_}):n.createElement(ua,Object.assign({},mt,{width:Nt,height:zt,paused:!Oe,muted:fe,mediaRef:Me,className:Yr.video,onReady:Bt,onPlay:$e,onPause:et,onTimeUpdate:Xe,onProgressStep:Je,onDurationChange:Ke,onSeeked:tt,onEnded:lt,onPlayError:Ot,disablePictureInPicture:!0,focusable:h&&P,shouldLoad:_,qualityStartLevel:ke,onQualityLevelChange:xe}))):null),B?null:n.createElement("div",{key:"bottom-content",className:Yr.bottom,style:{transform:h&&!I?"translate3d(0, -".concat(Z,"px, 0)"):null,paddingLeft:Math.max(w/2,W),paddingRight:Math.max(w/2,W),paddingBottom:w/2,paddingTop:0}},null===ie&&null===ne||I||D||V?null:n.createElement(Qa,Object.assign({className:Yr.closedCaptions,media:ie},ne,{currentTime:Ze})),it?n.createElement(za,ot):null))),B?null:n.createElement(ma,{background:g,width:N,height:R,resolution:z,playing:Be,muted:fe,shouldLoad:_,withoutVideo:I}))},layouts:["middle","full"],fields:[{name:"layout",type:"screen-layout",defaultValue:"middle",label:(0,ue.zR)({id:"4iBXj2",defaultMessage:[{type:0,value:"Layout"}]})},{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,ue.zR)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"gotoNextScreenOnEnd",type:"toggle",defaultValue:!1,label:(0,ue.zR)({id:"n8zmLY",defaultMessage:[{type:0,value:"Go to next screen on end"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},Qr=null,Xr={container:"micromag-screen-video-360-container",background:"micromag-screen-video-360-background",content:"micromag-screen-video-360-content",empty:"micromag-screen-video-360-empty",inner:"micromag-screen-video-360-inner",canvas:"micromag-screen-video-360-canvas",canvasButton:"micromag-screen-video-360-canvasButton",video:"micromag-screen-video-360-video",videoContainer:"micromag-screen-video-360-videoContainer",placeholder:"micromag-screen-video-360-placeholder",header:"micromag-screen-video-360-header",bottom:"micromag-screen-video-360-bottom",showVideo:"micromag-screen-video-360-showVideo"},Jr={id:"video-360",type:"screen",group:{label:(0,ue.zR)({id:"+9akmg",defaultMessage:[{type:0,value:"Audio and Video"}]}),order:5},title:(0,ue.zR)({id:"GRVidW",defaultMessage:[{type:0,value:"360 Video"}]}),component:function(e){e.layout;var t=e.video,a=void 0===t?null:t,o=e.header,r=void 0===o?null:o,u=e.footer,s=void 0===u?null:u,c=e.background,d=void 0===c?null:c,m=e.current,v=void 0===m||m,g=e.preload,p=void 0===g||g,h=e.type,y=void 0===h?null:h,b=e.spacing,C=void 0===b?20:b,w=e.mediaRef,E=void 0===w?null:w,A=e.className,k=void 0===A?null:A,x=function(){var e=(0,n.useState)({package:Qr}),t=(0,T.A)(e,2),a=t[0].package,i=t[1];return(0,n.useEffect)(function(){var e=!1;return null!==a||l.e(62).then(l.bind(l,5062)).then(function(t){var l=t.Scene,n=t.PerspectiveCamera,a=t.SphereBufferGeometry,o=t.VideoTexture,r=t.MeshBasicMaterial,u=t.Mesh,s=t.WebGLRenderer,c=t.MathUtils;Qr={Scene:l,PerspectiveCamera:n,SphereBufferGeometry:a,VideoTexture:o,MeshBasicMaterial:r,Mesh:u,WebGLRenderer:s,MathUtils:c},e||i({package:Qr})}),function(){e=!0}},[a,i]),a}(),S=Tl(y),M=Ll("video_360"),N=Zt(),R=N.enableInteraction,z=N.disableInteraction,L=Ft(),P=L.gotoPreviousScreen,I=L.gotoNextScreen,B=jt(),O=B.topHeight,V=B.bottomHeight,D=B.bottomSidesWidth,j=Pt(),F=j.width,H=j.height,Z=j.landscape,W=j.resolution,q=Rt(),_=q.isView,G=q.isPreview,Y=q.isPlaceholder,U=q.isEdit,Q=q.isStatic,X=q.isCapture,J=Wt().open,K=Ml(),$=v&&(_||U),ee=v||p,te=a||{},le=te.media,ne=void 0===le?null:le,ae=te.closedCaptions,ie=void 0===ae?null:ae,oe=te.captions,re=void 0===oe?null:oe,ue=te.withSeekBar,se=void 0!==ue&&ue,ce=te.withControls,de=void 0!==ce&&ce,me=te.autoPlay,ve=void 0===me||me,ge=te.color,pe=void 0===ge?null:ge,fe=te.progressColor,he=void 0===fe?null:fe,ye=(0,n.useRef)(),be=kt(),Ce=be.playing,we=be.muted,Ee=be.setControls,Ae=be.setControlsTheme,ke=be.setControlsSuggestPlay,xe=be.setMedia,Se=be.setPlaying,Me=be.showControls,Ne=be.hideControls,Re=be.currentQualityLevel,Te=be.setCurrentQualityLevel,Le=(0,n.useRef)(null);(0,n.useEffect)(function(){return v?(de||se?(Ee(!0),Ae({seekBarOnly:se&&!de,color:pe,progressColor:he})):Ee(!1),function(){(de||se)&&Ee(!1)}):function(){}},[v,de,Ee,se,pe,he]),(0,n.useEffect)(function(){return v?(xe(Le.current),function(){xe(null)}):function(){}},[v]),(0,n.useEffect)(function(){null!==E&&E(Le.current)},[Le.current]),(0,n.useEffect)(function(){v&&ve&&!Ce&&Se(!0)},[v,ve]);var Pe=ol({element:Ht(),disabled:!_,timeout:2e3}).detected,Ie=(0,n.useCallback)(function(){Pe?Me():Ne()},[Pe,Me,Ne]);rl(Ie,Pe,1e3);var Be=(0,n.useState)(null),Oe=(0,T.A)(Be,2),Ve=Oe[0],De=Oe[1],je=(0,n.useState)(null),Fe=(0,T.A)(je,2),He=Fe[0],Ze=Fe[1],We=(0,n.useCallback)(function(e){De(e)},[Ze,He]),qe=(0,n.useCallback)(function(e,t){M(ne,"progress_".concat(Math.round(100*e,10),"%"),t)},[M,ne]),Ye=(0,n.useCallback)(function(e){Ze(e)},[Ze]),Ue=(0,n.useCallback)(function(e){var t=e.initial;M(ne,t?"play":"resume")},[M,ne]),Qe=(0,n.useCallback)(function(e){var t=e.midway;M(ne,t?"pause":"ended")},[M,ne]),Xe=(0,n.useCallback)(function(e){e>0&&M(ne,"seek")},[M,ne]),Je=(0,n.useCallback)(function(){v&&Se(!1)},[v,Se]),Ke=null!==a,$e=(0,n.useState)(!Ke),et=(0,T.A)($e,2),tt=et[0],lt=et[1],nt=_e(r),at=Ge(s),it=ze(s,{isView:_,current:v,openWebView:J,isPreview:G,enableInteraction:R,disableInteraction:z}),ot=Ke?(0,i.A)((0,i.A)({},a),{},{autoPlay:!G&&!Q&&!X&&ve&&v}):null,rt=ne||{},ut=rt.metadata,st=void 0===ut?null:ut,ct=rt.url,dt=void 0===ct?null:ct,mt=rt.thumbnail_url,vt=void 0===mt?null:mt,gt=null!==dt,pt=st||{},ft=pt.width,ht=void 0===ft?0:ft,yt=pt.height,bt=void 0===yt?0:yt,Ct=null!==vt,wt=(0,n.useState)(!Ct),Et=(0,T.A)(wt,2),At=Et[0],xt=Et[1],St=gt&&(_||U)&&!X&&!Q,Mt=(0,an.kL)(ht,bt,F,H,{cover:!0}),Nt=Mt.width,zt=Mt.height,Tt=-(Nt-F)/2,Lt=-(zt-H)/2;(0,n.useEffect)(function(){lt(!gt)},[dt,gt,lt]),(0,n.useEffect)(function(){xt(!Ct)},[vt,Ct,xt]);var It=(0,n.useCallback)(function(){lt(!0)},[lt]),Bt=(0,n.useCallback)(function(){xt(!0)},[At]),Ot=(0,n.useRef)(null),Vt=(0,n.useRef)(null),Dt=(0,n.useRef)(null),qt=(0,n.useRef)(null),_t=(0,n.useRef)(0),Gt=(0,n.useRef)(0),Yt=(0,n.useRef)(0),Ut=(0,n.useRef)(0),Qt=(0,n.useRef)(50),Jt=(0,n.useRef)(!1),Kt=(0,n.useRef)(0),$t=(0,n.useRef)(0),el=(0,n.useRef)(0),tl=(0,n.useRef)(0),ll=(0,n.useCallback)(function(){if(null!==x){var e=x.MathUtils;Gt.current=Math.max(-85,Math.min(85,Gt.current)),Yt.current=e.degToRad(90-Gt.current),Ut.current=e.degToRad(_t.current),Vt.current.position.x=Qt.current*Math.sin(Yt.current)*Math.cos(Ut.current),Vt.current.position.y=Qt.current*Math.cos(Yt.current),Vt.current.position.z=Qt.current*Math.sin(Yt.current)*Math.sin(Ut.current),Vt.current.lookAt(0,0,0),qt.current.render(Dt.current,Vt.current)}},[]);(0,n.useEffect)(function(){if(null!==x&>&&St){var e=x||{},t=e.Scene,l=void 0===t?null:t,n=e.PerspectiveCamera,a=void 0===n?null:n,i=e.SphereBufferGeometry,o=void 0===i?null:i,r=e.VideoTexture,u=void 0===r?null:r,s=e.MeshBasicMaterial,c=void 0===s?null:s,d=e.Mesh,m=void 0===d?null:d,v=e.WebGLRenderer,g=void 0===v?null:v;if(null===l||null===a||null===o||null===u||null===c||null===m||null===g)return function(){Vt.current=null,Dt.current=null,qt.current=null};var p=Ot.current,f=p.offsetWidth,h=p.offsetHeight;Vt.current=new a(75,f/h,1,1100),Dt.current=new l;var y=new o(500,60,40);y.scale(-1,1,1);var b=(Le||{}).current,C=new m(y,new c({map:new u(void 0===b?null:b)}));Dt.current.add(C),qt.current=new g({canvas:Ot.current}),qt.current.setPixelRatio(K),qt.current.setSize(f,h),ll()}return function(){St&&(Vt.current=null,Dt.current=null,qt.current=null)}},[gt,St,ll]),function(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).disabled,l=void 0!==t&&t,a=(0,n.useRef)(null),i=(0,n.useRef)(null),o=function(t){i.current||(i.current=t);var l=t-i.current;e(l),a.current=requestAnimationFrame(o)};(0,n.useEffect)(function(){return l||(a.current=requestAnimationFrame(o)),function(){null!==a.current&&cancelAnimationFrame(a.current)}},[l])}(ll,{disabled:!St}),(0,n.useEffect)(function(){null!==Vt.current&&null!==qt.current&&(Vt.current.aspect=F/H,Vt.current.updateProjectionMatrix(),qt.current.setSize(F,H))},[F,H]);var nl=(0,n.useRef)(null),al=(0,n.useCallback)(function(e){Jt.current=!0,Kt.current=e.clientX,$t.current=e.clientY,el.current=_t.current,tl.current=Gt.current},[]),il=(0,n.useRef)(0),ul=(0,n.useRef)(null),sl=(0,n.useRef)(!1),cl=(0,n.useCallback)(function(e){if(Jt.current){var t=e||{},l=t.clientX,n=void 0===l?null:l,i=t.clientY,o=void 0===i?null:i,r=Kt.current-n,u=$t.current-o;_t.current=.2*r+el.current,Gt.current=.2*u+tl.current;var s=ul.current||{},c=s.x,d=void 0===c?n:c,m=s.y,v=void 0===m?o:m,g=Math.abs(d-n)||0,p=Math.abs(v-o)||0;il.current+=g+p,!sl.current&&il.current>Math.min(F,H)&&(S("drag_sphere",a.name),sl.current=!0),ul.current={x:n,y:o},(Math.abs(r)>3||Math.abs(u)>3)&&null!==nl.current&&(clearTimeout(nl.current),nl.current=null)}},[F,H,S,a]),dl=(0,n.useCallback)(function(e){var t=ye.current;if(Jt.current&&null!==t){var l=Math.abs(Kt.current-e.clientX),n=Math.abs($t.current-e.clientY);if(!Z&&null!==nl.current&&l<3&&n<3){var a=t.getBoundingClientRect(),i=a.left,o=void 0===i?0:i,r=a.width;e.clientX-o<.5*r?null!==P&&P():null!==I&&I()}null!==nl.current&&(clearTimeout(nl.current),nl.current=null)}Jt.current=!1},[P,I,Z]),ml=(0,n.useCallback)(function(){_&&Ce&&v&>&&ve&&(Se(!1),ke(!0))},[_,v,Ce,gt,ve,Se,ke]);return n.createElement("div",{className:Xt([Xr.container,(0,f.A)((0,f.A)({},k,null!==k),Xr.showVideo,G||Q||X)]),"data-screen-ready":(Q||X)&&At||tt},n.createElement(ga,{width:F,height:H,className:Xr.content},St?n.createElement("div",{ref:ye,className:Xr.videoContainer,style:{width:Nt,height:zt,left:Tt,top:Lt}},n.createElement(ua,Object.assign({},ot,{mediaRef:Le,className:Xr.video,paused:!v||!Ce,muted:we,withoutCors:!0,onReady:It,onPlay:Ue,onPause:Qe,onTimeUpdate:We,onProgressStep:qe,onDurationChange:Ye,onSeeked:Xe,onEnded:Je,onPosterLoaded:Bt,onPlayError:ml,setPlaying:Se,focusable:v&&_,shouldLoad:ee,qualityStartLevel:Re,onQualityLevelChange:Te}))):null,n.createElement("div",{className:Xr.inner},n.createElement(Gn,{key:"video",placeholder:n.createElement(Vn,{className:Xr.placeholder,width:"100%",height:"100%"}),emptyClassName:Xr.empty,emptyLabel:n.createElement(Zl.A,{id:"oLtEu6",defaultMessage:[{type:0,value:"Video 360"}]}),isEmpty:!St},!Y&&nt?n.createElement("div",{key:"header",className:Xr.header,style:{paddingTop:C/2,paddingLeft:C,paddingRight:C,transform:G?null:"translate(0, ".concat(O,"px)")}},n.createElement(Pa,r)):null,St?n.createElement(n.Fragment,null,n.createElement("canvas",{ref:Ot,className:Xr.canvas}),n.createElement("button",{className:Xr.canvasButton,type:"button","aria-label":"canvas-interaction",onPointerDown:al,onPointerMove:cl,onPointerUp:dl,tabIndex:v&&_?null:"-1"})):n.createElement("div",{className:Xr.videoContainer,style:{width:Nt,height:zt,left:Tt,top:Lt}},n.createElement(fa,{className:Xr.video,media:{url:vt,metadata:{width:ht,height:bt}},width:Nt,height:zt,resolution:W}))),Y?null:n.createElement("div",{key:"bottom-content",className:Xr.bottom,style:{transform:v&&!G?"translate(0, -".concat(V,"px)"):null,paddingLeft:Math.max(C/2,D),paddingRight:Math.max(C/2,D),paddingBottom:C/2,paddingTop:0}},null===ie&&null===re||G||X||Q?null:n.createElement(Qa,Object.assign({className:Xr.closedCaptions,media:ie},re,{currentTime:Ve})),at?n.createElement(za,Object.assign({},it,{className:Xr.callToAction})):null))),Y?null:n.createElement(ma,{background:d,width:F,height:H,resolution:W,playing:$,muted:we,shouldLoad:ee,withoutVideo:G,className:Xr.background}))},layouts:["full"],fields:[{name:"video",type:"video-element",theme:{color:"primary"},defaultValue:{autoPlay:!0},label:(0,ue.zR)({id:"tvl2Zc",defaultMessage:[{type:0,value:"Video"}]})},{name:"background",type:"background",label:(0,ue.zR)({id:"+MPZRu",defaultMessage:[{type:0,value:"Background"}]})},{name:"header",type:"header",label:(0,ue.zR)({id:"rhuDxI",defaultMessage:[{type:0,value:"Header"}]}),theme:{badge:{label:{textStyle:"badge"},boxStyle:"badge"}}},{name:"footer",type:"footer",label:(0,ue.zR)({id:"g4nybp",defaultMessage:[{type:0,value:"Footer"}]}),theme:{callToAction:{label:{textStyle:"cta"},boxStyle:"cta"}}}]},Kr=Object.freeze({__proto__:null,article:qa,audio:Ja,contribution:di,conversation:fi,gallery:ki,galleryFeed:Mi,gameSort:zi,image:Pi,keypad:ji,map:Ji,quiz:mo,quote:po,ranking:ho,share:xo,slideshow:Mo,survey:Lo,text:Bo,timeline:Do,title:Wo,urbaniaArticle:ar,urbaniaArticleCard:rr,urbaniaHoroscope:Fr,urbaniaRecommendation:Zr,urbaniaTrivia:Gr,video:Ur,video360:Jr}),$r=require("../fields"),eu=new F(Object.keys(Kr).reduce(function(e,t){return[].concat((0,o.A)(e),(0,o.A)(b(Kr[t])?Kr[t]:[Kr[t]]))},[]));eu.setFieldsPattern($r);var tu=["children"];function lu(e){var t=e.children,l=(0,r.A)(e,tu);return n.createElement(rt,Object.assign({},l,{manager:eu}),t)}var nu={box:"micromag-element-share-incentive-box",tip:"micromag-element-share-incentive-tip"};function au(e){var t=e.className,l=void 0===t?null:t,a=e.label,o=void 0===a?null:a,r=e.boxStyle,u=void 0===r?null:r,s=(u||{}).backgroundColor,c=Ae(void 0===s?null:s);return n.createElement("div",{className:Xt([nu.container,(0,f.A)({},l,null!==l)])},n.createElement("div",{className:nu.box,style:(0,i.A)({},Ve(u))},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 10 10",className:nu.tip,fill:c},n.createElement("polygon",{points:"0,0 0,10 10,10"})),n.createElement(ea,Object.assign({className:nu.text},o))))}var iu={container:"micromag-element-webview-container",iframe:"micromag-element-webview-iframe",top:"micromag-element-webview-top",close:"micromag-element-webview-close"};function ou(e){var t=e.url,l=void 0===t?null:t,a=e.width,i=void 0===a?null:a,o=e.height,r=void 0===o?null:o,u=e.closeable,s=void 0!==u&&u,c=e.focusable,d=void 0!==c&&c,m=e.onClose,v=void 0===m?null:m,g=e.className,p=void 0===g?null:g,h=(0,Hl.A)();return n.createElement("div",{className:Xt([iu.container,(0,f.A)((0,f.A)((0,f.A)({},iu.hidden,!d),iu.closeable,s),p,null!==p)]),style:{width:i,height:r}},s?n.createElement("div",{className:iu.top},n.createElement(Aa,{className:iu.close,"aria-label":h.formatMessage({id:"cXt3NU",defaultMessage:[{type:0,value:"Close Popup"}]}),focusable:d,onClick:v},n.createElement(Cn,{className:iu.closeIcon}))):null,n.createElement("iframe",{className:iu.iframe,"aria-hidden":d?null:"true",tabIndex:d?"0":"-1",title:h.formatMessage({id:"17zT4Q",defaultMessage:[{type:0,value:"Popup"}]}),src:l||"about:blank",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0}))}var ru=l(4603);function uu(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).disabled,l=void 0!==t&&t;(0,n.useEffect)(function(){var t=function(t){if(!["input","textarea"].reduce(function(e,l){return e||t.target.matches(l)},!1)){var l=t.key.toLowerCase();void 0!==e[l]&&e[l]()}};return l||window.addEventListener("keydown",t),function(){l||window.removeEventListener("keydown",t)}},[l,e])}function su(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,n=t||{},a=n.maxParentDistance,i=void 0===a?7:a,o=n.tags,r=void 0===o?["BUTTON","A","INPUT","TEXTAREA"]:o,u=e||{},s=u.tagName,c=void 0===s?null:s,d=u.parentNode,m=void 0===d?null:d;u.dataset;var v=u.classList,g=void 0===v?null:v;return"BODY"!==c&&(!!(-1!==r.filter(function(e){return null!==e}).map(function(e){return e.toLowerCase()}).indexOf(c.toLowerCase())||null!==g&&g.contains("clickable"))||l<i&&su(m,t,l+1))}function cu(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,n=(t||{}).maxParentDistance,a=void 0===n?5:n,i=e||{},o=i.tagName,r=void 0===o?null:o,u=i.parentNode,s=void 0===u?null:u,c=i.dataset;return"BODY"!==r&&(void 0!==(void 0===c?{}:c).draggable||l<a&&cu(s,t,l+1))}var du={container:"micromag-viewer-buttons-button-container",icon:"micromag-viewer-buttons-button-icon",label:"micromag-viewer-buttons-button-label",asLink:"micromag-viewer-buttons-button-asLink",withIcon:"micromag-viewer-buttons-button-withIcon",right:"micromag-viewer-buttons-button-right","icon-right":"micromag-viewer-buttons-button-icon-right",withIconColumns:"micromag-viewer-buttons-button-withIconColumns",linkDisabled:"micromag-viewer-buttons-button-linkDisabled"},mu=["type","theme","size","href","external","direct","target","label","children","focusable","active","icon","iconPosition","disabled","loading","disableOnLoading","withoutTheme","asLink","ariaLabel","onClick","className","iconClassName","labelClassName","refButton"];function vu(e){var t=e.type,l=void 0===t?"button":t,a=e.theme,o=void 0===a?null:a;e.size;var u=e.href,s=void 0===u?null:u,c=e.external,d=void 0!==c&&c,m=e.direct,g=void 0!==m&&m,p=e.target,h=void 0===p?"_blank":p,y=e.label,b=void 0===y?null:y,C=e.children,w=void 0===C?null:C,E=e.focusable,A=void 0===E||E;e.active;var k=e.icon,x=void 0===k?null:k,S=e.iconPosition,M=void 0===S?"inline":S,N=e.disabled,R=void 0!==N&&N,z=e.loading,T=void 0!==z&&z,L=e.disableOnLoading,P=void 0===L||L;e.withoutTheme;var I=e.asLink,B=void 0!==I&&I,O=e.ariaLabel,V=void 0===O?null:O,D=e.onClick,j=void 0===D?null:D,F=e.className,H=void 0===F?null:F,Z=e.iconClassName,W=void 0===Z?null:Z,q=e.labelClassName,_=void 0===q?null:q,G=e.refButton,Y=void 0===G?null:G,U=(0,r.A)(e,mu),Q=b||w,X=null!==Q?n.createElement(rn,null,Q):null,J=null!==b&&null!==w,K=null!==x,$=K&&("inline"===M||null===X),ee=K&&!$,te=Xt([du.container,du["icon-".concat(M)],(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},du.withIcon,K),du.withIconColumns,ee),du.withText,null!==X),du.isLink,null!==s),du.asLink,B),du.isDisabled,R),du.isLoading,T),H,null!==H)]),le=(o||{}).colors,ne=((void 0===le?null:le)||{}).primary,ae=Oe(void 0===ne?null:ne,"color"),ie=(0,i.A)({},ae),oe=n.createElement(n.Fragment,null,$?n.createElement(n.Fragment,null,n.createElement("span",{className:Xt([du.icon,(0,f.A)({},W,null!==W)])},x),null!==X?n.createElement("span",{className:Xt([du.label,(0,f.A)({},_,null!==_)])},X):null):null,ee?n.createElement(n.Fragment,null,"left"===M?n.createElement("span",{className:Xt([du.icon,du.left,(0,f.A)({},W,null!==W&&"left"===M)])},x):null,n.createElement("span",{className:Xt([du.center,du.label,(0,f.A)({},_,null!==_)])},X),"right"===M?n.createElement("span",{className:Xt([du.icon,du.right,(0,f.A)({},W,null!==W&&"right"===M)])},x):null,J?w:null):null,K?null:X,J?w:null);if(null!==s){var re=Xt([te,(0,f.A)({disabled:R},du.linkDisabled,R)]);return d||g?n.createElement("a",Object.assign({},U,{href:R?null:s,className:re,style:ie,onClick:j,target:d?h:null,ref:Y,tabIndex:A?"":"-1"}),oe):n.createElement(v.N_,Object.assign({},U,{href:s,className:re,style:ie,onClick:j,ref:Y,tabIndex:A?"":"-1"}),oe)}return n.createElement("button",Object.assign({},U,{type:l,className:te,style:ie,onClick:j,disabled:R||P&&T,ref:Y,"aria-label":V,tabIndex:A?"0":"-1"}),oe)}var gu=["iconClassName","className"];function pu(e){var t=e.iconClassName,l=void 0===t?null:t,a=e.className,i=void 0===a?null:a,o=(0,r.A)(e,gu);return n.createElement(vu,Object.assign({className:Xt(["micromag-viewer-buttons-icon-button-container",(0,f.A)({},i,null!==i)]),labelClassName:"micromag-viewer-buttons-icon-button-label",iconClassName:Xt(["micromag-viewer-buttons-icon-button-icon",(0,f.A)({},l,null!==l)])},o))}var fu=["single","className"];function hu(e){var t=e.single,l=void 0!==t&&t,a=e.className,i=void 0===a?null:a,o=(0,r.A)(e,fu),u=(0,Hl.A)();return n.createElement(pu,Object.assign({className:Xt([(0,f.A)({},i,null!==i)]),label:u.formatMessage({id:"dIvwcD",defaultMessage:[{type:0,value:"Close"}]}),icon:n.createElement("svg",{width:"19",height:"23",viewBox:"0 0 19 23",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l?null:n.createElement(n.Fragment,null,n.createElement("mask",{id:"path-1-inside-1_560_19911",fill:"currentColor"},n.createElement("path",{d:"M0 7C0 4.79086 1.79086 3 4 3H12C14.2091 3 16 4.79086 16 7V19C16 21.2091 14.2091 23 12 23H4C1.79086 23 0 21.2091 0 19V7Z"})),n.createElement("path",{d:"M0 3H16H0ZM16 19C16 21.7614 13.7614 24 11 24H4C1.23858 24 -1 21.7614 -1 19H1C1 20.6569 2.34315 22 4 22H12C14.2091 22 16 20.6569 16 19ZM4 24C1.23858 24 -1 21.7614 -1 19V8C-1 5.23858 1.23858 3 4 3C2.34315 3 1 4.79086 1 7V19C1 20.6569 2.34315 22 4 22V24ZM16 3V23V3Z",fill:"currentColor",mask:"url(#path-1-inside-1_560_19911)"})),n.createElement("rect",{x:"3.5",y:"0.5",width:"15",height:"19",rx:"2.5",stroke:"currentColor"}),n.createElement("path",{d:"M7.35333 6.35333L14.6467 13.6467",stroke:"currentColor",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.35333 13.6467L14.6467 6.35333",stroke:"currentColor"}))},o))}var yu=["className","iconClassName"];function bu(e){var t=e.className,l=void 0===t?null:t;e.iconClassName;var a=(0,r.A)(e,yu),i=(0,Hl.A)();return n.createElement(pu,Object.assign({className:Xt([(0,f.A)({},l,null!==l)]),label:i.formatMessage({id:"F/gl4b",defaultMessage:[{type:0,value:"Menu"}]}),iconPosition:"right",icon:n.createElement("svg",{width:"19",height:"23",viewBox:"0 0 19 23",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("mask",{id:"path-1-inside-1_572_15622",fill:"currentColor"},n.createElement("path",{d:"M0 7C0 4.79086 1.79086 3 4 3H12C14.2091 3 16 4.79086 16 7V19C16 21.2091 14.2091 23 12 23H4C1.79086 23 0 21.2091 0 19V7Z"})),n.createElement("path",{d:"M0 3H16H0ZM16 19C16 21.7614 13.7614 24 11 24H4C1.23858 24 -1 21.7614 -1 19H1C1 20.6569 2.34315 22 4 22H12C14.2091 22 16 20.6569 16 19ZM4 24C1.23858 24 -1 21.7614 -1 19V8C-1 5.23858 1.23858 3 4 3C2.34315 3 1 4.79086 1 7V19C1 20.6569 2.34315 22 4 22V24ZM16 3V23V3Z",fill:"currentColor",mask:"url(#path-1-inside-1_572_15622)"}),n.createElement("rect",{x:"3.5",y:"0.5",width:"15",height:"19",rx:"2.5",stroke:"currentColor"}))},a))}var Cu=["className"];function wu(e){var t=e.className,l=void 0===t?null:t,a=(0,r.A)(e,Cu),i=(0,Hl.A)();return n.createElement(pu,Object.assign({className:Xt([(0,f.A)({},l,null!==l)]),label:i.formatMessage({id:"7tw6U2",defaultMessage:[{type:0,value:"Share"}]}),iconPosition:"left",icon:n.createElement("svg",{width:"16",height:"22",viewBox:"0 0 16 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.55806 0.183058C7.80213 -0.0610194 8.19786 -0.0610194 8.44194 0.183058L12.4194 4.16053C12.6635 4.40461 12.6635 4.80034 12.4194 5.04442C12.1753 5.2885 11.7796 5.2885 11.5355 5.04442L8.625 2.13388V11.25H7.375V2.13388L4.46446 5.04442C4.22039 5.2885 3.82466 5.2885 3.58058 5.04442C3.3365 4.80034 3.3365 4.40461 3.58058 4.16053L7.55806 0.183058Z",fill:"currentColor"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 18.25V10.25C16 8.59315 14.6569 7.25 13 7.25C14.1046 7.25 15 8.59315 15 10.25V18.25C15 19.3546 14.1046 20.25 13 20.25H3C1.89543 20.25 1 19.3546 1 18.25V10.25C1 8.59315 1.89543 7.25 3 7.25C1.34315 7.25 0 8.59315 0 10.25V18.25C0 19.9069 1.34315 21.25 3 21.25H13C14.6569 21.25 16 19.9069 16 18.25Z",fill:"currentColor"}))},a))}function Eu(e){var t=e.className,l=void 0===t?null:t,a=e.progressSpring,i=void 0===a?null:a,o=e.button,r=void 0===o?null:o,u=e.toggledButton,s=void 0===u?null:u,c=e.toggledButtonClassName,d=void 0===c?null:c;return null===r?null:n.createElement("div",{className:Xt(["micromag-viewer-buttons-toggle-button-container",(0,f.A)({},l,null!==l)])},n.createElement(on.CS.div,{className:"micromag-viewer-buttons-toggle-button-normal",style:{transform:i.to(function(e){return"translateY(".concat(-100*e,"%)")})}},r),n.createElement(on.CS.div,{className:Xt(["micromag-viewer-buttons-toggle-button-toggled",(0,f.A)({},d,null!==d)]),style:{transform:i.to(function(e){return"translateY(".concat(-100*(e-1),"%)")})}},s))}function Au(e){var t=e.className,l=void 0===t?null:t,a=e.progressSpring,o=void 0===a?null:a,r=e.theme,u=void 0===r?null:r,s=e.children,c=void 0===s?null:s,d=(u||{}).background,m=((void 0===d?null:d)||{}).color,v=Oe(void 0===m?null:m,"backgroundColor");return n.createElement("div",{className:Xt(["micromag-viewer-menus-menu-container-container",(0,f.A)({},l,null!==l)]),style:{pointerEvents:"none"}},n.createElement(on.CS.div,{className:"micromag-viewer-menus-menu-container-heightContainer",style:(0,i.A)({opacity:o,transform:o.to(function(e){return"translateY(".concat(-2*(1-e),"rem)")}),pointerEvents:o.to(function(e){return e<.25?"none":"auto"}),zIndex:o.to(function(e){return Math.round(2+e)})},v)},c),n.createElement(on.CS.div,{className:"micromag-viewer-menus-menu-container-backdrop",style:{opacity:o.to(function(e){return t=e,1-Math.pow(1-t,5);var t})}}))}var ku={container:"micromag-viewer-menus-menu-dot-container",dot:"micromag-viewer-menus-menu-dot-dot",progress:"micromag-viewer-menus-menu-dot-progress",vertical:"micromag-viewer-menus-menu-dot-vertical"};function xu(e){var t=e.current,l=void 0!==t&&t,a=e.active,o=void 0!==a&&a,r=e.colors,u=void 0===r?null:r,s=e.count,c=void 0===s?1:s,d=e.subIndex,m=void 0===d?0:d,v=e.vertical,g=void 0!==v&&v,p=e.onClick,h=void 0===p?null:p,y=e.className,b=void 0===y?null:y,C=u||{},w=C.primary,E=void 0===w?"rgba(255, 255, 255, 1)":w,A=C.secondary,k=void 0===A?"rgba(255, 255, 255, 0.25)":A,x=(0,Ut.zh)(function(){return{scaleX:0,config:{tension:200,friction:30}}}),S=(0,T.A)(x,2),M=S[0],N=S[1];return(0,n.useEffect)(function(){var e=c>1&&l?(m+1)/c:o?1:0;N.start({scaleX:e,immediate:!l})},[o,l,m,c,N]),n.createElement("button",{type:"button",className:Xt([ku.container,(0,f.A)((0,f.A)((0,f.A)({},ku.active,l),ku.vertical,g),b,null!==b)]),onClick:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;null!==e&&e.stopPropagation(),null!==h&&h()},tabIndex:"-1","aria-hidden":"true"},n.createElement("div",{className:ku.dot,style:{backgroundColor:k}},n.createElement(on.CS.div,{className:ku.progress,style:(0,i.A)((0,i.A)({},M),{},{backgroundColor:E})})))}var Su=["direction","items","onClickDot","onClickScreensMenu","colors","closeable","buttons","withItemClick","withoutScreensMenu","onClose","className"];function Mu(e){var t=e.direction,l=void 0===t?"horizontal":t,a=e.items,i=void 0===a?[]:a,o=e.onClickDot,u=void 0===o?null:o,s=e.onClickScreensMenu,c=void 0===s?null:s,d=e.colors,m=void 0===d?null:d,v=e.closeable,g=void 0!==v&&v,p=e.buttons,h=void 0===p?null:p,y=e.withItemClick,b=void 0!==y&&y,C=e.withoutScreensMenu,w=void 0!==C&&C,E=e.onClose,A=void 0===E?null:E,k=e.className,x=void 0===k?null:k,S=(0,r.A)(e,Su),M=(m||{}).primary,N=void 0===M?"rgba(255, 255, 255, 1)":M,R=(0,Hl.A)(),z=i.findIndex(function(e){var t=e.current;return void 0!==t&&t}),T=(S||{}).style;return n.createElement("nav",{className:Xt(["micromag-viewer-menus-menu-dots-container",(0,f.A)((0,f.A)({},"micromag-viewer-menus-menu-dots-withButtons",g||null!==h),"micromag-viewer-menus-menu-dots-vertical","vertical"===l),x]),"aria-label":R.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:z+1,total:i.length}),style:T},i.map(function(e,t){var a=e||{},i=a.current,o=void 0!==i&&i,r=a.count,s=void 0===r?1:r,d=a.subIndex,v=void 0===d?0:d;return n.createElement(xu,{current:o,active:t<=z,colors:m,count:s,subIndex:v,className:"micromag-viewer-menus-menu-dots-dot",onClick:function(){(b||w)&&null!==u?u(e):b||null===c||c()},vertical:"vertical"===l})}),g?n.createElement("button",{type:"button",className:"micromag-viewer-menus-menu-dots-closeButton",onClick:A,title:R.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),"aria-label":R.formatMessage({id:"dj/p/q",defaultMessage:[{type:0,value:"Close"}]}),style:{color:N}},n.createElement(vn,null)):null,null!==h?n.createElement("div",{className:"micromag-viewer-menus-menu-dots-buttons"},h):null)}function Nu(e){var t=e.color,l=void 0===t?"currentColor":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 315.77 56.94",className:i},n.createElement("path",{fill:l,d:"m34.3.69v55.55h-10.42v-23.82l-4.31,23.82h-4.86l-4.31-23.82v23.82H0V.69h10.42l6.74,32.08L23.89.69h10.42Z"}),n.createElement("path",{fill:l,d:"m46.8.69v55.55h-10.42V.69h10.42Z"}),n.createElement("path",{fill:l,d:"m64.57,16.53c0-4.72-.35-6.11-2.64-6.11s-2.64,1.39-2.64,6.11v23.89c0,4.72.35,6.11,2.64,6.11s2.64-1.39,2.64-6.11v-6.74h10.42v7.43c0,11.18-4.65,15.83-13.05,15.83s-13.05-4.65-13.05-15.83V15.83c0-11.18,4.65-15.83,13.05-15.83s13.05,4.65,13.05,15.83v7.43h-10.42v-6.74Z"}),n.createElement("path",{fill:l,d:"m104.08,56.24h-10.42c-.69-.83-.76-2.85-.76-4.93v-10.69c0-4.03-1.39-4.72-5.42-4.72v20.35h-10.42V.69h10.42c11.87,0,15.83,3.96,15.83,15.14v4.93c0,6.11-1.87,10.07-5.14,12.43,3.54,1.46,5.14,4.31,5.14,9.51v8.61c0,2.08.07,4.1.76,4.93Zm-16.6-45.13v14.37c4.03,0,5.42-.69,5.42-4.72v-4.93c0-4.03-1.39-4.72-5.42-4.72Z"}),n.createElement("path",{fill:l,d:"m173.63.69v55.55h-10.42v-23.82l-4.31,23.82h-4.86l-4.31-23.82v23.82h-10.42V.69h10.42l6.74,32.08L163.22.69h10.42Z"}),n.createElement("path",{fill:l,d:"m191.68,46.8h-5.49l-.76,9.44h-10.42L181.82.69h14.23l6.81,55.55h-10.42l-.76-9.44Zm-.83-10.42l-1.87-24.65-1.94,24.65h3.82Z"}),n.createElement("path",{fill:l,d:"m219.25,23.26v-6.74c0-4.72-.42-6.11-2.64-6.11s-2.64,1.39-2.64,6.11v23.89c0,4.72.35,6.11,2.64,6.11s2.64-1.39,2.64-6.11v-2.57h-2.64v-10.42h13.05v28.82h-4.17l-1.67-3.96c-2.15,2.71-5.07,4.65-8.82,4.65-7.5,0-11.46-4.65-11.46-15.83V15.83c0-11.18,4.65-15.83,13.05-15.83s13.05,4.65,13.05,15.83v7.43h-10.42Z"}),n.createElement("rect",{fill:l,x:"105.65",y:".69",width:"31.25",height:"55.55",rx:"3",ry:"3"}),n.createElement("path",{fill:l,d:"m304.96,7.72c-2.02,0-2.55,1.05-2.55,4.29v13.04c0,3.24.52,4.29,2.55,4.29s2.55-1.05,2.55-4.29v-13.04c0-3.24-.52-4.29-2.55-4.29Z"}),n.createElement("path",{fill:l,d:"m283.9,8.07h-.7v20.93h.7c3.42,0,4.46-.52,4.46-3.94v-13.04c0-3.42-1.05-3.94-4.46-3.94Z"}),n.createElement("path",{fill:l,d:"m313.68.68h-75.86c-1.15,0-2.08.93-2.08,2.08v31.54c0,1.15.93,2.08,2.08,2.08h75.86c1.15,0,2.08-.93,2.08-2.08V2.76c0-1.15-.93-2.08-2.08-2.08Zm-67,32.15c-4.53,0-6.31-2.34-6.31-9.87h3.49c0,5.34.77,6.38,2.83,6.38,1.64,0,2.27-.84,2.27-3.77s-.98-4.19-3.56-6.21c-2.48-1.92-4.85-3.84-4.85-8.41,0-4.12,1.74-6.73,5.79-6.73s5.93,2.62,5.93,8.48h-3.49c0-4.19-.94-4.99-2.44-4.99s-2.3.8-2.3,3.24,1.22,3.77,3.28,5.34c2.96,2.27,5.13,4.22,5.13,9.28,0,4.6-1.67,7.25-5.75,7.25Zm17.82-24.76h-3.94v24.41h-3.49V8.07h-3.94v-3.49h11.37v3.49Zm13.46,16.99c0,5.62-1.99,7.78-6.03,7.78s-6.03-2.16-6.03-7.78V4.58h3.49v20.47c0,3.24.52,4.29,2.55,4.29s2.55-1.05,2.55-4.29V4.58h3.49v20.47Zm13.88,0c0,6.03-2.34,7.43-7.95,7.43h-4.19V4.58h4.19c5.62,0,7.95,1.33,7.95,7.43v13.04Zm5.33,7.43h-3.49V4.58h3.49v27.9Zm13.81-7.43c0,5.62-1.99,7.78-6.03,7.78s-6.03-2.16-6.03-7.78v-13.04c0-5.62,1.99-7.78,6.03-7.78s6.03,2.16,6.03,7.78v13.04Z"}))}function Ru(e){var t=e.className,l=void 0===t?null:t;return n.createElement("div",{className:Xt(["micromag-viewer-partials-micromag-branding-container",(0,f.A)({},l,l)])},n.createElement("a",{href:"https://micromag.media",target:"_blank",rel:"noopener noreferrer",className:"micromag-viewer-partials-micromag-branding-link"},n.createElement("span",{className:"micromag-viewer-partials-micromag-branding-text"},n.createElement(Zl.A,{id:"LiMAIC",defaultMessage:[{type:0,value:"This Micromag was"}]}),n.createElement("br",null),n.createElement(Zl.A,{id:"TDAOl2",defaultMessage:[{type:0,value:"created with"}]})),n.createElement(Nu,{className:"micromag-viewer-partials-micromag-branding-icon"})))}function zu(e){var t=e.className,l=void 0===t?null:t;return n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"11.5px",height:"17.5px",viewBox:"0 0 11.5 17.5",className:Xt([(0,f.A)({},l,null!==l)])},n.createElement("rect",{width:"10",height:"16"}),n.createElement("polygon",{points:"10.5 1.5 10.5 16.5 1.5 16.5 1.5 17.5 11.5 17.5 11.5 1.5 10.5 1.5"}))}function Tu(e){var t=e.className,l=void 0===t?null:t,a=e.item,i=void 0===a?null:a,o=e.index,r=void 0===o?0:o,u=e.onClick,s=void 0===u?null:u,c=e.screenSize,d=void 0===c?null:c,m=e.alwaysRender,v=void 0!==m&&m,g=e.focusable,p=void 0===g||g,h=(0,Hl.A)(),y=i||{},b=y.current,C=void 0!==b&&b,w=y.screen,E=y.count,A=void 0===E?1:E,k=d||{},x=k.width,S=k.height,M=hl({rootMargin:"200px",persist:!1}),N=M.ref,R=M.visible,z=void 0!==R&&R,T="".concat(h.formatMessage({id:"LkVfwW",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"index"}]},{index:r+1})).concat(C?" ".concat(h.formatMessage({id:"vmrJ8U",defaultMessage:[{type:0,value:"(current screen)"}]})):"");return n.createElement("div",{className:Xt(["micromag-viewer-menus-menu-screen-container",(0,f.A)((0,f.A)({},l,null!==l),"micromag-viewer-menus-menu-screen-isCurrent",C)]),style:{paddingBottom:"".concat(S/x*100,"%")},ref:N},n.createElement("button",{type:"button",className:"micromag-viewer-menus-menu-screen-button",onClick:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;null!==e&&e.stopPropagation(),null!==s&&s(i)},"aria-label":T,tabIndex:p?"0":"-1"}),n.createElement("div",{className:"micromag-viewer-menus-menu-screen-inner"},A>1?n.createElement("div",{className:"micromag-viewer-menus-menu-screen-subScreenBadge"},n.createElement("span",{className:"micromag-viewer-menus-menu-screen-subScreenCount"},A),n.createElement(zu,{className:"micromag-viewer-menus-menu-screen-subScreenIcon"})):null,x>0&&S>0&&(z||v)?n.createElement(Hn,{className:"micromag-viewer-menus-menu-screen-screen",screenWidth:x,screenHeight:S,screen:w,focusable:p,active:p,withSize:!0}):null))}var Lu={container:"micromag-viewer-menus-menu-preview-container",content:"micromag-viewer-menus-menu-preview-content",scroll:"micromag-viewer-menus-menu-preview-scroll",scrollee:"micromag-viewer-menus-menu-preview-scrollee",titleContainer:"micromag-viewer-menus-menu-preview-titleContainer",headerContainer:"micromag-viewer-menus-menu-preview-headerContainer",title:"micromag-viewer-menus-menu-preview-title",nav:"micromag-viewer-menus-menu-preview-nav",items:"micromag-viewer-menus-menu-preview-items",item:"micromag-viewer-menus-menu-preview-item",inner:"micromag-viewer-menus-menu-preview-inner",frame:"micromag-viewer-menus-menu-preview-frame",screen:"micromag-viewer-menus-menu-preview-screen",micromagBrandingSeparator:"micromag-viewer-menus-menu-preview-micromagBrandingSeparator",micromagBrandingContainer:"micromag-viewer-menus-menu-preview-micromagBrandingContainer"},Pu=["textAlign"];function Iu(e){var t=e.viewerTheme,l=void 0===t?null:t,a=e.header,o=void 0===a?null:a,u=e.footer,s=void 0===u?null:u,c=e.screenSize,d=void 0===c?null:c,m=e.title,v=void 0===m?null:m,g=e.menuWidth,p=void 0===g?null:g,h=e.items,y=void 0===h?[]:h,b=e.focusable,C=void 0===b||b,w=e.onClickScreen,E=void 0===w?null:w,A=e.maxThumbsWidth,k=void 0===A?140:A,x=e.paddingTop,S=void 0===x?null:x,M=e.scrollDisabled,N=void 0!==M&&M,R=e.withMicromagBranding,z=void 0!==R&&R,T=e.className,L=void 0===T?null:T,P=fl(),I=P.ref,B=P.width,O=void 0===B?0:B,V=Math.max(Math.floor(O/k),3),D=l||{},j=D.background,F=void 0===j?null:j,H=D.textStyles,Z=void 0===H?null:H,W=(F||{}).image,q=((void 0===W?null:W)||{}).url,_=void 0===q?null:q,G=null!==_?{backgroundImage:"url(".concat(_,")")}:null,Y=(Z||{}).title,U=void 0===Y?null:Y,Q=U||{};Q.textAlign;var X=(0,r.A)(Q,Pu),J=null!==U?Fe(X):null,K=null!==v,$=S+10;return n.createElement("div",{className:Xt([Lu.container,(0,f.A)({},L,null!==L)]),style:(0,i.A)((0,i.A)({},G),{},{width:p}),"aria-hidden":C?null:"true"},n.createElement("div",{className:Lu.content,ref:I},n.createElement(Za,{className:Lu.scroll,scrolleeClassName:Lu.scrollee,disabled:N},K&&null===o?n.createElement("div",{className:Lu.titleContainer,style:{paddingTop:$}},n.createElement("h1",{className:Lu.title,style:(0,i.A)({},J)},v)):n.createElement("div",{className:Lu.headerContainer,style:{paddingTop:$}},o),n.createElement("nav",{className:Lu.nav,style:K?null:{paddingTop:S}},n.createElement("ul",{className:Lu.items},y.map(function(e,t){var l=(e||{}).screenId,a={width:"".concat(100/V,"%")},i=d||{},o=i.width,r=i.height;return n.createElement("li",{key:"item-".concat(l),className:Lu.item,style:a},n.createElement("div",{className:Lu.inner},n.createElement("div",{className:Xt([Lu.frame,(0,f.A)({},Lu.isLoading,!1)]),style:{paddingBottom:"".concat(r/o*100,"%")}},n.createElement(Tu,{className:Lu.screen,item:e,index:t,screenSize:d,onClick:E,focusable:C}))))}))),s,z?n.createElement(n.Fragment,null,n.createElement("div",{className:Lu.micromagBrandingSeparator}),n.createElement(Ru,{className:Lu.micromagBrandingContainer})):null)))}function Bu(e){var t=e.screen,l=void 0===t?null:t,a=e.title,i=void 0===a?null:a,o=e.url,r=void 0===o?null:o,u=e.description,s=void 0===u?null:u,c=e.className,d=void 0===c?null:c;return n.createElement("div",{className:Xt(["micromag-viewer-partials-micromag-preview-container",(0,f.A)({},d,d)])},n.createElement("div",{className:"micromag-viewer-partials-micromag-preview-cover"},n.createElement(Hn,{screen:l,width:100,height:150,withSize:!0})),n.createElement("div",{className:"micromag-viewer-partials-micromag-preview-info"},n.createElement("h3",{className:"micromag-viewer-partials-micromag-preview-title"},i),r?n.createElement("div",{className:"micromag-viewer-partials-micromag-preview-url"},r):null,n.createElement("p",null,s)))}var Ou={container:"micromag-viewer-menus-menu-share-container",content:"micromag-viewer-menus-menu-share-content",scroll:"micromag-viewer-menus-menu-share-scroll",inner:"micromag-viewer-menus-menu-share-inner",header:"micromag-viewer-menus-menu-share-header",mode:"micromag-viewer-menus-menu-share-mode",options:"micromag-viewer-menus-menu-share-options"};function Vu(e){var t=e.viewerTheme,l=void 0===t?null:t,a=e.menuWidth,o=void 0===a?null:a,r=e.title,u=void 0===r?null:r,s=e.description,c=void 0===s?null:s,d=e.items,m=void 0===d?[]:d,v=e.shareOptions,g=void 0===v?null:v,p=e.focusable,h=void 0===p||p,y=e.paddingTop,b=void 0===y?null:y,C=e.currentScreenIndex,w=void 0===C?0:C,E=e.shareUrl,A=void 0===E?null:E,k=e.onShare,x=void 0===k?null:k,S=e.className,M=void 0===S?null:S,N=(l||{}).background,R=((void 0===N?null:N)||{}).image,z=((void 0===R?null:R)||{}).url,L=void 0===z?null:z,P=null!==L?{backgroundImage:"url(".concat(L,")")}:null,I=(0,n.useMemo)(function(){var e=(m[0]||{}).screen;return void 0===e?null:e},[m]),B=(0,n.useMemo)(function(){var e=(m.find(function(e){var t=(e||{}).current;return void 0!==t&&t})||{}).screen;return void 0===e?null:e},[m,w,h]),O=(0,n.useState)(!1),V=(0,T.A)(O,2),D=V[0],j=V[1],F=(0,n.useCallback)(function(){j(function(e){return!e})},[j]),H=(0,n.useMemo)(function(){return D&&0!==w?"".concat(A,"/").concat(w+1):A},[A,D,w]);return n.createElement("div",{className:Xt([Ou.container,(0,f.A)({},M,null!==M)]),style:(0,i.A)((0,i.A)({},P),{},{width:o}),"aria-hidden":h?null:"true"},n.createElement("div",{className:Ou.content},n.createElement(Za,{className:Ou.scroll},n.createElement("div",{className:Ou.inner,style:{paddingTop:b}},n.createElement("div",{className:Ou.header},n.createElement(Bu,{className:Ou.preview,screen:D?B:I,title:u,url:H,description:c}),0!==w?n.createElement("div",{className:Ou.mode},n.createElement("label",null,n.createElement("input",{type:"checkbox",name:"currentScreen",value:"currentScreen",onChange:F,checked:D}),n.createElement(Zl.A,{id:"xuPbeq",defaultMessage:[{type:0,value:"Start from the current screen"}]}))):null),n.createElement(Ao,{className:Ou.options,itemClassName:Ou.optionItem,buttonClassName:Ou.optionButton,title:u,options:g,url:H,focusable:h,onShare:x,theme:l,shareCurrentScreen:D})))))}var Du={container:"micromag-viewer-container",landscape:"micromag-viewer-landscape",screensFrame:"micromag-viewer-screensFrame",hideMenu:"micromag-viewer-hideMenu",menuNavContainer:"micromag-viewer-menuNavContainer",menuTopContainer:"micromag-viewer-menuTopContainer",dots:"micromag-viewer-dots",disableMenu:"micromag-viewer-disableMenu",content:"micromag-viewer-content",withoutGestures:"micromag-viewer-withoutGestures",ariaAnnouncement:"micromag-viewer-ariaAnnouncement",accessibilityLinks:"micromag-viewer-accessibilityLinks",accessibilityButton:"micromag-viewer-accessibilityButton",disabled:"micromag-viewer-disabled",tooltip:"micromag-viewer-tooltip",fadeMenu:"micromag-viewer-fadeMenu",withShadow:"micromag-viewer-withShadow",isOpened:"micromag-viewer-isOpened",menuItem:"micromag-viewer-menuItem",menuButton:"micromag-viewer-menuButton",slidingButton:"micromag-viewer-slidingButton",screensMenuButtonToggled:"micromag-viewer-screensMenuButtonToggled",menuContainer:"micromag-viewer-menuContainer",menuShare:"micromag-viewer-menuShare",menuPreview:"micromag-viewer-menuPreview",navButton:"micromag-viewer-navButton",previous:"micromag-viewer-previous",next:"micromag-viewer-next",screenContainer:"micromag-viewer-screenContainer",screen:"micromag-viewer-screen",preload:"micromag-viewer-preload",visible:"micromag-viewer-visible",current:"micromag-viewer-current",playbackControls:"micromag-viewer-playbackControls",navigationHint:"micromag-viewer-navigationHint",webView:"micromag-viewer-webView",shareIncentiveContainer:"micromag-viewer-shareIncentiveContainer",shareIncentive:"micromag-viewer-shareIncentive",shareIncentiveVisible:"micromag-viewer-shareIncentiveVisible"};function ju(e){var t,l=e.story,a=e.menuItems,i=void 0===a?["share","main"]:a,o=e.currentScreenIndex,r=void 0===o?0:o,u=e.toggleFullscreen,s=void 0===u?null:u,c=e.fullscreenActive,d=void 0!==c&&c,m=e.fullscreenEnabled,v=void 0!==m&&m,g=e.menuDotsButtons,p=void 0===g?null:g,h=e.closeable,y=void 0!==h&&h,b=e.withShadow,C=void 0!==b&&b,w=e.shareBasePath,E=void 0===w?null:w,A=e.shareOptions,k=void 0===A?null:A,x=e.trackingEnabled,S=void 0!==x&&x,M=e.theme,N=void 0===M?null:M,R=e.screenSize,z=void 0===R?null:R,L=e.menuWidth,P=void 0===L?null:L,I=e.previewHeader,B=void 0===I?null:I,O=e.previewFooter,V=void 0===O?null:O,D=e.afterShareMenuButton,j=void 0===D?null:D,F=e.beforeScreensMenuButton,H=void 0===F?null:F,Z=e.withMicromagBranding,W=void 0!==Z&&Z,q=e.withDotItemClick,_=void 0!==q&&q,G=e.withoutScreensMenu,Y=void 0!==G&&G,U=e.withoutShareMenu,Q=void 0!==U&&U,X=e.onClickScreen,J=void 0===X?null:X,K=e.onChange,$=void 0===K?null:K,ee=e.onClickCloseViewer,te=void 0===ee?null:ee,le=e.refDots,ne=void 0===le?null:le,ae=l.components,ie=void 0===ae?[]:ae,oe=l.title,re=void 0===oe?null:oe,ue=l.metadata,se=((void 0===ue?null:ue)||{}).description,ce=void 0===se?null:se,de=null!==ie&&ie[r]||{},me=de.id,ve=void 0===me?null:me,ge=de.type,pe=void 0===ge?null:ge,fe=(N||{}).menuTheme,he=void 0===fe?null:fe,ye=((t=jt()).width,t.height),be=(0,n.useState)(!1),Ce=(0,T.A)(be,2),we=Ce[0],Ee=Ce[1],Ae=(0,n.useState)(!1),ke=(0,T.A)(Ae,2),xe=ke[0],Se=ke[1],Me=(0,n.useState)(!1),Ne=(0,T.A)(Me,2),Re=Ne[0],ze=Ne[1],Te=fl(),Le=Te.ref,Pe=Te.height,Ie=void 0===Pe?0:Pe,Be=(0,n.useMemo)(function(){return ie.map(function(e){var t=ie.filter(function(t){return t.parentId===e.id}),l=t.find(function(e){return e.id===ve})||null,n=t.findIndex(function(e){return e.id===ve})+1;return{screen:e,screenId:e.id,current:ve===e.id||null!==l,visible:null===((null==e?void 0:e.parentId)||null),count:t.length+1||1,subIndex:n||0}}).filter(function(e){var t=e.visible;return void 0===t||t})},[ie,ve]),Oe=Pl(),Ve=(0,n.useCallback)(function(e,t,l){S&&Oe(e,t,l,{screenId:ve,screenIndex:r,screenType:pe})},[Oe,ve,r,pe]),De=(0,n.useMemo)(function(){var e="undefined"!=typeof window?"".concat(window.location.protocol,"//").concat(window.location.host):"",t=null!==E&&-1!==E.indexOf("http"),l=null!==E?"".concat(e).concat(E):e;return null!==E&&t?E.replace(/\/$/,""):l},[E]),je=(0,n.useCallback)(function(){Ee(!0),Se(!1),Ve("viewer_menu","open_screens_menu")},[Ee,Se,Ve]),Fe=(0,n.useCallback)(function(){Ee(!1),Se(!1),Ve("viewer_menu","close_screens_menu")},[Ee,Se,Ve]),He=(0,n.useCallback)(function(){Se(!0),Ee(!1),Ve("viewer_menu","open_share_menu")},[Se,Ee,Ve]),Ze=(0,n.useCallback)(function(){Se(!1),Ee(!1),Ve("viewer_menu","close_share_menu")},[Se,Ee,Ve]),We=(0,n.useCallback)(function(e){Ee(!1),null!==J&&J(e);var t=Be.findIndex(function(e){return e.id===ve});Ve("viewer_menu","click_screen_change","Screen ".concat(t+1))},[J,Ee,Be,ve,Ve]);(0,n.useEffect)(function(){null!==$&&$({menuOpen:we,shareOpen:xe})},[$,we,xe]);var qe=(0,n.useCallback)(function(e){Ve("viewer_menu","shared_story",e)},[Ve]),_e=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.direction,2)[1],n=(0,T.A)(e.movement,2)[1],a=(0,T.A)(e.velocity,2)[1],i=Math.max(0,n)/(.8*ye),o=(a>.3||Math.abs(i)>.3)&&-1!==l;return t?i:(o&&He(),o?1:0)},[He,ye]),Ge=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.direction,2)[1],n=(0,T.A)(e.movement,2)[1],a=(0,T.A)(e.velocity,2)[1],i=Math.max(0,n)/(.8*ye),o=(a>.3||Math.abs(i)>.3)&&-1!==l;return t?1-i:(o&&Ze(),o?0:1)},[Ze,ye]),Ye=(0,n.useMemo)(function(){return{config:{tension:300,friction:30}}},[]),Ue=ul({progress:xe?1:0,computeProgress:xe?Ge:_e,springParams:Ye,dragOptions:{axis:"y",pointer:{keys:!1}}}),Qe=Ue.bind,Xe=Ue.dragging,Je=Ue.progress,Ke=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.direction,2)[1],n=(0,T.A)(e.movement,2)[1],a=(0,T.A)(e.velocity,2)[1],i="undefined"!=typeof window?window.innerHeight:0,o=i>0?Math.max(0,n)/(.8*i):0,r=(a>.3||Math.abs(o)>.3)&&-1!==l;return t?o:(r&&je(),r?1:0)},[je]),$e=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.direction,2)[1],n=(0,T.A)(e.movement,2)[1],a=(0,T.A)(e.velocity,2)[1],i="undefined"!=typeof window?window.innerHeight:0,o=i>0?Math.max(0,n)/(.8*i):0,r=(a>.3||Math.abs(o)>.3)&&-1!==l;return t?1-o:(r&&Fe(),r?0:1)},[Fe]),et=ul({progress:we?1:0,computeProgress:we?$e:Ke,springParams:Ye,drapOptions:{axis:"y",pointer:{keys:!1}}}),tt=et.bind,lt=et.dragging,nt=et.progress;return uu((0,n.useMemo)(function(){return{m:function(){return we?Fe():je()},escape:function(){return Fe()}}},[we,je,Fe])),(0,n.useEffect)(function(){!we&&!lt||Re?we||lt||!Re||ze(!1):ze(!0)},[we,lt,Re,ze]),n.createElement(n.Fragment,null,n.createElement("div",{className:Xt([Du.menuNavContainer,(0,f.A)((0,f.A)({},Du.withShadow,C),Du.isOpened,we||xe)]),ref:ne,style:{width:P}},n.createElement("nav",{className:Du.menuTopContainer,ref:Le},i.map(function(e){return"share"===e?Q&&null===j?null:n.createElement("div",Object.assign({className:Du.menuItem},Qe()),Q?null:n.createElement(Eu,{className:Du.slidingButton,button:n.createElement(wu,{className:Du.menuButton,onClick:He,theme:he,iconPosition:"left",focusable:!xe}),toggledButton:n.createElement(ru.Ay,{group:"share",disabled:!xe,returnFocus:!0},n.createElement(hu,{className:Du.menuButton,onClick:Ze,theme:he,iconPosition:"left",focusable:xe,single:!0})),progressSpring:Je}),j):"main"===e?Y&&null===H?null:n.createElement("div",Object.assign({className:Du.menuItem},tt()),H,Y?null:n.createElement(Eu,{className:Du.slidingButton,button:n.createElement(bu,{className:Du.menuButton,iconClassName:Du.menuButtonIcon,onClick:je,theme:he,focusable:!we}),toggledButton:n.createElement(ru.Ay,{group:"screens",disabled:!we,returnFocus:!0},n.createElement(hu,{className:Du.menuButton,onClick:Fe,theme:he,iconPosition:"right",focusable:we})),progressSpring:nt,toggledButtonClassName:Du.screensMenuButtonToggled})):e||null})),n.createElement(Mu,Object.assign({},he,{direction:"horizontal",items:Be,onClickDot:We,onClickScreensMenu:je,buttons:p,closeable:y,withItemClick:_,withoutScreensMenu:Y,withoutShareMenu:Q,onClose:te,className:Du.dots}))),n.createElement(Au,{className:Du.menuContainer,progressSpring:Je,theme:N},Xe||xe?n.createElement(ru.Ay,{group:"share",disabled:!xe,returnFocus:!0},n.createElement(Vu,{viewerTheme:N,className:Du.menuShare,title:re,description:ce,menuWidth:P,paddingTop:Ie,focusable:xe,items:Be,shareOptions:k,currentScreenIndex:r,shareUrl:De,onShare:qe,onClose:Ze})):null),n.createElement(Au,{className:Du.menuContainer,progressSpring:nt,theme:N},Re?n.createElement(ru.Ay,{group:"screens",disabled:!we,returnFocus:!0},n.createElement(Iu,{viewerTheme:N,header:B,footer:V,title:re,className:Du.menuPreview,screenSize:z,menuWidth:P,paddingTop:Ie,items:Be,currentScreenIndex:r,shareUrl:De,onShare:qe,onClickScreen:We,onClose:Fe,scrollDisabled:lt,toggleFullscreen:s,fullscreenActive:d,fullscreenEnabled:v,withMicromagBranding:W})):null))}function Fu(e){var t=e.screen,l=void 0===t?null:t,a=e.renderContext,i=void 0===a?null:a,o=e.index,r=void 0===o?null:o,u=e.screenState,s=void 0===u?null:u,c=e.active,d=void 0===c||c,m=e.preload,v=void 0===m||m,g=e.current,p=void 0!==g&&g,h=e.mediaRef,y=void 0===h?null:h,b=e.width,C=void 0===b?null:b,w=e.height,E=void 0===w?null:w,A=e.scale,k=void 0===A?null:A,x=e.className,S=void 0===x?null:x,M=(0,n.useState)(d||p),N=(0,T.A)(M,2),R=N[0],z=N[1];return(0,n.useEffect)(function(){var e=null;return d!==R&&(e=setTimeout(function(){z(d)},200)),function(){null!==e&&clearTimeout(e)}},[d,R,z,r]),R||p?n.createElement("div",{className:Xt(["micromag-viewer-screen-container",(0,f.A)({},S,null!==S)])},n.createElement("div",{className:"micromag-viewer-screen-inner",style:{width:C,height:E,transform:null!==k?"scale(".concat(k,")"):null,transformOrigin:null!==k?"0 0":null,opacity:R?1:null}},R||p?n.createElement(jn,{screen:l,renderContext:i,screenState:s,index:r,active:d,preload:v,current:p,mediaRef:y}):null)):null}var Hu={container:"micromag-viewer-buttons-navigation-button-container",arrow:"micromag-viewer-buttons-navigation-button-arrow",next:"micromag-viewer-buttons-navigation-button-next",previous:"micromag-viewer-buttons-navigation-button-previous"},Zu=["direction","onClick","className"];function Wu(e){var t=e.direction,l=void 0===t?"next":t,a=e.onClick,i=void 0===a?null:a,o=e.className,u=void 0===o?null:o,s=(0,r.A)(e,Zu);return n.createElement(pu,Object.assign({className:Xt([Hu.container,Hu[l],(0,f.A)({},u,null!==u)]),onClick:function(e){e.stopPropagation(),i()},iconPosition:"next"===l?"right":"left",icon:n.createElement("svg",{className:Hu.arrow,xmlns:"http://www.w3.org/2000/svg",width:"10",height:"16",viewBox:"0 0 10 16",fill:"currentColor"},n.createElement("polygon",{points:"9.62 4.62 5 0 0.38 4.62 1.44 5.68 4.25 2.87 4.25 14.39 5.75 14.39 5.75 2.87 8.56 5.68 9.62 4.62"}))},s))}function qu(e){var t=e.withoutShadow,l=void 0!==t&&t,a=e.className,i=void 0===a?null:a;return n.createElement("div",{className:Xt(["micromag-viewer-partials-arrow-hint-container",(0,f.A)((0,f.A)({},"micromag-viewer-partials-arrow-hint-withoutShadow",l),i,null!==i)])},n.createElement("div",{className:"micromag-viewer-partials-arrow-hint-inner"},n.createElement(mn,{className:"micromag-viewer-partials-arrow-hint-arrow"})))}function _u(e){var t=e.color,l=void 0===t?"currentColor":t,a=e.className,i=void 0===a?null:a;return n.createElement("svg",{className:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 367.24 482.87"},n.createElement("path",{d:"M488.84,255.91a44.68,44.68,0,0,0-19.15,4.3A44.77,44.77,0,0,0,406,226.49a44.75,44.75,0,0,0-62.67-32.66V105.4a44.81,44.81,0,1,0-89.61,0V265.17l-1.15-2.7a44.78,44.78,0,1,0-82.84,34.06l64.87,157.76.34.73a156.29,156.29,0,0,0,141.42,88.44c86.7,0,157.24-70.53,157.24-157.26V300.7a44.82,44.82,0,0,0-44.78-44.79ZM507.46,386.2c0,72.3-58.78,131.1-131.07,131.1a130.29,130.29,0,0,1-117.73-73.36L193.93,286.61a18.64,18.64,0,1,1,34.53-14.07L279.91,394V105.4a18.64,18.64,0,1,1,37.28,0v196a13.08,13.08,0,0,0,26.16,0V234.56a18.64,18.64,0,0,1,37.27,0v89.95a13.07,13.07,0,1,0,26.13,0V266.86a18.64,18.64,0,1,1,37.28,0v80.71h0s0,.08,0,.11a13.08,13.08,0,0,0,26.15,0v-47a18.63,18.63,0,1,1,37.26,0v85.5Z",transform:"translate(-166.38 -60.59)",fill:l,fillRule:"evenodd"}))}function Gu(e){var t=e.withoutShadow,l=void 0!==t&&t,a=e.className,i=void 0===a?null:a;return n.createElement("div",{className:Xt(["micromag-viewer-partials-hand-tap-container",(0,f.A)((0,f.A)({},"micromag-viewer-partials-hand-tap-withoutShadow",l),i,null!==i)])},n.createElement("div",{className:"micromag-viewer-partials-hand-tap-inner"},n.createElement("div",{className:"micromag-viewer-partials-hand-tap-circle"}),n.createElement(_u,{className:"micromag-viewer-partials-hand-tap-hand"})))}var Yu={inner:"micromag-viewer-partials-seek-bar-inner",progressBarContainer:"micromag-viewer-partials-seek-bar-progressBarContainer",progressBar:"micromag-viewer-partials-seek-bar-progressBar",progress:"micromag-viewer-partials-seek-bar-progress",track:"micromag-viewer-partials-seek-bar-track",playHead:"micromag-viewer-partials-seek-bar-playHead",withSeekHead:"micromag-viewer-partials-seek-bar-withSeekHead",scrubbedTime:"micromag-viewer-partials-seek-bar-scrubbedTime",showTimestamp:"micromag-viewer-partials-seek-bar-showTimestamp"},Uu={onTouchMove:function(e){return e.stopPropagation()},onTouchStart:function(e){return e.stopPropagation()},onTouchEnd:function(e){return e.stopPropagation()},onPointerMove:function(e){return e.stopPropagation()},onPointerUp:function(e){return e.stopPropagation()},onPointerDown:function(e){return e.stopPropagation()}};function Qu(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(null===e||e<=0)return"00:00";var t="".concat(e).split(".")||[],l=(0,T.A)(t,1)[0],n=void 0===l?0:l,a=Math.round(n),i=a%60,o=a-i,r=o>0?o/60:0;return"".concat(String(Math.round(r)).padStart(2,"0"),":").concat(String(Math.round(i)).padStart(2,"0"))}function Xu(e){var t=e.media,l=void 0===t?null:t,a=e.playing,o=void 0!==a&&a,u=e.backgroundColor,s=void 0===u?null:u,c=e.progressColor,d=void 0===c?null:c,m=e.onClick,v=void 0===m?null:m,g=e.onSeek,p=void 0===g?null:g,h=e.onSeekStart,y=void 0===h?null:h,b=e.onSeekEnd,C=void 0===b?null:b,w=e.collapsed,E=void 0!==w&&w,A=e.focusable,k=void 0===A||A,x=e.className,S=void 0===x?null:x,M=e.withSeekHead,N=void 0===M||M,R=(0,Hl.A)(),z=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.disabled,a=void 0!==l&&l,o=(0,r.A)(t,El),u=(0,n.useState)(!a),s=(0,T.A)(u,2),c=s[0],d=s[1],m=wl(e,(0,i.A)({disabled:a||!c},o)),v=(0,n.useState)(0),g=(0,T.A)(v,2),p=g[0],f=g[1],h=(0,n.useRef)(p),y=(0,n.useRef)(Date.now()/1e3),b=(0,n.useCallback)(function(e){y.current=Date.now()/1e3,h.current=e,f(e)},[f]);return(0,n.useEffect)(function(){if(null!==e){var t=(e.currentTime||0)>0&&e.duration>0?e.currentTime/e.duration:0;b(t),d(!e.paused&&4===e.readyState)}else b(0),d(!1)},[e,a,d]),(0,n.useEffect)(function(){if(null===e)return function(){};function t(t){d(!0);var l=e.currentTime/e.duration;b(l)}function l(t){d(!t.currentTarget.paused&&!t.currentTarget.ended);var l=e.currentTime/e.duration;b(l)}function n(){d(!1);var t=e.currentTime/e.duration;b(t)}return e.addEventListener("play",t),e.addEventListener("playing",t),e.addEventListener("seeked",l),e.addEventListener("pause",n),e.addEventListener("ended",n),e.addEventListener("waiting",n),e.addEventListener("stalled",n),e.addEventListener("seeking",n),e.addEventListener("suspend",l),function(){e.removeEventListener("play",t),e.removeEventListener("seeked",t),e.removeEventListener("playing",t),e.removeEventListener("pause",n),e.removeEventListener("ended",n),e.removeEventListener("waiting",n),e.removeEventListener("stalled",n),e.removeEventListener("seeking",n),e.removeEventListener("suspend",l)}},[e,b,d,c]),(0,n.useEffect)(function(){if(null===e||!c||a)return function(){};var t,l=!1;return function n(){if(!l){var a=(Date.now()/1e3-y.current)/m,i=h.current<.1?e.currentTime/e.duration:h.current+a;b(i),t=tl()(n)}}(),function(){l=!0,tl().cancel(t)}},[e,c,a,m,b]),h.current}(l,{disabled:!o}),L=(0,n.useState)(!1),P=(0,T.A)(L,2),I=P[0],B=P[1],O=Cl(l,{disabled:!o&&!I}),V=wl(l,{disabled:!o&&!I}),D=(0,n.useRef)(z),j=(0,n.useCallback)(function(e){var t=(0,T.A)(e.xy,1)[0];(0,T.A)(e.movement,1)[0];var l=e.elapsedTime,n=e.active,a=e.tap,i=e.currentTarget;if(n||!(l>300))if(E)v();else{var o,r=i.getBoundingClientRect(),u=r.width,s=void 0===u?0:u,c=r.x,d=void 0===c?null:c;o=Math.max(0,Math.min(1,(t-d)/s)),null!==p&&p(o,a)}},[p,v,E]),F=(0,n.useCallback)(function(){D.current=z,B(!0),null!==y&&y()},[z,y,B]),H=(0,n.useCallback)(function(){null!==C&&(B(!1),C())},[C,B]),Z=(0,Qt.useGesture)({onDrag:j,onDragStart:F,onDragEnd:H},{drag:{axis:"x",filterTaps:!0}});return n.createElement("div",Object.assign({className:Xt([Yu.container,(0,f.A)((0,f.A)((0,f.A)({},S,null!==S),Yu.withSeekHead,N),Yu.showTimestamp,I)])},Uu),n.createElement("div",{className:Yu.inner},n.createElement("div",{className:Yu.progressBarContainer},n.createElement("div",{className:Yu.progressBar,style:{backgroundColor:s}}),n.createElement("div",{className:Yu.playHead,style:{left:"".concat(100*z,"%"),backgroundColor:d}},n.createElement("div",{className:Yu.scrubbedTime,style:{borderColor:d}},Qu(O,V<5))),n.createElement("div",{className:Yu.progress,style:{transform:"scaleX(".concat(z,")"),backgroundColor:d}})),n.createElement("button",Object.assign({},Z(),{type:"button",role:"slider","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":z,"aria-valuetext":R.formatMessage({id:"C1VUEY",defaultMessage:[{type:1,value:"current"},{type:0,value:" of "},{type:1,value:"duration"}]},{current:Qu(O,V<5),duration:Qu(V,V<5)}),"data-draggable":!0,className:Yu.track,title:R.formatMessage({id:"G1Gyjn",defaultMessage:[{type:0,value:"Seek"}]}),"aria-label":R.formatMessage({id:"2prwZ7",defaultMessage:[{type:0,value:"Progress slider"}]}),tabIndex:k?"0":"-1"}))))}var Ju="micromag-viewer-partials-playback-controls-icon",Ku="micromag-viewer-partials-playback-controls-offset",$u={color:"#FFFFFF",alpha:1},es={color:"#666",alpha:1};function ts(e){var t=e.defaultColor,l=void 0===t?$u:t,a=e.defaultProgressColor,i=void 0===a?es:a,o=e.withLoading,r=void 0===o||o,u=e.withoutShadow,s=void 0!==u&&u,c=e.className,d=void 0===c?null:c,m=e.collapsedClassName,v=void 0===m?null:m,g=(0,Hl.A)(),h=kt(),y=h.media,b=void 0===y?null:y,C=h.hasAudio,w=void 0===C?null:C,E=h.playing,A=void 0!==E&&E,k=h.muted,x=void 0===k||k,S=h.setPlaying,M=h.setMuted,N=h.controls,R=h.controlsSuggestPlay,z=h.controlsVisible,L=h.controlsTheme,P=h.showControls,I=(0,n.useState)(!1),B=(0,T.A)(I,2),O=B[0],V=B[1],D=null!==b?b.src:null,j=Al(b,{id:D}),F=null===b||j,H=O&&!F,Z=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.playing,a=void 0!==l&&l,i=t.muted,o=void 0!==i&&i,r=(0,n.useMemo)(function(){var t=null!==e&&p()(e.src)&&e.src.split("/")[e.src.split("/").length-1].split("#")[0]||null;return nl()(null!==t?"micromag:media:".concat(t):"micromag:media")},[e]),u=(0,n.useState)(a),s=(0,T.A)(u,2),c=s[0],d=s[1],m=(0,n.useState)(!1),v=(0,T.A)(m,2),g=v[0],f=v[1],h=(0,n.useState)(null!==e&&(e.muted||0===e.volume)||o),y=(0,T.A)(h,2),b=y[0],C=y[1];return(0,n.useEffect)(function(){r("State change %o",{playing:c,buffering:g,muted:b})},[c,g,b,r]),(0,n.useEffect)(function(){null===e&&(d(a),f(!1),C(o),r("Unset media: %o",{wantedPlaying:a,wantedMuted:o}))},[e,r,a,o]),(0,n.useEffect)(function(){if(null===e)return function(){};function t(t){e.networkState===e.NETWORK_LOADING&&(r("onBufferingEvent: NETWORK_LOADING"),f(!0)),e.readyState<e.HAVE_FUTURE_DATA&&(r("onBufferingEvent: HAVE_FUTURE_DATA"),f(!0))}function l(){r("onPlay"),d(!0),f(!1)}function n(){r("onPlaying"),d(!0),f(!1)}function a(e){r("onTimeUpdate"),d(!e.currentTarget.paused&&!e.currentTarget.ended),f(!1)}function i(){r("onPause"),d(!1),f(!1)}function o(){r("onEnded"),d(!1),f(!1)}function u(e){r("onSuspend"),d(!e.currentTarget.paused&&!e.currentTarget.ended),f(!1)}function s(){C(e.muted||0===e.volume)}return(e.paused||e.ended)&&d(!1),b!==e.muted&&C(e.muted),e.addEventListener("waiting",t),e.addEventListener("stalled",t),e.addEventListener("timeupdate",a),e.addEventListener("play",l),e.addEventListener("playing",n),e.addEventListener("pause",i),e.addEventListener("suspend",u),e.addEventListener("ended",o),e.addEventListener("volumechange",s),function(){e.removeEventListener("waiting",t),e.removeEventListener("stalled",t),e.removeEventListener("timeupdate",a),e.removeEventListener("play",l),e.removeEventListener("playing",n),e.removeEventListener("pause",i),e.removeEventListener("suspend",u),e.removeEventListener("ended",o),e.removeEventListener("volumechange",s)}},[e,r]),{playing:c,muted:b,buffering:g}}(b,{playing:A,muted:x}),W=Z.buffering,q=Z.playing,_=Z.muted;(0,n.useEffect)(function(){var e=null;return V(!1),F&&!W||!r||(e=setTimeout(function(){V(!0)},1e3)),function(){V(!1),clearTimeout(e)}},[F,W,r,V]);var G=(0,n.useState)({color:Ae(l),progressColor:Ae(l),seekBarOnly:!1}),Y=(0,T.A)(G,2),U=Y[0],Q=Y[1],X=(0,n.useState)(!1),J=(0,T.A)(X,2),K=J[0],$=J[1];(0,n.useEffect)(function(){var e=L||{},t=e.color,n=e.progressColor,a=e.seekBarOnly;Q({color:Ae(t||l),progressColor:Ae(n||i),seekBarOnly:a})},[L,Q,l,i]);var ee=(0,n.useCallback)(function(){S(!0),!z&&N&&P()},[S,z,P]),te=(0,n.useCallback)(function(){S(!1),!z&&N&&P()},[S,z,N,P]),le=(0,n.useCallback)(function(){M(!0),!z&&N&&P()},[M,z,P]),ne=(0,n.useCallback)(function(){M(!1),!z&&N&&P()},[M,z,P]),ae=(0,n.useCallback)(function(){$(q),q&&S(!1)},[q,$,S]),ie=(0,n.useCallback)(function(e){null!==b&&(b.currentTime=e*b.duration),!z&&N&&P()},[b,z,N,P]),oe=(0,n.useCallback)(function(){K&&S(!0)},[S,K]),re=(0,n.useCallback)(function(){!z&&N&&P()},[z,N,P]),ue=null!==b,se=ue&&(null===w||!0===w),ce=U||{},de=ce.color,me=ce.progressColor,ve=ce.seekBarOnly,ge=N&&!z&&q||!N&&se,pe=q?n.createElement(fn,{className:Ju}):n.createElement(hn,{className:Ju});return n.createElement("div",{className:Xt(["micromag-viewer-partials-playback-controls-container",(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},d,null!==d),"micromag-viewer-partials-playback-controls-withPlayPause",N&&!ve),"micromag-viewer-partials-playback-controls-withSuggestPlay",R),"micromag-viewer-partials-playback-controls-withMute",ue||N),"micromag-viewer-partials-playback-controls-withSeekBar",N),"micromag-viewer-partials-playback-controls-withSeekBarOnly",ve),"micromag-viewer-partials-playback-controls-isCollapsed",ge),"micromag-viewer-partials-playback-controls-withoutShadow",s),"micromag-viewer-partials-playback-controls-isMuted",_),v,null!==v&&ge)])},R&&!H?n.createElement(cn,{className:Xt(["micromag-viewer-partials-playback-controls-suggest"]),style:{color:de},onClick:q?te:ee,focusable:z,icon:n.createElement(hn,{className:Xt([Ju,Ku])}),"aria-pressed":!q,"aria-label":g.formatMessage({id:"mTqcmA",defaultMessage:[{type:0,value:"Pause"}]}),withoutBootstrapStyles:!0}):null,n.createElement(cn,{className:Xt(["micromag-viewer-partials-playback-controls-playPauseButton",(0,f.A)((0,f.A)({},"micromag-viewer-partials-playback-controls-hidden",R&&!N),"micromag-viewer-partials-playback-controls-loading",H)]),style:{color:de},onClick:q?te:ee,focusable:N&&z&&(!ve||!q),disabled:H,icon:H?n.createElement(dn,{className:Xt(["micromag-viewer-partials-playback-controls-spinner",Ku])}):pe,"aria-pressed":!q,"aria-label":H?g.formatMessage({id:"YyYrXp",defaultMessage:[{type:0,value:"Loading"}]}):g.formatMessage({id:"mTqcmA",defaultMessage:[{type:0,value:"Pause"}]}),withoutBootstrapStyles:!0}),n.createElement(Xu,{className:"micromag-viewer-partials-playback-controls-seekBar",media:b,playing:q,onClick:re,onSeek:ie,onSeekStart:ae,onSeekEnd:oe,focusable:N&&z&&!ve,collapsed:ge,withSeekHead:!ge&&!ve,backgroundColor:de,progressColor:me}),n.createElement(cn,{className:"micromag-viewer-partials-playback-controls-muteButton",style:{color:de},onClick:_?ne:le,focusable:z||se,icon:_?n.createElement(yn,{className:Ju}):n.createElement(pn,{className:Ju}),"aria-pressed":!_,"aria-label":g.formatMessage({id:"RK/QEY",defaultMessage:[{type:0,value:"Unmute"}]}),withoutBootstrapStyles:!0}))}var ls=["opened","close","open","update","url","source"];function ns(e){var t=e.onChange,l=void 0===t?null:t,a=e.trackingEnabled,o=void 0!==a&&a,u=e.className,s=void 0===u?null:u,c=e.style,d=void 0===c?null:c,m=Wt(),v=m.opened,g=m.close;m.open,m.update;var p=m.url,h=void 0===p?null:p,y=m.source,b=void 0===y?null:y,C=(0,r.A)(m,ls),w=Zt(),E=w.disableInteraction,A=w.enableInteraction,k=kt(),x=k.playing,S=k.setPlaying,M=k.hideControls,N=k.showControls,R=Pl(),z=(0,n.useRef)(x),L=(0,n.useState)(h),P=(0,T.A)(L,2),I=P[0],B=P[1],O=st().title,V=(0,n.useRef)(null);(0,n.useEffect)(function(){null!==h&&B(h)},[h,B]);var D=(0,n.useCallback)(function(){null===h&&B(null),null!==l&&l(v)},[h,B,l]);(0,n.useEffect)(function(){v?(E(),M(),z.current=x,x&&S(!1)):(A(),N(),z.current&&!x&&(z.current=!1,S(!0)))},[v,R]),(0,n.useEffect)(function(){o&&null!==I&&R("viewer_webview",v?"open":"close",I,{source:b})},[o,I,v]),uu((0,n.useMemo)(function(){return{escape:function(){g()}}},[g]));var j=h||I,F=(0,n.useMemo)(function(){var e=Xo.A.parse(null!==j&&-1!==j.indexOf("?")?j.split("?")[1]:"");return null!==j?"".concat(j.split("?")[0],"?").concat(Xo.A.stringify((0,i.A)({utm_source:"Micromag",utm_medium:b||"webview",utm_campaign:O},e))):h},[j,b]);return n.createElement("div",{className:Xt(["micromag-viewer-partials-web-view-container",(0,f.A)((0,f.A)({},"micromag-viewer-partials-web-view-opened",v),s,null!==s)]),style:d,onTransitionEnd:D,ref:V},n.createElement(ou,Object.assign({url:F,source:b},C,{closeable:v,focusable:v,className:"micromag-viewer-partials-web-view-webView",onClose:g})))}var as={tension:300,friction:35};function is(e){var t=e.story,a=void 0===t?null:t,u=e.basePath,s=void 0===u?null:u,c=e.theme,d=void 0===c?null:c,m=e.width,v=void 0===m?null:m,g=e.height,p=void 0===g?null:g,h=e.screen,y=void 0===h?null:h,b=e.screenState,C=void 0===b?null:b,w=e.deviceScreens,A=void 0===w?Se():w,k=e.renderContext,S=void 0===k?"view":k,M=e.tapNextScreenWidthPercent,N=void 0===M?.8:M,R=e.tapMaximumDuration,z=void 0===R?1500:R,L=e.longPressPauseDelay,P=void 0===L?300:L,I=e.storyIsParsed,B=void 0!==I&&I,O=e.neighborScreensActive,V=void 0===O?1:O,D=e.neighborScreenOffset,j=void 0===D?105:D,F=e.neighborScreenScale,H=void 0===F?.8:F,Z=e.neighborPreloadDelay,W=void 0===Z?2e3:Z,q=e.neighborPreloadBackward,_=void 0===q||q,G=e.neighborPreloadScreens,Y=void 0===G?null:G,U=e.topSafezoneHeight,Q=void 0===U?null:U,X=e.bottomSafezoneHeight,J=void 0===X?null:X,K=e.menuIsScreenWidth,$=void 0!==K&&K,ee=e.menuHeader,te=void 0===ee?null:ee,le=e.menuFooter,ne=void 0===le?null:le,ie=e.menuItems,oe=void 0===ie?["share","main"]:ie,re=e.shareBasePath,ue=void 0===re?null:re,se=e.shareOptions,ce=void 0===se?null:se,de=e.afterShareMenuButton,me=void 0===de?null:de,ve=e.beforeScreensMenuButton,ge=void 0===ve?null:ve,pe=e.backToFirstScreenTimeout,fe=void 0===pe?null:pe,he=e.menuDotsButtons,ye=void 0===he?null:he,be=e.closeable,Ce=void 0!==be&&be,we=e.readyWithoutSize,Ee=void 0!==we&&we,ke=e.withMetadata,xe=void 0!==ke&&ke,Me=e.withMicromagBranding,Ne=void 0!==Me&&Me,Re=e.withoutGestures,ze=void 0!==Re&&Re,Te=e.withoutMenu,Le=void 0!==Te&&Te,Pe=e.withoutScreensMenu,Ie=void 0!==Pe&&Pe,Be=e.withoutShareMenu,Oe=void 0!==Be&&Be,Ve=e.withoutMenuShadow,De=void 0!==Ve&&Ve;e.withoutFullscreen;var je=e.withoutNavigationArrow,Fe=void 0!==je&&je,He=e.withoutTransitions,Ze=void 0!==He&&He,We=e.withNeighborScreens,qe=void 0!==We&&We,_e=e.withFullscreenWebView,Ge=void 0!==_e&&_e,Ye=e.withNavigationHint,Ue=void 0===Ye?"hand":Ye,Qe=e.withoutPlaybackControls,Xe=void 0!==Qe&&Qe,Je=e.withoutAutoUnmute,Ke=void 0!==Je&&Je,$e=e.onClose,et=void 0===$e?null:$e,tt=e.onInteraction,lt=void 0===tt?null:tt,nt=e.onEnd,it=void 0===nt?null:nt,rt=e.onScreenChange,ut=void 0===rt?null:rt,st=e.onViewModeChange,dt=void 0===st?null:st,mt=e.onMenuChange,vt=void 0===mt?null:mt,gt=e.currentScreenMedia,pt=void 0===gt?null:gt,ft=e.screensMedias,ht=void 0===ft?null:ft,yt=e.screenSizeOptions,bt=void 0===yt?null:yt,Ct=e.className,wt=void 0===Ct?null:Ct,Et=(0,Hl.A)(),At=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=t.disabled,a=void 0!==l&&l,i=t.withTheme,o=void 0===i||i,r=t.withMedias,u=void 0===r||r,s=t.withFonts,c=void 0===s||s,d=t.withMigrations,m=void 0===d||d,v=ot(),g=(0,n.useContext)(at),p=(0,n.useMemo)(function(){return new ae({screensManager:v,fieldsManager:g,fieldsPattern:v.getFieldsPattern()})},[v,g]);return(0,n.useMemo)(function(){return a?e:p.parse(e,{withMedias:u,withTheme:o,withFonts:c,withMigrations:m})},[p,a,u,o,c,e])}(a,{disabled:B})||{},xt=At.components,St=void 0===xt?[]:xt,Mt=At.title,Nt=void 0===Mt?null:Mt,Rt=At.metadata,zt=void 0===Rt?null:Rt,Tt=At.fonts,Lt=void 0===Tt?null:Tt,Pt=St.length,Ot=(0,n.useMemo)(function(){return new x},[At]),Vt=(0,n.useMemo)(function(){return Math.max(0,St.findIndex(function(e){return"".concat(e.id)==="".concat(y)}))},[y,St]),Dt=St[Vt]||null,jt=Dt||{},Ft=jt.id,Ht=void 0===Ft?Vt:Ft,Zt=(jt.parameters||{}).metadata||{},Wt=Zt.title,_t=void 0===Wt?null:Wt,Gt=Zt.description,Yt=void 0===Gt?null:Gt,Ut=null!==_t?_t:Nt,Qt=(0,n.useMemo)(function(){return null!==Yt?(0,i.A)((0,i.A)({},zt),{},{description:Yt}):zt},[zt,Yt]),Jt=(0,n.useRef)([]);null!==pt&&(pt.current=Jt.current[Vt]||null),null!==ht&&(ht.current=Jt.current);var Kt=d||{},el=Kt.textStyles,tl=Kt.colors||{},ll=tl.primary,nl=void 0===ll?null:ll,al=tl.focus,il=Ae((void 0===al?null:al)||nl),rl=(el||{}).title,sl=((void 0===rl?null:rl)||{}).fontFamily,cl=void 0===sl?null:sl,dl=(0,n.useMemo)(function(){return[].concat((0,o.A)(Lt||[]),[cl]).filter(function(e){return null!==e})},[Lt]);(function(e){var t=(0,n.useState)(!1),a=(0,T.A)(t,2),r=a[0],u=a[1];return(0,n.useEffect)(function(){var t=e.reduce(function(e,t){var l=E()(t)?t:{type:"system",name:t},n=l.type,a=l.name,r=l.variants,u=void 0===r?[]:r;return"google"!==n&&"custom"!==n||function(e){return-1!==yl.loading.indexOf(e)}(a)||function(e){return-1!==yl.active.indexOf(e)}(a)?e:(0,i.A)((0,i.A)({},e),{},(0,f.A)({},n,{families:[].concat((0,o.A)(null!==e&&(e[n]||{}).families||[]),["google"===n?[a,(u||[]).filter(function(e){return null!==e}).join(",")].filter(function(e){return null!==e&&e.length>0}).join(":"):[a,(null!==u?[{fvd:"n4"}].concat((0,o.A)(u)):[]).map(function(e){var t=e.fvd,l=void 0===t?null:t,n=e.weight,a=void 0===n?null:n,i=e.style;return l||[void 0===i?null:i,a].filter(function(e){return null!==e}).map(function(e){return"".concat(e).substr(0,1)}).join("")}).filter(function(e){return null!==e&&e.length>0}).join(",")].filter(function(e){return null!==e&&e.length>0}).join(":")])}))},null);null!==t&&"undefined"!=typeof window?l.e(490).then(l.t.bind(l,6490,23)).then(function(e){return e.default.load((0,i.A)((0,i.A)({},t),{},{timeout:3e3,active:function(){return u(!0)},fontloading:function(e){return function(e){yl.active=yl.active.filter(function(t){return t!==e}),yl.loading=[].concat((0,o.A)(yl.loading),[e])}(e)},fontactive:function(e){return function(e){yl.loading=yl.loading.filter(function(t){return t!==e}),yl.active=[].concat((0,o.A)(yl.active),[e])}(e)},fontinactive:function(e){return function(e){yl.loading=yl.loading.filter(function(t){return t!==e})}(e)}}))}):u(!0)},[e,u]),{loaded:r}})(dl).loaded;var ml,vl="view"===S,gl="edit"===S,pl="static"===S||"capture"===S,hl=kt(),bl=hl.playing,Cl=hl.setPlaying,wl=hl.controls,El=void 0!==wl&&wl,Al=hl.controlsVisible,kl=void 0!==Al&&Al,xl=hl.media,Rl=void 0===xl?null:xl,Tl=hl.completed,Ll=void 0!==Tl&&Tl,Pl=hl.isBackground,Il=void 0!==Pl&&Pl,Bl=hl.setMuted,Ol=void 0===Bl?null:Bl,Vl=(0,n.useMemo)(function(){return El&&kl},[El,kl]),Dl=fl(),jl=Dl.ref,Fl=Dl.height,Wl=void 0===Fl?0:Fl,_l=(ml=Bt(),zl(ml)?(0,n.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;null!==e&&null!==t&&ml.trackScreenView(e,t)},[]):function(){}),Gl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width,l=void 0===t?null:t,n=e.height,a=void 0===n?null:n,o=(0,r.A)(e,Sl),u=fl(),s=u.ref,c=u.width,d=void 0===c?0:c,m=u.height,v=void 0===m?0:m,g=Ml(),p=null!==l?l:d,f=null!==a?a:v,h=o||{},y=h.screenWidth,b=void 0===y?320:y,C=h.screenHeight,w=void 0===C?480:C,E=h.withoutMaxSize,A=void 0!==E&&E,k=h.landscapeMinHeight,x=void 0===k?600:k,S=h.menuAlwaysOverScreen,M=void 0===S||S,N=h.landscapeMinRatio,R=void 0===N?2/3:N,z=h.withoutScale,T=void 0!==z&&z,L=b/w,P=f>0&&p/f>(R||L),I=p,B=f,O=!P;P&&!A&&(f<x||M?O=!0:B=f-100,I=Math.round(B*L)),I%2==1&&(I-=1),B%2==1&&(B-=1);var V=I>0?I/b:null;return{ref:s,fullWidth:p,fullHeight:f,screenSize:Nl((0,i.A)({width:T||null===V?I:b,height:T||null===V?B:B/V,landscape:P,menuOverScreen:O,scale:T?null:V},o)),scale:T?null:V,resolution:T?g:V*g}}((0,i.A)({width:v,height:p,screens:A},bt)),Yl=Gl.ref,Ul=Gl.fullWidth,Ql=Gl.fullHeight,Xl=Gl.screenSize,Jl=Gl.scale,Kl=Xl||{},$l=Kl.width,en=void 0===$l?null:$l,tn=Kl.height,ln=void 0===tn?null:tn,nn=Kl.landscape,an=void 0!==nn&&nn,rn=Kl.menuOverScreen,un=void 0!==rn&&rn,sn=null!==Jl?en*Jl:en,cn=null!==Jl?ln*Jl:ln,dn=en>0&&ln>0||Ee,mn=vl;(0,n.useEffect)(function(){mn&&null!==Dt&&_l(Dt,Vt)},[Ht,_l,mn]),(0,n.useEffect)(function(){dn&&null!==dt&&dt({landscape:an,menuOverScreen:un})},[dn,an,un,dt]),(0,n.useEffect)(function(){null!==Yl.current&&null!==il&&Yl.current.style.setProperty("--micromag-focus-color",il)},[il]);var vn=(0,n.useState)(!1),gn=(0,T.A)(vn,2),pn=gn[0],fn=gn[1],hn=an&&qe?"carousel":"stack",yn=(0,n.useCallback)(function(e){e!==Vt&&(fn(!1),null!==pt&&(pt.current=Jt.current[e]||null),null!==ut&&ut(St[e],e))},[Vt,St,ut]),bn=(0,n.useCallback)(function(e){var t=e.index,l=e.newIndex,n=e.end,a=e.direction;n&&null!==it&&it(),yn(l),Ot.emit("navigate",{index:t,newIndex:l,direction:a,end:n}),n?Ot.emit("navigate_end"):Ot.emit("navigate_".concat(a),l)},[it,yn]),Cn=(0,n.useCallback)(function(){yn(Math.max(0,Vt-1))},[yn,Vt]),wn=(0,n.useCallback)(function(){yn(Math.min(St.length-1,Vt+1))},[yn,Vt]),En=(0,n.useState)(!1),An=(0,T.A)(En,2),kn=An[0],Mn=An[1],Nn=(0,n.useState)(!1),Rn=(0,T.A)(Nn,2),zn=Rn[0],Tn=Rn[1],Ln=(0,n.useCallback)(function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,t=void 0===e?null:e;null!==lt&<(),kn||Mn(!0),Ke||zn||null===Ol||null!==t&&su(t)||(Ol(!1),Tn(!0))},[lt,kn,Mn,Ke,Ol,zn]),Pn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.screens,l=e.screenIndex,a=e.screenWidth,o=e.disableCurrentScreenNavigation,r=void 0!==o&&o,u=e.clickOnSiblings,s=void 0!==u&&u,c=e.nextScreenWidthPercent,d=void 0===c?.5:c,m=e.onInteract,v=void 0===m?null:m,g=e.onNavigate,p=void 0===g?null:g,h=(0,n.useState)(t.reduce(function(e,t){var l=t.id;return(0,i.A)((0,i.A)({},e),{},(0,f.A)({},l,!0))},{})),y=(0,T.A)(h,2),b=y[0],C=y[1],w=(t[l]||{}).id,E=void 0===w?l:w,A=b[E],k=void 0===A||A,x=(0,n.useCallback)(function(e){var l=b[E];(void 0===l||l)!==e&&C(t.reduce(function(t,l){var n=l.id;return E===n?(0,i.A)((0,i.A)({},t),{},(0,f.A)({},n,e)):(0,i.A)((0,i.A)({},t),{},(0,f.A)({},n,void 0===b[n]||!0===b[n]))},{}))},[t,E,b,C]),S=(0,n.useCallback)(function(){return x(!0)},[x]),M=(0,n.useCallback)(function(){return x(!1)},[x]);return{interact:(0,n.useCallback)(function(e){var n=e.event,i=e.target,o=e.currentTarget,u=e.x,c=e.y,m=e.index;null!==v&&v({event:n,target:i,currentTarget:o,index:m,x:u,y:c});var g=t.length,f=l===m;if(!(r&&f||su(i)||f&&!k)){var h=u<(o.getBoundingClientRect().width-a)/2+a*(1-d)?"previous":"next",y=g-1,b=m;"previous"!==h||s?"next"!==h||s||(b=Math.min(y,l+1)):b=Math.max(0,l-1),null!==p&&p({index:m,newIndex:b,direction:h,end:m===b&&b===y})}},[t,l,b,k,d,r,s,v,p]),currentScreenInteractionEnabled:k,enableInteraction:S,disableInteraction:M}}({screens:St,screenIndex:Vt,screenWidth:sn,disableCurrentScreenNavigation:!vl,nextScreenWidthPercent:N,onInteract:Ln,onNavigate:bn}),In=Pn.interact,Bn=Pn.currentScreenInteractionEnabled,On=Pn.enableInteraction,Vn=Pn.disableInteraction,Dn=(0,n.useState)(null),jn=(0,T.A)(Dn,2),Fn=jn[0],Hn=jn[1],Zn=(0,n.useState)(!1),Wn=(0,T.A)(Zn,2),qn=Wn[0],_n=Wn[1];(0,n.useEffect)(function(){_n(!1),Hn(null)},[Vt]),(0,n.useEffect)(function(){var e=(Rl||{}).tagName;if(null===Fn||!bl||"VIDEO"!==e)return function(){};var t=setTimeout(function(){Cl(!1),_n(!0)},P);return function(){return clearInterval(t)}},[bl,Fn,P,Rl]);var Gn=(0,n.useCallback)(function(){Hn(Date.now())},[]),Yn=(0,n.useCallback)(function(e){var t=e.currentTarget,l=e.event,n=e.target,a=(0,T.A)(e.xy,2),i=a[0],o=a[1],r=e.elapsedTime,u=(0,T.A)(e.args,1)[0];Hn(null);var s=u||{},c=s.playing,d=void 0!==c&&c,m=s.longPressPaused;if(!d&&void 0!==m&&m)return Cl(!0),void _n(!1);null!==z&&r>z||In({event:l,target:n,currentTarget:t,index:Vt,x:i,y:o})},[In,Vt,z]),Un=(0,n.useCallback)(function(e){var t=e.active,l=(0,T.A)(e.movement,1)[0],n=(0,T.A)(e.velocity,1)[0],a=l/sn,i=l<0?Vt+1:Vt-1,o=n>.3||Math.abs(a)>.3,r=i<0||i>=Pt,u=r?.1:1,s=Math.max(-1,Math.min(1,a*u));return t?Vt-s:o&&!r?i:Vt},[sn,Vt]),Qn=(0,n.useCallback)(function(e,t){var l=t.active,n=(0,T.A)(t.args,1)[0]||{},a=n.playing,i=void 0!==a&&a,o=n.longPressPaused;l||i||void 0===o||!o||(Cl(!0),_n(!1));var r=Math.abs(e-Vt);l||1!==r||e<0||e>=Pt||bn({index:Vt,newIndex:e})},[bn,Vt]),Xn=(0,n.useState)(!0),Jn=(0,T.A)(Xn,2),Kn=Jn[0],$n=Jn[1],ea=(0,n.useCallback)(function(){$n(!1)},[$n]),ta=(0,n.useCallback)(function(){$n(!0)},[$n]),la=(0,n.useMemo)(function(){return{config:as,onStart:ea,onRest:ta}},[ea,ta]),na=0===Pt||Bn,aa=!1===Bn,ia=ul({progress:Vt,disabled:!vl||Ze,dragDisabled:ze||!Bn,computeProgress:Un,onProgress:Qn,onPointerDown:Gn,onTap:Yn,springParams:la,dragOptions:{filterTaps:!0,axis:"x",pointer:{keys:!1}}}),oa=ia.dragging,ra=ia.transitioning,ua=ia.progress,sa=ia.bind,ca=ia.direction,da=function(e){var t=$t().isEnabled,l=(0,n.useState)(!1),a=(0,T.A)(l,2),i=a[0],o=a[1],r=(0,n.useCallback)(function(){$t().isEnabled&&(null!=e?$t().request(e):$t().request())},[e]),u=(0,n.useCallback)(function(){$t().isEnabled&&$t().exit()},[]),s=(0,n.useCallback)(function(){i?u():r()},[i,r,u]);return(0,n.useEffect)(function(){var e=function(){o($t().isFullscreen)};return $t().isEnabled&&$t().on("change",e),function(){$t().isEnabled&&$t().off("change",e)}},[]),{toggle:s,fullscreen:r,unFullscreen:u,active:i,enabled:t}}(Yl.current||null),ma=da.toggle,va=da.active,ga=da.enabled,pa=fl(),fa=pa.ref,ha=pa.height,ya=void 0===ha?0:ha,ba=(0,n.useCallback)(function(e){var t=e.screenId;Ln();var l=St.findIndex(function(e){return e.id===t});yn(l)},[Ln,yn]),Ca=(0,n.useCallback)(function(e){return!!an||(e.preventDefault(),!1)},[an]),wa=n.createElement("style",{type:"text/css",dangerouslySetInnerHTML:{__html:"body { overscroll-behavior: contain; }"}});uu((0,n.useMemo)(function(){return{f:function(){return ma()},arrowleft:function(){cu(document.activeElement)||Cn()},arrowright:function(){cu(document.activeElement)||wn()}}},[Cn,wn]),{disabled:"view"!==S});var Ea=(0,n.useCallback)(function(){var e=document.getElementById("controls");if(e){var t=e.querySelectorAll("button[tabindex]"),l=Array.from(t).find(function(e){return e.tabIndex>=0});l&&l.focus({preventScroll:!0})}},[]),Aa=(0,n.useState)(null),ka=(0,T.A)(Aa,2),xa=ka[0],Sa=ka[1],Ma=(0,n.useState)(!1),Na=(0,T.A)(Ma,2),Ra=Na[0],za=Na[1],Ta=(Dt||{}).header,La=((void 0===Ta?null:Ta)||{}).shareIncentive,Pa=void 0===La?null:La,Ia=Pa||{},Ba=Ia.active,Oa=void 0!==Ba&&Ba,Va=Ia.label,Da=void 0===Va?null:Va,ja=(xa||{}).label,Fa=void 0===ja?null:ja,Ha=(Da||{}).body,Za=void 0===Ha?null:Ha,Wa=(Fa||{}).body,qa=void 0===Wa?null:Wa;(0,n.useEffect)(function(){za(!0),Oa&&Da!==Fa&&Sa(Pa);var e=setTimeout(function(){vl&&za(!1)},6e3);return function(){clearTimeout(e)}},[Da,za,Oa,Za,qa,Sa,vl]),(0,n.useEffect)(function(){if(pn)return function(){};var e=setTimeout(function(){fn(!0)},W);return function(){clearTimeout(e)}},[pn]);var _a=0;null!==Q?_a=Q/Jl:un&&Bn&&(_a=ya/Jl);var Ga=0;null!==J?Ga=J/Jl:El&&(kl||!bl)&&Bn&&(Ga=Wl/Jl);var Ya="hand"===Ue?Gu:qu,Ua=ol({element:Yl.current,disabled:!vl,timeout:2e3}).detected;return(0,n.useEffect)(function(){var e=null;return null!==fe&&vl&&Pt>1&&0!==Vt&&(!(null!==Rl&&!Il)||Ll)&&!oa&&!Ua&&(e=setTimeout(function(){yn(0)},fe)),function(){null!==e&&clearTimeout(e)}},[fe,vl,Vt,Pt,yn,Rl,Ll,oa,Ua,Il]),n.createElement(ct,{story:At},n.createElement(It,{size:Xl},n.createElement(qt,{containerRef:Yl,events:Ot,menuVisible:na,menuOverScreen:un,width:Ul,height:Ql,topHeight:_a,bottomHeight:Ga,bottomSidesWidth:!kl&&bl&&null===Rl||!Bn?0:60/Jl,gotoPreviousScreen:Cn,gotoNextScreen:wn,disableInteraction:Vn,enableInteraction:On},xe?n.createElement(Sn,{title:Ut,metadata:Qt},wa):n.createElement(ql.m,null,wa),n.createElement(xn,{fonts:dl}),n.createElement("div",{className:Xt([Du.container,Xl.screens.map(function(e){return"story-screen-".concat(e)}),(0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)((0,f.A)({},Du.landscape,an),Du.withoutGestures,ze),Du.hideMenu,!na),Du.disableMenu,aa),Du.fadeMenu,bl&&El&&!kl),Du.ready,dn||pl),Du.hasInteracted,kn),Du.isDragging,oa),wt,wt)]),ref:Yl,onContextMenu:Ca},n.createElement("div",{className:Du.ariaAnnouncement,id:"announce","aria-live":"polite"},n.createElement(Zl.A,{id:"AIr8rM",defaultMessage:[{type:0,value:"Screen "},{type:1,value:"current"},{type:0,value:" of "},{type:1,value:"length"}],values:{current:Vt+1,length:St.length}})),n.createElement("nav",{"aria-label":Et.formatMessage({id:"gfZs4J",defaultMessage:[{type:0,value:"Skip Links"}]}),className:Du.accessibilityLinks},Vl?n.createElement(n.Fragment,null,n.createElement(vu,{onClick:Ea,"aria-disabled":Xe||!kl,"aria-describedby":"disabledReason",className:Xt([Du.accessibilityButton,(0,f.A)({},Du.disabled,Xe||!kl)])},n.createElement(Zl.A,{id:"CnVj9r",defaultMessage:[{type:0,value:"Skip to controls"}]})),Xe||!kl?n.createElement("div",{role:"tooltip",className:Du.tooltipBox,id:"disabledReason"},n.createElement("span",{className:Du.tooltip},n.createElement(Zl.A,{id:"YXhRxW",defaultMessage:[{type:0,value:"No controls available"}]}))):null):null),Le?null:n.createElement(ju,{story:At,currentScreenIndex:Vt,withShadow:un&&!De,toggleFullscreen:ma,fullscreenActive:va,fullscreenEnabled:ga,menuDotsButtons:ye,closeable:Ce,shareBasePath:ue||s,shareOptions:ce,screenSize:Xl,menuWidth:$?sn:null,theme:d,previewHeader:te,previewFooter:ne,trackingEnabled:mn,onClickScreen:ba,onClickCloseViewer:et,onChange:vt,withDotItemClick:sn>400,withoutScreensMenu:Ie,withoutShareMenu:Oe,menuItems:oe,afterShareMenuButton:me,beforeScreensMenuButton:ge,withMicromagBranding:Ne,refDots:fa}),dn||pl?n.createElement("div",Object.assign({className:Du.content},sa({playing:bl,longPressPaused:qn})),!Fe&&!qe&&!aa&&Vt>0&&St.length>1?n.createElement(Wu,{direction:"previous",className:Xt([Du.navButton,Du.previous]),onClick:Cn,ariaLabel:Et.formatMessage({id:"zYH/31",defaultMessage:[{type:0,value:"Go to previous screen"}]})}):null,n.createElement("div",{className:Du.screensFrame,style:{width:sn,height:cn,overflow:qe?null:"hidden"}},St.map(function(e,t){var l,a,i=Vt===t,o=t<Vt,r=t>Vt,u=0!==ca&&t===Vt+ca,s=V,c=Math.abs(t-Vt)<=s,d=null!==Y?Y:V,m=Math.abs(t-Vt)<=d,v=i||c||u,g=i||pn&&(r&&m||_&&o&&m)||u,p=(l=t,a=ua,"stack"===hn?{zIndex:l,opacity:a.to(function(e){var t=l-e,n=Math.min(1,Math.max(0,-t));return Math.abs(t)>V?0:Math.min(Math.max(0,1-.75*n+(t+1)),1)}),transform:a.to(function(e){var t=l-e,n=Math.min(1,Math.max(0,t)),a=Math.min(1,Math.max(0,-t));return Math.abs(t)>V?"translateX(100%)":"translateX(".concat(100*n,"%) scale(").concat(1-.2*a,")")}),boxShadow:a.to(function(e){var t=l-e;if(Math.abs(t)>V)return null;var n=Math.min(1,Math.max(0,t));return"0 0 ".concat(2*(1-n),"rem ").concat(-.5*(1-n),"rem black")})}:{opacity:a.to(function(e){var t=l-e;return Math.abs(t)>V?0:1-.75*Math.min(1,Math.max(0,Math.abs(t)))}),transform:a.to(function(e){var t=l-e;if(Math.abs(t)>V)return"translate(100%)";var n=Math.min(1,Math.max(0,Math.abs(t)));return"translateX(".concat(t*j,"%) scale(").concat(1-(1-H)*n,")")}),zIndex:Pt-l}),h=i||oa&&u||0!==ca&&!oa&&t===Vt-ca||qe&&v;return n.createElement(on.CS.div,{key:"screen-viewer-".concat(e.id||"","-").concat(t+1),id:i?"content":null,"aria-hidden":!i,style:p,tabIndex:i?0:-1,className:Xt([Du.screenContainer,(0,f.A)((0,f.A)((0,f.A)({},Du.visible,h),Du.preload,g),Du.current,i&&!ra)])},null!==e?n.createElement(Fu,{className:Du.screen,screen:e,screenState:i?C:null,index:t,current:i,active:v||i,ready:i&&Kn,preload:g||i,mediaRef:function(e){Jt.current[t]=e},renderContext:S,width:en,height:ln,scale:Jl}):null)})),!Fe&&!qe&&!aa&&Vt<St.length-1?n.createElement(Wu,{direction:"next",className:Xt([Du.navButton,Du.next]),onClick:wn,ariaLabel:Et.formatMessage({id:"v9bqYj",defaultMessage:[{type:0,value:"Go to next screen"}]})}):null,Xe?null:n.createElement("div",{className:Du.playbackControls,id:"controls",ref:jl},n.createElement(ts,{className:Du.controls,withoutShadow:De})),!1===Ue||qe||aa||0!==Vt||kn?null:n.createElement(Ya,{className:Du.navigationHint,withoutShadow:De})):null,n.createElement("div",{className:Xt([Du.shareIncentiveContainer,(0,f.A)({},Du.shareIncentiveVisible,Oa&&Ra)]),style:{top:gl?10:ya-10}},n.createElement(au,Object.assign({className:Du.shareIncentive},xa))),n.createElement(ns,{className:Du.webView,trackingEnabled:mn,style:{maxWidth:Ge?null:Math.max(sn,600)}})))))}var os=["story","pathWithIndex","children","onScreenChange"];function rs(e){var t=e.story,l=void 0===t?null:t,a=e.pathWithIndex,i=void 0!==a&&a;e.children;var o=e.onScreenChange,s=void 0===o?null:o,c=(0,r.A)(e,os),d=(0,u.Ye)(),m=(0,u.yP)(),g=(0,v.zy)(),p=(0,T.A)(g,2)[1],f=(l||{}).components,h=void 0===f?[]:f,y=(0,n.useCallback)(function(e){var t=h.findIndex(function(t){return t.id===e.id||t===e});p(m("screen",{screen:i?t+1:e.id})),null!==s&&s(e)},[p,m,i,h,s]);return n.createElement(v.dO,null,n.createElement(v.qh,{path:d.screen},function(e){var t=e.screen,a=void 0===t?null:t,o=i&&null!==a&&h[parseInt(a,10)-1]||null,r=i?(o||{}).id||null:a;return n.createElement(is,Object.assign({},c,{story:l,screen:r,onScreenChange:y}))}),n.createElement(v.qh,null,n.createElement(is,Object.assign({},c,{story:l,onScreenChange:y}))))}var us={home:"/",screen:"/:screen"},ss=["story","paused","muted","screenComponents","memoryRouter","basePath","routes","withoutRouter","googleApiKey","visitor","locale","locales","translations","pathWithIndex","trackingVariables","trackingDisabled","trackingPaused","settings"],cs={},ds=["fr","en"];function ms(e){var t=e.story,l=void 0===t?null:t,a=e.paused,c=void 0!==a&&a,m=e.muted,g=void 0===m||m,p=e.screenComponents,f=void 0===p?null:p,h=e.memoryRouter,y=void 0!==h&&h,b=e.basePath,C=void 0===b?null:b,w=e.routes,E=void 0===w?us:w,A=e.withoutRouter,k=void 0!==A&&A,x=e.googleApiKey,S=void 0===x?null:x,M=e.visitor,N=void 0===M?null:M,R=e.locale,z=void 0===R?"en":R,L=e.locales,P=void 0===L?ds:L,I=e.translations,B=void 0===I?null:I,O=e.pathWithIndex,V=void 0!==O&&O,D=e.trackingVariables,j=void 0===D?null:D,F=e.trackingDisabled,H=void 0!==F&&F,Z=e.trackingPaused,W=void 0!==Z&&Z,q=e.settings,_=void 0===q?null:q,G=(0,r.A)(e,ss),Y=(0,n.useMemo)(function(){if(null===l&&null===j)return null;var e=l||{},t=e.id,n=void 0===t?null:t,a=e.document_id,r=e.slug,u=void 0===r?null:r,c=e.title,m=void 0===c?null:c,v=e.components,g=void 0===v?[]:v,p=e.organisation,f=e.settings,h=p||{},y=h.slug,b=(h.tracking||{}).codes,C=void 0===b?[]:b,w=((f||{}).tracking||{}).codes,E=void 0===w?[]:w,A=[].concat((0,o.A)(C||[]),(0,o.A)(E||[])).filter(function(e){var t=e||{},l=t.type,n=t.id;return"ga4"===l&&!s(n)}).map(function(e){return e.id});return(0,i.A)({documentId:a,storyId:n,storySlug:u,storyTitle:m,screensCount:(g||[]).length,organisationSlug:y,googleAnalyticsIds:d(A)},j)},[l,j]),U=((l||{}).metadata||{}).language,Q=void 0===U?z:U,X=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=(0,n.useState)(e),l=(0,T.A)(t,2),a=l[0],i=l[1];return(0,n.useEffect)(function(){var e=!1;return new Promise(function(e){var t=document.createElement("img");t.onload=function(){e(t.width>0&&t.height>0)},t.onerror=function(){e(!1)},t.src="data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA="}).then(function(t){e||t===a||i(t)}),function(){e=!0}},[]),a}(),J=(0,n.useMemo)(function(){return(0,i.A)({supportsWebp:X},_)},[_,X]),K=n.createElement(gt,{settings:J},n.createElement(Fl,{locale:Q,locales:P,extraMessages:B},n.createElement(ht,{apiKey:S},n.createElement(Ct,{locale:Q},n.createElement(lu,null,n.createElement(lt,{namespace:Ke,components:f||cs},n.createElement(Yt,{visitor:N},n.createElement(St,{paused:c,muted:g},n.createElement(Ot,{variables:Y,disabled:H,paused:W},k?n.createElement(is,Object.assign({story:l,basePath:C},G)):n.createElement(rs,Object.assign({story:l,basePath:C,pathWithIndex:V},G))))))))))),$=(0,u.yr)(),ee=$.hook,te=$.searchHook,le=(0,n.useMemo)(function(){return{hook:y?ee:null,searchHook:y?te:null,base:y?null:C}},[C,y]);return k?K:n.createElement(v.Ix,le,n.createElement(u.yF,{routes:E},K))}function vs(e){return vs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},vs(e)}function gs(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function ps(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?gs(Object(l),!0).forEach(function(t){fs(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):gs(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function fs(e,t,l){return(t=function(e){var t=function(e){if("object"!=vs(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=vs(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==vs(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}l(2185);var hs=void 0!==window.MICROMAG_STORY?window.MICROMAG_STORY:null,ys=void 0!==window.MICROMAG_VIEWER_PROPS?window.MICROMAG_VIEWER_PROPS:null,bs=void 0!==window.MICROMAG_ROOT_ELEMENT_ID?window.MICROMAG_ROOT_ELEMENT_ID:"root",Cs=void 0!==window.MICROMAG_ROOT_ELEMENT?window.MICROMAG_ROOT_ELEMENT:document.getElementById(bs),ws=void 0!==window.MICROMAG_RENDER_STORY_FNC?window.MICROMAG_RENDER_STORY_FNC:"renderStory",Es=new WeakMap,As=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Cs,i=Es.get(l);i||(i=(0,a.createRoot)(l),Es.set(l,i)),i.render(n.createElement(ms,ps(ps({},t),{},{story:e})))};null!==hs&&As(hs,ys),null!==ws&&(window[ws]=As)},2185:function(e,t,l){l.p=void 0!==window.MICROMAG_PUBLIC_PATH?window.MICROMAG_PUBLIC_PATH:"/"}},function(e){e.O(0,[677],function(){return e(e.s=65)}),e.O()}]);
|