whatmore-react-assets 1.0.1659 → 1.0.1660
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[571],{16:function(e,t,n){n.d(t,{A:function(){return m}});var r=n(9950),i=(n(5410),n(5830)),o=n(4459),a=n(4414);var s=function(e){return(0,r.useEffect)((()=>{const e=(0,o.E2)((0,i.Xd)("whatmoreSecondaryColor"));!function(e,t,n,r){const i=`rgba(${e},${t},${n},${r})`,o=`\n @keyframes whatmore-loading-indicator-keyframe {\n 0%,\n 100% {\n box-shadow: 0em -2.6em 0em 0em ${i}, 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7);\n }\n 12.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.7), 1.8em -1.8em 0 0em ${i}, 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5);\n }\n 25% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.5), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 2.5em 0em 0 0em ${i}, 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 37.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 1.75em 1.75em 0 0em ${i}, 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 50% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.7), 0em 2.5em 0 0em ${i}, -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 62.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.5), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em 1.8em 0 0em ${i}, -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 75% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -2.6em 0em 0 0em ${i}, -1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2);\n }\n 87.5% {\n box-shadow: 0em -2.6em 0em 0em rgba(${e}, ${t}, ${n}, 0.2), 1.8em -1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 2.5em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 1.75em 1.75em 0 0em rgba(${e}, ${t}, ${n}, 0.2), 0em 2.5em 0 0em rgba(${e}, ${t}, ${n}, 0.2), -1.8em 1.8em 0 0em rgba(${e}, ${t}, ${n}, 0.5), -2.6em 0em 0 0em rgba(${e}, ${t}, ${n}, 0.7), -1.8em -1.8em 0 0em ${i};\n }\n }\n `,a=document.createElement("style");a.type="text/css",a.innerHTML=o,document.head.appendChild(a)}(e[0],e[1],e[2],.2)}),[]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{className:"whatmore-loading-indicator"})})},d=n(8781);var m=function(e){var t,n;const r=null!==(t=e.height)&&void 0!==t?t:"100%",i=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,a.jsxs)("div",{style:{width:i,height:r,overflow:"hidden",minHeight:r,minWidth:i},children:[(0,a.jsx)(d.A,{height:r,width:i}),(0,a.jsx)("div",{style:{display:"flex",flexFlow:"column nowrap",justifyContent:"center",alignContent:"center",width:"100%",height:"100%",position:"relative",zIndex:1,bottom:"100%",className:"whatmore-ios-css-relative-fix"},children:(0,a.jsx)("div",{style:{display:"flex",flexFlow:"row nowrap",justifyContent:"center",width:"100%",height:"fit-content"},children:(0,a.jsx)(s,{})})})]})}},1941:function(e,t,n){n.d(t,{A:function(){return u}});var r=n(5830),i=n(9950);function o(e){if(!e)return{};var t={};return Array.from(e.attributes).forEach((e=>{var n;t[e.name]=(n=e.value,isNaN(+n)?n:+n)})),t}function a(...e){try{var t;const n=document.getElementById("whatmorePreviewMode");if(!n)return null;const r=null===e||void 0===e?void 0:e[0];if(!r)return!0;let i={};return i=r.includes("function")?{}:o(n),null!==(t=i)&&void 0!==t&&t[r]?i[r]:null}catch(n){return null}}var s=function({disablePreview:e=!1}={}){var t,n,r=e?window.innerHeight:null!==(t=a("height-wh"))&&void 0!==t?t:window.innerHeight,o=e?window.innerWidth:null!==(n=a("width-wh"))&&void 0!==n?n:window.innerWidth,[s,d]=[r,o];const[m,l]=(0,i.useState)([s>d?"portrait":"landscape",s,d]);return(0,i.useLayoutEffect)((()=>{function t(){var t,n,r=e?window.innerHeight:null!==(t=a("height-wh"))&&void 0!==t?t:window.innerHeight,i=e?window.innerWidth:null!==(n=a("width-wh"))&&void 0!==n?n:window.innerWidth,[o,s]=[r,i];l(o>s?["portrait",o,s]:["landscape",o,s])}return window.addEventListener("resize",t),window.addEventListener("orientationchange",t),screen.orientation&&screen.orientation.addEventListener("change",t),t(),()=>{window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t),screen.orientation&&screen.orientation.removeEventListener("change",t)}}),[]),m};const d=(0,r.Xd)("whatmoreShopId");function m(){if("STRI4V3OYCH"==d){let e=document.querySelector(".whatmore-base");for(;e&&e!==document&&(e=e.parentElement,!e||e.classList.contains("whatmore-base")););return[window.innerHeight,e.getBoundingClientRect().width+60]}return[window.innerHeight,window.innerWidth]}var l=function(){var[e,t]=m();const[n,r]=(0,i.useState)([e>t?"portrait":"landscape",e,t]);return(0,i.useLayoutEffect)((()=>{function e(){var[e,t]=m();r(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)}}),[]),n};var u=function(e){var t;const n=(0,r.Xd)("isWhatmorePreviewMode"),i=l(),o=s({disablePreview:null!==(t=null===e||void 0===e?void 0:e.disablePreview)&&void 0!==t&&t});return n?o:i}},3788:function(e,t,n){n.d(t,{s:function(){return s}});var r=n(1348),i=n(5830);const o={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.azureedge.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.azureedge.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.azureedge.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets.azureedge.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.azureedge.net"},a={"https://d3syezql093hs1.cloudfront.net":"https://whatmore-brand-video-assets.b-cdn.net","https://d2r0bijhs9mx1s.cloudfront.net":"https://whatmore-brand-thumbnail-video-assets.b-cdn.net","https://d2oouab8j9eigo.cloudfront.net":"https://whatmore-brand-story-assets.b-cdn.net","https://d28nus7q7qajdn.cloudfront.net":"https://whatmore-video-assets-old.b-cdn.net","https://d1zl4k1t5o4s75.cloudfront.net":"https://whatmore-brand-video-assets-720p.b-cdn.net"},s=function(e){const t=(0,i.Xd)("whatmoreShopId");if(!e)return e;if(e.startsWith("https://cdn.shopify.com"))return e;if("AWSCDN"==(0,r.CfJ)(t))return e;if("AZURECDN"==(0,r.CfJ)(t)){if(e.includes(".azureedge.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(o))if(e.includes(t))return e.replace(t,o[t]);return e}}if("BUNNYCDN"==(0,r.CfJ)(t)){if(e.includes(".b-cdn.net"))return e;if(e.includes(".cloudfront.net")){for(const t of Object.keys(a))if(e.includes(t))return e.replace(t,a[t]);return e}}return e}},4033:function(e,t,n){n.d(t,{n:function(){return r}});const r=()=>{if("undefined"!==typeof window){const e=navigator.userAgent.toLowerCase();return e.includes("safari")&&!e.includes("chrome")&&navigator.vendor.includes("Apple")}return!1}},4365:function(){},5410:function(){},6493:function(e,t,n){n.d(t,{Cr:function(){return s},cb:function(){return a},lP:function(){return o},yD:function(){return d}});var r=n(1348);const i=(0,n(5830).Xd)("whatmoreShopId"),o=function(e){var t,n;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.portrait.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.portrait.content_video_1080p?e.event_media_urls.secondary.portrait.content_video_1080p:null!==(t=e.event_media_urls.primary.portrait.content_video_1080p)&&void 0!==t?t:null===(n=e.event_media_urls.primary.landscape)||void 0===n?void 0:n.content_video_1080p:e.event_hls_url},a=function(e){var t;return"event_media_urls"in e?"image"===e.event_type?e.event_media_urls.primary.landscape.content_image_original:"secondary"in e.event_media_urls&&e.event_media_urls.secondary.landscape.content_video_1080p?e.event_media_urls.secondary.landscape.content_video_1080p:null!==(t=e.event_media_urls.primary.landscape.content_video_1080p)&&void 0!==t?t:e.event_media_urls.primary.portrait.content_video_1080p:e.event_hls_url},s=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.ath)(i);if(!t)return e;return`https://whatmore-brand-video-assets-720p.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e},d=function(e){if(e.startsWith("https://cdn.shopify.com")&&e.includes("whatmore_")){const t=(0,r.ath)(i);if(!t)return e;return`https://whatmore-brand-thumbnail-video-assets.b-cdn.net/${t}/${e.split("whatmore_")[1].split("?")[0]}`}return e}},8781:function(e,t,n){var r=n(4414);t.A=function(e){var t,n,i;const o=null!==(t=e.height)&&void 0!==t?t:"100%",a=null!==(n=e.width)&&void 0!==n?n:"100%",s=null!==(i=e.borderRadius)&&void 0!==i?i:"10px";return(0,r.jsx)("div",{style:{height:o,width:o,borderRadius:s,overflow:"hidden",minHeight:o,minWidth:a,maxHeight:o,maxWidth:a},children:(0,r.jsx)("div",{style:{minHeight:o,minWidth:a},height:"100%",width:"100%",className:"whatmore-shimmer"})})}},9098:function(e,t,n){var r=n(9950),i=n(16),o=n(4414);t.A=function(e){var t,n,a;const[s,d]=(0,r.useState)(!1),m=r.useRef(0),l=(0,r.useRef)(null),u=null!==(t=e.timeUpdateCallback)&&void 0!==t?t:()=>{},c=null!==(n=e.height)&&void 0!==n?n:"100%",h=null!==(a=e.width)&&void 0!==a?a:"100%";return(0,r.useEffect)((()=>{m.current=0;const e=setInterval((()=>{m.current=m.current+.03,l.current&&u(m.current,5),m.current>=5&&(m.current=0)}),30);return()=>{clearInterval(e)}}),[e.isPlaying]),(0,o.jsxs)("div",{style:{display:"flex",flexFlow:"column nowrap",width:h,height:"100%",overflow:"hidden"},children:[(0,o.jsx)("div",{style:{width:s?"100%":"0px",height:s?"100%":"0px"},children:(0,o.jsx)("img",{ref:l,src:e.url,style:{objectFit:"cover",height:"100%",width:h,backgroundColor:"white"},alt:"image player",onLoad:()=>{d(!0)}})}),s?(0,o.jsx)(o.Fragment,{}):(0,o.jsx)(i.A,{width:h,height:c})]})}},9879:function(e,t,n){n.d(t,{A:function(){return $}});var r=n(9950),i=n(6649),o=n(3788),a=n(6613),s=n(2039),d=n(9098),m=n(4033),l=n(5830),u=n(6493),c=n(4414);var h=function(e){var t,n,o,s,d;const h=(0,r.useRef)(null),[$,v,g]=(0,i.A)({triggerOnce:!0}),p=(0,l.Xd)("whatmoreShopId"),w=null!==(t=e.height)&&void 0!==t?t:"100%",f=null!==(n=e.width)&&void 0!==n?n:"100%";return(0,r.useEffect)((()=>{h.current&&(e.isPlaying?h.current.play():(((0,m.n)()||(0,a.At)())&&h.current.play(),"57939755089"==p?setTimeout((()=>{h.current.pause()}),300):h.current.pause()))}),[e.isPlaying,v]),(0,c.jsx)("div",{ref:$,style:{width:w,height:f,overflow:"hidden",display:"flex",alignItems:"center"},children:v||"51394281658"==p||"8968077397"==p?(0,c.jsxs)("video",{ref:h,className:"whatmore-video-player-muted",width:f,height:w,preload:"metadata",loop:!0,playsInline:!0,poster:e.isPlaying&&1!=(null===(o=e.event)||void 0===o?void 0:o.index)&&"STRTFEDEDAP"!==p&&"STRY2V4XO5L"!==p?e.url:null!==(s=e.poster)&&void 0!==s?s:e.url,muted:null===(d=e.isVideoMuted)||void 0===d||d,style:{backgroundColor:"white",borderRadius:e.borderRadius,objectFit:"cover"},children:[(0,c.jsx)("track",{src:"data:,",kind:"captions",srclang:"en",label:"english_captions"}),(0,c.jsx)("source",{src:e.url,type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.yD)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:f,height:w,ref:e=>{e&&e.style.setProperty("display","block","important")}})})};var $=function(e){var t,n,m,$,v,g,p,w,f;const[b,y,_]=(0,i.A)({triggerOnce:!0}),x=(0,l.Xd)("whatmoreShopId"),j=(0,r.useRef)(null);if((0,r.useEffect)((()=>{j.current&&(e.isPlaying?j.current.play():j.current.pause())}),[e.isPlaying,y]),(0,s.Il)(e.event))return(0,c.jsx)(d.A,{height:e.height,width:e.width,url:e.url,isPlaying:e.isPlaying,timeUpdateCallback:e.timeUpdateCallback});const E=null!==(t=e.pauseFromPlayTimeInMs)&&void 0!==t?t:200,C=null!==e&&void 0!==e&&null!==(n=e.event)&&void 0!==n&&null!==(m=n.poster_image)&&void 0!==m&&m.startsWith("https://cdn.shopify.com")?(null===e||void 0===e||null===($=e.event)||void 0===$||null===(v=$.poster_image)||void 0===v?void 0:v.split("?")[0])+"?width=400&height=400":null===e||void 0===e||null===(g=e.event)||void 0===g?void 0:g.poster_image;if((0,a.MN)())return(0,c.jsx)(h,{isVideoMuted:e.isVideoMuted,event:null===e||void 0===e?void 0:e.event,borderRadius:e.borderRadius,height:"100%",width:"100%",poster:C,url:(0,o.s)(e.url),isPlaying:e.isPlaying,pauseFromPlayTimeInMs:E});const k=null!==(p=e.height)&&void 0!==p?p:"100%",P=null!==(w=e.width)&&void 0!==w?w:"100%";return(0,c.jsx)("div",{ref:b,style:{width:k,height:P,overflow:"hidden",display:"flex",alignItems:"center"},children:y||"51394281658"==x||"8968077397"==x?(0,c.jsxs)("video",{ref:j,className:"whatmore-video-player-muted",width:P,height:k,preload:"metadata",loop:!0,playsInline:!0,muted:null===(f=e.isVideoMuted)||void 0===f||f,poster:"57939755089"==x?"":C,style:{backgroundColor:"white",objectFit:"cover"},children:[(0,c.jsx)("track",{src:"data:,",kind:"captions",srclang:"en",label:"english_captions"}),(0,c.jsx)("source",{src:(0,o.s)(e.url),type:"video/mp4"}),(0,c.jsx)("source",{src:(0,u.yD)(e.url),type:"video/mp4"})]}):(0,c.jsx)("div",{width:P,height:k,ref:e=>{e&&e.style.setProperty("display","block","important")}})})}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwhatmorelive_react=self.webpackChunkwhatmorelive_react||[]).push([[374],{1941:function(n,e,t){t.d(e,{A:function(){return h}});var i=t(5830),r=t(9950);function o(n){if(!n)return{};var e={};return Array.from(n.attributes).forEach((n=>{var t;e[n.name]=(t=n.value,isNaN(+t)?t:+t)})),e}function a(...n){try{var e;const t=document.getElementById("whatmorePreviewMode");if(!t)return null;const i=null===n||void 0===n?void 0:n[0];if(!i)return!0;let r={};return r=i.includes("function")?{}:o(t),null!==(e=r)&&void 0!==e&&e[i]?r[i]:null}catch(t){return null}}var s=function({disablePreview:n=!1}={}){var e,t,i=n?window.innerHeight:null!==(e=a("height-wh"))&&void 0!==e?e:window.innerHeight,o=n?window.innerWidth:null!==(t=a("width-wh"))&&void 0!==t?t:window.innerWidth,[s,d]=[i,o];const[c,l]=(0,r.useState)([s>d?"portrait":"landscape",s,d]);return(0,r.useLayoutEffect)((()=>{function e(){var e,t,i=n?window.innerHeight:null!==(e=a("height-wh"))&&void 0!==e?e:window.innerHeight,r=n?window.innerWidth:null!==(t=a("width-wh"))&&void 0!==t?t:window.innerWidth,[o,s]=[i,r];l(o>s?["portrait",o,s]:["landscape",o,s])}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};const d=(0,i.Xd)("whatmoreShopId");function c(){if("STRI4V3OYCH"==d){let n=document.querySelector(".whatmore-base");for(;n&&n!==document&&(n=n.parentElement,!n||n.classList.contains("whatmore-base")););return[window.innerHeight,n.getBoundingClientRect().width+60]}return[window.innerHeight,window.innerWidth]}var l=function(){var[n,e]=c();const[t,i]=(0,r.useState)([n>e?"portrait":"landscape",n,e]);return(0,r.useLayoutEffect)((()=>{function n(){var[n,e]=c();i(n>e?["portrait",n,e]:["landscape",n,e])}return window.addEventListener("resize",n),window.addEventListener("orientationchange",n),screen.orientation&&screen.orientation.addEventListener("change",n),n(),()=>{window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n),screen.orientation&&screen.orientation.removeEventListener("change",n)}}),[]),t};var h=function(n){var e;const t=(0,i.Xd)("isWhatmorePreviewMode"),r=l(),o=s({disablePreview:null!==(e=null===n||void 0===n?void 0:n.disablePreview)&&void 0!==e&&e});return t?o:r}},5100:function(n,e,t){t.r(e);var i=t(9950),r=t(1941),o=t(5830),a=t(4414);const s=i.memo((()=>{if(!(0,o.Xd)("isLandingSharedLink"))return(0,a.jsx)(a.Fragment,{});const[n]=(0,r.A)();return(0,a.jsxs)("div",{className:`shimmer-container ${n}`,children:["portrait"===n?(0,a.jsx)("div",{className:"shimmer-item portrait-full",children:(0,a.jsx)("div",{className:"shimmer-effect"})}):Array(3).fill().map(((n,e)=>(0,a.jsx)("div",{className:"shimmer-item landscape-item "+(1===e?"center-item":""),children:(0,a.jsx)("div",{className:"shimmer-effect"})},e))),(0,a.jsx)("style",{children:"\n .shimmer-container {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n z-index: 1000;\n }\n\n .portrait {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.6);\n }\n\n .landscape {\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .shimmer-item {\n scroll-snap-align: start;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .portrait-full {\n width: 100vw;\n height: 100vh;\n margin: 0; \n }\n\n .landscape-item {\n width: 250px;\n height: 450px;\n background: #D3D3D3;\n border-radius: 8px;\n margin-left: -50px; \n }\n\n .center-item {\n width: 360px;\n height: 620px;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); \n z-index: 10; \n }\n\n .shimmer-effect {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 75%);\n animation: shimmer 2s infinite;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n "})]})}));e.default=s}}]);
|