whatmore-react-assets 1.0.1402 → 1.0.1403

package/static/js/461.28347fc7.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[461],{852:function(e,t,n){n.d(t,{H:function(){return r}});const o=function(){fetch("/cart.json").then((e=>e.json())).then((e=>{fetch("/cart?view=item").then((e=>e.text())).then((t=>{const n=(new DOMParser).parseFromString(t,"text/html"),o=n.getElementById("CartDrawer"),r=document.getElementById("CartDrawer");o&&r&&(r.innerHTML=o.innerHTML);n.querySelector("#CartDrawer .totals__subtotal-value");const c=document.querySelector("cart-drawer");c&&c.classList.remove("is-empty");const a=document.querySelector("cart-drawer-items");a&&a.classList.remove("is-empty");const i=document.getElementById("cart-icon-bubble");if(i.querySelector(".cart-count-bubble")){i.querySelectorAll('.cart-count-bubble span[aria-hidden="true"]').forEach((t=>{t.textContent=e.item_count}))}else{const t=document.createElement("div");t.className="cart-count-bubble",t.innerHTML=`\n                            <span aria-hidden="true">${e.item_count}</span>\n                            <span class="visually-hidden">${e.item_count} items</span>\n                        `,i.appendChild(t)}i.click();document.getElementById("CartDrawer-Overlay").addEventListener("click",(()=>{const e=document.querySelector("cart-drawer");e&&e.classList.remove("active"),document.body.classList.remove("overflow-hidden")}))}))}))},r=async function(e,t,n,r){let c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"cart-icon";if("STRNV8MHJTF"!=e&&"STR6HU283UZ"!=e&&"STR9T3LLEJB"!=e&&"STRWJMIOJNX"!=e&&"STRUDQ36YAC"!=e&&"STR1D5ONOZX"!=e){var a=await fetch("https://"+window.location.hostname+"/cart.js",{cache:"reload"}).then((e=>e.json()));if("57939755089"==e||"27358003275"==e||"63748341981"==e||"68237558034"==e||"63046287536"==e||"9734029408"==e||"83411075365"==e||"36300750986"==e||"16957273"==e||"9483952"==e||"57265094752"==e||"58538459329"==e||"80266658086"==e||"46784020646"==e||"52982579389"==e||"76291703063"==e||"68546691304"==e||"27951333450"==e&&"cart-icon"==c)document.documentElement.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0,detail:{cart:a,openMiniCart:!0}}));else if("19506115"==e)window.PXUTheme.jsAjaxCart.showDrawer(),window.PXUTheme.jsAjaxCart.updateView();else if("54465429691"==e||"41096085665"==e)refreshCart(a),window.setTimeout((function(){$.fancybox.close(),$(".cart-button").click()}),500);else if("25427564"==e||"4243849314"==e||"57708314789"==e||"86986621247"==e||"58745159727"==e){(new theme.CartDrawer).open()}else if("62602182872"==e||"57362710572"==e)CartJS.getCart(),$(".block-cart").addClass("active");else if("55820812447"==e||"83096174866"==e||"63791857821"==e||"70963003672"==e||"20157815"==e||"60492578980"==e||"12183765088"==e||"58546946211"==e||"42070737058"==e||"71321583919"==e||"68492624171"==e||"74541891876"==e||"21187677"==e||"74021110038"==e||"58193838255"==e||"25151799349"==e||"72651899165"==e||"52022313149"==e||"64983957725"==e||"69610111257"==e||"61209641060"==e||"87043703105"==e||"69699436842"==e)document.documentElement.dispatchEvent(new CustomEvent("ajaxProduct:added",{bubbles:!0,detail:{}})),document.documentElement.dispatchEvent(new CustomEvent("cart:open",{bubbles:!0,detail:{}}));else if("2665447536"==e||"51364757670"==e||"45740720296"==e||"66229010609"==e)fetch("/?section_id=cart-drawer").then((e=>e.text())).then((e=>{const t=(new DOMParser).parseFromString(e,"text/html").getElementById("cart-drawer").innerHTML;$("#cart-drawer").html(t),$('[aria-controls="cart-drawer"]')[0].click(),$(".header__cart-count .count-bubble ").html(cart.item_count).css("opacity",1)}));else if("57824805033"==e||"59504656436"==e||"58112966749"==e||"9989358"==e||"26958037078"==e)o();else if("80856187185"==e||"71256211737"==e)fetch("/cart?section_id=mini-cart").then((e=>e.text())).then((e=>{const t=(new DOMParser).parseFromString(e,"text/html").querySelector(".mini-cart__inner").innerHTML;$(".mini-cart__inner").html(t).addClass("active__drawer")})).catch((e=>{console.error(e)})),o();else if("61094723750"==e||"45034766485"==e)SLIDECART&&(SLIDECART_UPDATE(),SLIDECART_OPEN());else if("10272035"==e){const e=document.querySelector(".cart-drawer"),t=e.parentNode;t.classList.add("menu-opening"),t.setAttribute("open","open"),e.style.visibility="visible",e.style.transform="translate(0)"}else if("1972174947"==e||"55194878152"==e||"49198989466"==e)document.documentElement.dispatchEvent(new CustomEvent("cart:refresh:opend",{bubbles:!0,detail:{}}));else if("64463667449"==e||"63897370681"==e||"81998840121"==e||"70964478228"==e)document.documentElement.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0})),document.documentElement.dispatchEvent(new CustomEvent("cart:updated",{bubbles:!0,detail:{cart:a}})),document.getElementById("mini-cart").open=!0;else if("81545986363"==e)document.dispatchEvent(new CustomEvent("theme:cartchanged",{bubbles:!0})),document.dispatchEvent(new CustomEvent("theme:open-cart-drawer",{bubbles:!0}));else if("41346334884"==e||"74448077083"==e||"26562420"==e||"26759856318"==e)document.dispatchEvent(new CustomEvent("dispatch:cart-drawer:refresh")),document.dispatchEvent(new CustomEvent("dispatch:cart-drawer:open"));else if("6873415750"==e)document.dispatchEvent(new CustomEvent("cart:change",{bubbles:!0,detail:{cart:a}})),document.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0}));else if("59547517063"==e||"59612954814"==e)(()=>{var e=document.querySelector("cart-notification")||document.querySelector("cart-drawer"),t=window.location.origin?window.location.origin+"/":window.location.protocol+"//"+window.location.host+"/";Shopify.locale.length>0&&(t+=Shopify.locale+"/"),null!==e&&"function"===typeof e.renderContents&&fetch(t+"cart?sections=cart-drawer,cart-icon-bubble",{method:"GET",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"}}).then((function(t){var n=document.querySelector("cart-drawer.drawer.is-empty");null!==n&&n.classList.remove("is-empty");try{return t.clone().json().then((function(t){try{var n={sections:t};e.renderContents(n)}catch(o){console.error(o)}}))}catch(o){console.error(o)}}))})();else if("61086662810"==e)(()=>{try{var e=document.querySelector("mini-cart")||document.querySelector("cart-drawer")||document.querySelector("product-form"),t=window.location.origin?window.location.origin+"/":window.location.protocol+"//"+window.location.host+"/";if(Shopify.locale.length>0&&(t+=Shopify.locale+"/"),null!==e&&"function"===typeof e.renderContents){var n=e.getSectionsToRender().map((e=>e.id));fetch(t+"cart?sections="+n.toString(),{method:"GET",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"}}).then((function(t){try{return t.clone().json().then((function(t){try{var n={sections:t};e.renderContents(n)}catch(o){console.error(o)}}))}catch(n){console.error(n)}}))}}catch(o){console.error(o)}})();else if("5827756145"==e){let e=document.getElementById("cart-config");e=JSON.parse(e.innerHTML||"{}"),"undefined"!==typeof window.Shopify&&"undefined"!==typeof window.Shopify.theme&&"undefined"!==typeof window.Shopify.theme.ajaxCart&&"function"===typeof window.Shopify.theme.ajaxCart.updateView&&(Shopify.theme.ajaxCart.updateView({cart_url:"/cart"},a),Shopify.theme.ajaxCart.showDrawer(e))}else if("73454354741"==e)0!==Object.keys(a).length&&(e=>{const t=document.querySelector("#halo-cart-sidebar .halo-sidebar-wrapper .previewCart-wrapper"),n="is-loading";t.classList.add(n),t.insertAdjacentHTML("afterbegin",'\n        <div class="loading-overlay loading-overlay--custom">\n            <div class="loading-overlay__spinner">\n                <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">\n                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>\n                </svg>\n            </div>\n        </div>\n    '),fetch(window.routes.root+"/cart?view=ajax_side_cart",{method:"GET",cache:"no-cache"}).then((e=>e.text())).then((e=>{const o=(new DOMParser).parseFromString(e,"text/html");t.innerHTML=o.body.innerHTML,t.classList.remove(n)})).finally((()=>{document.body.querySelector("[data-cart-count]").textContent=cart.item_count,document.dispatchEvent(new CustomEvent("cart-update",{detail:e})),document.getElementById("cart-icon-bubble").click()}))})(a);else if("71830962487"==e)"undefined"!==typeof window.Shopify&&"function"===typeof window.Shopify.onCartUpdate&&-1===Shopify.onCartUpdate.toString().indexOf("There are now")&&window.Shopify.onCartUpdate(a,!0);else if("81516986679"==e||"1293622"==e||"73143124251"==e)document.documentElement.dispatchEvent(new CustomEvent("apps:product-added-to-cart",{bubbles:!0}));else if("78232846646"==e){const e=await fetch("/?section_id=cart-drawer"),t=await e.text(),n=document.createElement("div");n.innerHTML=t;const o=n.querySelector(".cart-drawer").innerHTML;document.querySelector(".cart-drawer").innerHTML=o,document.querySelector(".cart-drawer").classList.add("cart-drawer--active")}else{if("58273038492"==e&&$("#cart-drawer").toggleClass("active"),"62335516854"==e)(new theme.CartDrawer).open();"59993653290"==e&&$("body").toggleClass("show-cart-summary").hasClass("show-cart-summary"),document.documentElement.dispatchEvent(new CustomEvent("product:added",{bubbles:!0,detail:{}})),function(e){var t,n;try{var o=e.item_count;if($("[data-cart-item-count]").html(o),$(".header__cart-count").html(o),$(".site-header__cart-count span[data-cart-count]").html(o),$("#CartCount [data-cart-count]").length>0?$("#CartCount [data-cart-count]").html(o):$("#CartCount").length>0&&$("#CartCount").html($("#CartCount").html().replace(/(\d+)/,e.item_count)),$("#CartCount.hide").length>0&&$("#CartCount.hide").removeClass("hide"),$("#site-cart-handle .count-holder .count").length>0&&$("#site-cart-handle .count-holder .count").html($("#site-cart-handle .count-holder .count").html().replace(/(\d+)/,e.item_count)),$("#minicart .count.cart-target").length>0&&$("#minicart .count.cart-target").html($("#minicart .count.cart-target").html().replace(/(\d+)/,e.item_count)),$("#sidebar #meta .count").length>0&&$("#sidebar #meta .count").html($("#sidebar #meta .count").html().replace(/(\d+)/,e.item_count)),$(".site-header__cart .site-header__cart-indicator").length>0&&($(".site-header__cart .site-header__cart-indicator").html($(".site-header__cart .site-header__cart-indicator").html().replace(/(\d+)/,e.item_count)),e.item_count>0&&$(".site-header__cart .site-header__cart-indicator").removeClass("hide")),$(".cart-count").length>0&&$(".cart-count").html($(".cart-count").html().replace(/(\d+)/,e.item_count)),$(".cartCount[data-cart-count]").length>0&&$(".cartCount[data-cart-count]").html($(".cartCount[data-cart-count]").html().replace(/(\d+)/,e.item_count)),$("[data-js-cart-count-desktop]").length>0&&($("[data-js-cart-count-desktop]").html(e.item_count),$("[data-js-cart-count-desktop]").attr("data-js-cart-count-desktop",e.item_count)),$(".cart-item-count-header").length>0){var r=$(".cart-item-count-header").first();!0===r.hasClass("cart-item-count-header--total")?r.find(".money").length&&(r=r.find(".money").first()).html(bndlr.formatPrice(e.items_subtotal_price)):r.html(r.html().replace(/(\d+)/,e.item_count))}if($("#CartCost").length>0&&"undefined"!==typeof theme&&"undefined"!==typeof theme.moneyFormat){var c=utils.formatMoney(e.items_subtotal_price,theme.moneyFormat);$("#CartCost").html(c)}if("function"==typeof refreshCart&&refreshCart(e),"undefined"!==typeof slate&&"undefined"!==typeof slate.cart&&"function"==typeof slate.cart.updateCart&&slate.cart.updateCart(),"undefined"!==typeof ajaxCart&&"function"===typeof ajaxCart.load&&ajaxCart.load(),$(".mega-nav-count.nav-main-cart-amount.count-items").length>0&&($(".mega-nav-count.nav-main-cart-amount.count-items").html($(".mega-nav-count.nav-main-cart-amount.count-items").html().replace(/(\d+)/,e.item_count)),$(".mega-nav-count.nav-main-cart-amount.count-items.hidden").removeClass("hidden")),$("#cart-icon-bubble").length>0){var a='#cart-icon-bubble .cart-count-bubble span[aria-hidden="true"]';$(a).length>0?$(a).html($(a).html().replace(/(\d+)/,e.item_count)):$("#cart-icon-bubble").append('<div class="cart-count-bubble"><span aria-hidden="true">'+e.item_count+"</span></div>")}"undefined"!==typeof Shopify&&"undefined"!==typeof Shopify.updateQuickCart&&Shopify.updateQuickCart(e),"undefined"!==typeof bcActionList&&"function"===typeof bcActionList.atcBuildMiniCartSlideTemplate&&(bcActionList.atcBuildMiniCartSlideTemplate(e),"function"===typeof openMiniCart&&openMiniCart()),$(".custom-cart-eye-txt").length>0&&$(".custom-cart-eye-txt").html($(".custom-cart-eye-txt").html().replace(/(\d+)/,e.item_count)),$(".cart_count").length>0&&$(".cart_count").each((function(t,n){$(n).html($(n).html().replace(/(\d+)/,e.item_count))})),$(".cart-count-bubble [data-cart-count]").length>0&&$(".cart-count-bubble [data-cart-count]").html($(".cart-count-bubble [data-cart-count]").html().replace(/(\d+)/,e.item_count)),$(".cart-count-bubble span.visually-hidden").length>0&&$(".cart-count-bubble span.visually-hidden").html($(".cart-count-bubble span.visually-hidden").html().replace(/(\d+)/,e.item_count)),$(".header-cart-count .cart_count_val").length>0&&($(".header-cart-count .cart_count_val").html(e.item_count),$(".header-cart-count").removeClass("empty_cart_count")),"undefined"!==typeof Shopify&&"undefined"!==typeof Shopify.updateCartInfo&&$(".top-cart-holder .cart-target form .cart-info .cart-content").length>0&&Shopify.updateCartInfo(e,".top-cart-holder .cart-target form .cart-info .cart-content");var i=new CustomEvent("wetheme-toggle-right-drawer",{detail:{type:"cart",forceOpen:void 0,params:{cart:e}}});document.documentElement.dispatchEvent(i),"undefined"!==typeof window.vndHlp&&"function"===typeof window.vndHlp.refreshCart&&window.vndHlp.refreshCart(e);try{"function"===typeof window.renderCart&&(window.renderCart(e),e.items.length>0&&$(".mini-cart.is-empty").removeClass("is-empty"))}catch(w){}try{"undefined"!==typeof window.SATCB&&"undefined"!==typeof window.SATCB.Helpers&&"function"===typeof window.SATCB.Helpers.openCartSlider&&window.SATCB.Helpers.openCartSlider()}catch(w){}try{document.dispatchEvent(new CustomEvent("theme:cart:change",{detail:{cart:e,cartCount:e.item_count},bubbles:!0}))}catch(w){}if("undefined"!==typeof window.cartStore&&"function"===typeof window.cartStore.setState&&window.cartStore.setState({justAdded:{},popupActive:!0,item_count:e.item_count,items:e.items,cart:e}),"undefined"!==typeof window.Shopify&&"function"===typeof window.Shopify.onCartUpdate&&-1===Shopify.onCartUpdate.toString().indexOf("There are now")&&window.Shopify.onCartUpdate(e,!0),"undefined"!==typeof theme&&"undefined"!==typeof theme.Cart&&"function"===typeof theme.Cart.setCurrentData&&theme.Cart.setCurrentData(e),"undefined"!==typeof window.halo&&"function"===typeof window.halo.updateSidebarCart){window.halo.updateSidebarCart(e);var d=$("[data-cart-sidebar]");d.length>0&&d[0].click()}if("undefined"!==typeof window.Shopify&&"undefined"!==typeof window.Shopify.theme&&"undefined"!==typeof window.Shopify.theme.ajaxCart&&"function"===typeof window.Shopify.theme.ajaxCart.updateView&&Shopify.theme.ajaxCart.updateView({cart_url:"/cart"},e),"undefined"!==typeof window.theme&&"undefined"!==typeof window.theme.cart&&"function"===typeof window.theme.cart.updateAllHtml)try{window.theme.cart.updateAllHtml(),window.theme.cart.updateTotals(e),document.querySelector(".header--cart-toggle").click()}catch(w){}if("function"===typeof monster_setCartItems)try{monster_setCartItems(e.items)}catch(w){console.error(w)}try{"undefined"!==typeof window.refreshCartContents&&window.refreshCartContents(e)}catch(w){}$(".header-actions [data-header-cart-count]").length>0&&$(".header-actions [data-header-cart-count]").html(e.item_count),window.dispatchEvent(new Event("update_cart")),"undefined"!==typeof clientSpecifics&&"undefined"!==typeof clientSpecifics.update_cart&&clientSpecifics.update_cart.trigger(e)}catch(w){console.log(w)}try{var s=document.querySelector(".minicart__outerbox"),u=window.location.origin?window.location.origin+"/":window.location.protocol+"//"+window.location.host+"/";Shopify.locale.length>0&&(u+=Shopify.locale+"/"),null!==s&&"function"===typeof window.cartContentUpdate&&(sectionsToRender=s.dataset.section,fetch(u+"cart?sections="+sectionsToRender,{method:"GET",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"}}).then((function(t){try{return t.clone().json().then((function(t){e.sections=t,window.cartContentUpdate(e,s,sectionsToRender)}))}catch(w){console.error(w)}})))}catch(w){console.error(w)}if("undefined"!==typeof window.SLIDECART_UPDATE)try{window.SLIDECART_UPDATE()}catch(w){console.log(w)}if("undefined"!==typeof window.SLIDECART_OPEN&&setTimeout((function(){try{window.SLIDECART_OPEN()}catch(w){console.log(w)}}),500),"undefined"!==typeof Shopify&&"undefined"!==typeof Shopify.theme&&"undefined"!==typeof Shopify.theme.jsAjaxCart&&"function"===typeof Shopify.theme.jsAjaxCart.updateView&&Shopify.theme.jsAjaxCart.updateView(),"undefined"!==typeof CartJS&&"function"===typeof CartJS.getCart)try{CartJS.getCart()}catch(w){console.log(w)}try{$(".sp-cart .sp-dropdown-toggle").length&&"undefined"!==typeof Shopify&&"function"===typeof Shopify.getCart&&Shopify.getCart(),$("form.cart-drawer").length>0&&($(".cart-drawer input").first().trigger("blur"),setTimeout((function(){$(".cart-drawer input").first().trigger("input")}),350))}catch(w){console.log(w)}try{var l=document.querySelector("m-cart-drawer");null!==l&&"function"===typeof l.onCartDrawerUpdate&&(l.onCartDrawerUpdate(),"function"===typeof l.open&&l.open())}catch(w){console.log(w)}try{document.dispatchEvent(new CustomEvent("cart:refresh"))}catch(w){}try{document.documentElement.dispatchEvent(new CustomEvent("cart:refresh",{bubbles:!0}))}catch(w){}if("undefined"!==typeof window.HsCartDrawer&&"function"===typeof window.HsCartDrawer.updateSlideCart&&debounce("hscartdrawer",(function(){try{HsCartDrawer.updateSlideCart()}catch(w){console.log(w)}}),100),"function"===typeof window.HS_SLIDE_CART_UPDATE&&debounce("hscartdrawer2",(function(){try{window.HS_SLIDE_CART_UPDATE()}catch(w){console.log(w)}}),100),"undefined"!==typeof window.HS_SLIDE_CART_OPEN&&"function"===typeof window.HS_SLIDE_CART_OPEN&&debounce("hscartdraweropen",(function(){try{window.HS_SLIDE_CART_OPEN()}catch(w){console.log(w)}}),100),"undefined"!==typeof theme&&"undefined"!==typeof theme.Cart&&"function"===typeof theme.Cart.updateCart&&theme.Cart.updateCart(),"undefined"!==typeof window.cart&&"function"===typeof window.cart.getCart&&window.cart.getCart(),"function"===typeof window.updateMiniCartContents)try{window.updateMiniCartContents()}catch(w){}if("function"===typeof window.loadEgCartDrawer)try{window.loadEgCartDrawer()}catch(w){}try{document.dispatchEvent(new CustomEvent("cart:build"))}catch(w){}try{document.dispatchEvent(new CustomEvent("obsidian:upsell:refresh")),document.dispatchEvent(new CustomEvent("obsidian:upsell:open"))}catch(w){}var h=document.getElementById("site-cart");if(null!==h)try{h.show()}catch(w){}if("undefined"!==typeof window.theme&&"function"===typeof window.theme.updateCartSummaries)try{window.theme.updateCartSummaries()}catch(w){}if("undefined"!==typeof window.CD_REFRESHCART)try{window.CD_REFRESHCART()}catch(w){console.log(w)}if("undefined"!==typeof window.CD_OPENCART&&setTimeout((function(){try{window.CD_OPENCART()}catch(w){console.log(w)}}),500),"function"===typeof window.buildCart)try{window.buildCart()}catch(w){console.log(w)}if("undefined"!==typeof window.PXUTheme&&"undefined"!==typeof window.PXUTheme.jsAjaxCart&&"function"===typeof window.PXUTheme.jsAjaxCart.updateView)try{window.PXUTheme.jsAjaxCart.updateView()}catch(w){}if("undefined"!==typeof window.theme&&"function"===typeof window.theme.addedToCartHandler)try{window.theme.addedToCartHandler({})}catch(w){}try{i=new Event("tcustomizer-event-cart-change"),document.dispatchEvent(i)}catch(w){}try{document.dispatchEvent(new CustomEvent("dispatch:cart-drawer:refresh",{bubbles:!0})),setTimeout((function(){document.dispatchEvent(new CustomEvent("dispatch:cart-drawer:open"))}),500)}catch(w){}try{var p=document.querySelector("cart-notification")||document.querySelector("cart-drawer");u=window.location.origin?window.location.origin+"/":window.location.protocol+"//"+window.location.host+"/",Shopify.locale.length>0&&(u+=Shopify.locale+"/"),null!==p&&"function"===typeof p.renderContents&&fetch(u+"cart?sections=cart-drawer,cart-icon-bubble",{method:"GET",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"}}).then((function(e){var t=document.querySelector("cart-drawer.drawer.is-empty");null!==t&&t.classList.remove("is-empty");try{return e.clone().json().then((function(e){try{var t={sections:e};p.renderContents(t)}catch(w){console.error(w)}}))}catch(w){console.error(w)}}))}catch(w){console.error(w)}try{var m=document.querySelector("mini-cart")||document.querySelector("cart-drawer")||document.querySelector("product-form");if(u=window.location.origin?window.location.origin+"/":window.location.protocol+"//"+window.location.host+"/",Shopify.locale.length>0&&(u+=Shopify.locale+"/"),null!==m&&"function"===typeof m.renderContents){var f=m.getSectionsToRender().map((e=>e.id));fetch(u+"cart?sections="+f.toString(),{method:"GET",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"}}).then((function(e){try{return e.clone().json().then((function(e){try{var t={sections:e};m.renderContents(t)}catch(w){console.error(w)}}))}catch(w){console.error(w)}}))}}catch(w){console.error(w)}try{m=document.querySelector("mini-cart")||document.querySelector("cart-drawer")||document.querySelector("product-form"),u=window.location.origin?window.location.origin+"/":window.location.protocol+"//"+window.location.host+"/",null!==m&&"function"===typeof m.renderContents&&(f=m.getSectionsToRender().map((e=>null===e||void 0===e?void 0:e.section)),fetch(u+"cart?sections="+f.toString(),{method:"GET",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"}}).then((function(e){try{return e.clone().json().then((function(e){try{var t={sections:e};m.renderContents(t)}catch(w){console.error(w)}}))}catch(w){console.error(w)}})))}catch(w){console.error(w)}null===(t=document)||void 0===t||null===(n=t.documentElement)||void 0===n||n.dispatchEvent(new CustomEvent("cart:refresh:opend",{bubbles:!0,detail:{}})),console.log("entered")}(a)}setTimeout(t,n)}else{console.log("Executing cart refresh script..");document.getElementById("whatsmorecart").value=Math.random()}}},9821:function(e,t,n){function o(){const e=navigator.userAgent||navigator.vendor||window.opera;if(!/iPhone/.test(e))return!1;const{width:t,height:n}=window.screen;return[{width:320,height:480},{width:320,height:568},{width:375,height:667},{width:414,height:736},{width:375,height:812},{width:414,height:896},{width:360,height:780},{width:390,height:844},{width:428,height:926}].some((e=>e.width===t&&e.height===n||e.width===n&&e.height===t))}n.d(t,{_:function(){return o}})},1085:function(e,t,n){n.d(t,{F5:function(){return r},Pc:function(){return a},Z4:function(){return i},bo:function(){return d},rq:function(){return s}});var o=n(664);const r=6;function c(){const e=(0,o.Xd)("whatmoreVideoPlayerPool");var t=document.createElement("video");return t.setAttribute("class","whatmore-video-player whatmore-main-video-player-from-pool"),t.setAttribute("width","100%"),t.setAttribute("src","https://whatmore-other-assets.b-cdn.net/whatmore/dummy_for_video_pool_3s_muted_11kb.mp4"),t.muted=!0,t.setAttribute("height","100%"),t.setAttribute("preload","auto"),t.setAttribute("loop",""),t.setAttribute("playsinline",""),t.setAttribute("x-webkit-airplay","allow"),t.controls=!1,e.appendChild(t),t}const a=function(e){for(let t=1;t<=e;t++)c();(0,o.t2)("whatmoreVideoPlayerPoolInitiated",!0)};const i=function(e,t,n,r,c){(0,o.Xd)("whatmoreVideoPlayerPool");const a=function(e,t,n){var r=(c=(0,o.Xd)("whatmoreVideoPlayerPool").children,c.length>0?c[0]:null);var c;if(!r)throw new Error("Whatmore :: not enough blessed videos available in video pool.");return r.setAttribute("src",e),r.muted=t,r.play().then((()=>{!n&&r.pause()})).catch((e=>{})),r}(t,n,r);return e.innerHTML="",e.appendChild(a),a},d=async function(){const e=(0,o.Xd)("whatmoreVideoPlayerPool"),t=(0,o.Xd)("whatmoreVideoPlayerPoolInitiated");t||a(r);var n=[];for(let o of e.children){o.muted=!0;var c=o.play().then((e=>(!t&&o.pause(),e)));n.push(c)}await Promise.all(n).then((e=>{(0,o.t2)("whatmoreVideoPlayerPoolBlessed",!0)})).catch((e=>{console.error("Whatmore :: Error while blessing "+e.message)}))},s=function(e){const t=(0,o.Xd)("whatmoreVideoPlayerPool"),n=e.children[0];n.muted=!0,!n.paused&&n.pause(),t.appendChild(n)}},6613:function(e,t,n){n.d(t,{At:function(){return o},MN:function(){return r}});const o=()=>"undefined"!==typeof navigator&&(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream),r=()=>o()||"undefined"!==typeof navigator&&/Macintosh/.test(navigator.userAgent)},2039:function(e,t,n){n.d(t,{Il:function(){return r},Th:function(){return c},ij:function(){return o}});const o=function(e){return"video"===e.event_type},r=function(e){return"image"===e.event_type},c=function(e){return"livestream"===e.event_type}},7300:function(e,t,n){var o=n(9950);function r(){return[window.innerHeight,window.innerWidth]}t.A=function(e){var[t,n]=r();const[c,a]=(0,o.useState)([t>n?"portrait":"landscape",t,n]);return(0,o.useLayoutEffect)((()=>{function e(){var[e,t]=r();a(e>t?["portrait",e,t]:["landscape",e,t])}return window.addEventListener("resize",e),window.addEventListener("orientationchange",e),screen.orientation&&screen.orientation.addEventListener("change",e),e(),()=>{window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),screen.orientation&&screen.orientation.removeEventListener("change",e)}}),[]),c}},6649:function(e,t,n){var o=n(9950);t.A=function(){let{triggerOnce:e=!1,root:t=null,rootMargin:n="0px",threshold:r=0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[c,a]=(0,o.useState)(!1),[i,d]=(0,o.useState)(null),s=(0,o.useRef)(null);return(0,o.useEffect)((()=>{const o=new IntersectionObserver(((t,n)=>{t.forEach((t=>{d(t),t.isIntersecting?(a(!0),e&&n.disconnect()):e||a(!1)}))}),{root:t,rootMargin:n,threshold:r});return s.current&&o.observe(s.current),()=>{o.disconnect()}}),[e,t,n,r]),[s,c,i]}},140:function(e,t,n){n.d(t,{$B:function(){return i},A9:function(){return s},Pb:function(){return u},TG:function(){return p},TJ:function(){return h},Zh:function(){return d},lB:function(){return a},tO:function(){return l}});var o,r=n(964);const c=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o;function a(e){c&&console.debug("updating user view count for event.");const t={event_id:e.event_id,increase_by:1};fetch(r.$$+"/event/metrics/views",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(c&&console.debug("updating user view count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating user view count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating user view count user for event : ",e)}))}function i(e,t){c&&console.debug("updating like count for event.");const n={event_id:e.event_id,increase_by:t};fetch(r.$$+"/event/metrics/like",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(c&&console.debug("updating like count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating like count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating like count user for event : ",e)}))}function d(e){c&&console.debug("updating share count for event.");const t={event_id:e.event_id,increase_by:1};fetch(r.$$+"/event/metrics/share",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(c&&console.debug("updating share count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating share count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating share count user for event : ",e)}))}function s(e,t){c&&console.debug("updating wa click count for event.");const n={event_id:e.event_id,increase_by:t};fetch(r.$$+"/event/metrics/whatsapp",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(c&&console.debug("updating whatsapp click count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating whatsapp click count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating whatsapp click count user for event : ",e)}))}function u(e,t){c&&console.debug("updating event-product click count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(r.$$+"/event/metrics/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(c&&console.debug("updating user event-product click count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating user event-product click count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product click count for event {} : ",e.event_id,t)}))}function l(e,t,n){c&&console.debug("updating event-product add to cart count for event {} and product {}.",e.event_id,t.product_id);const o={event_id:e.event_id,product_id:t.product_id,increase_by:n};fetch(r.$$+"/event/metrics/add_to_cart",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(o)}).then((e=>(c&&console.debug("updating user event-product add to cart count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating user event-product add to cart count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product add to cart count for event {} : ",e.event_id,t)}))}function h(e,t){c&&console.debug("updating event-product buy now count for event {} and product {}.",e.event_id,t.product_id);const n={event_id:e.event_id,product_id:t.product_id,increase_by:1};fetch(r.$$+"/event/metrics/buy_now",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>(c&&console.debug("updating user event-product buy now count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating user event-product buy now count response : "+JSON.stringify(e))})).catch((t=>{console.error("error updating user event-product buy now count for event {} : ",e.event_id,t)}))}function p(e){const t={event_id:e.event.event_id,cta_id:e.cta.cta_id,increase_by:1};fetch(r.$$+"/event/metrics/cta/clicks",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}).then((e=>(c&&console.debug("updating user cta click count response : HTTP "+e.status),e.json()))).then((e=>{c&&console.debug("updating user cta click count response : "+JSON.stringify(e))})).catch((e=>{console.error("error updating cta click count : ",e)}))}},3330:function(e,t,n){n.d(t,{Si:function(){return p},hr:function(){return h}});var o,r=n(2595),c=n(7732),a=n(1348);const i="Whatmore Video Shopping",d=null!==(o="true"==localStorage.getItem("whatmoreActivateLogs"))&&void 0!==o&&o,s={video_view:"Video View",add_to_cart:"Add to Cart",buy_now:"Buy Now"},u={carousel:"Carousel",stories:"Stories",video_popup:"Video Popup"},l={homepage:"Home Page",product_page:"Product Page"};async function h(e){if((0,a.M$H)(e)&&null!==(0,a.xIo)(e)&&(c.Ay.initialize((0,a.xIo)(e)),d&&console.debug("Whatmore: initialized GA4")),(0,a.B6P)(e)&&null!==(0,a.jWS)(e)){const t=(0,a.Gc6)(e);r.Ay.initialize((0,a.jWS)(e),{useExistingGa:t}),d&&console.debug("Whatmore: initialized GA3")}}async function p(e,t,n){(0,a.B6P)(e)&&null!==(0,a.jWS)(e)&&(r.Ay.event({category:i,action:s.video_view,label:l[t]+":"+u[n]}),d&&console.debug("Whatmore: pushed view event to GA3")),(0,a.M$H)(e)&&null!==(0,a.xIo)(e)&&(c.Ay.event({category:i,action:s.video_view+":"+l[t]+":"+u[n],value:1,nonInteraction:!1}),d&&console.debug("Whatmore: pushed view event to GA4"))}},7145:function(e,t,n){n.d(t,{B:function(){return u}});var o=n(6641),r=n(1348),c=n(664),a=n(4820);var i=n(6157),d=n(2089),s=n(4533);const u=function(){var e;let{userInteractionType:t="",userInteractionMetadata:n={},widgetSourceDetails:u={},event:l="",productList:h=[],ctaList:p=[]}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const m=(0,c.Xd)("isInDesignMode"),f=(0,c.Xd)("isDemoBrand"),w=(0,c.Xd)("whatmoreShopId"),y="72201044272"==w&&"event-view"==t?null!==(e=JSON.parse(localStorage.getItem("_user_wh_lc")))&&void 0!==e?e:{latitude:"",longitude:""}:{};if(n={...n,...y,user_type:null!=localStorage.getItem("w_user_type")?"olduser":"newuser"},!(0,r.rkx)(w)||f||m)return;t!=i.O.HOMEPAGE_CAROUSEL_WIDGET_VIEW&&t!=i.O.STORIES_WIDGET_VIEW&&t!=i.O.COLLECTION_WIDGET_VIEW&&t!=i.O.PDP_POPUP_WIDGET_VIEW||null!=localStorage.getItem("wht_is_impression")||localStorage.setItem("wht_is_impression",!0);const v="_whatmore_bulk_events",g={user_id:(0,s.wm)(),session_id:(0,s.zv)(),user_group:"group-a",user_agent:navigator.userAgent,store_id:(0,c.Xd)("whatmoreShopId"),hostname:window.location.hostname,page_path:window.location.pathname,event_id:(0,d.Ak)(),event_timestamp:Math.round((new Date).getTime()/1e3)},_=(0,i.l)(t,n),C=function(e,t,n,o){var r;return{landing_location_type:t.landingLocationType,template_type:t.templateType,whatmore_event:{id:e.event_id,eventset_id:null!==(r=e.eventset_id)&&void 0!==r?r:null,cta_list:o.map((e=>e.cta_id)),product_list:n.map((e=>e.product_id))}}}(l,u,h,p),b=(0,c.Xd)("whatmoreLoggingActive"),S={...g,interaction_data:_,data:C},E=JSON.parse(localStorage.getItem(v))||[];if(E.push(S),localStorage.setItem(v,JSON.stringify(E)),b&&(0,o.xv)(S),clearTimeout(localStorage.getItem("_whatmore_bulk_timer_id")),E.length>=10)(0,a.u)(E),localStorage.removeItem(v);else if(E.length>0){let e=setTimeout((()=>{(0,a.u)(E),localStorage.removeItem(v)}),14e3);localStorage.setItem("_whatmore_bulk_timer_id",e)}}},6157:function(e,t,n){n.d(t,{O:function(){return o},l:function(){return r}});const o=Object.freeze({EVENT_VIEW:"event-view",PRODUCT_CTA_VIEW:"product-cta-view",SHOPNOW_ATC_CLICKED:"shop-now-atc-clicked",SHOPNOW_BUYNOW_CLICKED:"shop-now-buy-now-clicked",PRODUCT_TILE_ATC_CLICKED:"product-tile-atc-clicked",PRODUCT_TILE_SHOPNOW_CLICKED:"product-tile-shopnow-clicked",VIDEO_LIKED:"video-liked",VIDEO_UNLIKED:"video-unliked",VIDEO_SHARE_CTA_CLICKED:"video-share-cta-clicked",VIDEO_MUTED:"video-muted",HOMEPAGE_CAROUSEL_SWIPED:"homepage-carousel-swiped",HOMEPAGE_VISITED:"homepage-visited",COLLECTION_PAGE_VISITED:"collection-page-visited",PDP_VISITED:"product-page-visited",HOMEPAGE_CAROUSEL_WIDGET_VIEW:"homepage-carousel-widget-view",BANNER_WIDGET_VIEW:"banner-widget-view",STORIES_WIDGET_VIEW:"stories-widget-view",COLLECTION_WIDGET_VIEW:"collection-widget-view",SPOTLIGHT_WIDGET_VIEW:"spotlight-widget-view",PDP_POPUP_WIDGET_VIEW:"pdp-popup-widget-view",PDP_POPUP_CLOSED:"pdp-popup-closed",VIDEO_PLAYBACK:"video-watched",SHOPNOW_CLICKED:"shopnow-clicked",WHATSAPP_ICON_CLICKED:"whatsapp-icon-clicked",BANNER_WIDGET_CLICKED:"banner-widget-clicked",QUESTION_VIEWED:"question-viewed",QUESTION_ANSWERED:"question-answered",QUESTION_CLOSED:"question-closed"}),r=function(e,t){return{name:e,metadata:t}}},2979:function(e,t,n){n.d(t,{S:function(){return d}});var o=n(6649),r=n(4737),c=n(9950),a=n(7145),i=n(4414);const d=function(e){var t;const[n,d,s]=(0,o.A)({triggerOnce:!1,threshold:null!==(t=e.threshold)&&void 0!==t?t:1}),{whatmoreWidgetSourceDetails:u}=(0,c.useContext)(r.B);return(0,c.useEffect)((()=>{var t,n,o,r;d&&null!==(t=e.triggerFlag)&&void 0!==t&&t&&(0,a.B)({userInteractionType:e.userInteractionType,userInteractionMetadata:null!==(n=e.userInteractionMetadata)&&void 0!==n?n:{},widgetSourceDetails:u,event:e.event,productList:null!==(o=e.productList)&&void 0!==o?o:[],ctaList:null!==(r=e.ctaList)&&void 0!==r?r:[]})}),[d]),(0,i.jsx)("div",{style:{height:"100%"},ref:n,children:e.children})}}}]);

package/static/js/571.96f2c5ac.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[571],{5727:function(e,t,r){var o=r(5709);t.A=void 0;var n=o(r(9526)),i=r(4414),a=(0,n.default)((0,i.jsx)("path",{d:"M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"}),"PlayArrowRounded");t.A=a},1131:function(e,t,r){var o=r(5709);t.A=void 0;var n=o(r(9526)),i=r(4414),a=(0,n.default)([(0,i.jsx)("path",{d:"M18 20H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z",opacity:".3"},"0"),(0,i.jsx)("path",{d:"M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-6-2c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm6 16H6V8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h4v2c0 .55.45 1 1 1s1-.45 1-1V8h2v12z"},"1")],"ShoppingBagTwoTone");t.A=a},2375:function(e,t,r){var o=r(5709);t.A=void 0;var n=o(r(9526)),i=r(4414),a=(0,n.default)((0,i.jsx)("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.A=a},577:function(e,t,r){r(939)},939:function(e,t,r){var o=r(9950),n=r(4414),i=(r(7119),Object.defineProperty),a=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0,configurable:!0,set:e=>t[r]=()=>e})};if("function"!==typeof o.createContext){throw new Error(['Remotion requires React.createContext, but it is "undefined".','If you are in a React Server Component, turn it into a client component by adding "use client" at the top of the file.',"","Before:",'  import {useCurrentFrame} from "remotion";',"","After:",'  "use client";','  import {useCurrentFrame} from "remotion";'].join("\n"))}function s(){return["NOD","E_EN","V"].join("")}var u=()=>["e","nv"].join(""),l=()=>{const e="undefined"!==typeof window&&window.remotion_isPlayer,t="undefined"!==typeof window&&"undefined"!==typeof window.process&&"undefined"!==typeof window.process.env&&("test"===window.process[u()][s()]||"production"===window.process[u()][s()]&&"undefined"!==typeof window&&"undefined"!==typeof window.remotion_puppeteerTimeout);return{isStudio:"undefined"!==typeof window&&window.remotion_isStudio,isRendering:t,isPlayer:e,isReadOnlyStudio:"undefined"!==typeof window&&window.remotion_isReadOnlyStudio}},d=o.createElement,c=[],m=()=>{if(!l().isStudio)return;const e=new Proxy(d,{apply(e,t,r){if(c.includes(r[0])){const[o,n,...i]=r,a={...n??{},stack:(new Error).stack};return Reflect.apply(e,t,[o,a,...i])}return Reflect.apply(e,t,r)}});o.createElement=e},f=e=>{c.push(e),m()},p=(0,o.createContext)(!1),h=()=>(0,o.useContext)(p);function w(e){return Boolean(e)}var v="4.0.242",y=(0,o.forwardRef)(((e,t)=>{const{style:r,...i}=e,a=(0,o.useMemo)((()=>({position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",display:"flex",flexDirection:"column",...r})),[r]);return(0,n.jsx)("div",{ref:t,style:a,...i})})),g=(0,o.createContext)(null),b=o.createContext({registerSequence:()=>{throw new Error("SequenceManagerContext not initialized")},unregisterSequence:()=>{throw new Error("SequenceManagerContext not initialized")},sequences:[]}),E=o.createContext({hidden:{},setHidden:()=>{throw new Error("SequenceVisibilityToggle not initialized")}}),F=(0,o.createContext)({getNonce:()=>0,fastRefreshes:0}),T=()=>{const e=(0,o.useContext)(F),[t,r]=(0,o.useState)((()=>e.getNonce())),n=(0,o.useRef)(e);return(0,o.useEffect)((()=>{n.current!==e&&(n.current=e,r(e.getNonce))}),[e]),t},R={};a(R,{useTimelineSetFrame:()=>G,useTimelinePosition:()=>J,usePlayingState:()=>K,persistCurrentFrame:()=>U,getInitialFrameState:()=>Y,getFrameForComposition:()=>H,TimelineContext:()=>O,SetTimelineContext:()=>z});var C=(0,o.createContext)({compositions:[],registerComposition:()=>{},unregisterComposition:()=>{},registerFolder:()=>{},unregisterFolder:()=>{},setCurrentCompositionMetadata:()=>{},updateCompositionDefaultProps:()=>{},folders:[],currentCompositionMetadata:null,canvasContent:null,setCanvasContent:()=>{}}),x=(0,o.createContext)({props:{},updateProps:()=>{throw new Error("Not implemented")},resetUnsaved:()=>{throw new Error("Not implemented")}}),k=(o.createRef(),{"%3A":":","%2F":"/","%3F":"?","%23":"#","%5B":"[","%5D":"]","%40":"@","%21":"!","%24":"$","%26":"&","%27":"'","%28":"(","%29":")","%2A":"*","%2B":"+","%2C":",","%3B":";"}),I={},S=e=>e.startsWith("/")?S(e.substring(1)):e,$=e=>{if(null===e)throw new TypeError("null was passed to staticFile()");if("undefined"===typeof e)throw new TypeError("undefined was passed to staticFile()");if(e.startsWith("http://")||e.startsWith("https://"))throw new TypeError(`staticFile() does not support remote URLs - got "${e}". Instead, pass the URL without wrapping it in staticFile(). See: https://remotion.dev/docs/staticfile-remote-urls`);if(e.startsWith("..")||e.startsWith("./"))throw new TypeError(`staticFile() does not support relative paths - got "${e}". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths`);if(e.startsWith("/Users")||e.startsWith("/home")||e.startsWith("/tmp")||e.startsWith("/etc")||e.startsWith("/opt")||e.startsWith("/var")||e.startsWith("C:")||e.startsWith("D:")||e.startsWith("E:"))throw new TypeError(`staticFile() does not support absolute paths - got "${e}". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths`);if(e.startsWith("public/"))throw new TypeError(`Do not include the public/ prefix when using staticFile() - got "${e}". See: https://remotion.dev/docs/staticfile-relative-paths`);const t=(e=>{for(const t of Object.keys(k))if(e.includes(t))return{containsHex:!0,hexCode:t};return{containsHex:!1}})(e);var r;t.containsHex&&(r=`WARNING: You seem to pass an already encoded path (path contains ${t.hexCode}). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping.`,I[r]||(console.warn(r),I[r]=!0));const o=(e=>e.split("/").map((e=>encodeURIComponent(e))).join("/"))(e),n=(e=>{if("undefined"!==typeof window&&window.remotion_staticBase){if(e.startsWith(window.remotion_staticBase))throw new Error(`The value "${e}" is already prefixed with the static base ${window.remotion_staticBase}. You don't need to call staticFile() on it.`);return`${window.remotion_staticBase}/${S(e)}`}return`/${S(e)}`})(o);return n.startsWith("/")?n:`/${n}`},N="remotion-date:",M="remotion-file:",P=e=>JSON.parse(e,((e,t)=>"string"===typeof t&&t.startsWith(N)?new Date(t.replace(N,"")):"string"===typeof t&&t.startsWith(M)?$(t.replace(M,"")):t)),A=!1,_=()=>{if("undefined"===typeof window)return A||(A=!0,console.warn("Called `getInputProps()` on the server. This function is not available server-side and has returned an empty object."),console.warn("To hide this warning, don't call this function on the server:"),console.warn("  typeof window === 'undefined' ? {} : getInputProps()")),{};if(l().isPlayer)throw new Error("You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.");const e=window.remotion_inputProps;if(!e)return{};return P(e)};function V(e,t,r){if("number"!==typeof e)throw new Error(`The "${t}" prop ${r} must be a number, but you passed a value of type ${typeof e}`);if(isNaN(e))throw new TypeError(`The "${t}" prop ${r} must not be NaN, but is NaN.`);if(!Number.isFinite(e))throw new TypeError(`The "${t}" prop ${r} must be finite, but is ${e}.`);if(e%1!==0)throw new TypeError(`The "${t}" prop ${r} must be an integer, but is ${e}.`);if(e<=0)throw new TypeError(`The "${t}" prop ${r} must be positive, but got ${e}.`)}function D(e,t){const{allowFloats:r,component:o}=t;if("undefined"===typeof e)throw new Error(`The "durationInFrames" prop ${o} is missing.`);if("number"!==typeof e)throw new Error(`The "durationInFrames" prop ${o} must be a number, but you passed a value of type ${typeof e}`);if(e<=0)throw new TypeError(`The "durationInFrames" prop ${o} must be positive, but got ${e}.`);if(!r&&e%1!==0)throw new TypeError(`The "durationInFrames" prop ${o} must be an integer, but got ${e}.`);if(!Number.isFinite(e))throw new TypeError(`The "durationInFrames" prop ${o} must be finite, but got ${e}.`)}function L(e,t,r){if("number"!==typeof e)throw new Error(`"fps" must be a number, but you passed a value of type ${typeof e} ${t}`);if(!Number.isFinite(e))throw new Error(`"fps" must be a finite, but you passed ${e} ${t}`);if(isNaN(e))throw new Error(`"fps" must not be NaN, but got ${e} ${t}`);if(e<=0)throw new TypeError(`"fps" must be positive, but got ${e} ${t}`);if(r&&e>50)throw new TypeError("The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif")}var j=(0,o.createContext)(null),B=((0,o.createRef)(),e=>Boolean(e.calculateMetadata)),W=e=>{const t=(0,o.useContext)(j),{props:r}=(0,o.useContext)(x),{compositions:n,canvasContent:i,currentCompositionMetadata:a}=(0,o.useContext)(C),s="composition"===(null===i||void 0===i?void 0:i.type)?i.compositionId:null,u=e??s,d=n.find((e=>e.id===u)),c=(0,o.useMemo)((()=>d?r[d.id]??{}:{}),[r,d]);return(0,o.useMemo)((()=>d?a?{type:"success",result:{...a,id:d.id,props:a.props,defaultProps:d.defaultProps??{},defaultCodec:a.defaultCodec}}:B(d)?t[d.id]?t[d.id]:null:(D(d.durationInFrames,{allowFloats:!1,component:`in <Composition id="${d.id}">`}),L(d.fps,`in <Composition id="${d.id}">`,!1),V(d.width,"width",`in <Composition id="${d.id}">`),V(d.height,"height",`in <Composition id="${d.id}">`),{type:"success",result:{width:d.width,height:d.height,fps:d.fps,id:d.id,durationInFrames:d.durationInFrames,defaultProps:d.defaultProps??{},props:{...d.defaultProps??{},...c??{},..."undefined"===typeof window||l().isPlayer?{}:_()??{}},defaultCodec:null}}):null),[d,t,a,c])},q=()=>{const{canvasContent:e,compositions:t,currentCompositionMetadata:r}=(0,o.useContext)(C),n=t.find((t=>"composition"===(null===e||void 0===e?void 0:e.type)&&t.id===e.compositionId)),i=W((null===n||void 0===n?void 0:n.id)??null);return(0,o.useMemo)((()=>i?"error"===i.type||"loading"===i.type?null:n?{...i.result,defaultProps:n.defaultProps??{},id:n.id,...r??{},component:n.component}:null:null),[r,i,n])},O=(0,o.createContext)({frame:{},playing:!1,playbackRate:1,rootId:"",imperativePlaying:{current:!1},setPlaybackRate:()=>{throw new Error("default")},audioAndVideoTags:{current:[]}}),z=(0,o.createContext)({setFrame:()=>{throw new Error("default")},setPlaying:()=>{throw new Error("default")}}),U=e=>{localStorage.setItem("remotion.time-all",JSON.stringify(e))},Y=()=>{const e=localStorage.getItem("remotion.time-all")??"{}";return JSON.parse(e)},H=e=>{const t=localStorage.getItem("remotion.time-all")??"{}",r=JSON.parse(t);return void 0!==r[e]?Number(r[e]):"undefined"===typeof window?0:window.remotion_initialFrame??0},J=()=>{const e=q(),t=(0,o.useContext)(O);if(!e)return"undefined"===typeof window?0:window.remotion_initialFrame??0;const r=t.frame[e.id]??(l().isPlayer?0:H(e.id));return Math.min(e.durationInFrames-1,r)},G=()=>{const{setFrame:e}=(0,o.useContext)(z);return e},K=()=>{const{playing:e,imperativePlaying:t}=(0,o.useContext)(O),{setPlaying:r}=(0,o.useContext)(z);return(0,o.useMemo)((()=>[e,r,t]),[t,e,r])},Z=(0,o.createContext)(!1),Q=()=>{const e=(0,o.useContext)(g),t=(null===e||void 0===e?void 0:e.width)??null,r=(null===e||void 0===e?void 0:e.height)??null,n=(null===e||void 0===e?void 0:e.durationInFrames)??null,i=q();return(0,o.useMemo)((()=>{if(!i)return null;const{id:e,durationInFrames:o,fps:a,height:s,width:u,defaultProps:l,props:d,defaultCodec:c}=i;return{id:e,width:t??u,height:r??s,fps:a,durationInFrames:n??o,defaultProps:l,props:d,defaultCodec:c}}),[n,r,t,i])},X=()=>{const e=Q(),t=(0,o.useContext)(Z),r=h();if(!e){if("undefined"!==typeof window&&window.remotion_isPlayer||r)throw new Error(["No video config found. Likely reasons:","- You are probably calling useVideoConfig() from outside the component passed to <Player />. See https://www.remotion.dev/docs/player/examples for how to set up the Player correctly.","- You have multiple versions of Remotion installed which causes the React context to get lost."].join("-"));throw new Error("No video config found. You are probably calling useVideoConfig() from a component which has not been registered as a <Composition />. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions for more information.")}if(!t)throw new Error("Called useVideoConfig() outside a Remotion composition.");return e},ee=()=>{if(!(0,o.useContext)(Z)){if(l().isPlayer)throw new Error("useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples");throw new Error("useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions")}const e=J(),t=(0,o.useContext)(g);return e-(t?t.cumulatedFrom+t.relativeFrom:0)},te=e=>{let{frame:t,children:r,active:i=!0}=e;const a=ee(),s=X();if("undefined"===typeof t)throw new Error("The <Freeze /> component requires a 'frame' prop, but none was passed.");if("number"!==typeof t)throw new Error("The 'frame' prop of <Freeze /> must be a number, but is of type "+typeof t);if(Number.isNaN(t))throw new Error("The 'frame' prop of <Freeze /> must be a real number, but it is NaN.");if(!Number.isFinite(t))throw new Error(`The 'frame' prop of <Freeze /> must be a finite number, but it is ${t}.`);const u=(0,o.useMemo)((()=>"boolean"===typeof i?i:"function"===typeof i?i(a):void 0),[i,a]),l=(0,o.useContext)(O),d=(0,o.useContext)(g),c=(null===d||void 0===d?void 0:d.relativeFrom)??0,m=(0,o.useMemo)((()=>u?{...l,playing:!1,imperativePlaying:{current:!1},frame:{[s.id]:t+c}}:l),[u,l,s.id,t,c]);return(0,n.jsx)(O.Provider,{value:m,children:r})},re=(0,o.forwardRef)(((e,t)=>{let{from:r=0,durationInFrames:i=1/0,children:a,name:s,height:u,width:d,showInTimeline:c=!0,_remotionInternalLoopDisplay:m,_remotionInternalStack:f,_remotionInternalPremountDisplay:p,...h}=e;const{layout:w="absolute-fill"}=h,[v]=(0,o.useState)((()=>String(Math.random()))),F=(0,o.useContext)(g),{rootId:R}=(0,o.useContext)(O),C=F?F.cumulatedFrom+F.relativeFrom:0,x=T();if("absolute-fill"!==w&&"none"!==w)throw new TypeError(`The layout prop of <Sequence /> expects either "absolute-fill" or "none", but you passed: ${w}`);if("none"===w&&"undefined"!==typeof h.style)throw new TypeError('If layout="none", you may not pass a style.');if("number"!==typeof i)throw new TypeError(`You passed to durationInFrames an argument of type ${typeof i}, but it must be a number.`);if(i<=0)throw new TypeError(`durationInFrames must be positive, but got ${i}`);if("number"!==typeof r)throw new TypeError(`You passed to the "from" props of your <Sequence> an argument of type ${typeof r}, but it must be a number.`);if(!Number.isFinite(r))throw new TypeError(`The "from" prop of a sequence must be finite, but got ${r}.`);const k=J(),I=X(),S=F?Math.min(F.durationInFrames-r,i):i,$=Math.max(0,Math.min(I.durationInFrames-r,S)),{registerSequence:N,unregisterSequence:M}=(0,o.useContext)(b),{hidden:P}=(0,o.useContext)(E),A=(0,o.useMemo)((()=>(null===F||void 0===F?void 0:F.premounting)??Boolean(h._remotionInternalIsPremounting)),[h._remotionInternalIsPremounting,null===F||void 0===F?void 0:F.premounting]),_=(0,o.useMemo)((()=>({cumulatedFrom:C,relativeFrom:r,durationInFrames:$,parentFrom:(null===F||void 0===F?void 0:F.relativeFrom)??0,id:v,height:u??(null===F||void 0===F?void 0:F.height)??null,width:d??(null===F||void 0===F?void 0:F.width)??null,premounting:A})),[C,r,$,F,v,u,d,A]),V=(0,o.useMemo)((()=>s??""),[s]);(0,o.useEffect)((()=>{if(l().isStudio)return N({from:r,duration:$,id:v,displayName:V,parent:(null===F||void 0===F?void 0:F.id)??null,type:"sequence",rootId:R,showInTimeline:c,nonce:x,loopDisplay:m,stack:f??null,premountDisplay:p??null}),()=>{M(v)}}),[i,v,s,N,V,M,null===F||void 0===F?void 0:F.id,$,R,r,c,x,m,f,p]);const D=Math.ceil(C+r+i-1),L=k<C+r||k>D?null:a,j="none"===h.layout?void 0:h.style,B=(0,o.useMemo)((()=>({flexDirection:void 0,...d?{width:d}:{},...u?{height:u}:{},...j??{}})),[u,j,d]);if(null!==t&&"none"===w)throw new TypeError('It is not supported to pass both a `ref` and `layout="none"` to <Sequence />.');return P[v]??!1?null:(0,n.jsx)(g.Provider,{value:_,children:null===L?null:"none"===h.layout?L:(0,n.jsx)(y,{ref:t,style:B,className:h.className,children:L})})})),oe=(0,o.forwardRef)(((e,t)=>{const r=ee();if("none"===e.layout)throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');const{style:i,from:a=0,premountFor:s=0,...u}=e,l=r<a&&r>=a-s,d=(0,o.useMemo)((()=>({...i,opacity:l?0:1,pointerEvents:l?"none":(null===i||void 0===i?void 0:i.pointerEvents)??void 0})),[l,i]);return(0,n.jsx)(te,{frame:a,active:l,children:(0,n.jsx)(ne,{ref:t,from:a,style:d,_remotionInternalPremountDisplay:s,_remotionInternalIsPremounting:l,...u})})})),ne=(0,o.forwardRef)(((e,t)=>"none"!==e.layout&&e.premountFor&&!l().isRendering?(0,n.jsx)(oe,{...e,ref:t}):(0,n.jsx)(re,{...e,ref:t}))),ie=(0,o.createContext)({registerRenderAsset:()=>{},unregisterRenderAsset:()=>{},renderAssets:[]}),ae=e=>"undefined"===typeof window?e:new URL(e,window.origin).href,se=e=>{let{endAt:t,mediaDuration:r,playbackRate:o,startFrom:n}=e,i=r;"undefined"!==typeof t&&(i=t),"undefined"!==typeof n&&(i-=n);const a=i/o;return Math.floor(a)};function ue(e){let t;throw(e=>e instanceof Error||null!==e&&"object"===typeof e&&"stack"in e&&"string"===typeof e.stack&&"message"in e&&"string"===typeof e.message)(e)?(t=e,t.stack||(t.stack=new Error(t.message).stack)):t="string"===typeof e?Error(e):Error("Rendering was cancelled"),window.remotion_cancelledError=t.stack,t}var le=(0,o.createContext)(null),de=e=>{let{durationInFrames:t,times:r=1/0,children:i,name:a,...s}=e;const u=ee(),{durationInFrames:l}=X();if(D(t,{component:"of the <Loop /> component",allowFloats:!0}),"number"!==typeof r)throw new TypeError(`You passed to "times" an argument of type ${typeof r}, but it must be a number.`);if(r!==1/0&&r%1!==0)throw new TypeError(`The "times" prop of a loop must be an integer, but got ${r}.`);if(r<0)throw new TypeError(`The "times" prop of a loop must be at least 0, but got ${r}`);const d=Math.ceil(l/t),c=Math.min(d,r),m="none"===s.layout?void 0:s.style,f=t*(c-1),p=Math.floor(u/t)*t,h=Math.min(p,f),w=(0,o.useMemo)((()=>({numberOfTimes:c,startOffset:-h,durationInFrames:t})),[c,t,h]),v=(0,o.useMemo)((()=>({iteration:Math.floor(u/t),durationInFrames:t})),[u,t]);return(0,n.jsx)(le.Provider,{value:v,children:(0,n.jsx)(ne,{durationInFrames:t,from:h,name:a??"<Loop>",_remotionInternalLoopDisplay:w,layout:s.layout,style:m,children:i})})};de.useLoop=()=>o.useContext(le);var ce=(0,o.createContext)({}),me=e=>(0,o.useContext)(ce)[e]??e,fe=(e,t)=>{if("number"!==typeof e.volume&&"function"!==typeof e.volume&&"undefined"!==typeof e.volume)throw new TypeError(`You have passed a volume of type ${typeof e.volume} to your <${t} /> component. Volume must be a number or a function with the signature '(frame: number) => number' undefined.`);if("number"===typeof e.volume&&e.volume<0)throw new TypeError(`You have passed a volume below 0 to your <${t} /> component. Volume must be between 0 and 1`);if("number"!==typeof e.playbackRate&&"undefined"!==typeof e.playbackRate)throw new TypeError(`You have passed a playbackRate of type ${typeof e.playbackRate} to your <${t} /> component. Playback rate must a real number or undefined.`);if("number"===typeof e.playbackRate&&(isNaN(e.playbackRate)||!Number.isFinite(e.playbackRate)||e.playbackRate<=0))throw new TypeError(`You have passed a playbackRate of ${e.playbackRate} to your <${t} /> component. Playback rate must be a real number above 0.`)},pe=(e,t)=>{if("undefined"!==typeof e){if("number"!==typeof e)throw new TypeError(`type of startFrom prop must be a number, instead got type ${typeof e}.`);if(isNaN(e)||e===1/0)throw new TypeError("startFrom prop can not be NaN or Infinity.");if(e<0)throw new TypeError(`startFrom must be greater than equal to 0 instead got ${e}.`)}if("undefined"!==typeof t){if("number"!==typeof t)throw new TypeError(`type of endAt prop must be a number, instead got type ${typeof t}.`);if(isNaN(t))throw new TypeError("endAt prop can not be NaN.");if(t<=0)throw new TypeError(`endAt must be a positive number, instead got ${t}.`)}if(t<e)throw new TypeError("endAt prop must be greater than startFrom prop.")},he=(0,o.createContext)({durations:{},setDurations:()=>{throw new Error("context missing")}});function we(e){let t=e+1831565813;return t=Math.imul(t^t>>>15,1|t),t^=t+Math.imul(t^t>>>7,61|t),((t^t>>>14)>>>0)/4294967296}var ve=(e,t)=>{if(void 0!==t)throw new TypeError("random() takes only one argument");if(null===e)return Math.random();if("string"===typeof e)return we(function(e){let t=0,r=0,o=0;for(t=0;t<e.length;t++)r=e.charCodeAt(t),o=(o<<5)-o+r,o|=0;return o}(e));if("number"===typeof e)return we(1e10*e);throw new Error("random() argument must be a number or a string")},ye=()=>{const e=(0,o.useContext)(g);return Math.min(0,(null===e||void 0===e?void 0:e.relativeFrom)??0)},ge=e=>{const t=de.useLoop(),r=ee(),o=ye();return"repeat"===e||null===t?r+o:r+o+t.durationInFrames*t.iteration},be=e=>{if(/data:|blob:/.test(e.substring(0,5)))return"Data URL";const t=e.split("/").map((e=>e.split("\\"))).flat(1);return t[t.length-1]},Ee=(e,t,r)=>{const{current:o}=e;if(!o)return;const n=o.play();n.catch&&n.catch((e=>{if(o&&!e.message.includes("request was interrupted by a call to pause")&&!e.message.includes("The operation was aborted.")&&!e.message.includes("The fetching process for the media resource was aborted by the user agent")&&!e.message.includes("request was interrupted by a new load request")&&!e.message.includes("because the media was removed from the document")&&(!e.message.includes("user didn't interact with the document")||!o.muted)&&(console.log(`Could not play ${t} due to following error: `,e),!o.muted)){if(r)return void r();console.log("The video will be muted and we'll retry playing it."),"video"===t&&l().isPlayer&&console.log("Use onAutoPlayError() to handle this error yourself."),o.muted=!0,o.play()}}))},Fe=e=>{let{frame:t,volume:r,mediaVolume:o=1,allowAmplificationDuringRender:n}=e;const i=n?1/0:1;if("number"===typeof r)return Math.min(i,r*o);if("undefined"===typeof r)return Number(o);const a=r(t)*o;if("number"!==typeof a)throw new TypeError(`You passed in a a function to the volume prop but it did not return a number but a value of type ${typeof a} for frame ${t}`);if(Number.isNaN(a))throw new TypeError(`You passed in a function to the volume prop but it returned NaN for frame ${t}.`);if(!Number.isFinite(a))throw new TypeError(`You passed in a function to the volume prop but it returned a non-finite number for frame ${t}.`);return Math.max(0,Math.min(i,a))},Te={},Re=e=>{let{volume:t,mediaVolume:r,mediaRef:n,src:i,mediaType:a,playbackRate:s,displayName:u,id:d,stack:c,showInTimeline:m,premountDisplay:f,onAutoPlayError:p,isPremounting:h}=e;const w=X(),{rootId:v,audioAndVideoTags:y}=(0,o.useContext)(O),E=(0,o.useContext)(g),F=E?E.relativeFrom+E.cumulatedFrom:0,{imperativePlaying:R}=(0,o.useContext)(O),C=ye(),{registerSequence:x,unregisterSequence:k}=(0,o.useContext)(b),[I]=(0,o.useState)((()=>t)),S=T(),$=E?Math.min(E.durationInFrames,w.durationInFrames):w.durationInFrames,N="function"===typeof t,M=(0,o.useMemo)((()=>"number"===typeof t?t:new Array(Math.floor(Math.max(0,$+C))).fill(!0).map(((e,o)=>Fe({frame:o+C,volume:t,mediaVolume:r,allowAmplificationDuringRender:!1}))).join(",")),[$,C,t,r]);(0,o.useEffect)((()=>{var e;"number"===typeof t&&t!==I&&(Te[e=`Remotion: The ${a} with src ${i} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/using-audio/#controlling-volume`]||(console.warn(e),Te[e]=!0))}),[I,a,i,t]),(0,o.useEffect)((()=>{var e,t;if(n.current){if(!i)throw new Error("No src passed");if((l().isStudio||"test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))&&m)return x({type:a,src:i,id:d,duration:$,from:0,parent:(null===E||void 0===E?void 0:E.id)??null,displayName:u??be(i),rootId:v,volume:M,showInTimeline:!0,nonce:S,startMediaFrom:0-C,doesVolumeChange:N,loopDisplay:void 0,playbackRate:s,stack:c,premountDisplay:f}),()=>{k(d)}}}),[F,$,d,E,i,x,v,k,w,M,N,S,n,a,C,s,u,c,m,f]),(0,o.useEffect)((()=>{const e={id:d,play:()=>{if(R.current&&!h)return Ee(n,a,p)}};return y.current.push(e),()=>{y.current=y.current.filter((e=>e.id!==d))}}),[y,d,n,a,p,R,h])},Ce=o.createContext(null),xe=()=>{const e=(0,o.useContext)(Ce),t=e?e.addBlock:null;return(0,o.useMemo)((()=>({delayPlayback:()=>{if(!t)throw new Error("Tried to enable the buffering state, but a Remotion context was not found. This API can only be called in a component that was passed to the Remotion Player or a <Composition>. Or you might have experienced a version mismatch - run `npx remotion versions` and ensure all packages have the same version. This error is thrown by the buffer state https://remotion.dev/docs/player/buffer-state");const{unblock:e}=t({id:String(Math.random())});return{unblock:e}}})),[t])};function ke(e,t){if(t.length<2)throw new Error(e+" must have at least 2 elements");for(const r of t){if("number"!==typeof r)throw new Error(`${e} must contain only numbers`);if(!Number.isFinite(r))throw new Error(`${e} must contain only finite numbers, but got [${t.join(",")}]`)}}function Ie(e,t,r,o){if("undefined"===typeof e)throw new Error("input can not be undefined");if("undefined"===typeof t)throw new Error("inputRange can not be undefined");if("undefined"===typeof r)throw new Error("outputRange can not be undefined");if(t.length!==r.length)throw new Error("inputRange ("+t.length+") and outputRange ("+r.length+") must have the same length");ke("inputRange",t),ke("outputRange",r),function(e){for(let t=1;t<e.length;++t)if(!(e[t]>e[t-1]))throw new Error(`inputRange must be strictly monotonically increasing but got [${e.join(",")}]`)}(t);const n=(null===o||void 0===o?void 0:o.easing)??(e=>e);let i="extend";void 0!==(null===o||void 0===o?void 0:o.extrapolateLeft)&&(i=o.extrapolateLeft);let a="extend";if(void 0!==(null===o||void 0===o?void 0:o.extrapolateRight)&&(a=o.extrapolateRight),"number"!==typeof e)throw new TypeError("Cannot interpolate an input which is not a number");const s=function(e,t){let r;for(r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}(e,t);return function(e,t,r,o){const{extrapolateLeft:n,extrapolateRight:i,easing:a}=o;let s=e;const[u,l]=t,[d,c]=r;if(s<u){if("identity"===n)return s;if("clamp"===n)s=u;else if("wrap"===n){const e=l-u;s=((s-u)%e+e)%e+u}}if(s>l){if("identity"===i)return s;if("clamp"===i)s=l;else if("wrap"===i){const e=l-u;s=((s-u)%e+e)%e+u}}return d===c?d:(s=(s-u)/(l-u),s=a(s),s=s*(c-d)+d,s)}(e,[t[s],t[s+1]],[r[s],r[s+1]],{easing:n,extrapolateLeft:i,extrapolateRight:a})}var Se=e=>{let{frame:t,playbackRate:r,startFrom:o}=e;return Ie(t,[-1,o,o+1],[-1,o,o+r])},$e=e=>{let{fps:t,frame:r,playbackRate:o,startFrom:n}=e;return Se({frame:r,playbackRate:o,startFrom:n})*(1e3/t)/1e3},Ne=(e,t)=>Math.round(e/t*100)/100,Me=()=>{if("undefined"===typeof window)return!1;const e=/iP(ad|od|hone)/i.test(window.navigator.userAgent),t=/AppleWebKit/.test(window.navigator.userAgent);return e&&t},Pe=e=>{let{actualFrom:t,fps:r}=e;return Ne(Math.max(0,-t),r)},Ae=e=>{let{duration:t,fps:r}=e;return Ne(t,r)},_e=e=>{let{actualSrc:t,actualFrom:r,duration:o,fps:n}=e;if((e=>Me()&&e.startsWith("blob:"))(t))return t;if(t.startsWith("data:"))return t;if(Boolean(new URL(t,("undefined"===typeof window?null:window.location.href)??"http://localhost:3000").hash))return t;if(!Number.isFinite(r))return t;const i=`${t}#t=${Pe({actualFrom:r,fps:n})}`;return Number.isFinite(o)?`${i},${Ae({duration:o,fps:n})}`:i},Ve=e=>{let{actualSrc:t,actualFrom:r,duration:n,fps:i}=e;const a=(0,o.useRef)(r),s=(0,o.useRef)(n),u=(0,o.useRef)(t);(e=>{let{prevStartFrom:t,newStartFrom:r,prevDuration:o,newDuration:n,fps:i}=e;const a=Pe({actualFrom:t,fps:i}),s=Pe({actualFrom:r,fps:i}),u=Ae({duration:o,fps:i}),l=Ae({duration:n,fps:i});return!(s<a)&&!(l>u)})({prevStartFrom:a.current,newStartFrom:r,prevDuration:s.current,newDuration:n,fps:i})&&t===u.current||(a.current=r,s.current=n,u.current=t);return _e({actualSrc:u.current,actualFrom:a.current,duration:s.current,fps:i})},De={},Le=.45,je=(e,t)=>{if(!e.current)return;const r=Me()?Number(t.toFixed(1)):t;e.current.currentTime=r},Be=e=>{let{mediaRef:t,src:r,mediaType:n,playbackRate:i,onlyWarnForMediaSeekingError:a,acceptableTimeshift:s,pauseWhenBuffering:u,isPremounting:l,debugSeeking:d,onAutoPlayError:c}=e;const{playbackRate:m}=(0,o.useContext)(O),f=ee(),p=J(),[h]=K(),w=(0,o.useContext)(Ce),{fps:v}=X(),y=ye(),g=(0,o.useRef)(null),b=(0,o.useRef)(null);if(!w)throw new Error("useMediaPlayback must be used inside a <BufferingContext>");const E=(0,o.useRef)({}),F=(0,o.useCallback)((()=>{r&&(d&&console.log(`Detected ${r} as a variable FPS video. Disabling buffering while seeking.`),E.current[r]=!0)}),[d,r]),T=(e=>{let{mediaRef:t,mediaType:r,lastSeek:n,onVariableFpsVideoDetected:i}=e;const a=(0,o.useRef)(null);return(0,o.useEffect)((()=>{const{current:e}=t;if(!e)return void(a.current=null);if(a.current=e.currentTime,"video"!==r)return void(a.current=null);const o=e;if(!o.requestVideoFrameCallback)return;let s=()=>{};const u=()=>{if(!o)return;const e=o.requestVideoFrameCallback(((e,t)=>{if(null!==a.current){const e=Math.abs(a.current-t.mediaTime),r=Math.abs(null===n.current?1/0:t.mediaTime-n.current);e>.5&&r>.5&&t.mediaTime>a.current&&i()}a.current=t.mediaTime,u()}));s=()=>{o.cancelVideoFrameCallback(e),s=()=>{}}};return u(),()=>{s()}}),[n,t,r,i]),a})({mediaRef:t,mediaType:n,lastSeek:b,onVariableFpsVideoDetected:F}),R=$e({frame:f,playbackRate:i,startFrom:-y,fps:v}),C=(e=>{let{element:t,shouldBuffer:r,isPremounting:n}=e;const i=xe(),[a,s]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{let e=[];const{current:o}=t;if(!o)return;if(!r)return;if(n)return void(o.readyState<o.HAVE_FUTURE_DATA&&(navigator.userAgent.includes("Firefox/")||o.load()));const a=()=>{e.forEach((e=>e())),e=[],s(!1)},u=()=>{s(!0);const{unblock:t}=i.delayPlayback(),r=()=>{a(),l()},n=()=>{a(),l()};o.addEventListener("canplay",r,{once:!0}),e.push((()=>{o.removeEventListener("canplay",r)})),o.addEventListener("error",n,{once:!0}),e.push((()=>{o.removeEventListener("error",n)})),e.push((()=>{t()}))},l=()=>{o.readyState<o.HAVE_FUTURE_DATA?(u(),navigator.userAgent.includes("Firefox/")||o.load()):(o.addEventListener("waiting",u),e.push((()=>{o.removeEventListener("waiting",u)})))};return l(),()=>{a()}}),[i,t,n,r]),a})({element:t,shouldBuffer:u,isPremounting:l}),{bufferUntilFirstFrame:x,isBuffering:k}=(e=>{let{mediaRef:t,mediaType:r,onVariableFpsVideoDetected:n,pauseWhenBuffering:i}=e;const a=(0,o.useRef)(!1),{delayPlayback:s}=xe(),u=(0,o.useCallback)((e=>{if("video"!==r)return;if(!i)return;const o=t.current;if(!o)return;if(!o.requestVideoFrameCallback)return;a.current=!0;const u=s(),l=()=>{u.unblock(),o.removeEventListener("ended",l,{once:!0}),o.removeEventListener("pause",l,{once:!0}),a.current=!1},d=()=>{l()};o.requestVideoFrameCallback(((t,r)=>{Math.abs(r.mediaTime-e)>.5&&n(),l()})),o.addEventListener("ended",d,{once:!0}),o.addEventListener("pause",d,{once:!0}),o.addEventListener("canplay",d,{once:!0})}),[s,t,r,n,i]);return(0,o.useMemo)((()=>({isBuffering:()=>a.current,bufferUntilFirstFrame:u})),[u])})({mediaRef:t,mediaType:n,onVariableFpsVideoDetected:F,pauseWhenBuffering:u}),I=i*m,S=null!==($=t.current)&&void 0!==$&&$.duration?Math.min(t.current.duration,s??Le):s;var $;const N=(e=>{const[t,r]=(0,o.useState)(e.buffering.current);return(0,o.useEffect)((()=>(e.listenForBuffering((()=>{r(!0)})),e.listenForResume((()=>{r(!1)})),()=>{e.listenForBuffering((()=>{})),e.listenForResume((()=>{}))})),[e]),t})(w);(0,o.useEffect)((()=>{var e;if(!h)return void(null===(e=t.current)||void 0===e||e.pause());const r=C||k();var o;N&&!r&&(null===(o=t.current)||void 0===o||o.pause())}),[k,C,N,t,h]),(0,o.useEffect)((()=>{const e="audio"===n?"<Audio>":"<Video>";if(!t.current)throw new Error(`No ${n} ref found`);if(!r)throw new Error(`No 'src' attribute was passed to the ${e} element.`);const o=Math.max(0,I);t.current.playbackRate!==o&&(t.current.playbackRate=o);const{duration:i}=t.current,s=!Number.isNaN(i)&&Number.isFinite(i)?Math.min(i,R):R,u=t.current.currentTime,l=T.current??null,m=E.current[r],f=Math.abs(s-u),v=l?Math.abs(s-l):null,y=v&&!m?v:f;if(d&&console.log({mediaTagTime:u,rvcTime:l,shouldBeTime:s,state:t.current.readyState,playing:!t.current.paused,isVariableFpsVideo:m}),y>S&&g.current!==s)return d&&console.log("Seeking",{shouldBeTime:s,isTime:u,rvcTime:l,timeShift:y,isVariableFpsVideo:m}),je(t,s),b.current=s,g.current=s,h&&!m&&(I>0&&x(s),t.current.paused&&Ee(t,n,c)),void(a||((e,t)=>{if(null===e)return;if(0===e.seekable.length)return;if(e.seekable.length>1)return;if(De[e.src])return;const r=e.seekable.start(0),o=e.seekable.end(0);if(0===r&&0===o){const r=[`The media ${e.src} cannot be seeked. This could be one of few reasons:`,"1) The media resource was replaced while the video is playing but it was not loaded yet.","2) The media does not support seeking.","3) The media was loaded with security headers prventing it from being included.","Please see https://remotion.dev/docs/non-seekable-media for assistance."].join("\n");if("console-error"===t)console.error(r);else{if("console-warning"!==t)throw new Error(r);console.warn(`The media ${e.src} does not support seeking. The video will render fine, but may not play correctly in the Remotion Studio and in the <Player>. See https://remotion.dev/docs/non-seekable-media for an explanation.`)}De[e.src]=!0}})(t.current,a?"console-warning":"console-error"));const F=h?.15:1e-5,$=Math.abs(t.current.currentTime-s)>F,N=C||k(),M=w.buffering.current&&!N;h&&!M?(t.current.paused&&!t.current.ended||0===p)&&($&&(je(t,s),b.current=s),Ee(t,n,c),m||I>0&&x(s)):$&&(je(t,s),b.current=s)}),[p,S,x,w.buffering,T,d,R,k,C,t,n,a,I,h,r,c])},We=e=>{const[t,r]=(0,o.useState)(1);return(0,o.useEffect)((()=>{const t=e.current;if(!t)return;const o=()=>{r(t.volume)};return t.addEventListener("volumechange",o),()=>t.removeEventListener("volumechange",o)}),[e]),(0,o.useEffect)((()=>{const o=e.current;o&&o.volume!==t&&r(o.volume)}),[t,e]),t},qe=(e,t)=>Math.abs(e-t)<1e-5,Oe=e=>{let{volumePropFrame:t,actualVolume:r,volume:n,mediaVolume:i,mediaRef:a}=e;(0,o.useEffect)((()=>{const e=Fe({frame:t,volume:n,mediaVolume:i,allowAmplificationDuringRender:!1});!qe(e,r)&&a.current&&(a.current.volume=e)}),[r,t,a,n,i])},ze=(0,o.createContext)({mediaMuted:!1,mediaVolume:1}),Ue=(0,o.createContext)({setMediaMuted:()=>{throw new Error("default")},setMediaVolume:()=>{throw new Error("default")}}),Ye=()=>{const{mediaVolume:e}=(0,o.useContext)(ze),{setMediaVolume:t}=(0,o.useContext)(Ue);return(0,o.useMemo)((()=>[e,t]),[e,t])},He=()=>{const{mediaMuted:e}=(0,o.useContext)(ze),{setMediaMuted:t}=(0,o.useContext)(Ue);return(0,o.useMemo)((()=>[e,t]),[e,t])},Je=(0,o.createContext)(null),Ge=(0,o.forwardRef)(((e,t)=>{const[r]=(0,o.useState)(e.shouldPreMountAudioTags);if(e.shouldPreMountAudioTags!==r)throw new Error("Cannot change the behavior for pre-mounting audio tags dynamically.");const{volume:i,muted:a,playbackRate:s,shouldPreMountAudioTags:u,src:l,onDuration:d,acceptableTimeShiftInSeconds:c,_remotionInternalNeedsDurationCalculation:m,_remotionInternalNativeLoopPassed:f,_remotionInternalStack:p,_remotionDebugSeeking:h,allowAmplificationDuringRender:w,name:v,pauseWhenBuffering:y,showInTimeline:b,loopVolumeCurveBehavior:F,stack:T,...R}=e,[C]=Ye(),[x]=He(),k=ge(F??"repeat"),{hidden:I}=(0,o.useContext)(E);if(!l)throw new TypeError("No 'src' was passed to <Audio>.");const S=me(l),$=(0,o.useContext)(g),[N]=(0,o.useState)((()=>String(Math.random()))),M=I[N]??!1,P=Fe({frame:k,volume:i,mediaVolume:C,allowAmplificationDuringRender:!1}),A=(0,o.useMemo)((()=>({muted:a||x||M||P<=0,src:S,loop:f,...R})),[f,M,x,a,R,S,P]),_=((e,t)=>{const r=(0,o.useContext)(Je),[n]=(0,o.useState)((()=>r&&r.numberOfAudioTags>0?r.registerAudio(e,t):{el:o.createRef(),id:Math.random(),props:e,audioId:t})),i=o.useInsertionEffect??o.useLayoutEffect;return"undefined"!==typeof document&&(i((()=>{r&&r.numberOfAudioTags>0&&r.updateAudio({id:n.id,aud:e,audioId:t})}),[e,r,n.id,t]),i((()=>()=>{r&&r.numberOfAudioTags>0&&r.unregisterAudio(n.id)}),[r,n.id])),n})(A,(0,o.useMemo)((()=>`audio-${ve(l??"")}-${null===$||void 0===$?void 0:$.relativeFrom}-${null===$||void 0===$?void 0:$.cumulatedFrom}-${null===$||void 0===$?void 0:$.durationInFrames}-muted:${e.muted}-loop:${e.loop}`),[l,null===$||void 0===$?void 0:$.relativeFrom,null===$||void 0===$?void 0:$.cumulatedFrom,null===$||void 0===$?void 0:$.durationInFrames,e.muted,e.loop])).el,V=We(_);Oe({volumePropFrame:k,actualVolume:V,volume:i,mediaVolume:C,mediaRef:_}),Re({volume:i,mediaVolume:C,mediaRef:_,src:l,mediaType:"audio",playbackRate:s??1,displayName:v??null,id:N,stack:p,showInTimeline:b,premountDisplay:null,onAutoPlayError:null,isPremounting:Boolean(null===$||void 0===$?void 0:$.premounting)}),Be({mediaRef:_,src:l,mediaType:"audio",playbackRate:s??1,onlyWarnForMediaSeekingError:!1,acceptableTimeshift:c??Le,isPremounting:Boolean(null===$||void 0===$?void 0:$.premounting),pauseWhenBuffering:y,debugSeeking:h,onAutoPlayError:null}),(0,o.useImperativeHandle)(t,(()=>_.current),[_]);const D=(0,o.useRef)(d);return D.current=d,(0,o.useEffect)((()=>{const{current:e}=_;if(!e)return;var t;if(e.duration)return void(null===(t=D.current)||void 0===t||t.call(D,e.src,e.duration));const r=()=>{var t;null===(t=D.current)||void 0===t||t.call(D,e.src,e.duration)};return e.addEventListener("loadedmetadata",r),()=>{e.removeEventListener("loadedmetadata",r)}}),[_,l]),r?null:(0,n.jsx)("audio",{ref:_,preload:"metadata",...A})}));"undefined"!==typeof window&&(window.remotion_renderReady=!1);var Ke=[];"undefined"!==typeof window&&(window.remotion_delayRenderTimeouts={});var Ze="The delayRender was called:",Qe=(e,t)=>{var r;if("string"!==typeof e&&"undefined"!==typeof e)throw new Error("The label parameter of delayRender() must be a string or undefined, got: "+JSON.stringify(e));const o=Math.random();Ke.push(o);const n=(null===(r=Error().stack)||void 0===r?void 0:r.replace(/^Error/g,""))??"";if(l().isRendering){const r=((null===t||void 0===t?void 0:t.timeoutInMilliseconds)??("undefined"===typeof window?3e4:window.remotion_puppeteerTimeout??3e4))-2e3;if("undefined"!==typeof window){const i=((null===t||void 0===t?void 0:t.retries)??0)-(window.remotion_attempt-1);window.remotion_delayRenderTimeouts[o]={label:e??null,timeout:setTimeout((()=>{const t=["A delayRender()",e?`"${e}"`:null,`was called but not cleared after ${r}ms. See https://remotion.dev/docs/timeout for help.`,i>0?"Retries left: "+i:null,i>0?"- Rendering the frame will be retried.":null,Ze,n].filter(w).join(" ");ue(Error(t))}),r)}}}return"undefined"!==typeof window&&(window.remotion_renderReady=!1),o},Xe=e=>{if("undefined"===typeof e)throw new TypeError("The continueRender() method must be called with a parameter that is the return value of delayRender(). No value was passed.");if("number"!==typeof e)throw new TypeError("The parameter passed into continueRender() must be the return value of delayRender() which is a number. Got: "+JSON.stringify(e));0===(Ke=Ke.filter((t=>t!==e||(l().isRendering&&(clearTimeout(window.remotion_delayRenderTimeouts[e].timeout),delete window.remotion_delayRenderTimeouts[e]),!1)))).length&&"undefined"!==typeof window&&(window.remotion_renderReady=!0)},et=(0,o.forwardRef)(((e,t)=>{const r=(0,o.useRef)(null),{volume:i,playbackRate:a,allowAmplificationDuringRender:s,onDuration:u,toneFrequency:l,_remotionInternalNeedsDurationCalculation:d,_remotionInternalNativeLoopPassed:c,acceptableTimeShiftInSeconds:m,name:f,onError:p,delayRenderRetries:h,delayRenderTimeoutInMilliseconds:w,loopVolumeCurveBehavior:v,pauseWhenBuffering:y,...b}=e,E=J(),F=ge(v??"repeat"),T=ee(),R=(0,o.useContext)(g),{registerRenderAsset:C,unregisterRenderAsset:x}=(0,o.useContext)(ie),k=(0,o.useMemo)((()=>`audio-${ve(e.src??"")}-${null===R||void 0===R?void 0:R.relativeFrom}-${null===R||void 0===R?void 0:R.cumulatedFrom}-${null===R||void 0===R?void 0:R.durationInFrames}`),[e.src,null===R||void 0===R?void 0:R.relativeFrom,null===R||void 0===R?void 0:R.cumulatedFrom,null===R||void 0===R?void 0:R.durationInFrames]),I=Fe({volume:i,frame:F,mediaVolume:1,allowAmplificationDuringRender:s??!1});(0,o.useImperativeHandle)(t,(()=>r.current),[]),(0,o.useEffect)((()=>{if(!e.src)throw new Error("No src passed");if(window.remotion_audioEnabled&&!e.muted&&!(I<=0))return C({type:"audio",src:ae(e.src),id:k,frame:E,volume:I,mediaFrame:T,playbackRate:e.playbackRate??1,allowAmplificationDuringRender:s??!1,toneFrequency:l??null,audioStartFrame:Math.max(0,-((null===R||void 0===R?void 0:R.relativeFrom)??0))}),()=>x(k)}),[e.muted,e.src,C,E,k,x,I,F,T,a,e.playbackRate,s,l,null===R||void 0===R?void 0:R.relativeFrom]);const{src:S}=e,$=t||d;return(0,o.useLayoutEffect)((()=>{var e,t;if("test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))return;if(!$)return;const o=Qe("Loading <Audio> duration with src="+S,{retries:h??void 0,timeoutInMilliseconds:w??void 0}),{current:n}=r,i=()=>{null!==n&&void 0!==n&&n.duration&&u(n.src,n.duration),Xe(o)};return null!==n&&void 0!==n&&n.duration?(u(n.src,n.duration),Xe(o)):null===n||void 0===n||n.addEventListener("loadedmetadata",i,{once:!0}),()=>{null===n||void 0===n||n.removeEventListener("loadedmetadata",i),Xe(o)}}),[S,u,$,h,w]),$?(0,n.jsx)("audio",{ref:r,...b}):null})),tt=(0,o.forwardRef)(((e,t)=>{const r=(0,o.useContext)(Je),{startFrom:i,endAt:a,name:s,stack:u,pauseWhenBuffering:d,showInTimeline:c,_remotionDebugSeeking:m,...f}=e,{loop:p,...h}=e,{fps:w}=X(),v=l(),{durations:y,setDurations:g}=(0,o.useContext)(he);if("string"!==typeof e.src)throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(e.src)} instead.`);const b=me(e.src),E=(0,o.useCallback)((e=>{console.log(e.currentTarget.error);const t=`Could not play audio with src ${b}: ${e.currentTarget.error}. See https://remotion.dev/docs/media-playback-error for help.`;p?ue(new Error(t)):console.warn(t)}),[p,b]),F=(0,o.useCallback)(((e,t)=>{g({type:"got-duration",durationInSeconds:t,src:e})}),[g]),T=y[ae(b)]??y[ae(e.src)];if(p&&void 0!==T){if(!Number.isFinite(T))return(0,n.jsx)(tt,{...h,ref:t,_remotionInternalNativeLoopPassed:!0});const r=T*w;return(0,n.jsx)(de,{layout:"none",durationInFrames:se({endAt:a,mediaDuration:r,playbackRate:e.playbackRate??1,startFrom:i}),children:(0,n.jsx)(tt,{...h,ref:t,_remotionInternalNativeLoopPassed:!0})})}if("undefined"!==typeof i||"undefined"!==typeof a){pe(i,a);const e=i??0,r=a??1/0;return(0,n.jsx)(ne,{layout:"none",from:0-e,showInTimeline:!1,durationInFrames:r,name:s,children:(0,n.jsx)(tt,{_remotionInternalNeedsDurationCalculation:Boolean(p),pauseWhenBuffering:d??!1,...f,ref:t})})}return fe(e,"Audio"),v.isRendering?(0,n.jsx)(et,{onDuration:F,...e,ref:t,onError:E,_remotionInternalNeedsDurationCalculation:Boolean(p)}):(0,n.jsx)(Ge,{_remotionInternalNativeLoopPassed:e._remotionInternalNativeLoopPassed??!1,_remotionDebugSeeking:m??!1,_remotionInternalStack:u??null,shouldPreMountAudioTags:null!==r&&r.numberOfAudioTags>0,...e,ref:t,onError:E,onDuration:F,pauseWhenBuffering:d??!1,_remotionInternalNeedsDurationCalculation:Boolean(p),showInTimeline:c??!0})}));f(tt);(0,o.createContext)({folderName:null,parentName:null}),String(/^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g),o.createRef();(0,o.forwardRef)(((e,t)=>{let{onLoad:r,onError:i,delayRenderRetries:a,delayRenderTimeoutInMilliseconds:s,...u}=e;const[l]=(0,o.useState)((()=>Qe(`Loading <IFrame> with source ${u.src}`,{retries:a??void 0,timeoutInMilliseconds:s??void 0}))),d=(0,o.useCallback)((e=>{Xe(l),null===r||void 0===r||r(e)}),[l,r]),c=(0,o.useCallback)((e=>{Xe(l),i?i(e):console.error("Error loading iframe:",e,"Handle the event using the onError() prop to make this message disappear.")}),[l,i]);return(0,n.jsx)("iframe",{...u,ref:t,onError:c,onLoad:d})}));(0,o.forwardRef)(((e,t)=>{let{onError:r,maxRetries:i=2,src:a,pauseWhenLoading:s,delayRenderRetries:u,delayRenderTimeoutInMilliseconds:l,onImageFrame:d,...c}=e;const m=(0,o.useRef)(null),f=(0,o.useRef)({}),{delayPlayback:p}=xe(),h=(0,o.useContext)(g);if(!a)throw new Error('No "src" prop was passed to <Img>.');(0,o.useImperativeHandle)(t,(()=>m.current),[]);const w=me(a),v=(0,o.useCallback)((e=>{if(!m.current)return;const t=m.current.src;setTimeout((()=>{var e;if(!m.current)return;const r=null===(e=m.current)||void 0===e?void 0:e.src;r===t&&(m.current.removeAttribute("src"),m.current.setAttribute("src",r))}),e)}),[]),y=(0,o.useCallback)((e=>{var t,o,n,a,s;if(f.current)if(f.current[null===(t=m.current)||void 0===t?void 0:t.src]=(f.current[null===(o=m.current)||void 0===o?void 0:o.src]??0)+1,r&&(f.current[null===(n=m.current)||void 0===n?void 0:n.src]??0)>i)r(e);else{if((f.current[null===(a=m.current)||void 0===a?void 0:a.src]??0)<=i){var u,l;const e=1e3*2**((f.current[null===(u=m.current)||void 0===u?void 0:u.src]??0)-1);return console.warn(`Could not load image with source ${null===(l=m.current)||void 0===l?void 0:l.src}, retrying again in ${e}ms`),void v(e)}ue("Error loading image with src: "+(null===(s=m.current)||void 0===s?void 0:s.src))}}),[i,r,v]);if("undefined"!==typeof window){const e=Boolean(null===h||void 0===h?void 0:h.premounting);(0,o.useLayoutEffect)((()=>{var t,r;if("test"===(null===(t=window.process)||void 0===t||null===(r=t.env)||void 0===r?void 0:r.NODE_ENV))return void(m.current&&(m.current.src=w));const{current:o}=m;if(!o)return;const n=Qe("Loading <Img> with src="+w,{retries:u??void 0,timeoutInMilliseconds:l??void 0}),i=s&&!e?p().unblock:()=>{};let a=!1;const c=()=>{var e;if(a)Xe(n);else{var t,r;if((f.current[null===(e=m.current)||void 0===e?void 0:e.src]??0)>0)delete f.current[null===(t=m.current)||void 0===t?void 0:t.src],console.info(`Retry successful - ${null===(r=m.current)||void 0===r?void 0:r.src} is now loaded`);o&&(null===d||void 0===d||d(o)),i(),Xe(n)}};if(m.current)return o.src=w,o.complete?c():o.decode().then(c).catch((e=>{console.warn(e),o.complete?c():o.addEventListener("load",c)})),()=>{a=!0,o.removeEventListener("load",c),i(),Xe(n)};c()}),[w,p,u,l,s,e,d])}return(0,n.jsx)("img",{...c,ref:m,onError:y})}));var rt={};a(rt,{makeDefaultPreviewCSS:()=>at,injectCSS:()=>nt,OFFTHREAD_VIDEO_CLASS_NAME:()=>it});var ot={},nt=e=>{if("undefined"===typeof document)return;if(ot[e])return;const t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.appendChild(document.createTextNode(e)),t.prepend(r),ot[e]=!0},it="__remotion_offthreadvideo",at=(e,t)=>e?`\n    ${e} * {\n      box-sizing: border-box;\n    }\n    ${e} *:-webkit-full-screen {\n      width: 100%;\n      height: 100%;\n    }\n    ${e} .${it} {\n      object-fit: contain;\n    }\n  `:`\n    * {\n      box-sizing: border-box;\n    }\n    body {\n      margin: 0;\n\t    background-color: ${t};\n    }\n    .${it} {\n      object-fit: contain;\n    }\n    `;o.createContext(null),(0,o.createContext)({setSize:()=>{},size:{size:"auto",translation:{x:0,y:0}}});var st=(0,o.createContext)(!1),ut=e=>{let{children:t}=e;return(0,n.jsx)(st.Provider,{value:!1,children:t})},lt=(0,o.forwardRef)(((e,t)=>{let{children:r}=e;return(()=>{if(!o.useContext(st))throw new Error("This component must be inside a <Series /> component.")})(),(0,n.jsx)(ut,{children:r})}));f(lt);new Map;var dt=(0,o.forwardRef)(((e,t)=>{const r=(0,o.useRef)(null),{volume:i,muted:a,playbackRate:s,onlyWarnForMediaSeekingError:u,src:l,onDuration:d,acceptableTimeShift:c,acceptableTimeShiftInSeconds:m,toneFrequency:f,name:p,_remotionInternalNativeLoopPassed:h,_remotionInternalStack:w,_remotionDebugSeeking:v,style:y,pauseWhenBuffering:b,showInTimeline:F,loopVolumeCurveBehavior:T,onError:R,onAutoPlayError:C,onVideoFrame:x,crossOrigin:k,...I}=e,S=ge(T??"repeat"),{fps:$,durationInFrames:N}=X(),M=(0,o.useContext)(g),{hidden:P}=(0,o.useContext)(E),[A]=(0,o.useState)((()=>String(Math.random()))),_=P[A]??!1;if("undefined"!==typeof c)throw new Error("acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.");const V=We(r),[D]=Ye(),[L]=He();Re({mediaRef:r,volume:i,mediaVolume:D,mediaType:"video",src:l,playbackRate:e.playbackRate??1,displayName:p??null,id:A,stack:w,showInTimeline:F,premountDisplay:null,onAutoPlayError:C??null,isPremounting:Boolean(null===M||void 0===M?void 0:M.premounting)}),Oe({volumePropFrame:S,actualVolume:V,volume:i,mediaVolume:D,mediaRef:r}),Be({mediaRef:r,src:l,mediaType:"video",playbackRate:e.playbackRate??1,onlyWarnForMediaSeekingError:u,acceptableTimeshift:m??Le,isPremounting:Boolean(null===M||void 0===M?void 0:M.premounting),pauseWhenBuffering:b,debugSeeking:v,onAutoPlayError:C??null});const j=M?M.relativeFrom:0,B=M?Math.min(M.durationInFrames,N):N,W=Ve({actualSrc:me(l),actualFrom:j,duration:B,fps:$});(0,o.useImperativeHandle)(t,(()=>r.current),[]),(0,o.useEffect)((()=>{const{current:e}=r;if(!e)return;const t=()=>{if(e.error){var t;if(console.error("Error occurred in video",null===e||void 0===e?void 0:e.error),R){const t=new Error(`Code ${e.error.code}: ${e.error.message}`);return void R(t)}throw new Error(`The browser threw an error while playing the video ${l}: Code ${e.error.code} - ${null===e||void 0===e||null===(t=e.error)||void 0===t?void 0:t.message}. See https://remotion.dev/docs/media-playback-error for help. Pass an onError() prop to handle the error.`)}if(!R)throw new Error("The browser threw an error while playing the video");{const e=new Error(`The browser threw an error while playing the video ${l}`);R(e)}};return e.addEventListener("error",t,{once:!0}),()=>{e.removeEventListener("error",t)}}),[R,l]);const q=(0,o.useRef)(d);q.current=d,(e=>{let{ref:t,onVideoFrame:r}=e;(0,o.useEffect)((()=>{const{current:e}=t;if(!e)return;if(!r)return;let o=0;const n=()=>{t.current&&(r(t.current),o=t.current.requestVideoFrameCallback(n))};return n(),()=>{e.cancelVideoFrameCallback(o)}}),[r,t])})({ref:r,onVideoFrame:x}),(0,o.useEffect)((()=>{const{current:e}=r;if(!e)return;var t;if(e.duration)return void(null===(t=q.current)||void 0===t||t.call(q,l,e.duration));const o=()=>{var t;null===(t=q.current)||void 0===t||t.call(q,l,e.duration)};return e.addEventListener("loadedmetadata",o),()=>{e.removeEventListener("loadedmetadata",o)}}),[l]),(0,o.useEffect)((()=>{const{current:e}=r;e&&(Me()?e.preload="metadata":e.preload="auto")}),[]);const O=(0,o.useMemo)((()=>({...y,opacity:_?0:(null===y||void 0===y?void 0:y.opacity)??1})),[_,y]),z=k??(x?"anonymous":void 0);return(0,n.jsx)("video",{ref:r,muted:a||L,playsInline:!0,src:W,loop:h,style:O,disableRemotePlayback:!0,crossOrigin:z,...I})})),ct=e=>Math.round(1e5*e)/1e5,mt=(e,t)=>{if(qe(e.currentTime,t))return{wait:Promise.resolve(t),cancel:()=>{}};let r;e.currentTime=t;let o=null;const n=new Promise((t=>{r=e.requestVideoFrameCallback(((e,r)=>{const o=r.expectedDisplayTime-e;o<=0?t(r.mediaTime):setTimeout((()=>{t(r.mediaTime)}),o+150)}))})),i=new Promise((t=>{const r=()=>{t()};e.addEventListener("seeked",r,{once:!0}),o=()=>{e.removeEventListener("seeked",r)}}));return{wait:Promise.all([n,i]).then((e=>{let[t]=e;return t})),cancel:()=>{var t;null===(t=o)||void 0===t||t(),e.cancelVideoFrameCallback(r)}}},ft=(0,o.forwardRef)(((e,t)=>{let{onError:r,volume:i,allowAmplificationDuringRender:a,playbackRate:s,onDuration:u,toneFrequency:d,name:c,acceptableTimeShiftInSeconds:m,delayRenderRetries:f,delayRenderTimeoutInMilliseconds:p,loopVolumeCurveBehavior:h,...w}=e;const v=J(),y=ee(),b=ge(h??"repeat"),E=Q(),F=(0,o.useRef)(null),T=(0,o.useContext)(g),R=ye(),C=l(),{registerRenderAsset:x,unregisterRenderAsset:k}=(0,o.useContext)(ie),I=(0,o.useMemo)((()=>`video-${ve(w.src??"")}-${null===T||void 0===T?void 0:T.cumulatedFrom}-${null===T||void 0===T?void 0:T.relativeFrom}-${null===T||void 0===T?void 0:T.durationInFrames}`),[w.src,null===T||void 0===T?void 0:T.cumulatedFrom,null===T||void 0===T?void 0:T.relativeFrom,null===T||void 0===T?void 0:T.durationInFrames]);if(!E)throw new Error("No video config found");const S=Fe({volume:i,frame:b,mediaVolume:1,allowAmplificationDuringRender:a??!1});(0,o.useEffect)((()=>{if(!w.src)throw new Error("No src passed");if(!w.muted&&!(S<=0)&&window.remotion_audioEnabled)return x({type:"video",src:ae(w.src),id:I,frame:v,volume:S,mediaFrame:y,playbackRate:s??1,allowAmplificationDuringRender:a??!1,toneFrequency:d??null,audioStartFrame:Math.max(0,-((null===T||void 0===T?void 0:T.relativeFrom)??0))}),()=>k(I)}),[w.muted,w.src,x,I,k,S,y,v,s,a,d,null===T||void 0===T?void 0:T.relativeFrom]),(0,o.useImperativeHandle)(t,(()=>F.current),[]),(0,o.useEffect)((()=>{var e,t;if(!window.remotion_videoEnabled)return;const{current:o}=F;if(!o)return;const n=$e({frame:y,playbackRate:s||1,startFrom:-R,fps:E.fps}),i=Qe(`Rendering <Video /> with src="${w.src}" at time ${n}`,{retries:f??void 0,timeoutInMilliseconds:p??void 0});if("test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))return void Xe(i);if(qe(o.currentTime,n)){if(o.readyState>=2)return void Xe(i);const e=()=>{Xe(i)};return o.addEventListener("loadeddata",e,{once:!0}),()=>{o.removeEventListener("loadeddata",e)}}const a=()=>{Xe(i)},u=((e,t,r)=>{const o=1/r/2;let n=()=>{};return Number.isFinite(e.duration)&&e.currentTime>=e.duration&&t>=e.duration?{prom:Promise.resolve(),cancel:()=>{}}:{prom:new Promise(((r,i)=>{const a=mt(e,t+o);a.wait.then((a=>{if(Math.abs(t-a)<=o)return r();const s=mt(e,a+o*(t>a?1:-1));n=s.cancel,s.wait.then((a=>{const s=Math.abs(t-a);if(ct(s)<=ct(o))return r();const u=mt(e,t+o);return n=u.cancel,u.wait.then((()=>{r()})).catch((e=>{i(e)}))})).catch((e=>{i(e)}))})),n=a.cancel})),cancel:()=>{n()}}})(o,n,E.fps);u.prom.then((()=>{Xe(i)})),o.addEventListener("ended",a,{once:!0});const l=()=>{if(null!==o&&void 0!==o&&o.error){var e;if(console.error("Error occurred in video",null===o||void 0===o?void 0:o.error),r)return;throw new Error(`The browser threw an error while playing the video ${w.src}: Code ${o.error.code} - ${null===o||void 0===o||null===(e=o.error)||void 0===e?void 0:e.message}. See https://remotion.dev/docs/media-playback-error for help. Pass an onError() prop to handle the error.`)}throw new Error("The browser threw an error")};return o.addEventListener("error",l,{once:!0}),()=>{u.cancel(),o.removeEventListener("ended",a),o.removeEventListener("error",l),Xe(i)}}),[b,w.src,s,E.fps,y,R,r,f,p]);const{src:$}=w;return C.isRendering&&(0,o.useLayoutEffect)((()=>{var e,t;if("test"===(null===(e=window.process)||void 0===e||null===(t=e.env)||void 0===t?void 0:t.NODE_ENV))return;const r=Qe("Loading <Video> duration with src="+$,{retries:f??void 0,timeoutInMilliseconds:p??void 0}),{current:o}=F,n=()=>{null!==o&&void 0!==o&&o.duration&&u($,o.duration),Xe(r)};return null!==o&&void 0!==o&&o.duration?(u($,o.duration),Xe(r)):null===o||void 0===o||o.addEventListener("loadedmetadata",n,{once:!0}),()=>{null===o||void 0===o||o.removeEventListener("loadedmetadata",n),Xe(r)}}),[$,u,f,p]),(0,n.jsx)("video",{ref:F,disableRemotePlayback:!0,...w})})),pt=(0,o.forwardRef)(((e,t)=>{const{startFrom:r,endAt:i,name:a,pauseWhenBuffering:s,stack:u,_remotionInternalNativeLoopPassed:d,showInTimeline:c,onAutoPlayError:m,...f}=e,{loop:p,_remotionDebugSeeking:h,...w}=e,{fps:v}=X(),y=l(),{durations:g,setDurations:b}=(0,o.useContext)(he);if("string"===typeof t)throw new Error("string refs are not supported");if("string"!==typeof e.src)throw new TypeError(`The \`<Video>\` tag requires a string for \`src\`, but got ${JSON.stringify(e.src)} instead.`);const E=me(e.src),F=(0,o.useCallback)(((e,t)=>{b({type:"got-duration",durationInSeconds:t,src:e})}),[b]),T=(0,o.useCallback)((()=>{}),[]),R=g[ae(E)]??g[ae(e.src)];if(p&&void 0!==R){if(!Number.isFinite(R))return(0,n.jsx)(pt,{...w,ref:t,_remotionInternalNativeLoopPassed:!0});const o=R*v;return(0,n.jsx)(de,{durationInFrames:se({endAt:i,mediaDuration:o,playbackRate:e.playbackRate??1,startFrom:r}),layout:"none",name:a,children:(0,n.jsx)(pt,{...w,ref:t,_remotionInternalNativeLoopPassed:!0})})}if("undefined"!==typeof r||"undefined"!==typeof i){pe(r,i);const e=r??0,o=i??1/0;return(0,n.jsx)(ne,{layout:"none",from:0-e,showInTimeline:!1,durationInFrames:o,name:a,children:(0,n.jsx)(pt,{pauseWhenBuffering:s??!1,...f,ref:t})})}return fe(e,"Video"),y.isRendering?(0,n.jsx)(ft,{onDuration:F,onVideoFrame:T??null,...f,ref:t}):(0,n.jsx)(dt,{onlyWarnForMediaSeekingError:!1,...f,ref:t,onVideoFrame:null,pauseWhenBuffering:s??!1,onDuration:F,_remotionInternalStack:u??null,_remotionInternalNativeLoopPassed:d??!1,_remotionDebugSeeking:h??!1,showInTimeline:c??!0,onAutoPlayError:m??void 0})}));f(pt),(()=>{if("undefined"===typeof globalThis)return;const e=()=>{globalThis.remotion_imported=v,"undefined"!==typeof window&&(window.remotion_imported=v)},t=globalThis.remotion_imported||"undefined"!==typeof window&&window.remotion_imported;if(t){if(t===v)return;if("string"===typeof t&&t.includes("webcodecs"))return void e();throw new TypeError(`\ud83d\udea8 Multiple versions of Remotion detected: ${[v,"string"===typeof t?t:"an older version"].filter(w).join(" and ")}. This will cause things to break in an unexpected way.\nCheck that all your Remotion packages are on the same version. If your dependencies depend on Remotion, make them peer dependencies. You can also run \`npx remotion versions\` from your terminal to see which versions are mismatching.`)}e()})();var ht=new Proxy({},{get(e,t){return"Bundling"===t||"Rendering"===t||"Log"===t||"Puppeteer"===t||"Output"===t?ht:()=>{console.warn("\u26a0\ufe0f  The CLI configuration has been extracted from Remotion Core."),console.warn("Update the import from the config file:"),console.warn(),console.warn("- Delete:"),console.warn('import {Config} from "remotion";'),console.warn("+ Replace:"),console.warn('import {Config} from "@remotion/cli/config";'),console.warn(),console.warn("For more information, see https://www.remotion.dev/docs/4-0-migration."),process.exit(1)}}});f(ne)}}]);

package/static/js/620.04f526c7.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[620],{3590:function(t,e,i){var n=i(2375),o=i(1348),r=i(664),l=i(4414);function s(t){return t<1e3?t:t<1e5?(t/1e3).toFixed(0)+"K":(t/1e5).toFixed(0)+"L"}e.A=function(t){const e=(0,r.Xd)("whatmoreUITheme"),i=(0,r.Xd)("whatmoreShopId"),a=(0,r.Xd)("whatmorePrimaryFont"),d=t.event,p=t.fontSize;if(d.total_views<=0)return(0,l.jsx)(l.Fragment,{});const h=(0,o.FVo)(i);return"template-icon"==h?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(i),borderColor:(0,o.Fwt)(i)},children:(0,l.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(n.A,{sx:{color:(0,o.s0t)(i)+" !important",fontSize:p,fontWeight:"normal"}})}),(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"),t.style.setProperty("font-size",p,"important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("display","inline","important"),t.style.setProperty("width","auto","important"))},style:{fontWeight:"normal"},children:" "+s(d.total_views)+" "})})]})})}):"template-text"==h?(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{style:{width:"fit-content",padding:"2px",paddingLeft:"6px",paddingRight:"6px",backgroundColor:(0,o.sIk)(i),color:"white",borderRadius:"round"==e?"5px":"0px",borderWidth:(0,o.YcK)(i),borderColor:(0,o.Fwt)(i)},children:(0,l.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",gap:"3px",alignItems:"center"},children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color",(0,o.s0t)(i),"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",a,"important"))},style:{fontSize:p,fontWeight:"bold"},children:" "+s(d.total_views)+" views"})})})})}):void 0}},7509:function(t,e,i){i.d(e,{h:function(){return n}});const n=(0,i(9950).createContext)({tileTopMargin:10,tileBottomMMargin:10,tileLeftMargin:10,tileRightMargin:10,showPlayButton:!0})},4616:function(t,e,i){var n=i(9950),o=i(664),r=i(932),l=i(8538),s=(i(4826),i(1348)),a=i(7973),d=i(4414);e.A=function(t){var e,i,p,h,[c,m]=(0,r.A)();const x=(0,o.Xd)("whatmoreUITheme"),[y]=(0,o.QN)("whatmorePrimaryFont"),[f,g]=(0,n.useState)(0),w=(0,o.Xd)("whatmoreShopId"),u=t.event;if(0==u.products.length)return(0,d.jsx)(d.Fragment,{});const v=.3*m,j=v+"px",b=v+"px",P=.07*m,F=P+"px";return(0,d.jsx)("div",{style:{width:m+"px",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3)"},children:(0,d.jsxs)("div",{ref:t=>{t&&t.style.setProperty("height","fit-content","important")},style:{display:"flex",flexFlow:"row nowrap",width:"100%",justifyContent:"space-between",alignItems:"center",paddingLeft:"5px",paddingRight:"5px",paddingTop:"5px",paddingBottom:"5px",gap:"5px"},className:"whatmore-event-tile-product-scale-in-and-out-animation",children:[(0,d.jsx)("div",{ref:t=>{t&&t.style.setProperty("height",b,"important")},style:{width:(0,s.H$k)(w)?j:"auto",boxShadow:"round"==x?"0px 0px 5px 2px #B0B0B0":null,borderRadius:"round"==x?"5px":"0px",borderWidth:(0,s.YcK)(w),borderColor:(0,s.Fwt)(w),overflow:"hidden",backgroundColor:"rgb(220, 220, 220, 1)"},children:(0,d.jsx)("img",{ref:t=>{t&&(t.style.setProperty("object-fit",(0,s.KZe)(w),"important"),t.style.setProperty("max-width",j,"important"))},src:(0,a.b)(u.products[f].thumbnail_image,"&width=400&height=400"),style:{width:"100%",height:"100%",borderRadius:"round"==x?"5px":"0px"},alt:"product image"})}),(0,d.jsxs)("div",{style:{width:m-5-v+"px",height:"100%",borderRadius:"round"==x?"5px":"0px",overflow:"visible"},children:[(0,d.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"fit-content",justifyContent:"center",alignItems:"center",paddingBottom:"4px"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","white","important"),t.style.setProperty("font-size",F,"important"),t.style.setProperty("line-height","120%","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("-webkit-line-clamp",3,"important"),t.style.setProperty("line-clamp",3,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("text-overflow","ellipsis","important"))},style:{textAlign:"left",fontWeight:"normal"},children:(0,l.v)(u.products[f].title)})}),(null===(e=u.products[f])||void 0===e||null===(i=e.product_metadata)||void 0===i?void 0:i.product_type)&&(0,d.jsx)("div",{style:{display:"flex",opacity:.8,width:"fit-content",maxWidth:m-5-v+"px",padding:"3px 6px",backgroundColor:"#D3D3D3",borderRadius:"round"==x?"3px":"0"},children:(0,d.jsx)("p",{ref:t=>{t&&(t.style.setProperty("color","#000","important"),t.style.setProperty("maxWidth",m-5-v+"px","important"),t.style.setProperty("font-size",.7*P+"px","important"),t.style.setProperty("font-family",y,"important"),t.style.setProperty("font-weight","bold","important"),t.style.setProperty("text-overflow","ellipsis","important"),t.style.setProperty("overflow","hidden","important"),t.style.setProperty("-webkit-line-clamp",1,"important"),t.style.setProperty("line-clamp",1,"important"),t.style.setProperty("-webkit-box-orient","vertical","important"),t.style.setProperty("display","-webkit-box","important"))},children:null===(p=u.products[f])||void 0===p||null===(h=p.product_metadata)||void 0===h?void 0:h.product_type})})]})]},f)})}},5620:function(t,e,i){i.d(e,{A:function(){return v}});var n=i(9950),o=i(932),r=(i(4826),i(5727)),l=i(664),s=i(9879),a=i(7509),d=i(22),p=i(1348),h=i(3590),c=i(4616),m=i(6649),x=i(6613),y=i(1131),f=(i(577),i(4365),i(4414));function g(t){var e,[i,s]=(0,o.A)();const[d]=(0,l.QN)("whatmoreShopId"),[h,y,g]=(0,m.A)({triggerOnce:!0});var w=(0,n.useContext)(a.h);const u=t.event,v=null!==(e=t.unfocusedDisplay)&&void 0!==e&&e,j=.5*s,b=(0,x.At)()?t.isOnFocus:y;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"200%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"center",height:"100%",width:"100%"},children:[(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)("p",{children:"    "})}),w.showPlayButton&&!v?(0,f.jsx)("div",{style:{position:"relative",top:"10%",overflow:"hidden",marginLeft:"5px",marginRight:"5px",width:"100%"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",alignItems:"center"},children:(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:"video"==u.event_type&&(0,f.jsx)(r.A,{sx:{color:(0,p.KFN)(d)+" !important",opacity:.8,fontSize:j,filter:"drop-shadow(0 0 15px black);"}})})})}):(0,f.jsx)(f.Fragment,{}),(0,f.jsx)("div",{ref:h,children:b&&(0,p.imx)(d)?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(c.A,{event:u})}):(0,f.jsx)("div",{height:"20px"})})]})})}function w(t){var[e,i]=(0,o.A)();const[n]=(0,l.QN)("whatmorePrimaryFont"),r=t.event;return r.title.trim().length?(0,f.jsx)("div",{style:{width:"100%",height:"fit-content",backgroundImage:"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.6))"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"flex-end",alignContent:"center",width:"100%",height:"100%"},children:(0,f.jsx)("div",{style:{width:"100%",padding:"2px"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"space-between",alignItems:"flex-start",marginLeft:"5px",marginRight:"5px",marginBottom:"2px"},children:[(0,f.jsx)("p",{style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:"         "}),(0,f.jsx)("p",{ref:t=>{t&&t.style.setProperty("font-family",n,"important")},style:{color:"white",fontSize:.08*i+"px",fontWeight:"normal",textAlign:"left"},children:r.title.substring(0,60)})]})})})}):(0,f.jsx)(f.Fragment,{})}function u(t){const[e,i,n,r,s]=(0,o.A)(),[a]=(0,l.QN)("whatmoreShowViews"),c=(0,l.Xd)("whatmoreShopId"),m=t.event,x=t.isOnFocus;return(0,f.jsx)("div",{style:{position:"relative",zIndex:1,bottom:"100%",overflow:"hidden",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent"},className:"whatmore-ios-css-relative-fix",children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:"100%",height:"100%",justifyContent:"space-between",alignItems:"center"},children:[(0,f.jsx)("div",{style:{width:"100%",backgroundImage:"linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3))"},children:(0,f.jsxs)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-end",alignItems:"center"},children:["show"===a&&"show"===(0,p.klK)(c)?(0,f.jsx)("div",{style:{width:"100%",marginLeft:"5px",marginRight:"5px",marginTop:"10px"},children:(0,f.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",paddingLeft:"5px",width:"fit-content",height:"fit-content",justifyContent:"space-between",alignItems:"center"},children:(0,f.jsx)(h.A,{event:m,fontSize:.07*i+"px"})})}):(0,f.jsx)(f.Fragment,{}),!1]})}),d.nN===s[d.dl]?(0,f.jsx)(f.Fragment,{}):x?(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-out-animation",children:(0,f.jsx)(w,{event:m})}):(0,f.jsx)("div",{className:"whatmore-event-tile-component-fade-in-animation",children:(0,f.jsx)(w,{event:m})})]})})}var v=function(t){var e,i,r;const[h,c,m,x,w]=(0,o.A)();var v=(0,n.useContext)(a.h);const j=(0,l.Xd)("whatmoreUITheme"),b=(0,l.Xd)("whatmoreShopId"),[P]=(0,l.Xd)("whatmorePrimaryFont"),F=t.event,C=t.onClick,k=null===(e=t.isOnFocus)||void 0===e||e,I=null!==(i=t.playOnUnfocus)&&void 0!==i&&i,S=null!==(r=t.animateOnFocus&&(0,p.n5O)(b))&&void 0!==r&&r,A=(0,p.VYo)(b);return(0,f.jsxs)("div",{ref:t=>{t&&(t.style.setProperty("margin-top",v.tileTopMargin+"px"),t.style.setProperty("margin-bottom",v.tileBottomMMargin+"px"))},style:{margin:"0 10px",width:"8968077397"==b||"19501891"==b?void 0:c,aspectRatio:"8968077397"==b||"19501891"==b?9/16:void 0,height:"8968077397"==b||"19501891"==b?"100%":h,borderRadius:"round"==j?"5px":"0px",boxShadow:"round"==j||"61187850326"==b||"19501891"==b?A:null,borderWidth:(0,p.YcK)(b),borderColor:(0,p.Fwt)(b),overflow:"hidden",cursor:"pointer",position:"relative"},className:S?k?"whatmore-event-tile-scale-out-animation":"whatmore-event-tile-scale-in-animation":"none",onClick:()=>{C(F)},children:[(0,f.jsx)(s.A,{height:(0,p.u06)(b)+" !important",width:"100%",url:F.thumbnail_image,isPlaying:k||I,event:F}),"51394281658"===b?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{style:{position:"absolute",bottom:"4%",left:"50%",transform:"translateX(-50%)",color:"white",padding:"0.5rem 0rem 0rem 0.5rem",zIndex:1,fontSize:"1.4rem",fontWeight:"600",width:"90%",maxWidth:"100%",wordWrap:"break-word",textShadow:"2px 2px 4px rgba(0, 0, 0, 0.5)",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:3,overflow:"hidden",textOverflow:"ellipsis",fontFamily:P+" !important"},children:null===F||void 0===F?void 0:F.title}),(0,f.jsx)("div",{style:{position:"absolute",top:"10px",right:"10px",zIndex:2},children:(0,f.jsx)(y.A,{sx:{color:"white",fontSize:"1.3rem",filter:"drop-shadow(0 0 5px black)"}})})]}):(0,p.Q$)(b)&&(0,f.jsxs)("div",{style:{width:c,height:h},children:[(0,f.jsx)(u,{event:F,isOnFocus:k}),"87043703105"===b||"76467011883"===b||!k&&d.nN!==w[d.dl]?null:(0,f.jsx)(g,{event:F,unfocusedDisplay:!k,isOnFocus:k})]})]})}},7973:function(t,e,i){i.d(e,{B:function(){return l},b:function(){return r}});var n=i(1348),o=i(664);function r(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const i=(0,o.Xd)("whatmoreShopId");return"shopify"!=(0,n.NCy)(i)?"STRNV8MHJTF"==i?t+"?format=webp":t:t+e}function l(t){var e;if(null!==t&&void 0!==t&&t.includes("https://w-media.b-cdn.net/process-media"))return"image";const i=null===t||void 0===t||null===(e=t.trim())||void 0===e?void 0:e.split("?")[0],n=/\.(jpeg|jpg|gif|png|svg|webp)$/i,o=/\.(mp4|mov|wmv|avi|flv|mkv)$/i;return null!==n&&void 0!==n&&n.test(i)?"image":null!==o&&void 0!==o&&o.test(i)?"video":void 0}},4826:function(){}}]);