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