@weaverse/react 0.7.44 → 0.7.45

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