@weaverse/react 0.7.50 → 0.7.52

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
  1. package/dist/index.js +1 -1
  2. package/dist/index.mjs +1 -1
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var mt=Object.create;var _=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var ut=Object.getPrototypeOf,ft=Object.prototype.hasOwnProperty;var Z=(e,t)=>{for(var o in t)_(e,o,{get:t[o],enumerable:!0})},V=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ct(t))!ft.call(e,n)&&n!==o&&_(e,n,{get:()=>t[n],enumerable:!(r=dt(t,n))||r.enumerable});return e},S=(e,t,o)=>(V(e,t,"default"),o&&V(o,t,"default")),p=(e,t,o)=>(o=e!=null?mt(ut(e)):{},V(t||!e||!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),gt=e=>V(_({},"__esModule",{value:!0}),e);var k={};Z(k,{Components:()=>oe,Elements:()=>Y,WeaverseContext:()=>C,WeaverseContextConsumer:()=>Ft,WeaverseContextProvider:()=>re,WeaverseRoot:()=>$t,createRootContext:()=>_t});module.exports=gt(k);S(k,require("@weaverse/core"),module.exports);var it=require("@weaverse/core"),lt=require("react");var D=p(require("react")),ne=require("react");var ie=D.forwardRef((e,t)=>{let{isDesignMode:o}=(0,ne.useContext)(C),{text:r,clickAction:n,linkTo:i,openInNewTab:l,...a}=e;return n==="none"?D.createElement("button",{ref:t,...a},r):D.createElement("a",{ref:t,href:o?void 0:i,target:l?"_blank":"_self",rel:"noreferrer",...a},r)});ie.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var le={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",textAlign:"center",":hover":{backgroundColor:"#222831"}}},se=ie;var F=p(require("react")),ae=(0,F.forwardRef)((e,t)=>{let{children:o,...r}=e;return F.default.createElement("div",{ref:t,...r},o)}),pe={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};ae.defaultProps={};var me=ae;var w=p(require("react"));var de=["days","hours","minutes","seconds"],$="wv-cd-evergreen-start",ce="https://graph.instagram.com";var ue=p(require("clsx"));function ht(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var J={};function fe(e,t){let{css:o,type:r,className:n=""}=e.data,i="",l="",a=e.Element?.permanentCss;if(a)if(r in J)l=J[r];else{let{className:u}=t.css(a)();Object.assign(J,{[r]:u}),l=u}if(i=l,o){let u=ht(o),x=t.css(u)().className||"",{stitchesClass:b}=e,m=(e.ref.current?.className||"").replace(b,"").replace(n,"").replace(l,"").trim();i=(0,ue.default)(l,n,x,m),e.stitchesClass=x}return i}function ge(e){let t=6e4,o=60*t,r=24*o,n=Math.floor(e/r),i=Math.floor((e-n*r)/o),l=Math.floor((e-n*r-i*o)/t),a=Math.floor((e-n*r-i*o-l*t)/1e3);return{days:n,hours:i,minutes:l,seconds:a}}function ve(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function ye(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}var U=p(require("react"));function he({value:e,label:t}){return U.default.createElement("div",{className:"wv-cd-block"},U.default.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&U.default.createElement("div",{className:"wv-cd-label"},t))}var we=(0,w.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,w.useContext)(C),{timerType:r,startTime:n,endTime:i,periods:l,redirectWhenTimerStops:a,redirectUrl:u,openInNewTab:x,showColon:b,showLabel:m,...f}=e,[v,h]=w.default.useState(0),I=l*60*1e3,N=()=>{!o&&a&&u&&window.open(u,x?"_blank":"_self")},A=()=>{let d=n;if(r==="evergreen"){let B=localStorage.getItem($);B?(d=Number.parseInt(B),d+I<Date.now()&&(d=Date.now(),localStorage.setItem($,d.toString()))):(d=Date.now(),localStorage.setItem($,d.toString()))}return d},K=d=>d<Date.now()&&i>Date.now(),q=()=>{let d=A(),B=r==="fixed-time"?i:d+I,X=K(d)?Math.max(B-Date.now(),0):0;X>0&&X<1e3&&N(),h(X)};(0,w.useEffect)(()=>{let d=setInterval(q,1e3);return()=>{clearInterval(d)}},[n,i,I,r]);let pt=ge(v);return w.default.createElement("div",{ref:t,...f},de.map(d=>w.default.createElement(w.default.Fragment,{key:d},w.default.createElement(he,{label:m?d:"",value:v===0?"--":pt[d]}),d!=="seconds"&&w.default.createElement("div",{className:"wv-cd-separator"},b&&w.default.createElement("span",null,":")))))}),xe={"@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"}}}};we.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3*60*60*24,periods:90,redirectWhenTimerStops:!1,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var be=we;var H=p(require("react")),Ce=H.default.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:l,openLinkInNewTab:a,linkTo:u,...x}=e,b={"--img-object-fit":n,"--img-object-position":i},m=H.default.createElement("img",{alt:r,"data-blink-src":o});return l==="openLink"&&u&&(m=H.default.createElement("a",{href:u,target:a?"_blank":"_self"},m)),H.default.createElement("div",{ref:t,...x,style:b},m)}),Pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};Ce.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var ke=Ce;var L=p(require("react"));var Q=p(require("react"));function Se(e){let{bgColor:t,imgUrl:o,objectFit:r,objectPosition:n}=e,i={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r,["--layout-bg-image-position"]:n};return o||t?Q.default.createElement("div",{style:i,className:"wv-layout-background"},o&&Q.default.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}var Ee=p(require("react"));function Te(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return Ee.default.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var Ie=(0,L.forwardRef)((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:l,contentSize:a,gridSize:u,backgroundColor:x,backgroundImage:b,objectFit:m,objectPosition:f,enableOverlay:v,overlayOpacity:h,...I}=e,N={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":u+"px","--rows":r,"--columns":l,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"};return L.default.createElement("div",{ref:t,...I,style:N},L.default.createElement(Se,{imgUrl:b,bgColor:x,objectFit:m,objectPosition:f}),L.default.createElement(Te,{enableOverlay:v,overlayOpacity:h}),L.default.createElement("div",{"data-layout-content":!0},o))}),Le={"@desktop":{position:"relative","> [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)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)",objectPosition:"var(--layout-bg-image-position, 50% 50%)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};Ie.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var Me=Ie;var O=p(require("react")),We=(0,O.forwardRef)((e,t)=>{let{place:o,zoom:r,...n}=e;return O.default.createElement("div",{ref:t,...n},O.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"}}))}),je={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};We.defaultProps={place:"Hanoi",zoom:14};var Ne=We;var z=p(require("react")),De=z.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return z.createElement("div",{ref:t,...n},z.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),He={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};De.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Oe=De;var P=p(require("react"));var G=p(require("react"));function ze(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:l}=e;return G.default.createElement("video",{controls:r,autoPlay:n,loop:i,muted:l,controlsList:"nodownload",disablePictureInPicture:!0},G.default.createElement("source",{src:t,type:o||"video/mp4"}),G.default.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}var Ae=p(require("react"));function Be(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${l}`;return Ae.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}var Ve=p(require("react"));function _e(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${l.toString()}`;return Ve.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Fe=(0,P.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,P.useContext)(C),{src:r,controls:n,poster:i,autoPlay:l,loop:a,muted:u,...x}=e,m={src:r,controls:n,poster:i,autoPlay:!o&&l,loop:a,muted:u},f,v=ve(r),h=ye(r);return v?f=P.default.createElement(_e,{...m,youtubeId:v}):h?f=P.default.createElement(Be,{...m,vimeoId:h}):f=P.default.createElement(ze,{...m}),P.default.createElement("div",{ref:t,...x},f)}),$e={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Fe.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 Ue=Fe;var y=p(require("react"));var M=p(require("react")),St=(0,M.forwardRef)((e,t)=>{let{element:o,children:r,...n}=e;return M.default.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},M.default.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),M.default.createElement("div",null,r))}),Ge=St;var ee={};Z(ee,{Modal:()=>zt,ModalClose:()=>tt,ModalContent:()=>et,ModalHeader:()=>Bt,ModalTrigger:()=>At});var T=require("@radix-ui/react-dialog"),g=p(require("react"));var Ye=p(require("react"));var R={};Z(R,{ArrowLeft:()=>Mt,ArrowRight:()=>Wt,CircleNotch:()=>Et,Eye:()=>Dt,Image:()=>jt,Minus:()=>It,Plus:()=>Lt,ShoppingCart:()=>Nt,X:()=>Tt});var s=p(require("react")),Et=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},s.default.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.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"})),Tt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.default.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),It=e=>s.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),Lt=e=>s.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),Mt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Wt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),jt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},s.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"})),Nt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Dt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("path",{d:"M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.default.createElement("circle",{cx:"128",cy:"128",r:"40",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}));var Ke=p(require("clsx"));function W({name:e,className:t,...o}){let r=R[e],n=(0,Ke.default)("wv-icon",t);return Ye.default.createElement(r,{className:n,...o})}var j=require("@radix-ui/react-dialog"),E=require("@stitches/react"),Ht=(0,E.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),Ot=(0,E.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),qe=(0,E.styled)(j.Overlay,{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)`}),Xe=(0,E.styled)(j.Title,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),Ze=(0,E.styled)(j.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:`${Ot} 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"}}}),Je=(0,E.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 Qe=require("react");function Re(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return(0,Qe.useEffect)(()=>{t||o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var zt=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,l=Re(e);return g.default.createElement(T.Root,{open:o,defaultOpen:r,onOpenChange:l,...i},t)},At=T.Trigger,Bt=(0,g.forwardRef)((e,t)=>{let{children:o,...r}=e;return g.default.createElement(Xe,{ref:t,...r,"data-wv-modal-header":!0},o)}),et=(0,g.forwardRef)((e,t)=>{let{children:o,size:r,portal:n,...i}=e,l=g.default.createElement(g.default.Fragment,null,g.default.createElement(qe,null),g.default.createElement(Ze,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},g.default.createElement(tt,null),g.default.createElement("div",{className:"wv-modal-content"},o)));return n?g.default.createElement(T.Portal,null,l):l});et.defaultProps={size:"auto",portal:!1};var tt=(0,g.forwardRef)((e,t)=>{let{asChild:o,children:r,...n}=e,i=g.default.createElement(Je,null,g.default.createElement(W,{name:"X"}));return g.default.createElement(T.Close,{asChild:!0,...n,ref:t},o?r:i)});var te=p(require("react"));function ot(){return te.default.createElement("span",{className:"wv-spinner-wrapper"},te.default.createElement(W,{name:"CircleNotch",className:"wv-spinner"}))}var rt=p(require("react"));function nt({children:e}){return rt.default.createElement("span",{className:"wv-tooltip"},e)}var oe={Placeholder:Ge,Spinner:ot,ModalComponents:ee,Icon:W,Tooltip:nt};var Vt=(0,y.forwardRef)((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:l,...a}=e,[u,x]=(0,y.useState)([]),[b,m]=(0,y.useState)(null);if((0,y.useEffect)(()=>{if(o){let v=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${ce}/me/media?${v.toString()}`).then(h=>h.json()).then(h=>{h.error?m(h):(m(null),x([...h.data]))}).catch(m)}},[o]),!o||b)return y.default.createElement("div",{ref:t,...a},y.default.createElement(oe.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":l+"px"};return y.default.createElement("div",{ref:t,...a,style:f},y.default.createElement("div",{className:"wv-ig-media-container"},u.slice(0,n).map(v=>{let{id:h,permalink:I,caption:N,media_url:A,media_type:K,thumbnail_url:q}=v;return K==="VIDEO"?y.default.createElement("video",{key:h,controls:!0,poster:q},y.default.createElement("source",{src:A,type:"video/mp4"})):y.default.createElement("a",{key:h,href:I,target:"_blank",rel:"noreferrer"},y.default.createElement("img",{alt:N,src:A}))})))});Vt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var Y={Countdown:{Component:be,type:"countdown",defaultCss:xe},Button:{Component:se,type:"button",defaultCss:le},Container:{Component:me,type:"container",defaultCss:pe},Image:{Component:ke,type:"image",defaultCss:Pe},Layout:{Component:Me,type:"layout",defaultCss:Le},Map:{Component:Ne,type:"map",defaultCss:je},Text:{Component:Oe,type:"text",defaultCss:He},Video:{Component:Ue,type:"video",defaultCss:$e}};var _t=e=>{let t=new it.Weaverse(e);return Object.keys(Y).forEach(o=>{t.registerElement(Y[o])}),t},C=(0,lt.createContext)({}),re=C.Provider,Ft=C.Consumer;var st=require("@weaverse/core"),c=p(require("react"));var $t=({context:e})=>{let[,t]=(0,c.useState)(e.projectData),o=(0,c.useRef)(),r=()=>t({});(0,c.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?c.default.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},c.default.createElement(re,{value:e},c.default.createElement(at,{id:e.projectData.rootId}))):null},Ut=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=(0,c.useContext)(C),[r,n]=(0,c.useState)(e.data),{id:i,type:l,childIds:a=[],css:u,className:x,...b}=r;(0,c.useEffect)(()=>{let f=v=>n({...v});return e.subscribe(f),st.isBrowser&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(f)},[]);let m=o.get(l);if(m?.Component){let f=m.Component;return f.$$typeof===Symbol.for("react.forward_ref")&&(b.ref=e.ref),c.default.createElement(f,{key:i,"data-wv-type":l,"data-wv-id":i,className:fe(e,t),...b},a.map(v=>c.default.createElement(at,{key:v,id:v})))}else return console.log(`Unknown element: ${l}`),null},at=({id:e})=>{let t=(0,c.useContext)(C),{itemInstances:o}=t,r=o.get(e);return r?c.default.createElement(Ut,{key:e,instance:r}):c.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 mt=Object.create;var _=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var ut=Object.getPrototypeOf,ft=Object.prototype.hasOwnProperty;var Z=(e,t)=>{for(var o in t)_(e,o,{get:t[o],enumerable:!0})},V=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ct(t))!ft.call(e,n)&&n!==o&&_(e,n,{get:()=>t[n],enumerable:!(r=dt(t,n))||r.enumerable});return e},S=(e,t,o)=>(V(e,t,"default"),o&&V(o,t,"default")),p=(e,t,o)=>(o=e!=null?mt(ut(e)):{},V(t||!e||!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),gt=e=>V(_({},"__esModule",{value:!0}),e);var k={};Z(k,{Components:()=>oe,Elements:()=>Y,WeaverseContext:()=>C,WeaverseContextConsumer:()=>Ft,WeaverseContextProvider:()=>re,WeaverseRoot:()=>$t,createRootContext:()=>_t});module.exports=gt(k);S(k,require("@weaverse/core"),module.exports);var it=require("@weaverse/core"),lt=require("react");var D=p(require("react")),ne=require("react");var ie=D.forwardRef((e,t)=>{let{isDesignMode:o}=(0,ne.useContext)(C),{text:r,clickAction:n,linkTo:i,openInNewTab:l,...a}=e;return n==="none"?D.createElement("button",{ref:t,...a},r):D.createElement("a",{ref:t,href:o?void 0:i,target:l?"_blank":"_self",rel:"noreferrer",...a},r)});ie.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var le={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",textAlign:"center",":hover":{backgroundColor:"#222831"}}},se=ie;var F=p(require("react")),ae=(0,F.forwardRef)((e,t)=>{let{children:o,...r}=e;return F.default.createElement("div",{ref:t,...r},o)}),pe={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};ae.defaultProps={};var me=ae;var w=p(require("react"));var de=["days","hours","minutes","seconds"],$="wv-cd-evergreen-start",ce="https://graph.instagram.com";var ue=p(require("clsx"));function ht(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var J={};function fe(e,t){let{css:o,type:r,className:n=""}=e.data,i="",l="",a=e.Element?.permanentCss;if(a)if(r in J)l=J[r];else{let{className:u}=t.css(a)();Object.assign(J,{[r]:u}),l=u}if(i=l,o){let u=ht(o),x=t.css(u)().className||"",{stitchesClass:b}=e,m=(e.ref.current?.className||"").replace(b,"").replace(n,"").replace(l,"").trim();i=(0,ue.default)(l,n,x,m),e.stitchesClass=x}return i}function ge(e){let t=6e4,o=60*t,r=24*o,n=Math.floor(e/r),i=Math.floor((e-n*r)/o),l=Math.floor((e-n*r-i*o)/t),a=Math.floor((e-n*r-i*o-l*t)/1e3);return{days:n,hours:i,minutes:l,seconds:a}}function ve(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function ye(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}var U=p(require("react"));function he({value:e,label:t}){return U.default.createElement("div",{className:"wv-cd-block"},U.default.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&U.default.createElement("div",{className:"wv-cd-label"},t))}var we=(0,w.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,w.useContext)(C),{timerType:r,startTime:n,endTime:i,periods:l,redirectWhenTimerStops:a,redirectUrl:u,openInNewTab:x,showColon:b,showLabel:m,...f}=e,[v,h]=w.default.useState(0),I=l*60*1e3,N=()=>{!o&&a&&u&&window.open(u,x?"_blank":"_self")},A=()=>{let d=n;if(r==="evergreen"){let B=localStorage.getItem($);B?(d=Number.parseInt(B),d+I<Date.now()&&(d=Date.now(),localStorage.setItem($,d.toString()))):(d=Date.now(),localStorage.setItem($,d.toString()))}return d},K=d=>d<Date.now()&&i>Date.now(),q=()=>{let d=A(),B=r==="fixed-time"?i:d+I,X=K(d)?Math.max(B-Date.now(),0):0;X>0&&X<1e3&&N(),h(X)};(0,w.useEffect)(()=>{let d=setInterval(q,1e3);return()=>{clearInterval(d)}},[n,i,I,r]);let pt=ge(v);return w.default.createElement("div",{ref:t,...f},de.map(d=>w.default.createElement(w.default.Fragment,{key:d},w.default.createElement(he,{label:m?d:"",value:v===0?"--":pt[d]}),d!=="seconds"&&w.default.createElement("div",{className:"wv-cd-separator"},b&&w.default.createElement("span",null,":")))))}),xe={"@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"}}}};we.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3*60*60*24,periods:90,redirectWhenTimerStops:!1,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var be=we;var H=p(require("react")),Ce=H.default.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:l,openLinkInNewTab:a,linkTo:u,...x}=e,b={"--img-object-fit":n,"--img-object-position":i},m=H.default.createElement("img",{alt:r,"data-blink-src":o});return l==="openLink"&&u&&(m=H.default.createElement("a",{href:u,target:a?"_blank":"_self"},m)),H.default.createElement("div",{ref:t,...x,style:b},m)}),Pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)"}}};Ce.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var ke=Ce;var L=p(require("react"));var Q=p(require("react"));function Se(e){let{bgColor:t,imgUrl:o,objectFit:r,objectPosition:n}=e,i={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r,["--layout-bg-image-position"]:n};return o||t?Q.default.createElement("div",{style:i,className:"wv-layout-background"},o&&Q.default.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}var Ee=p(require("react"));function Te(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return Ee.default.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var Ie=(0,L.forwardRef)((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:l,contentSize:a,gridSize:u,backgroundColor:x,backgroundImage:b,objectFit:m,objectPosition:f,enableOverlay:v,overlayOpacity:h,...I}=e,N={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":u+"px","--rows":r,"--columns":l,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"};return L.default.createElement("div",{ref:t,...I,style:N},L.default.createElement(Se,{imgUrl:b,bgColor:x,objectFit:m,objectPosition:f}),L.default.createElement(Te,{enableOverlay:v,overlayOpacity:h}),L.default.createElement("div",{"data-layout-content":!0},o))}),Le={"@desktop":{position:"relative","> [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)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)",objectPosition:"var(--layout-bg-image-position, 50% 50%)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};Ie.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var Me=Ie;var O=p(require("react")),We=(0,O.forwardRef)((e,t)=>{let{place:o,zoom:r,...n}=e;return O.default.createElement("div",{ref:t,...n},O.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"}}))}),je={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};We.defaultProps={place:"Hanoi",zoom:14};var Ne=We;var z=p(require("react")),De=z.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return z.createElement("div",{ref:t,...n},z.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),He={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};De.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Oe=De;var P=p(require("react"));var G=p(require("react"));function ze(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:l}=e;return G.default.createElement("video",{controls:r,autoPlay:n,loop:i,muted:l,controlsList:"nodownload",disablePictureInPicture:!0},G.default.createElement("source",{src:t,type:o||"video/mp4"}),G.default.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}var Ae=p(require("react"));function Be(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${l}`;return Ae.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}var Ve=p(require("react"));function _e(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${l.toString()}`;return Ve.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Fe=(0,P.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,P.useContext)(C),{src:r,controls:n,poster:i,autoPlay:l,loop:a,muted:u,...x}=e,m={src:r,controls:n,poster:i,autoPlay:!o&&l,loop:a,muted:u},f,v=ve(r),h=ye(r);return v?f=P.default.createElement(_e,{...m,youtubeId:v}):h?f=P.default.createElement(Be,{...m,vimeoId:h}):f=P.default.createElement(ze,{...m}),P.default.createElement("div",{ref:t,...x},f)}),$e={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Fe.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 Ue=Fe;var y=p(require("react"));var M=p(require("react")),St=(0,M.forwardRef)((e,t)=>{let{element:o,children:r,...n}=e;return M.default.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},M.default.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),M.default.createElement("div",null,r))}),Ge=St;var ee={};Z(ee,{Modal:()=>zt,ModalClose:()=>tt,ModalContent:()=>et,ModalHeader:()=>Bt,ModalTrigger:()=>At});var T=require("@radix-ui/react-dialog"),g=p(require("react"));var Ye=p(require("react"));var R={};Z(R,{ArrowLeft:()=>Mt,ArrowRight:()=>Wt,CircleNotch:()=>Et,Eye:()=>Dt,Image:()=>jt,Minus:()=>It,Plus:()=>Lt,ShoppingCart:()=>Nt,X:()=>Tt});var s=p(require("react")),Et=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},s.default.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.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"})),Tt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.default.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),It=e=>s.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),Lt=e=>s.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),Mt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Wt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),jt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},s.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"})),Nt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Dt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("path",{d:"M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.default.createElement("circle",{cx:"128",cy:"128",r:"40",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}));var Ke=p(require("clsx"));function W({name:e,className:t,...o}){let r=R[e],n=(0,Ke.default)("wv-icon",t);return Ye.default.createElement(r,{className:n,...o})}var j=require("@radix-ui/react-dialog"),E=require("@stitches/react"),Ht=(0,E.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),Ot=(0,E.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),qe=(0,E.styled)(j.Overlay,{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)`}),Xe=(0,E.styled)(j.Title,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),Ze=(0,E.styled)(j.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:`${Ot} 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"}}}),Je=(0,E.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 Qe=require("react");function Re(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return(0,Qe.useEffect)(()=>{t||o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var zt=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,l=Re(e);return g.default.createElement(T.Root,{open:o,defaultOpen:r,onOpenChange:l,...i},t)},At=T.Trigger,Bt=(0,g.forwardRef)((e,t)=>{let{children:o,...r}=e;return g.default.createElement(Xe,{ref:t,...r,"data-wv-modal-header":!0},o)}),et=(0,g.forwardRef)((e,t)=>{let{children:o,size:r,portal:n,...i}=e,l=g.default.createElement(g.default.Fragment,null,g.default.createElement(qe,null),g.default.createElement(Ze,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},g.default.createElement(tt,null),g.default.createElement("div",{className:"wv-modal-content"},o)));return n?g.default.createElement(T.Portal,null,l):l});et.defaultProps={size:"auto",portal:!1};var tt=(0,g.forwardRef)((e,t)=>{let{asChild:o,children:r,...n}=e,i=g.default.createElement(Je,null,g.default.createElement(W,{name:"X"}));return g.default.createElement(T.Close,{asChild:!0,...n,ref:t},o?r:i)});var te=p(require("react"));function ot(){return te.default.createElement("span",{className:"wv-spinner-wrapper"},te.default.createElement(W,{name:"CircleNotch",className:"wv-spinner"}))}var rt=p(require("react"));function nt({children:e}){return rt.default.createElement("span",{className:"wv-tooltip"},e)}var oe={Placeholder:Ge,Spinner:ot,ModalComponents:ee,Icon:W,Tooltip:nt};var Vt=(0,y.forwardRef)((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:l,...a}=e,[u,x]=(0,y.useState)([]),[b,m]=(0,y.useState)(null);if((0,y.useEffect)(()=>{if(o){let v=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${ce}/me/media?${v.toString()}`).then(h=>h.json()).then(h=>{h.error?m(h):(m(null),x([...h.data]))}).catch(m)}},[o]),!o||b)return y.default.createElement("div",{ref:t,...a},y.default.createElement(oe.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":l+"px"};return y.default.createElement("div",{ref:t,...a,style:f},y.default.createElement("div",{className:"wv-ig-media-container"},u.slice(0,n).map(v=>{let{id:h,permalink:I,caption:N,media_url:A,media_type:K,thumbnail_url:q}=v;return K==="VIDEO"?y.default.createElement("video",{key:h,controls:!0,poster:q},y.default.createElement("source",{src:A,type:"video/mp4"})):y.default.createElement("a",{key:h,href:I,target:"_blank",rel:"noreferrer"},y.default.createElement("img",{alt:N,src:A}))})))});Vt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var Y={Countdown:{Component:be,type:"countdown",defaultCss:xe},Button:{Component:se,type:"button",defaultCss:le},Container:{Component:me,type:"container",defaultCss:pe},Image:{Component:ke,type:"image",defaultCss:Pe},Layout:{Component:Me,type:"layout",defaultCss:Le},Map:{Component:Ne,type:"map",defaultCss:je},Text:{Component:Oe,type:"text",defaultCss:He},Video:{Component:Ue,type:"video",defaultCss:$e}};var _t=e=>{let t=new it.Weaverse(e);return Object.keys(Y).forEach(o=>{t.registerElement(Y[o])}),t},C=(0,lt.createContext)({}),re=C.Provider,Ft=C.Consumer;var st=require("@weaverse/core"),c=p(require("react"));var $t=({context:e})=>{let[,t]=(0,c.useState)(e.projectData),o=(0,c.useRef)(),r=()=>t({});(0,c.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?c.default.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},c.default.createElement(re,{value:e},c.default.createElement(at,{id:e.projectData.rootId}))):null},Ut=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=(0,c.useContext)(C),[r,n]=(0,c.useState)(e.data),{id:i,type:l,childIds:a=[],css:u,className:x,...b}=r;(0,c.useEffect)(()=>{let f=v=>n({...v});return e.subscribe(f),st.isBrowser&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(f)},[]);let m=o.get(l);if(m?.Component){let f=m.Component;return f.$$typeof===Symbol.for("react.forward_ref")&&(b.ref=e.ref),c.default.createElement(f,{key:i,"data-wv-type":l,"data-wv-id":i,className:fe(e,t),...b},a.map(v=>c.default.createElement(at,{key:v,id:v})))}else return console.log(`Unknown element: ${l}`),null},at=({id:e})=>{let t=(0,c.useContext)(C),{itemInstances:o}=t,r=o.get(e);return r?c.default.createElement(Ut,{key:e,instance:r}):c.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
@@ -1 +1 @@
1
- var Ze=Object.defineProperty;var G=(e,t)=>{for(var o in t)Ze(e,o,{get:t[o],enumerable:!0})};export*from"@weaverse/core";import{Weaverse as Zt}from"@weaverse/core";import{createContext as Jt}from"react";import*as S from"react";import{useContext as Je}from"react";var Y=S.forwardRef((e,t)=>{let{isDesignMode:o}=Je(h),{text:r,clickAction:n,linkTo:i,openInNewTab:l,...a}=e;return n==="none"?S.createElement("button",{ref:t,...a},r):S.createElement("a",{ref:t,href:o?void 0:i,target:l?"_blank":"_self",rel:"noreferrer",...a},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",textAlign:"center",":hover":{backgroundColor:"#222831"}}},q=Y;import Re,{forwardRef as et}from"react";var X=et((e,t)=>{let{children:o,...r}=e;return Re.createElement("div",{ref:t,...r},o)}),Z={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};X.defaultProps={};var J=X;import b,{forwardRef as nt,useContext as it,useEffect as lt}from"react";var Q=["days","hours","minutes","seconds"],L="wv-cd-evergreen-start",R="https://graph.instagram.com";import ot from"clsx";function rt(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var z={};function ee(e,t){let{css:o,type:r,className:n=""}=e.data,i="",l="",a=e.Element?.permanentCss;if(a)if(r in z)l=z[r];else{let{className:d}=t.css(a)();Object.assign(z,{[r]:d}),l=d}if(i=l,o){let d=rt(o),g=t.css(d)().className||"",{stitchesClass:v}=e,p=(e.ref.current?.className||"").replace(v,"").replace(n,"").replace(l,"").trim();i=ot(l,n,g,p),e.stitchesClass=g}return i}function te(e){let t=6e4,o=60*t,r=24*o,n=Math.floor(e/r),i=Math.floor((e-n*r)/o),l=Math.floor((e-n*r-i*o)/t),a=Math.floor((e-n*r-i*o-l*t)/1e3);return{days:n,hours:i,minutes:l,seconds:a}}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 A from"react";function ne({value:e,label:t}){return A.createElement("div",{className:"wv-cd-block"},A.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&A.createElement("div",{className:"wv-cd-label"},t))}var ie=nt((e,t)=>{let{isDesignMode:o}=it(h),{timerType:r,startTime:n,endTime:i,periods:l,redirectWhenTimerStops:a,redirectUrl:d,openInNewTab:g,showColon:v,showLabel:p,...c}=e,[u,f]=b.useState(0),x=l*60*1e3,k=()=>{!o&&a&&d&&window.open(d,g?"_blank":"_self")},T=()=>{let m=n;if(r==="evergreen"){let I=localStorage.getItem(L);I?(m=Number.parseInt(I),m+x<Date.now()&&(m=Date.now(),localStorage.setItem(L,m.toString()))):(m=Date.now(),localStorage.setItem(L,m.toString()))}return m},D=m=>m<Date.now()&&i>Date.now(),H=()=>{let m=T(),I=r==="fixed-time"?i:m+x,O=D(m)?Math.max(I-Date.now(),0):0;O>0&&O<1e3&&k(),f(O)};lt(()=>{let m=setInterval(H,1e3);return()=>{clearInterval(m)}},[n,i,x,r]);let Xe=te(u);return b.createElement("div",{ref:t,...c},Q.map(m=>b.createElement(b.Fragment,{key:m},b.createElement(ne,{label:p?m:"",value:u===0?"--":Xe[m]}),m!=="seconds"&&b.createElement("div",{className:"wv-cd-separator"},v&&b.createElement("span",null,":")))))}),le={"@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()+1e3*60*60*24,periods:90,redirectWhenTimerStops:!1,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var se=ie;import M from"react";var ae=M.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:l,openLinkInNewTab:a,linkTo:d,...g}=e,v={"--img-object-fit":n,"--img-object-position":i},p=M.createElement("img",{alt:r,"data-blink-src":o});return l==="openLink"&&d&&(p=M.createElement("a",{href:d,target:a?"_blank":"_self"},p)),M.createElement("div",{ref:t,...g,style:v},p)}),pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--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",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var me=ae;import W,{forwardRef as mt}from"react";import de from"react";function ce(e){let{bgColor:t,imgUrl:o,objectFit:r,objectPosition:n}=e,i={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r,["--layout-bg-image-position"]:n};return o||t?de.createElement("div",{style:i,className:"wv-layout-background"},o&&de.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}import pt from"react";function ue(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return pt.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var fe=mt((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:l,contentSize:a,gridSize:d,backgroundColor:g,backgroundImage:v,objectFit:p,objectPosition:c,enableOverlay:u,overlayOpacity:f,...x}=e,k={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":d+"px","--rows":r,"--columns":l,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"};return W.createElement("div",{ref:t,...x,style:k},W.createElement(ce,{imgUrl:v,bgColor:g,objectFit:p,objectPosition:c}),W.createElement(ue,{enableOverlay:u,overlayOpacity:f}),W.createElement("div",{"data-layout-content":!0},o))}),ge={"@desktop":{position:"relative","> [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)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)",objectPosition:"var(--layout-bg-image-position, 50% 50%)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};fe.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var ve=fe;import ye,{forwardRef as ct}from"react";var he=ct((e,t)=>{let{place:o,zoom:r,...n}=e;return ye.createElement("div",{ref:t,...n},ye.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"}}))}),we={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};he.defaultProps={place:"Hanoi",zoom:14};var xe=he;import*as E from"react";var be=E.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return E.createElement("div",{ref:t,...n},E.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),Ce={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};be.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Pe=be;import j,{forwardRef as yt,useContext as ht}from"react";import B from"react";function ke(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:l}=e;return B.createElement("video",{controls:r,autoPlay:n,loop:i,muted:l,controlsList:"nodownload",disablePictureInPicture:!0},B.createElement("source",{src:t,type:o||"video/mp4"}),B.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}import gt from"react";function Se(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${l}`;return gt.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}import vt from"react";function Ee(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${l.toString()}`;return vt.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Te=yt((e,t)=>{let{isDesignMode:o}=ht(h),{src:r,controls:n,poster:i,autoPlay:l,loop:a,muted:d,...g}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&l,loop:a,muted:d},c,u=oe(r),f=re(r);return u?c=j.createElement(Ee,{...p,youtubeId:u}):f?c=j.createElement(Se,{...p,vimeoId:f}):c=j.createElement(ke,{...p}),j.createElement("div",{ref:t,...g},c)}),Ie={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Te.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 Le=Te;import w,{forwardRef as Kt,useEffect as qt,useState as $e}from"react";import V,{forwardRef as xt}from"react";var bt=xt((e,t)=>{let{element:o,children:r,...n}=e;return V.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},V.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),V.createElement("div",null,r))}),Me=bt;var $={};G($,{Modal:()=>$t,ModalClose:()=>Ae,ModalContent:()=>ze,ModalHeader:()=>Gt,ModalTrigger:()=>Ut});import{Close as Bt,Portal as Vt,Root as _t,Trigger as Ft}from"@radix-ui/react-dialog";import y,{forwardRef as F}from"react";import Wt from"react";var _={};G(_,{ArrowLeft:()=>Et,ArrowRight:()=>Tt,CircleNotch:()=>Ct,Eye:()=>Mt,Image:()=>It,Minus:()=>kt,Plus:()=>St,ShoppingCart:()=>Lt,X:()=>Pt});import s from"react";var Ct=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},s.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.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=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),kt=e=>s.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),St=e=>s.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),Et=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Tt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),It=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},s.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=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Mt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("path",{d:"M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.createElement("circle",{cx:"128",cy:"128",r:"40",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}));import jt from"clsx";function P({name:e,className:t,...o}){let r=_[e],n=jt("wv-icon",t);return Wt.createElement(r,{className:n,...o})}import{Content as Nt,Overlay as Dt,Title as Ht}from"@radix-ui/react-dialog";import{keyframes as We,styled as N}from"@stitches/react";var Ot=We({"0%":{opacity:0},"100%":{opacity:1}}),zt=We({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),je=N(Dt,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Ot} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Ne=N(Ht,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),De=N(Nt,{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:`${zt} 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=N("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}});import{useEffect as At}from"react";function Oe(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return At(()=>{t||o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var $t=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,l=Oe(e);return y.createElement(_t,{open:o,defaultOpen:r,onOpenChange:l,...i},t)},Ut=Ft,Gt=F((e,t)=>{let{children:o,...r}=e;return y.createElement(Ne,{ref:t,...r,"data-wv-modal-header":!0},o)}),ze=F((e,t)=>{let{children:o,size:r,portal:n,...i}=e,l=y.createElement(y.Fragment,null,y.createElement(je,null),y.createElement(De,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},y.createElement(Ae,null),y.createElement("div",{className:"wv-modal-content"},o)));return n?y.createElement(Vt,null,l):l});ze.defaultProps={size:"auto",portal:!1};var Ae=F((e,t)=>{let{asChild:o,children:r,...n}=e,i=y.createElement(He,null,y.createElement(P,{name:"X"}));return y.createElement(Bt,{asChild:!0,...n,ref:t},o?r:i)});import Be from"react";function Ve(){return Be.createElement("span",{className:"wv-spinner-wrapper"},Be.createElement(P,{name:"CircleNotch",className:"wv-spinner"}))}import Yt from"react";function _e({children:e}){return Yt.createElement("span",{className:"wv-tooltip"},e)}var Fe={Placeholder:Me,Spinner:Ve,ModalComponents:$,Icon:P,Tooltip:_e};var Xt=Kt((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:l,...a}=e,[d,g]=$e([]),[v,p]=$e(null);if(qt(()=>{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 w.createElement("div",{ref:t,...a},w.createElement(Fe.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let c={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":l+"px"};return w.createElement("div",{ref:t,...a,style:c},w.createElement("div",{className:"wv-ig-media-container"},d.slice(0,n).map(u=>{let{id:f,permalink:x,caption:k,media_url:T,media_type:D,thumbnail_url:H}=u;return D==="VIDEO"?w.createElement("video",{key:f,controls:!0,poster:H},w.createElement("source",{src:T,type:"video/mp4"})):w.createElement("a",{key:f,href:x,target:"_blank",rel:"noreferrer"},w.createElement("img",{alt:k,src:T}))})))});Xt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var U={Countdown:{Component:se,type:"countdown",defaultCss:le},Button:{Component:q,type:"button",defaultCss:K},Container:{Component:J,type:"container",defaultCss:Z},Image:{Component:me,type:"image",defaultCss:pe},Layout:{Component:ve,type:"layout",defaultCss:ge},Map:{Component:xe,type:"map",defaultCss:we},Text:{Component:Pe,type:"text",defaultCss:Ce},Video:{Component:Le,type:"video",defaultCss:Ie}};var Cr=e=>{let t=new Zt(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},h=Jt({}),Ue=h.Provider,Pr=h.Consumer;import{isBrowser as Qt}from"@weaverse/core";import C,{useContext as Ge,useEffect as Ye,useRef as Rt,useState as Ke}from"react";var Lr=({context:e})=>{let[,t]=Ke(e.projectData),o=Rt(),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?C.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},C.createElement(Ue,{value:e},C.createElement(qe,{id:e.projectData.rootId}))):null},eo=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=Ge(h),[r,n]=Ke(e.data),{id:i,type:l,childIds:a=[],css:d,className:g,...v}=r;Ye(()=>{let c=u=>n({...u});return e.subscribe(c),Qt&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(c)},[]);let p=o.get(l);if(p?.Component){let c=p.Component;return c.$$typeof===Symbol.for("react.forward_ref")&&(v.ref=e.ref),C.createElement(c,{key:i,"data-wv-type":l,"data-wv-id":i,className:ee(e,t),...v},a.map(u=>C.createElement(qe,{key:u,id:u})))}else return console.log(`Unknown element: ${l}`),null},qe=({id:e})=>{let t=Ge(h),{itemInstances:o}=t,r=o.get(e);return r?C.createElement(eo,{key:e,instance:r}):C.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};export{Fe as Components,U as Elements,h as WeaverseContext,Pr as WeaverseContextConsumer,Ue as WeaverseContextProvider,Lr as WeaverseRoot,Cr as createRootContext};
1
+ var Ze=Object.defineProperty;var G=(e,t)=>{for(var o in t)Ze(e,o,{get:t[o],enumerable:!0})};export*from"@weaverse/core";import{Weaverse as Zt}from"@weaverse/core";import{createContext as Jt}from"react";import*as S from"react";import{useContext as Je}from"react";var Y=S.forwardRef((e,t)=>{let{isDesignMode:o}=Je(h),{text:r,clickAction:n,linkTo:i,openInNewTab:l,...a}=e;return n==="none"?S.createElement("button",{ref:t,...a},r):S.createElement("a",{ref:t,href:o?void 0:i,target:l?"_blank":"_self",rel:"noreferrer",...a},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",textAlign:"center",":hover":{backgroundColor:"#222831"}}},q=Y;import Re,{forwardRef as et}from"react";var X=et((e,t)=>{let{children:o,...r}=e;return Re.createElement("div",{ref:t,...r},o)}),Z={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};X.defaultProps={};var J=X;import b,{forwardRef as nt,useContext as it,useEffect as lt}from"react";var Q=["days","hours","minutes","seconds"],L="wv-cd-evergreen-start",R="https://graph.instagram.com";import ot from"clsx";function rt(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var z={};function ee(e,t){let{css:o,type:r,className:n=""}=e.data,i="",l="",a=e.Element?.permanentCss;if(a)if(r in z)l=z[r];else{let{className:d}=t.css(a)();Object.assign(z,{[r]:d}),l=d}if(i=l,o){let d=rt(o),g=t.css(d)().className||"",{stitchesClass:v}=e,p=(e.ref.current?.className||"").replace(v,"").replace(n,"").replace(l,"").trim();i=ot(l,n,g,p),e.stitchesClass=g}return i}function te(e){let t=6e4,o=60*t,r=24*o,n=Math.floor(e/r),i=Math.floor((e-n*r)/o),l=Math.floor((e-n*r-i*o)/t),a=Math.floor((e-n*r-i*o-l*t)/1e3);return{days:n,hours:i,minutes:l,seconds:a}}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 A from"react";function ne({value:e,label:t}){return A.createElement("div",{className:"wv-cd-block"},A.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&A.createElement("div",{className:"wv-cd-label"},t))}var ie=nt((e,t)=>{let{isDesignMode:o}=it(h),{timerType:r,startTime:n,endTime:i,periods:l,redirectWhenTimerStops:a,redirectUrl:d,openInNewTab:g,showColon:v,showLabel:p,...c}=e,[u,f]=b.useState(0),x=l*60*1e3,k=()=>{!o&&a&&d&&window.open(d,g?"_blank":"_self")},T=()=>{let m=n;if(r==="evergreen"){let I=localStorage.getItem(L);I?(m=Number.parseInt(I),m+x<Date.now()&&(m=Date.now(),localStorage.setItem(L,m.toString()))):(m=Date.now(),localStorage.setItem(L,m.toString()))}return m},D=m=>m<Date.now()&&i>Date.now(),H=()=>{let m=T(),I=r==="fixed-time"?i:m+x,O=D(m)?Math.max(I-Date.now(),0):0;O>0&&O<1e3&&k(),f(O)};lt(()=>{let m=setInterval(H,1e3);return()=>{clearInterval(m)}},[n,i,x,r]);let Xe=te(u);return b.createElement("div",{ref:t,...c},Q.map(m=>b.createElement(b.Fragment,{key:m},b.createElement(ne,{label:p?m:"",value:u===0?"--":Xe[m]}),m!=="seconds"&&b.createElement("div",{className:"wv-cd-separator"},v&&b.createElement("span",null,":")))))}),le={"@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()+1e3*60*60*24,periods:90,redirectWhenTimerStops:!1,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var se=ie;import M from"react";var ae=M.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:l,openLinkInNewTab:a,linkTo:d,...g}=e,v={"--img-object-fit":n,"--img-object-position":i},p=M.createElement("img",{alt:r,"data-blink-src":o});return l==="openLink"&&d&&(p=M.createElement("a",{href:d,target:a?"_blank":"_self"},p)),M.createElement("div",{ref:t,...g,style:v},p)}),pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)"}}};ae.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var me=ae;import W,{forwardRef as mt}from"react";import de from"react";function ce(e){let{bgColor:t,imgUrl:o,objectFit:r,objectPosition:n}=e,i={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r,["--layout-bg-image-position"]:n};return o||t?de.createElement("div",{style:i,className:"wv-layout-background"},o&&de.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}import pt from"react";function ue(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return pt.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var fe=mt((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:l,contentSize:a,gridSize:d,backgroundColor:g,backgroundImage:v,objectFit:p,objectPosition:c,enableOverlay:u,overlayOpacity:f,...x}=e,k={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":d+"px","--rows":r,"--columns":l,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"};return W.createElement("div",{ref:t,...x,style:k},W.createElement(ce,{imgUrl:v,bgColor:g,objectFit:p,objectPosition:c}),W.createElement(ue,{enableOverlay:u,overlayOpacity:f}),W.createElement("div",{"data-layout-content":!0},o))}),ge={"@desktop":{position:"relative","> [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)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)",objectPosition:"var(--layout-bg-image-position, 50% 50%)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};fe.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var ve=fe;import ye,{forwardRef as ct}from"react";var he=ct((e,t)=>{let{place:o,zoom:r,...n}=e;return ye.createElement("div",{ref:t,...n},ye.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"}}))}),we={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};he.defaultProps={place:"Hanoi",zoom:14};var xe=he;import*as E from"react";var be=E.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return E.createElement("div",{ref:t,...n},E.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),Ce={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};be.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Pe=be;import j,{forwardRef as yt,useContext as ht}from"react";import B from"react";function ke(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:l}=e;return B.createElement("video",{controls:r,autoPlay:n,loop:i,muted:l,controlsList:"nodownload",disablePictureInPicture:!0},B.createElement("source",{src:t,type:o||"video/mp4"}),B.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}import gt from"react";function Se(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${l}`;return gt.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}import vt from"react";function Ee(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${l.toString()}`;return vt.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Te=yt((e,t)=>{let{isDesignMode:o}=ht(h),{src:r,controls:n,poster:i,autoPlay:l,loop:a,muted:d,...g}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&l,loop:a,muted:d},c,u=oe(r),f=re(r);return u?c=j.createElement(Ee,{...p,youtubeId:u}):f?c=j.createElement(Se,{...p,vimeoId:f}):c=j.createElement(ke,{...p}),j.createElement("div",{ref:t,...g},c)}),Ie={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Te.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 Le=Te;import w,{forwardRef as Kt,useEffect as qt,useState as $e}from"react";import V,{forwardRef as xt}from"react";var bt=xt((e,t)=>{let{element:o,children:r,...n}=e;return V.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},V.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),V.createElement("div",null,r))}),Me=bt;var $={};G($,{Modal:()=>$t,ModalClose:()=>Ae,ModalContent:()=>ze,ModalHeader:()=>Gt,ModalTrigger:()=>Ut});import{Close as Bt,Portal as Vt,Root as _t,Trigger as Ft}from"@radix-ui/react-dialog";import y,{forwardRef as F}from"react";import Wt from"react";var _={};G(_,{ArrowLeft:()=>Et,ArrowRight:()=>Tt,CircleNotch:()=>Ct,Eye:()=>Mt,Image:()=>It,Minus:()=>kt,Plus:()=>St,ShoppingCart:()=>Lt,X:()=>Pt});import s from"react";var Ct=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},s.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.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=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),kt=e=>s.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),St=e=>s.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.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"})),Et=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Tt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),It=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},s.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=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Mt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("path",{d:"M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.createElement("circle",{cx:"128",cy:"128",r:"40",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}));import jt from"clsx";function P({name:e,className:t,...o}){let r=_[e],n=jt("wv-icon",t);return Wt.createElement(r,{className:n,...o})}import{Content as Nt,Overlay as Dt,Title as Ht}from"@radix-ui/react-dialog";import{keyframes as We,styled as N}from"@stitches/react";var Ot=We({"0%":{opacity:0},"100%":{opacity:1}}),zt=We({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),je=N(Dt,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Ot} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Ne=N(Ht,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),De=N(Nt,{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:`${zt} 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=N("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}});import{useEffect as At}from"react";function Oe(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return At(()=>{t||o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var $t=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,l=Oe(e);return y.createElement(_t,{open:o,defaultOpen:r,onOpenChange:l,...i},t)},Ut=Ft,Gt=F((e,t)=>{let{children:o,...r}=e;return y.createElement(Ne,{ref:t,...r,"data-wv-modal-header":!0},o)}),ze=F((e,t)=>{let{children:o,size:r,portal:n,...i}=e,l=y.createElement(y.Fragment,null,y.createElement(je,null),y.createElement(De,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},y.createElement(Ae,null),y.createElement("div",{className:"wv-modal-content"},o)));return n?y.createElement(Vt,null,l):l});ze.defaultProps={size:"auto",portal:!1};var Ae=F((e,t)=>{let{asChild:o,children:r,...n}=e,i=y.createElement(He,null,y.createElement(P,{name:"X"}));return y.createElement(Bt,{asChild:!0,...n,ref:t},o?r:i)});import Be from"react";function Ve(){return Be.createElement("span",{className:"wv-spinner-wrapper"},Be.createElement(P,{name:"CircleNotch",className:"wv-spinner"}))}import Yt from"react";function _e({children:e}){return Yt.createElement("span",{className:"wv-tooltip"},e)}var Fe={Placeholder:Me,Spinner:Ve,ModalComponents:$,Icon:P,Tooltip:_e};var Xt=Kt((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:l,...a}=e,[d,g]=$e([]),[v,p]=$e(null);if(qt(()=>{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 w.createElement("div",{ref:t,...a},w.createElement(Fe.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let c={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":l+"px"};return w.createElement("div",{ref:t,...a,style:c},w.createElement("div",{className:"wv-ig-media-container"},d.slice(0,n).map(u=>{let{id:f,permalink:x,caption:k,media_url:T,media_type:D,thumbnail_url:H}=u;return D==="VIDEO"?w.createElement("video",{key:f,controls:!0,poster:H},w.createElement("source",{src:T,type:"video/mp4"})):w.createElement("a",{key:f,href:x,target:"_blank",rel:"noreferrer"},w.createElement("img",{alt:k,src:T}))})))});Xt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var U={Countdown:{Component:se,type:"countdown",defaultCss:le},Button:{Component:q,type:"button",defaultCss:K},Container:{Component:J,type:"container",defaultCss:Z},Image:{Component:me,type:"image",defaultCss:pe},Layout:{Component:ve,type:"layout",defaultCss:ge},Map:{Component:xe,type:"map",defaultCss:we},Text:{Component:Pe,type:"text",defaultCss:Ce},Video:{Component:Le,type:"video",defaultCss:Ie}};var Cr=e=>{let t=new Zt(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},h=Jt({}),Ue=h.Provider,Pr=h.Consumer;import{isBrowser as Qt}from"@weaverse/core";import C,{useContext as Ge,useEffect as Ye,useRef as Rt,useState as Ke}from"react";var Lr=({context:e})=>{let[,t]=Ke(e.projectData),o=Rt(),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?C.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},C.createElement(Ue,{value:e},C.createElement(qe,{id:e.projectData.rootId}))):null},eo=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=Ge(h),[r,n]=Ke(e.data),{id:i,type:l,childIds:a=[],css:d,className:g,...v}=r;Ye(()=>{let c=u=>n({...u});return e.subscribe(c),Qt&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(c)},[]);let p=o.get(l);if(p?.Component){let c=p.Component;return c.$$typeof===Symbol.for("react.forward_ref")&&(v.ref=e.ref),C.createElement(c,{key:i,"data-wv-type":l,"data-wv-id":i,className:ee(e,t),...v},a.map(u=>C.createElement(qe,{key:u,id:u})))}else return console.log(`Unknown element: ${l}`),null},qe=({id:e})=>{let t=Ge(h),{itemInstances:o}=t,r=o.get(e);return r?C.createElement(eo,{key:e,instance:r}):C.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};export{Fe as Components,U as Elements,h as WeaverseContext,Pr as WeaverseContextConsumer,Ue as WeaverseContextProvider,Lr as WeaverseRoot,Cr as createRootContext};
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.7.50",
2
+ "version": "0.7.52",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
34
34
  "dependencies": {
35
35
  "@radix-ui/react-dialog": "^1.0.2",
36
36
  "@stitches/react": "^1.2.8",
37
- "@weaverse/core": "0.7.50",
37
+ "@weaverse/core": "0.7.52",
38
38
  "clsx": "^1.2.1"
39
39
  }
40
40
  }