npm - @weaverse/react - Versions diffs - 0.7.37 → 0.7.39 - Mend

@weaverse/react 0.7.37 → 0.7.39

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.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var it=Object.create;var B=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var lt=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var J=(e,t)=>{for(var o in t)B(e,o,{get:t[o],enumerable:!0})},A=(e,t,o,r)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of lt(t))!pt.call(e,n)&&n!==o&&B(e,n,{get:()=>t[n],enumerable:!(r=st(t,n))\|\|r.enumerable});return e},E=(e,t,o)=>(A(e,t,"default"),o&&A(o,t,"default")),m=(e,t,o)=>(o=e!=null?it(at(e)):{},A(t\|\|!e\|\|!e.__esModule?B(o,"default",{value:e,enumerable:!0}):o,e)),mt=e=>A(B({},"__esModule",{value:!0}),e);var k={};J(k,{Components:()=>te,Elements:()=>U,WeaverseContext:()=>C,WeaverseContextConsumer:()=>At,WeaverseContextProvider:()=>oe,WeaverseRoot:()=>Bt,createRootContext:()=>zt});module.exports=mt(k);E(k,require("@weaverse/core"),module.exports);var tt=require("@weaverse/core"),ot=require("react");var D=m(require("react")),re=require("react");var ne=D.forwardRef((e,t)=>{let{isDesignMode:o}=(0,re.useContext)(C),{text:r,clickAction:n,linkTo:i,openInNewTab:s,...l}=e;return n&&i?D.createElement("a",{href:o?void 0:i,target:s?"_blank":"_self",rel:"noreferrer",...l,ref:t},r):D.createElement("button",{ref:t,...l},r)});ne.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var ie={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",":hover":{backgroundColor:"#222831"}}},se=ne;var V=m(require("react")),le=(0,V.forwardRef)((e,t)=>{let{children:o,...r}=e;return V.default.createElement("div",{ref:t,...r},o)}),ae={"@desktop":{alignItems:"flex-start",display:"flex",flexDirection:"column",gridArea:"1 / 1 / 3 / 6",height:"fit-content",justifyContent:"flex-start",overflow:"hidden",textAlign:"left",width:"100%"}};le.defaultProps={};var pe=le;var h=m(require("react"));var me=["days","hours","minutes","seconds"],O="wv-cd-evergreen-start",de="https://graph.instagram.com";function ut(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var Q={};function ce(e,t){let{css:o,type:r,className:n=""}=e.data,i="",s="",l=e.Element?.permanentCss;if(l)if(r in Q)s=Q[r];else{let{className:g}=t.css(l)();Object.assign(Q,{[r]:g}),s=g}if(i=s,o){let g=ut(o),{className:x=""}=t.css(g)(),{stitchesClass:b}=e,p=(e.ref.current?.className\|\|"").replace(b,"").replace(n,"").replace(s,"").trim();i=`${s} ${n} ${x} ${p}`.trim(),e.stitchesClass=x}return i}function ue(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),s=Math.floor((e-nr-io)/t),l=Math.floor((e-nr-io-st)/1e3);return{days:n,hours:i,minutes:s,seconds:l}}function fe(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function ge(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}var _=m(require("react"));function ve({value:e,label:t}){return _.default.createElement("div",{className:"wv-cd-block"},_.default.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&_.default.createElement("div",{className:"wv-cd-label"},t))}var ye=(0,h.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,h.useContext)(C),{timerType:r,startTime:n,endTime:i,periods:s,redirectUrl:l,openInNewTab:g,showColon:x,showLabel:b,...p}=e,[f,y]=h.default.useState(0),w=s601e3,G=()=>{!o&&l&&window.open(l,g?"_blank":"_self")},Y=()=>{let d=n;if(r==="evergreen"){let z=localStorage.getItem(O);z?(d=Number.parseInt(z),d+w<Date.now()&&(d=Date.now(),localStorage.setItem(O,d.toString()))):(d=Date.now(),localStorage.setItem(O,d.toString()))}return d},j=d=>d<Date.now()&&i>Date.now(),K=()=>{let d=Y(),z=r==="fixed-time"?i:d+w,X=j(d)?Math.max(z-Date.now(),0):0;X>0&&X<1e3&&G(),y(X)};(0,h.useEffect)(()=>{let d=setInterval(K,1e3);return()=>{clearInterval(d)}},[n,i,w,r]);let q=ue(f);return h.default.createElement("div",{ref:t,...p},me.map(d=>h.default.createElement(h.default.Fragment,{key:d},h.default.createElement(ve,{label:b?d:"",value:f===0?"--":q[d]}),d!=="seconds"&&h.default.createElement("div",{className:"wv-cd-separator"},x&&h.default.createElement("span",null,":")))))}),we={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};ye.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var he=ye;var H=m(require("react")),xe=H.default.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,onClickAction:s,openLinkInNewTab:l,linkTo:g,...x}=e,b={"--wv-img-object-fit":n,"--wv-img-object-position":i},p=H.default.createElement("img",{alt:r,"data-blink-src":o});return s==="open-link"&&g&&(p=H.default.createElement("a",{href:g,target:l?"_blank":"_self"},p)),H.default.createElement("div",{ref:t,...x,style:b},p)}),be={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--wv-img-object-fit, cover)",objectPosition:"var(--wv-img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};xe.defaultProps={src:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",onClickAction:"open-link",openLinkInNewTab:!1,linkTo:""};var Ce=xe;var S=m(require("react")),Pe=(0,S.forwardRef)((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:s,contentSize:l,gridSize:g,backgroundColor:x,backgroundImage:b,objectFit:p,...f}=e,y={"--layout-content-width":"100vw","--content-size":l+"px","--grid-size":g+"px","--rows":r,"--columns":s,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return S.default.createElement("div",{ref:t,...f,style:y},S.default.createElement(vt,{imgUrl:b,bgColor:x,objectFit:p}),S.default.createElement("div",{"data-layout-content":!0},o))}),vt=e=>{let{bgColor:t,imgUrl:o,objectFit:r}=e,n={["--bg-color"]:t,["--object-fit"]:r};return o\|\|t?S.default.createElement("div",{style:n,className:"wv-layout-background"},o&&S.default.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null},ke={"@desktop":{"> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}},Ee={"@desktop":{".wv-layout-background":{position:"absolute",inset:0,backgroundColor:"var(--bg-color)"},img:{objectFit:"var(--object-fit, cover)"}}};Pe.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var Se=Pe;var N=m(require("react")),Te=(0,N.forwardRef)((e,t)=>{let{place:o,zoom:r,...n}=e;return N.default.createElement("div",{ref:t,...n},N.default.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),Ie={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Te.defaultProps={place:"Hanoi",zoom:14};var Le=Te;var $=m(require("react")),Me=$.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return $.createElement("div",{ref:t,...n,dangerouslySetInnerHTML:{__html:r}})}),We={"@desktop":{padding:"10px",wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}};Me.defaultProps={value:"The quick brown fox jumps over the lazy dog"};var De=Me;var P=m(require("react"));var F=m(require("react"));function He(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:s}=e;return F.default.createElement("video",{controls:r,autoPlay:n,loop:i,muted:s,controlsList:"nodownload",disablePictureInPicture:!0},F.default.createElement("source",{src:t,type:o\|\|"video/mp4"}),F.default.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}var Ne=m(require("react"));function je(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,l=`https://player.vimeo.com/video/${t}?${s}`;return Ne.default.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0})}var ze=m(require("react"));function Ae(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),l=`https://www.youtube.com/embed/${t}?${s.toString()}`;return ze.default.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Be=(0,P.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,P.useContext)(C),{src:r,controls:n,poster:i,autoPlay:s,loop:l,muted:g,...x}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&s,loop:l,muted:g},f,y=fe(r),w=ge(r);return y?f=P.default.createElement(Ae,{...p,youtubeId:y}):w?f=P.default.createElement(je,{...p,vimeoId:w}):f=P.default.createElement(He,{...p}),P.default.createElement("div",{ref:t,...x},f)}),Ve={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Be.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Oe=Be;var v=m(require("react"));var L=m(require("react")),bt=(0,L.forwardRef)((e,t)=>{let{element:o,children:r,...n}=e;return L.default.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},L.default.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),L.default.createElement("div",null,r))}),_e=bt;var R={};J(R,{Modal:()=>Dt,ModalClose:()=>Xe,ModalContent:()=>qe,ModalHeader:()=>Nt,ModalTrigger:()=>Ht});var I=require("@radix-ui/react-dialog"),c=m(require("react"));var $e=m(require("react"));var Z={};J(Z,{ArrowLeft:()=>St,ArrowRight:()=>Tt,CircleNotch:()=>Ct,Image:()=>It,Minus:()=>kt,Plus:()=>Et,ShoppingCart:()=>Lt,X:()=>Pt});var a=m(require("react")),Ct=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},a.default.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a.default.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),Pt=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"#000000",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),a.default.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),kt=e=>a.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.default.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Et=e=>a.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.default.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),St=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Tt=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),It=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},a.default.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Lt=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));var Fe=m(require("clsx"));function M({name:e,className:t,...o}){let r=Z[e],n=(0,Fe.default)("wv-icon",t);return $e.default.createElement(r,{className:n,...o})}var W=require("@radix-ui/react-dialog"),T=require("@stitches/react"),Mt=(0,T.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),Wt=(0,T.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Ue=(0,T.styled)(W.Overlay,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Mt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Ge=(0,T.styled)(W.Title,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),Ye=(0,T.styled)(W.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${Wt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","*":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),Ke=(0,T.styled)("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});var Dt=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e;return(0,c.useEffect)(()=>{o\|\|r?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[o,r]),c.default.createElement(I.Root,{onOpenChange:l=>{l?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),n?.(l)},open:o,defaultOpen:r,...i},t)},Ht=I.Trigger,Nt=(0,c.forwardRef)((e,t)=>{let{children:o,...r}=e;return c.default.createElement(Ge,{ref:t,...r,"data-wv-modal-header":!0},o)}),qe=(0,c.forwardRef)((e,t)=>{let{children:o,size:r,portal:n,...i}=e,s=c.default.createElement(c.default.Fragment,null,c.default.createElement(Ue,null),c.default.createElement(Ye,{...i,onCloseAutoFocus:l=>l.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},c.default.createElement(Xe,null),c.default.createElement("div",{className:"wv-modal-content"},o)));return n?c.default.createElement(I.Portal,null,s):s});qe.defaultProps={size:"auto",portal:!1};var Xe=(0,c.forwardRef)((e,t)=>{let{asChild:o,children:r,...n}=e,i=c.default.createElement(Ke,null,c.default.createElement(M,{name:"X"}));return c.default.createElement(I.Close,{asChild:!0,...n,ref:t},o?r:i)});var ee=m(require("react"));function Je(){return ee.default.createElement("span",{className:"wv-spinner-wrapper"},ee.default.createElement(M,{name:"CircleNotch",className:"wv-spinner"}))}var te={Placeholder:_e,Spinner:Je,ModalComponents:R,Icon:M};var Qe=(0,v.forwardRef)((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:s,...l}=e,[g,x]=(0,v.useState)([]),[b,p]=(0,v.useState)(null);if((0,v.useEffect)(()=>{if(o){let y=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${de}/me/media?${y.toString()}`).then(w=>w.json()).then(w=>{w.error?p(w):(p(null),x([...w.data]))}).catch(p)}},[o]),!o\|\|b)return v.default.createElement("div",{ref:t,...l},v.default.createElement(te.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let f={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":s+"px"};return v.default.createElement("div",{ref:t,...l,style:f},v.default.createElement("div",{className:"wv-ig-media-container"},g.slice(0,n).map(y=>{let{id:w,permalink:G,caption:Y,media_url:j,media_type:K,thumbnail_url:q}=y;return K==="VIDEO"?v.default.createElement("video",{key:w,controls:!0,poster:q},v.default.createElement("source",{src:j,type:"video/mp4"})):v.default.createElement("a",{key:w,href:G,target:"_blank",rel:"noreferrer"},v.default.createElement("img",{alt:Y,src:j}))})))}),Ze={},Re={"@desktop":{".wv-ig-media-container":{overflow:"hidden",maxWidth:"100%",maxHeight:"100%",display:"grid",gridTemplateColumns:"repeat(var(--wv-ig-images-per-row, 4), 1fr)",gap:"var(--wv-ig-images-gap, 0px)",img:{maxWidth:"100%",maxHeight:"100%",objectFit:"cover"},video:{width:"100%",height:"100%"}}},"@mobile":{".wv-ig-media-container":{overflowX:"auto",display:"flex",scrollSnapType:"x mandatory"},".wv-ig-media-container a":{scrollSnapAlign:"start",flexGrow:0,flexShrink:0,flexBasis:"100%"}}};Qe.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var et=Qe;var U={Countdown:{Component:he,type:"countdown",defaultCss:we},Button:{Component:se,type:"button",defaultCss:ie},Container:{Component:pe,type:"container",defaultCss:ae},Image:{Component:Ce,type:"image",defaultCss:be},Instagram:{Component:et,type:"instagram",defaultCss:Ze,permanentCss:Re},Layout:{Component:Se,type:"layout",defaultCss:ke,permanentCss:Ee},Map:{Component:Le,type:"map",defaultCss:Ie},Text:{Component:De,type:"text",defaultCss:We},Video:{Component:Oe,type:"video",defaultCss:Ve}};var zt=e=>{let t=new tt.Weaverse(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},C=(0,ot.createContext)({}),oe=C.Provider,At=C.Consumer;var rt=require("@weaverse/core"),u=m(require("react"));var Bt=({context:e})=>{let[,t]=(0,u.useState)(e.projectData),o=(0,u.useRef)(),r=()=>t({});(0,u.useEffect)(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?u.default.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},u.default.createElement(oe,{value:e},u.default.createElement(nt,{id:e.projectData.rootId}))):null},Vt=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=(0,u.useContext)(C),[r,n]=(0,u.useState)(e.data),{id:i,type:s,childIds:l=[],css:g,className:x,...b}=r;(0,u.useEffect)(()=>{let f=y=>n({...y});return e.subscribe(f),rt.isBrowser&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(f)},[]);let p=o.get(s);if(p?.Component){let f=p.Component;return f.$$typeof===Symbol.for("react.forward_ref")&&(b.ref=e.ref),u.default.createElement(f,{key:i,"data-wv-type":s,"data-wv-id":i,className:ce(e,t),...b},l.map(y=>u.default.createElement(nt,{key:y,id:y})))}else return console.log(`Unknown element: ${s}`),null},nt=({id:e})=>{let t=(0,u.useContext)(C),{itemInstances:o}=t,r=o.get(e);return r?u.default.createElement(Vt,{key:e,instance:r}):u.default.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};0&&(module.exports={Components,Elements,WeaverseContext,WeaverseContextConsumer,WeaverseContextProvider,WeaverseRoot,createRootContext});
1	+ "use strict";var it=Object.create;var B=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var lt=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var J=(e,t)=>{for(var o in t)B(e,o,{get:t[o],enumerable:!0})},A=(e,t,o,r)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of lt(t))!pt.call(e,n)&&n!==o&&B(e,n,{get:()=>t[n],enumerable:!(r=st(t,n))\|\|r.enumerable});return e},E=(e,t,o)=>(A(e,t,"default"),o&&A(o,t,"default")),m=(e,t,o)=>(o=e!=null?it(at(e)):{},A(t\|\|!e\|\|!e.__esModule?B(o,"default",{value:e,enumerable:!0}):o,e)),mt=e=>A(B({},"__esModule",{value:!0}),e);var k={};J(k,{Components:()=>te,Elements:()=>U,WeaverseContext:()=>C,WeaverseContextConsumer:()=>At,WeaverseContextProvider:()=>oe,WeaverseRoot:()=>Bt,createRootContext:()=>zt});module.exports=mt(k);E(k,require("@weaverse/core"),module.exports);var tt=require("@weaverse/core"),ot=require("react");var D=m(require("react")),re=require("react");var ne=D.forwardRef((e,t)=>{let{isDesignMode:o}=(0,re.useContext)(C),{text:r,clickAction:n,linkTo:i,openInNewTab:s,...l}=e;return n&&i?D.createElement("a",{href:o?void 0:i,target:s?"_blank":"_self",rel:"noreferrer",...l,ref:t},r):D.createElement("button",{ref:t,...l},r)});ne.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var ie={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",":hover":{backgroundColor:"#222831"}}},se=ne;var V=m(require("react")),le=(0,V.forwardRef)((e,t)=>{let{children:o,...r}=e;return V.default.createElement("div",{ref:t,...r},o)}),ae={"@desktop":{alignItems:"flex-start",display:"flex",flexDirection:"column",gridArea:"1 / 1 / 3 / 6",height:"fit-content",justifyContent:"flex-start",overflow:"hidden",textAlign:"left",width:"100%"}};le.defaultProps={};var pe=le;var h=m(require("react"));var me=["days","hours","minutes","seconds"],O="wv-cd-evergreen-start",de="https://graph.instagram.com";function ut(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var Q={};function ce(e,t){let{css:o,type:r,className:n=""}=e.data,i="",s="",l=e.Element?.permanentCss;if(l)if(r in Q)s=Q[r];else{let{className:g}=t.css(l)();Object.assign(Q,{[r]:g}),s=g}if(i=s,o){let g=ut(o),{className:x=""}=t.css(g)(),{stitchesClass:b}=e,p=(e.ref.current?.className\|\|"").replace(b,"").replace(n,"").replace(s,"").trim();i=`${s} ${n} ${x} ${p}`.trim(),e.stitchesClass=x}return i}function ue(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),s=Math.floor((e-nr-io)/t),l=Math.floor((e-nr-io-st)/1e3);return{days:n,hours:i,minutes:s,seconds:l}}function fe(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function ge(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}var _=m(require("react"));function ve({value:e,label:t}){return _.default.createElement("div",{className:"wv-cd-block"},_.default.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&_.default.createElement("div",{className:"wv-cd-label"},t))}var ye=(0,h.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,h.useContext)(C),{timerType:r,startTime:n,endTime:i,periods:s,redirectUrl:l,openInNewTab:g,showColon:x,showLabel:b,...p}=e,[f,y]=h.default.useState(0),w=s601e3,G=()=>{!o&&l&&window.open(l,g?"_blank":"_self")},Y=()=>{let d=n;if(r==="evergreen"){let z=localStorage.getItem(O);z?(d=Number.parseInt(z),d+w<Date.now()&&(d=Date.now(),localStorage.setItem(O,d.toString()))):(d=Date.now(),localStorage.setItem(O,d.toString()))}return d},j=d=>d<Date.now()&&i>Date.now(),K=()=>{let d=Y(),z=r==="fixed-time"?i:d+w,X=j(d)?Math.max(z-Date.now(),0):0;X>0&&X<1e3&&G(),y(X)};(0,h.useEffect)(()=>{let d=setInterval(K,1e3);return()=>{clearInterval(d)}},[n,i,w,r]);let q=ue(f);return h.default.createElement("div",{ref:t,...p},me.map(d=>h.default.createElement(h.default.Fragment,{key:d},h.default.createElement(ve,{label:b?d:"",value:f===0?"--":q[d]}),d!=="seconds"&&h.default.createElement("div",{className:"wv-cd-separator"},x&&h.default.createElement("span",null,":")))))}),we={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};ye.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var he=ye;var H=m(require("react")),xe=H.default.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,onClickAction:s,openLinkInNewTab:l,linkTo:g,...x}=e,b={"--wv-img-object-fit":n,"--wv-img-object-position":i},p=H.default.createElement("img",{alt:r,"data-blink-src":o});return s==="open-link"&&g&&(p=H.default.createElement("a",{href:g,target:l?"_blank":"_self"},p)),H.default.createElement("div",{ref:t,...x,style:b},p)}),be={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--wv-img-object-fit, cover)",objectPosition:"var(--wv-img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};xe.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",onClickAction:"open-link",openLinkInNewTab:!1,linkTo:""};var Ce=xe;var S=m(require("react")),Pe=(0,S.forwardRef)((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:s,contentSize:l,gridSize:g,backgroundColor:x,backgroundImage:b,objectFit:p,...f}=e,y={"--layout-content-width":"100vw","--content-size":l+"px","--grid-size":g+"px","--rows":r,"--columns":s,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return S.default.createElement("div",{ref:t,...f,style:y},S.default.createElement(vt,{imgUrl:b,bgColor:x,objectFit:p}),S.default.createElement("div",{"data-layout-content":!0},o))}),vt=e=>{let{bgColor:t,imgUrl:o,objectFit:r}=e,n={["--bg-color"]:t,["--object-fit"]:r,display:"block"};return o\|\|t?S.default.createElement("div",{style:n,className:"wv-layout-background"},o&&S.default.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null},ke={"@desktop":{"> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}},Ee={"@desktop":{".wv-layout-background":{position:"absolute",inset:0,backgroundColor:"var(--bg-color)"},img:{objectFit:"var(--object-fit, cover)"}}};Pe.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var Se=Pe;var N=m(require("react")),Te=(0,N.forwardRef)((e,t)=>{let{place:o,zoom:r,...n}=e;return N.default.createElement("div",{ref:t,...n},N.default.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),Ie={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Te.defaultProps={place:"Hanoi",zoom:14};var Le=Te;var $=m(require("react")),Me=$.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return $.createElement("div",{ref:t,...n,dangerouslySetInnerHTML:{__html:r}})}),We={"@desktop":{padding:"10px",wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}};Me.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var De=Me;var P=m(require("react"));var F=m(require("react"));function He(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:s}=e;return F.default.createElement("video",{controls:r,autoPlay:n,loop:i,muted:s,controlsList:"nodownload",disablePictureInPicture:!0},F.default.createElement("source",{src:t,type:o\|\|"video/mp4"}),F.default.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}var Ne=m(require("react"));function je(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,l=`https://player.vimeo.com/video/${t}?${s}`;return Ne.default.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0})}var ze=m(require("react"));function Ae(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),l=`https://www.youtube.com/embed/${t}?${s.toString()}`;return ze.default.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Be=(0,P.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,P.useContext)(C),{src:r,controls:n,poster:i,autoPlay:s,loop:l,muted:g,...x}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&s,loop:l,muted:g},f,y=fe(r),w=ge(r);return y?f=P.default.createElement(Ae,{...p,youtubeId:y}):w?f=P.default.createElement(je,{...p,vimeoId:w}):f=P.default.createElement(He,{...p}),P.default.createElement("div",{ref:t,...x},f)}),Ve={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Be.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Oe=Be;var v=m(require("react"));var L=m(require("react")),bt=(0,L.forwardRef)((e,t)=>{let{element:o,children:r,...n}=e;return L.default.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},L.default.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),L.default.createElement("div",null,r))}),_e=bt;var R={};J(R,{Modal:()=>Dt,ModalClose:()=>Xe,ModalContent:()=>qe,ModalHeader:()=>Nt,ModalTrigger:()=>Ht});var I=require("@radix-ui/react-dialog"),c=m(require("react"));var $e=m(require("react"));var Z={};J(Z,{ArrowLeft:()=>St,ArrowRight:()=>Tt,CircleNotch:()=>Ct,Image:()=>It,Minus:()=>kt,Plus:()=>Et,ShoppingCart:()=>Lt,X:()=>Pt});var a=m(require("react")),Ct=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},a.default.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a.default.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),Pt=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"#000000",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),a.default.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),kt=e=>a.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.default.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Et=e=>a.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.default.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),St=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Tt=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),It=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},a.default.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Lt=e=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.default.createElement("rect",{width:"256",height:"256",fill:"none"}),a.default.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.default.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));var Fe=m(require("clsx"));function M({name:e,className:t,...o}){let r=Z[e],n=(0,Fe.default)("wv-icon",t);return $e.default.createElement(r,{className:n,...o})}var W=require("@radix-ui/react-dialog"),T=require("@stitches/react"),Mt=(0,T.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),Wt=(0,T.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Ue=(0,T.styled)(W.Overlay,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Mt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Ge=(0,T.styled)(W.Title,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),Ye=(0,T.styled)(W.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${Wt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","*":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),Ke=(0,T.styled)("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});var Dt=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e;return(0,c.useEffect)(()=>{o\|\|r?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[o,r]),c.default.createElement(I.Root,{onOpenChange:l=>{l?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),n?.(l)},open:o,defaultOpen:r,...i},t)},Ht=I.Trigger,Nt=(0,c.forwardRef)((e,t)=>{let{children:o,...r}=e;return c.default.createElement(Ge,{ref:t,...r,"data-wv-modal-header":!0},o)}),qe=(0,c.forwardRef)((e,t)=>{let{children:o,size:r,portal:n,...i}=e,s=c.default.createElement(c.default.Fragment,null,c.default.createElement(Ue,null),c.default.createElement(Ye,{...i,onCloseAutoFocus:l=>l.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},c.default.createElement(Xe,null),c.default.createElement("div",{className:"wv-modal-content"},o)));return n?c.default.createElement(I.Portal,null,s):s});qe.defaultProps={size:"auto",portal:!1};var Xe=(0,c.forwardRef)((e,t)=>{let{asChild:o,children:r,...n}=e,i=c.default.createElement(Ke,null,c.default.createElement(M,{name:"X"}));return c.default.createElement(I.Close,{asChild:!0,...n,ref:t},o?r:i)});var ee=m(require("react"));function Je(){return ee.default.createElement("span",{className:"wv-spinner-wrapper"},ee.default.createElement(M,{name:"CircleNotch",className:"wv-spinner"}))}var te={Placeholder:_e,Spinner:Je,ModalComponents:R,Icon:M};var Qe=(0,v.forwardRef)((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:s,...l}=e,[g,x]=(0,v.useState)([]),[b,p]=(0,v.useState)(null);if((0,v.useEffect)(()=>{if(o){let y=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${de}/me/media?${y.toString()}`).then(w=>w.json()).then(w=>{w.error?p(w):(p(null),x([...w.data]))}).catch(p)}},[o]),!o\|\|b)return v.default.createElement("div",{ref:t,...l},v.default.createElement(te.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let f={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":s+"px"};return v.default.createElement("div",{ref:t,...l,style:f},v.default.createElement("div",{className:"wv-ig-media-container"},g.slice(0,n).map(y=>{let{id:w,permalink:G,caption:Y,media_url:j,media_type:K,thumbnail_url:q}=y;return K==="VIDEO"?v.default.createElement("video",{key:w,controls:!0,poster:q},v.default.createElement("source",{src:j,type:"video/mp4"})):v.default.createElement("a",{key:w,href:G,target:"_blank",rel:"noreferrer"},v.default.createElement("img",{alt:Y,src:j}))})))}),Ze={},Re={"@desktop":{".wv-ig-media-container":{overflow:"hidden",maxWidth:"100%",maxHeight:"100%",display:"grid",gridTemplateColumns:"repeat(var(--wv-ig-images-per-row, 4), 1fr)",gap:"var(--wv-ig-images-gap, 0px)",img:{maxWidth:"100%",maxHeight:"100%",objectFit:"cover"},video:{width:"100%",height:"100%"}}},"@mobile":{".wv-ig-media-container":{overflowX:"auto",display:"flex",scrollSnapType:"x mandatory"},".wv-ig-media-container a":{scrollSnapAlign:"start",flexGrow:0,flexShrink:0,flexBasis:"100%"}}};Qe.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var et=Qe;var U={Countdown:{Component:he,type:"countdown",defaultCss:we},Button:{Component:se,type:"button",defaultCss:ie},Container:{Component:pe,type:"container",defaultCss:ae},Image:{Component:Ce,type:"image",defaultCss:be},Instagram:{Component:et,type:"instagram",defaultCss:Ze,permanentCss:Re},Layout:{Component:Se,type:"layout",defaultCss:ke,permanentCss:Ee},Map:{Component:Le,type:"map",defaultCss:Ie},Text:{Component:De,type:"text",defaultCss:We},Video:{Component:Oe,type:"video",defaultCss:Ve}};var zt=e=>{let t=new tt.Weaverse(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},C=(0,ot.createContext)({}),oe=C.Provider,At=C.Consumer;var rt=require("@weaverse/core"),u=m(require("react"));var Bt=({context:e})=>{let[,t]=(0,u.useState)(e.projectData),o=(0,u.useRef)(),r=()=>t({});(0,u.useEffect)(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?u.default.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},u.default.createElement(oe,{value:e},u.default.createElement(nt,{id:e.projectData.rootId}))):null},Vt=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=(0,u.useContext)(C),[r,n]=(0,u.useState)(e.data),{id:i,type:s,childIds:l=[],css:g,className:x,...b}=r;(0,u.useEffect)(()=>{let f=y=>n({...y});return e.subscribe(f),rt.isBrowser&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(f)},[]);let p=o.get(s);if(p?.Component){let f=p.Component;return f.$$typeof===Symbol.for("react.forward_ref")&&(b.ref=e.ref),u.default.createElement(f,{key:i,"data-wv-type":s,"data-wv-id":i,className:ce(e,t),...b},l.map(y=>u.default.createElement(nt,{key:y,id:y})))}else return console.log(`Unknown element: ${s}`),null},nt=({id:e})=>{let t=(0,u.useContext)(C),{itemInstances:o}=t,r=o.get(e);return r?u.default.createElement(Vt,{key:e,instance:r}):u.default.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};0&&(module.exports={Components,Elements,WeaverseContext,WeaverseContextConsumer,WeaverseContextProvider,WeaverseRoot,createRootContext});

package/dist/index.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var Xe=Object.defineProperty;var G=(e,t)=>{for(var o in t)Xe(e,o,{get:t[o],enumerable:!0})};exportfrom"@weaverse/core";import{Weaverse as Yt}from"@weaverse/core";import{createContext as Kt}from"react";importas P from"react";import{useContext as Je}from"react";var Y=P.forwardRef((e,t)=>{let{isDesignMode:o}=Je(w),{text:r,clickAction:n,linkTo:i,openInNewTab:s,...l}=e;return n&&i?P.createElement("a",{href:o?void 0:i,target:s?"_blank":"_self",rel:"noreferrer",...l,ref:t},r):P.createElement("button",{ref:t,...l},r)});Y.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var K={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",":hover":{backgroundColor:"#222831"}}},q=Y;import Ze,{forwardRef as Re}from"react";var X=Re((e,t)=>{let{children:o,...r}=e;return Ze.createElement("div",{ref:t,...r},o)}),J={"@desktop":{alignItems:"flex-start",display:"flex",flexDirection:"column",gridArea:"1 / 1 / 3 / 6",height:"fit-content",justifyContent:"flex-start",overflow:"hidden",textAlign:"left",width:"100%"}};X.defaultProps={};var Q=X;import x,{forwardRef as ot,useContext as rt,useEffect as nt}from"react";var Z=["days","hours","minutes","seconds"],T="wv-cd-evergreen-start",R="https://graph.instagram.com";function tt(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var A={};function ee(e,t){let{css:o,type:r,className:n=""}=e.data,i="",s="",l=e.Element?.permanentCss;if(l)if(r in A)s=A[r];else{let{className:c}=t.css(l)();Object.assign(A,{[r]:c}),s=c}if(i=s,o){let c=tt(o),{className:g=""}=t.css(c)(),{stitchesClass:v}=e,p=(e.ref.current?.className\|\|"").replace(v,"").replace(n,"").replace(s,"").trim();i=`${s} ${n} ${g} ${p}`.trim(),e.stitchesClass=g}return i}function te(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),s=Math.floor((e-nr-io)/t),l=Math.floor((e-nr-io-st)/1e3);return{days:n,hours:i,minutes:s,seconds:l}}function oe(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function re(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}import B from"react";function ne({value:e,label:t}){return B.createElement("div",{className:"wv-cd-block"},B.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&B.createElement("div",{className:"wv-cd-label"},t))}var ie=ot((e,t)=>{let{isDesignMode:o}=rt(w),{timerType:r,startTime:n,endTime:i,periods:s,redirectUrl:l,openInNewTab:c,showColon:g,showLabel:v,...p}=e,[d,u]=x.useState(0),f=s601e3,D=()=>{!o&&l&&window.open(l,c?"_blank":"_self")},H=()=>{let m=n;if(r==="evergreen"){let S=localStorage.getItem(T);S?(m=Number.parseInt(S),m+f<Date.now()&&(m=Date.now(),localStorage.setItem(T,m.toString()))):(m=Date.now(),localStorage.setItem(T,m.toString()))}return m},E=m=>m<Date.now()&&i>Date.now(),N=()=>{let m=H(),S=r==="fixed-time"?i:m+f,z=E(m)?Math.max(S-Date.now(),0):0;z>0&&z<1e3&&D(),u(z)};nt(()=>{let m=setInterval(N,1e3);return()=>{clearInterval(m)}},[n,i,f,r]);let j=te(d);return x.createElement("div",{ref:t,...p},Z.map(m=>x.createElement(x.Fragment,{key:m},x.createElement(ne,{label:v?m:"",value:d===0?"--":j[m]}),m!=="seconds"&&x.createElement("div",{className:"wv-cd-separator"},g&&x.createElement("span",null,":")))))}),se={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};ie.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var le=ie;import I from"react";var ae=I.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,onClickAction:s,openLinkInNewTab:l,linkTo:c,...g}=e,v={"--wv-img-object-fit":n,"--wv-img-object-position":i},p=I.createElement("img",{alt:r,"data-blink-src":o});return s==="open-link"&&c&&(p=I.createElement("a",{href:c,target:l?"_blank":"_self"},p)),I.createElement("div",{ref:t,...g,style:v},p)}),pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--wv-img-object-fit, cover)",objectPosition:"var(--wv-img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};ae.defaultProps={src:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",onClickAction:"open-link",openLinkInNewTab:!1,linkTo:""};var me=ae;import k,{forwardRef as lt}from"react";var de=lt((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:s,contentSize:l,gridSize:c,backgroundColor:g,backgroundImage:v,objectFit:p,...d}=e,u={"--layout-content-width":"100vw","--content-size":l+"px","--grid-size":c+"px","--rows":r,"--columns":s,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return k.createElement("div",{ref:t,...d,style:u},k.createElement(at,{imgUrl:v,bgColor:g,objectFit:p}),k.createElement("div",{"data-layout-content":!0},o))}),at=e=>{let{bgColor:t,imgUrl:o,objectFit:r}=e,n={["--bg-color"]:t,["--object-fit"]:r};return o\|\|t?k.createElement("div",{style:n,className:"wv-layout-background"},o&&k.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null},ce={"@desktop":{"> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}},ue={"@desktop":{".wv-layout-background":{position:"absolute",inset:0,backgroundColor:"var(--bg-color)"},img:{objectFit:"var(--object-fit, cover)"}}};de.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var fe=de;import ge,{forwardRef as mt}from"react";var ve=mt((e,t)=>{let{place:o,zoom:r,...n}=e;return ge.createElement("div",{ref:t,...n},ge.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),ye={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};ve.defaultProps={place:"Hanoi",zoom:14};var we=ve;importas L from"react";var he=L.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return L.createElement("div",{ref:t,...n,dangerouslySetInnerHTML:{__html:r}})}),xe={"@desktop":{padding:"10px",wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}};he.defaultProps={value:"The quick brown fox jumps over the lazy dog"};var be=he;import M,{forwardRef as gt,useContext as vt}from"react";import V from"react";function Ce(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:s}=e;return V.createElement("video",{controls:r,autoPlay:n,loop:i,muted:s,controlsList:"nodownload",disablePictureInPicture:!0},V.createElement("source",{src:t,type:o\|\|"video/mp4"}),V.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}import ut from"react";function Pe(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,l=`https://player.vimeo.com/video/${t}?${s}`;return ut.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0})}import ft from"react";function ke(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),l=`https://www.youtube.com/embed/${t}?${s.toString()}`;return ft.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Ee=gt((e,t)=>{let{isDesignMode:o}=vt(w),{src:r,controls:n,poster:i,autoPlay:s,loop:l,muted:c,...g}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&s,loop:l,muted:c},d,u=oe(r),f=re(r);return u?d=M.createElement(ke,{...p,youtubeId:u}):f?d=M.createElement(Pe,{...p,vimeoId:f}):d=M.createElement(Ce,{...p}),M.createElement("div",{ref:t,...g},d)}),Se={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Ee.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Te=Ee;import h,{forwardRef as Ft,useEffect as Ut,useState as Ve}from"react";import O,{forwardRef as wt}from"react";var ht=wt((e,t)=>{let{element:o,children:r,...n}=e;return O.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},O.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),O.createElement("div",null,r))}),Ie=ht;var F={};G(F,{Modal:()=>Ot,ModalClose:()=>je,ModalContent:()=>Ne,ModalHeader:()=>$t,ModalTrigger:()=>_t});import{Close as jt,Portal as zt,Root as At,Trigger as Bt}from"@radix-ui/react-dialog";import y,{forwardRef as $,useEffect as Vt}from"react";import It from"react";var _={};G(_,{ArrowLeft:()=>kt,ArrowRight:()=>Et,CircleNotch:()=>xt,Image:()=>St,Minus:()=>Ct,Plus:()=>Pt,ShoppingCart:()=>Tt,X:()=>bt});import a from"react";var xt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},a.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),bt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"#000000",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),a.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),Ct=e=>a.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Pt=e=>a.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),kt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Et=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),St=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},a.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Tt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));import Lt from"clsx";function C({name:e,className:t,...o}){let r=_[e],n=Lt("wv-icon",t);return It.createElement(r,{className:n,...o})}import{Content as Mt,Overlay as Wt,Title as Dt}from"@radix-ui/react-dialog";import{keyframes as Le,styled as W}from"@stitches/react";var Ht=Le({"0%":{opacity:0},"100%":{opacity:1}}),Nt=Le({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Me=W(Wt,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Ht} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),We=W(Dt,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),De=W(Mt,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${Nt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),He=W("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});var Ot=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e;return Vt(()=>{o\|\|r?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[o,r]),y.createElement(At,{onOpenChange:l=>{l?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),n?.(l)},open:o,defaultOpen:r,...i},t)},_t=Bt,$t=$((e,t)=>{let{children:o,...r}=e;return y.createElement(We,{ref:t,...r,"data-wv-modal-header":!0},o)}),Ne=$((e,t)=>{let{children:o,size:r,portal:n,...i}=e,s=y.createElement(y.Fragment,null,y.createElement(Me,null),y.createElement(De,{...i,onCloseAutoFocus:l=>l.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},y.createElement(je,null),y.createElement("div",{className:"wv-modal-content"},o)));return n?y.createElement(zt,null,s):s});Ne.defaultProps={size:"auto",portal:!1};var je=$((e,t)=>{let{asChild:o,children:r,...n}=e,i=y.createElement(He,null,y.createElement(C,{name:"X"}));return y.createElement(jt,{asChild:!0,...n,ref:t},o?r:i)});import ze from"react";function Ae(){return ze.createElement("span",{className:"wv-spinner-wrapper"},ze.createElement(C,{name:"CircleNotch",className:"wv-spinner"}))}var Be={Placeholder:Ie,Spinner:Ae,ModalComponents:F,Icon:C};var Oe=Ft((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:s,...l}=e,[c,g]=Ve([]),[v,p]=Ve(null);if(Ut(()=>{if(o){let u=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${R}/me/media?${u.toString()}`).then(f=>f.json()).then(f=>{f.error?p(f):(p(null),g([...f.data]))}).catch(p)}},[o]),!o\|\|v)return h.createElement("div",{ref:t,...l},h.createElement(Be.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let d={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":s+"px"};return h.createElement("div",{ref:t,...l,style:d},h.createElement("div",{className:"wv-ig-media-container"},c.slice(0,n).map(u=>{let{id:f,permalink:D,caption:H,media_url:E,media_type:N,thumbnail_url:j}=u;return N==="VIDEO"?h.createElement("video",{key:f,controls:!0,poster:j},h.createElement("source",{src:E,type:"video/mp4"})):h.createElement("a",{key:f,href:D,target:"_blank",rel:"noreferrer"},h.createElement("img",{alt:H,src:E}))})))}),_e={},$e={"@desktop":{".wv-ig-media-container":{overflow:"hidden",maxWidth:"100%",maxHeight:"100%",display:"grid",gridTemplateColumns:"repeat(var(--wv-ig-images-per-row, 4), 1fr)",gap:"var(--wv-ig-images-gap, 0px)",img:{maxWidth:"100%",maxHeight:"100%",objectFit:"cover"},video:{width:"100%",height:"100%"}}},"@mobile":{".wv-ig-media-container":{overflowX:"auto",display:"flex",scrollSnapType:"x mandatory"},".wv-ig-media-container a":{scrollSnapAlign:"start",flexGrow:0,flexShrink:0,flexBasis:"100%"}}};Oe.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var Fe=Oe;var U={Countdown:{Component:le,type:"countdown",defaultCss:se},Button:{Component:q,type:"button",defaultCss:K},Container:{Component:Q,type:"container",defaultCss:J},Image:{Component:me,type:"image",defaultCss:pe},Instagram:{Component:Fe,type:"instagram",defaultCss:_e,permanentCss:$e},Layout:{Component:fe,type:"layout",defaultCss:ce,permanentCss:ue},Map:{Component:we,type:"map",defaultCss:ye},Text:{Component:be,type:"text",defaultCss:xe},Video:{Component:Te,type:"video",defaultCss:Se}};var or=e=>{let t=new Yt(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},w=Kt({}),Ue=w.Provider,rr=w.Consumer;import{isBrowser as qt}from"@weaverse/core";import b,{useContext as Ge,useEffect as Ye,useRef as Xt,useState as Ke}from"react";var pr=({context:e})=>{let[,t]=Ke(e.projectData),o=Xt(),r=()=>t({});Ye(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?b.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},b.createElement(Ue,{value:e},b.createElement(qe,{id:e.projectData.rootId}))):null},Jt=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=Ge(w),[r,n]=Ke(e.data),{id:i,type:s,childIds:l=[],css:c,className:g,...v}=r;Ye(()=>{let d=u=>n({...u});return e.subscribe(d),qt&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(d)},[]);let p=o.get(s);if(p?.Component){let d=p.Component;return d.$$typeof===Symbol.for("react.forward_ref")&&(v.ref=e.ref),b.createElement(d,{key:i,"data-wv-type":s,"data-wv-id":i,className:ee(e,t),...v},l.map(u=>b.createElement(qe,{key:u,id:u})))}else return console.log(`Unknown element: ${s}`),null},qe=({id:e})=>{let t=Ge(w),{itemInstances:o}=t,r=o.get(e);return r?b.createElement(Jt,{key:e,instance:r}):b.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};export{Be as Components,U as Elements,w as WeaverseContext,rr as WeaverseContextConsumer,Ue as WeaverseContextProvider,pr as WeaverseRoot,or as createRootContext};
1	+ var Xe=Object.defineProperty;var G=(e,t)=>{for(var o in t)Xe(e,o,{get:t[o],enumerable:!0})};exportfrom"@weaverse/core";import{Weaverse as Yt}from"@weaverse/core";import{createContext as Kt}from"react";importas P from"react";import{useContext as Je}from"react";var Y=P.forwardRef((e,t)=>{let{isDesignMode:o}=Je(w),{text:r,clickAction:n,linkTo:i,openInNewTab:s,...l}=e;return n&&i?P.createElement("a",{href:o?void 0:i,target:s?"_blank":"_self",rel:"noreferrer",...l,ref:t},r):P.createElement("button",{ref:t,...l},r)});Y.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var K={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",":hover":{backgroundColor:"#222831"}}},q=Y;import Ze,{forwardRef as Re}from"react";var X=Re((e,t)=>{let{children:o,...r}=e;return Ze.createElement("div",{ref:t,...r},o)}),J={"@desktop":{alignItems:"flex-start",display:"flex",flexDirection:"column",gridArea:"1 / 1 / 3 / 6",height:"fit-content",justifyContent:"flex-start",overflow:"hidden",textAlign:"left",width:"100%"}};X.defaultProps={};var Q=X;import x,{forwardRef as ot,useContext as rt,useEffect as nt}from"react";var Z=["days","hours","minutes","seconds"],T="wv-cd-evergreen-start",R="https://graph.instagram.com";function tt(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var A={};function ee(e,t){let{css:o,type:r,className:n=""}=e.data,i="",s="",l=e.Element?.permanentCss;if(l)if(r in A)s=A[r];else{let{className:c}=t.css(l)();Object.assign(A,{[r]:c}),s=c}if(i=s,o){let c=tt(o),{className:g=""}=t.css(c)(),{stitchesClass:v}=e,p=(e.ref.current?.className\|\|"").replace(v,"").replace(n,"").replace(s,"").trim();i=`${s} ${n} ${g} ${p}`.trim(),e.stitchesClass=g}return i}function te(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),s=Math.floor((e-nr-io)/t),l=Math.floor((e-nr-io-st)/1e3);return{days:n,hours:i,minutes:s,seconds:l}}function oe(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function re(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}import B from"react";function ne({value:e,label:t}){return B.createElement("div",{className:"wv-cd-block"},B.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&B.createElement("div",{className:"wv-cd-label"},t))}var ie=ot((e,t)=>{let{isDesignMode:o}=rt(w),{timerType:r,startTime:n,endTime:i,periods:s,redirectUrl:l,openInNewTab:c,showColon:g,showLabel:v,...p}=e,[d,u]=x.useState(0),f=s601e3,D=()=>{!o&&l&&window.open(l,c?"_blank":"_self")},H=()=>{let m=n;if(r==="evergreen"){let S=localStorage.getItem(T);S?(m=Number.parseInt(S),m+f<Date.now()&&(m=Date.now(),localStorage.setItem(T,m.toString()))):(m=Date.now(),localStorage.setItem(T,m.toString()))}return m},E=m=>m<Date.now()&&i>Date.now(),N=()=>{let m=H(),S=r==="fixed-time"?i:m+f,z=E(m)?Math.max(S-Date.now(),0):0;z>0&&z<1e3&&D(),u(z)};nt(()=>{let m=setInterval(N,1e3);return()=>{clearInterval(m)}},[n,i,f,r]);let j=te(d);return x.createElement("div",{ref:t,...p},Z.map(m=>x.createElement(x.Fragment,{key:m},x.createElement(ne,{label:v?m:"",value:d===0?"--":j[m]}),m!=="seconds"&&x.createElement("div",{className:"wv-cd-separator"},g&&x.createElement("span",null,":")))))}),se={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};ie.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var le=ie;import I from"react";var ae=I.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,onClickAction:s,openLinkInNewTab:l,linkTo:c,...g}=e,v={"--wv-img-object-fit":n,"--wv-img-object-position":i},p=I.createElement("img",{alt:r,"data-blink-src":o});return s==="open-link"&&c&&(p=I.createElement("a",{href:c,target:l?"_blank":"_self"},p)),I.createElement("div",{ref:t,...g,style:v},p)}),pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--wv-img-object-fit, cover)",objectPosition:"var(--wv-img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};ae.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",onClickAction:"open-link",openLinkInNewTab:!1,linkTo:""};var me=ae;import k,{forwardRef as lt}from"react";var de=lt((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:s,contentSize:l,gridSize:c,backgroundColor:g,backgroundImage:v,objectFit:p,...d}=e,u={"--layout-content-width":"100vw","--content-size":l+"px","--grid-size":c+"px","--rows":r,"--columns":s,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return k.createElement("div",{ref:t,...d,style:u},k.createElement(at,{imgUrl:v,bgColor:g,objectFit:p}),k.createElement("div",{"data-layout-content":!0},o))}),at=e=>{let{bgColor:t,imgUrl:o,objectFit:r}=e,n={["--bg-color"]:t,["--object-fit"]:r,display:"block"};return o\|\|t?k.createElement("div",{style:n,className:"wv-layout-background"},o&&k.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null},ce={"@desktop":{"> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}},ue={"@desktop":{".wv-layout-background":{position:"absolute",inset:0,backgroundColor:"var(--bg-color)"},img:{objectFit:"var(--object-fit, cover)"}}};de.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var fe=de;import ge,{forwardRef as mt}from"react";var ve=mt((e,t)=>{let{place:o,zoom:r,...n}=e;return ge.createElement("div",{ref:t,...n},ge.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),ye={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};ve.defaultProps={place:"Hanoi",zoom:14};var we=ve;importas L from"react";var he=L.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return L.createElement("div",{ref:t,...n,dangerouslySetInnerHTML:{__html:r}})}),xe={"@desktop":{padding:"10px",wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}};he.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var be=he;import M,{forwardRef as gt,useContext as vt}from"react";import V from"react";function Ce(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:s}=e;return V.createElement("video",{controls:r,autoPlay:n,loop:i,muted:s,controlsList:"nodownload",disablePictureInPicture:!0},V.createElement("source",{src:t,type:o\|\|"video/mp4"}),V.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}import ut from"react";function Pe(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,l=`https://player.vimeo.com/video/${t}?${s}`;return ut.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0})}import ft from"react";function ke(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),l=`https://www.youtube.com/embed/${t}?${s.toString()}`;return ft.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Ee=gt((e,t)=>{let{isDesignMode:o}=vt(w),{src:r,controls:n,poster:i,autoPlay:s,loop:l,muted:c,...g}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&s,loop:l,muted:c},d,u=oe(r),f=re(r);return u?d=M.createElement(ke,{...p,youtubeId:u}):f?d=M.createElement(Pe,{...p,vimeoId:f}):d=M.createElement(Ce,{...p}),M.createElement("div",{ref:t,...g},d)}),Se={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Ee.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Te=Ee;import h,{forwardRef as Ft,useEffect as Ut,useState as Ve}from"react";import O,{forwardRef as wt}from"react";var ht=wt((e,t)=>{let{element:o,children:r,...n}=e;return O.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},O.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),O.createElement("div",null,r))}),Ie=ht;var F={};G(F,{Modal:()=>Ot,ModalClose:()=>je,ModalContent:()=>Ne,ModalHeader:()=>$t,ModalTrigger:()=>_t});import{Close as jt,Portal as zt,Root as At,Trigger as Bt}from"@radix-ui/react-dialog";import y,{forwardRef as $,useEffect as Vt}from"react";import It from"react";var _={};G(_,{ArrowLeft:()=>kt,ArrowRight:()=>Et,CircleNotch:()=>xt,Image:()=>St,Minus:()=>Ct,Plus:()=>Pt,ShoppingCart:()=>Tt,X:()=>bt});import a from"react";var xt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},a.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),bt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"#000000",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),a.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),Ct=e=>a.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Pt=e=>a.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),kt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Et=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),St=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},a.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Tt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));import Lt from"clsx";function C({name:e,className:t,...o}){let r=_[e],n=Lt("wv-icon",t);return It.createElement(r,{className:n,...o})}import{Content as Mt,Overlay as Wt,Title as Dt}from"@radix-ui/react-dialog";import{keyframes as Le,styled as W}from"@stitches/react";var Ht=Le({"0%":{opacity:0},"100%":{opacity:1}}),Nt=Le({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Me=W(Wt,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Ht} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),We=W(Dt,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),De=W(Mt,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${Nt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),He=W("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});var Ot=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e;return Vt(()=>{o\|\|r?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[o,r]),y.createElement(At,{onOpenChange:l=>{l?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),n?.(l)},open:o,defaultOpen:r,...i},t)},_t=Bt,$t=$((e,t)=>{let{children:o,...r}=e;return y.createElement(We,{ref:t,...r,"data-wv-modal-header":!0},o)}),Ne=$((e,t)=>{let{children:o,size:r,portal:n,...i}=e,s=y.createElement(y.Fragment,null,y.createElement(Me,null),y.createElement(De,{...i,onCloseAutoFocus:l=>l.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},y.createElement(je,null),y.createElement("div",{className:"wv-modal-content"},o)));return n?y.createElement(zt,null,s):s});Ne.defaultProps={size:"auto",portal:!1};var je=$((e,t)=>{let{asChild:o,children:r,...n}=e,i=y.createElement(He,null,y.createElement(C,{name:"X"}));return y.createElement(jt,{asChild:!0,...n,ref:t},o?r:i)});import ze from"react";function Ae(){return ze.createElement("span",{className:"wv-spinner-wrapper"},ze.createElement(C,{name:"CircleNotch",className:"wv-spinner"}))}var Be={Placeholder:Ie,Spinner:Ae,ModalComponents:F,Icon:C};var Oe=Ft((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:s,...l}=e,[c,g]=Ve([]),[v,p]=Ve(null);if(Ut(()=>{if(o){let u=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${R}/me/media?${u.toString()}`).then(f=>f.json()).then(f=>{f.error?p(f):(p(null),g([...f.data]))}).catch(p)}},[o]),!o\|\|v)return h.createElement("div",{ref:t,...l},h.createElement(Be.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let d={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":s+"px"};return h.createElement("div",{ref:t,...l,style:d},h.createElement("div",{className:"wv-ig-media-container"},c.slice(0,n).map(u=>{let{id:f,permalink:D,caption:H,media_url:E,media_type:N,thumbnail_url:j}=u;return N==="VIDEO"?h.createElement("video",{key:f,controls:!0,poster:j},h.createElement("source",{src:E,type:"video/mp4"})):h.createElement("a",{key:f,href:D,target:"_blank",rel:"noreferrer"},h.createElement("img",{alt:H,src:E}))})))}),_e={},$e={"@desktop":{".wv-ig-media-container":{overflow:"hidden",maxWidth:"100%",maxHeight:"100%",display:"grid",gridTemplateColumns:"repeat(var(--wv-ig-images-per-row, 4), 1fr)",gap:"var(--wv-ig-images-gap, 0px)",img:{maxWidth:"100%",maxHeight:"100%",objectFit:"cover"},video:{width:"100%",height:"100%"}}},"@mobile":{".wv-ig-media-container":{overflowX:"auto",display:"flex",scrollSnapType:"x mandatory"},".wv-ig-media-container a":{scrollSnapAlign:"start",flexGrow:0,flexShrink:0,flexBasis:"100%"}}};Oe.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var Fe=Oe;var U={Countdown:{Component:le,type:"countdown",defaultCss:se},Button:{Component:q,type:"button",defaultCss:K},Container:{Component:Q,type:"container",defaultCss:J},Image:{Component:me,type:"image",defaultCss:pe},Instagram:{Component:Fe,type:"instagram",defaultCss:_e,permanentCss:$e},Layout:{Component:fe,type:"layout",defaultCss:ce,permanentCss:ue},Map:{Component:we,type:"map",defaultCss:ye},Text:{Component:be,type:"text",defaultCss:xe},Video:{Component:Te,type:"video",defaultCss:Se}};var or=e=>{let t=new Yt(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},w=Kt({}),Ue=w.Provider,rr=w.Consumer;import{isBrowser as qt}from"@weaverse/core";import b,{useContext as Ge,useEffect as Ye,useRef as Xt,useState as Ke}from"react";var pr=({context:e})=>{let[,t]=Ke(e.projectData),o=Xt(),r=()=>t({});Ye(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?b.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},b.createElement(Ue,{value:e},b.createElement(qe,{id:e.projectData.rootId}))):null},Jt=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=Ge(w),[r,n]=Ke(e.data),{id:i,type:s,childIds:l=[],css:c,className:g,...v}=r;Ye(()=>{let d=u=>n({...u});return e.subscribe(d),qt&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(d)},[]);let p=o.get(s);if(p?.Component){let d=p.Component;return d.$$typeof===Symbol.for("react.forward_ref")&&(v.ref=e.ref),b.createElement(d,{key:i,"data-wv-type":s,"data-wv-id":i,className:ee(e,t),...v},l.map(u=>b.createElement(qe,{key:u,id:u})))}else return console.log(`Unknown element: ${s}`),null},qe=({id:e})=>{let t=Ge(w),{itemInstances:o}=t,r=o.get(e);return r?b.createElement(Jt,{key:e,instance:r}):b.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};export{Be as Components,U as Elements,w as WeaverseContext,rr as WeaverseContextConsumer,Ue as WeaverseContextProvider,pr as WeaverseRoot,or as createRootContext};

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.37",
+  "version": "0.7.39",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.2",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "0.7.37",
+    "@weaverse/core": "0.7.39",
     "clsx": "^1.2.1",
     "nuka-carousel": "^5.4.1"
   }