slice-machine-ui 1.26.1-alpha.aa-playground-script.1 → 1.26.1-beta.1

package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33],{30755:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]/simulator",function(){return t(68156)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var i=t(62230),r=t(85244),o=t(98240),s=t(52322),c=t(2784),a=t(75289),l=function(e,n){return e?"".concat(e,"-").concat(n):""},u=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},d=(0,c.forwardRef)(function(e,n){var t=e.label,c=e.Icon,d=e.type,x=e.form,f=e.isLoading,h=void 0!==f&&f,v=e.disabled,p=e.onClick,g=e.sx,m=e.iconSize,b=void 0===m?16:m,j=e.iconFill,C=e.variant,S=void 0===C?"primary":C,k=(0,o.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,s.jsx)(a.zx,(0,r.Z)((0,i.Z)({ref:n,sx:(0,i.Z)((0,r.Z)((0,i.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),h?{cursor:"wait !important"}:{}),type:d,form:x,disabled:void 0!==v&&v||h,onClick:h?void 0:p,variant:S},k),{children:h?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.$j,{size:b,color:u(S),"data-testid":l(k["data-testid"],"spinner")}),c&&t]}):(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(c,{size:b,fill:j,"data-testid":l(k["data-testid"],"icon")}),t]})}))})},54132:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var i=t(62230),r=t(85244),o=t(98240),s=t(52322);t(2784);var c=t(75289),a=function(e){var n=e.bg,t=e.background,r=e.sx,o=e.withRadius,a=e.radius,l=e.children;return(0,s.jsx)(c.xu,{sx:(0,i.Z)({p:4,bg:n||t},o?{borderBottomLeftRadius:a,borderBottomRightRadius:a}:null,r),children:l})},l=function(e){var n=e.Header,t=void 0===n?null:n,l=e.SubHeader,u=void 0===l?null:l,d=e.Body,x=void 0===d?null:d,f=e.Footer,h=void 0===f?null:f,v=e.borderFooter,p=e.radius,g=void 0===p?"6px":p,m=e.bodySx,b=e.footerSx,j=e.sx,C=e.bg,S=e.background,k=e.children,y=(0,o.Z)(e,["Header","SubHeader","Body","Footer","borderFooter","radius","bodySx","footerSx","sx","bg","background","children"]);return(0,s.jsxs)(c.Zb,(0,r.Z)((0,i.Z)({sx:(0,i.Z)({border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))},borderRadius:g},void 0===j?null:j)},y),{children:[t?(0,s.jsx)(t,{radius:g}):null,u?(0,s.jsx)(u,{radius:g}):null,(0,s.jsxs)(a,{bg:C,background:S,sx:void 0===m?{}:m,withRadius:!h,children:[x?(0,s.jsx)(x,{}):null,k||null]}),h?(0,s.jsx)(a,{bg:C,background:S,sx:(0,i.Z)({},void 0!==v&&v?{borderTop:function(e){var n=e.colors;return"1px solid ".concat(String(null==n?void 0:n.borders))}}:null,void 0===b?{}:b),radius:g,withRadius:!0,children:"object"==typeof h?h:(0,s.jsx)(h,{})}):null]}))}},61931:function(e,n,t){"use strict";t.d(n,{q:function(){return l}});var i=t(62230),r=t(52322),o=t(2784),s=t(75289),c=t(65186),a=(0,o.memo)(function(e){var n=e.src;return(0,r.jsx)(s.Ee,{src:n,alt:"Preview image",sx:{maxHeight:"100%"}})}),l=function(e){var n=e.src,t=e.sx;return(0,r.jsx)(s.kC,{sx:(0,i.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},t),children:void 0!==n?(0,r.jsx)(a,{src:n}):(0,r.jsxs)(s.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,r.jsx)(c.eJU,{}),"You have no screenshot yet."]})})}},68156:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return es}});var i,r,o,s=t(52322),c=t(97729),a=t.n(c),l=t(5632),u=t.n(l),d=t(22710),x=t(62230),f=t(85244),h=t(99267),v=t(2784),p=t(71463),g=t(22715),m=t(88932),b=t(75289),j=t(65077),C=t(56577),S=t(19909),k=function(e){var n=e.defaultValue,t=e.variations,i=e.MenuItemAction,r=e.onChange;return(0,s.jsxs)(b.xu,{sx:{py:0,flexDirection:"column",backgroundColor:"headSection",overflow:"auto",display:"flex",borderRadius:"4px",border:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)},boxShadow:"0 10px 10px rgba(0, 0, 0, 0.05)",maxHeight:340,minWidth:250,maxWidth:350,color:"text"},children:[(0,s.jsxs)(b.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[t.length," VARIATION",t.length>1?"S":""]}),(0,s.jsxs)(b.kC,{sx:{p:0,flexDirection:"column"},children:[t.map(function(e){return(0,s.jsx)(y,{value:e,isActive:e.id===n.id,onClick:r},e.id)}),i||null]})]})},y=function(e){var n=e.value,t=e.isActive,i=e.onClick;return(0,s.jsx)(b.xu,{sx:{px:3,py:2,color:t?"primary":"",cursor:"pointer",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(t?null==n?void 0:n.primary:null==n?void 0:n.background)},borderRadius:0,bg:"background",":hover":{bg:"hoverBackground",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(null==n?void 0:n.primary)}}},onClick:function(){return i(n)},children:n.name})},w=t(75100),E=function(e){var n=e.buttonSx,t=e.defaultValue,i=e.variations,r=e.onNewVariation,o=e.onChange,c=e.sx,a=e.disabled,l=(0,v.useState)(!1),u=l[0],d=l[1],f=(0,v.useState)(t||i[0]),h=f[0],p=f[1];(0,v.useEffect)(function(){t&&p(t)},[t]);var g=function(e){d(!1),p(e),setTimeout(function(){return o(e)},210)},m=(0,s.jsx)(b.xu,{sx:{p:2},children:(0,s.jsx)(b.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){d(!1),r&&r()},children:"+ Add new variation"})});return(0,s.jsx)(b.xu,{sx:c,children:(0,s.jsx)(S.Popover,{align:"start",isOpen:u,onClickOutside:function(){return d(!1)},positions:["bottom"],padding:10,content:function(){return(0,s.jsx)(k,{defaultValue:h,variations:i,onChange:g,MenuItemAction:r?m:void 0})},containerClassName:"variationSelectorContainer",children:(0,s.jsxs)(b.zx,{sx:(0,x.Z)({},n),variant:"dropDownButton",onClick:function(){return d(!u)},disabled:a,children:[h.name," ",u?(0,s.jsx)(w.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,s.jsx)(w.mEq,{size:"16px","aria-label":"Expand variations"})]})})})},R=function(e){return(0,s.jsxs)("svg",(0,f.Z)((0,x.Z)({viewBox:"0 0 72 72",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.3304 19.693C50.9182 18.9787 50.2527 18.6526 50.2527 18.6526L64.7906 10.2077C65.5266 9.78011 66.4679 10.0339 66.8929 10.7745C67.3179 11.5151 67.0657 12.4622 66.3294 12.8898L52.639 20.8424C52.639 20.8424 51.7428 20.4072 51.3304 19.693Z",fill:"current"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M47.6775 54.7814C58.0794 48.7394 61.6433 35.3572 55.6378 24.8917C54.7801 23.397 53.7736 22.0427 52.6481 20.8367L32.9428 32.2832C32.2068 32.7108 31.2655 32.457 30.8405 31.7165C30.4155 30.9757 30.6677 30.0287 31.4039 29.6011L50.2693 18.6425C43.486 13.2668 33.8645 12.2736 25.9299 16.8827C15.5282 22.9249 11.9642 36.3071 17.9697 46.7727C18.8274 48.2671 19.8339 49.6216 20.9595 50.8276L41.1791 39.0822C41.9151 38.6546 42.8564 38.9086 43.2814 39.6492C43.7064 40.3897 43.4542 41.3368 42.7182 41.7644L23.3384 53.0217C30.1217 58.3975 39.7432 59.3906 47.6775 54.7814Z",fill:"current"}),(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.20645 61.7656C4.78145 61.0248 5.03367 60.078 5.76978 59.6502L20.9371 50.8398C20.9371 50.8398 21.8578 51.2406 22.3053 51.7062C22.7528 52.1717 23.361 53.0078 23.361 53.0078L7.30887 62.3323C6.57274 62.7599 5.63144 62.5061 5.20645 61.7656Z",fill:"current"})]}))},Z=function(e,n,t){if(!n){u().push("/".concat(e.href,"/").concat(e.model.name));return}var i,r,o,s,c,a,l,d,x,f=(r=(i={lib:e.href,sliceName:e.model.name,variationId:null==n?void 0:n.id,isSimulator:t}).lib,o=i.sliceName,s=i.variationId,a=void 0===(c=i.options)?{}:c,l=i.isSimulator,d="/slices/[lib]/[sliceName]/[variation]".concat(l?"/simulator":""),x="/slices/".concat(r,"/").concat(o,"/").concat(s).concat(l?"/simulator":""),{href:d,as:x,options:a,all:[d,x,a]});u().push(f.href,f.as,f.options)},D=function(e){var n=e.slice,t=e.variation,i=e.isDisplayEditor,r=e.toggleIsDisplayEditor,o=e.onSaveMock,c=e.actionsDisabled,a=e.isSavingMock;return(0,s.jsxs)(b.kC,{sx:{p:"16px",display:"flex",bg:"grey07",gridTemplateRows:"1fr",borderBottom:"1px solid #DCDBDD",justifyContent:"space-between"},children:[(0,s.jsxs)(b.kC,{sx:{alignItems:"center"},children:[(0,s.jsx)(R,{height:"20px",width:"20px",fill:"#1A1523"}),(0,s.jsx)(b.xv,{sx:{ml:2,mr:"12px",fontSize:"14px",color:"#1A1523",fontWeight:"600",letterSpacing:"-0.15px"},children:n.model.name}),(0,s.jsx)(E,{defaultValue:t,variations:n.model.variations,onChange:function(e){return Z(n,e,!0)},disabled:n.model.variations.length<=1||c})]}),(0,s.jsxs)(b.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,s.jsx)(b.kC,{sx:{alignItems:"center",justifyContent:"space-around"},children:(0,s.jsxs)(b.kC,{sx:{alignItems:"center",mr:4},children:[(0,s.jsx)(b.__,{htmlFor:"show-mock-editor",sx:{color:"#6F6E77",lineHeight:"16px",fontSize:"12px",fontWeight:"600",letterSpacing:"0px"},children:"Editor"}),(0,s.jsx)(b.rs,{id:"show-mock-editor",checked:i,onChange:r,disabled:c})]})}),(0,s.jsx)(C.z,{"data-testid":"save-mock",onClick:o,label:"Save mock content",disabled:a||c,variant:"primary",sx:{borderRadius:"6px",color:"#F1EEFE",fontWeight:"bold",border:"1px solid #5842C3",backgroundColor:"#6E56CF",boxShadow:"0px 1px 0px rgba(0, 0, 0, 0.04)","&:hover":{"&:not([disabled])":{backgroundColor:"#5842C3"}}}})]})]})},I=t(82770),z=t(56580),O=t(39092),M=function(e){var n=e.defaultValue,t=e.options,i=e.onChange;return(0,s.jsx)(b.xu,{sx:{py:0,flexDirection:"column",backgroundColor:"headSection",overflow:"auto",display:"flex",borderRadius:"6px",border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},boxShadow:"0 10px 10px rgba(0, 0, 0, 0.05)",maxHeight:340,minWidth:180,maxWidth:350,color:"text"},children:(0,s.jsx)(b.kC,{sx:{p:0,flexDirection:"column"},children:t.map(function(e){return(0,s.jsx)(_,{value:e,isActive:e===n,onClick:i})})})})},_=function(e){var n=e.value,t=e.isActive,i=e.onClick;return(0,s.jsx)(b.xu,{sx:{p:2,cursor:"pointer",fontSize:"14px",borderRadius:0,bg:t?"hoverBackground":"background",":hover":{bg:"hoverBackground"}},onClick:function(){return i(n)},children:n})},T=function(e){var n=e.buttonSx,t=e.currentValue,i=e.options,r=e.onChange,o=e.disabled,c=(0,v.useState)(!1),a=c[0],l=c[1],u=function(e){l(!1),setTimeout(function(){return r(e)},210)};return(0,s.jsx)(b.xu,{children:(0,s.jsx)(S.Popover,{align:"start",isOpen:a,onClickOutside:function(){return l(!1)},positions:["bottom"],padding:2,content:function(){return(0,s.jsx)(M,{defaultValue:t,options:i,onChange:u})},children:(0,s.jsxs)(b.zx,{sx:n,variant:"dropDownButton",onClick:function(){return l(!a)},disabled:o,children:[t," ",a?(0,s.jsx)(w.bOz,{size:"24px"}):(0,s.jsx)(w.mEq,{size:"24px"})]})})})},F=t(67557);(o=i||(i={})).DESKTOP="Desktop",o.TABLET="Tablet",o.MOBILE="Mobile",o.CUSTOM="Custom";var N=(r={},(0,F.Z)(r,i.DESKTOP,{width:1280,height:800}),(0,F.Z)(r,i.TABLET,{width:1080,height:810}),(0,F.Z)(r,i.MOBILE,{width:390,height:844}),r),B=function(e){var n=e.label,t=e.startValue,i=e.onChange,r=e.sx,o=e.disabled,c=["e","-","+",",","."];return(0,s.jsxs)(b.kC,{sx:(0,x.Z)({alignItems:"center"},r),children:[(0,s.jsx)(b.__,{sx:{backgroundColor:"grey07",border:"transparent",borderRight:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:"6px 0px 0px 6px",width:26,height:30,color:"greyIcon",fontWeight:"bold",fontSize:"14px",alignItems:"center",justifyContent:"center",position:"absolute",ml:"1px"},htmlFor:"".concat(n,"-screensize-input"),children:n}),(0,s.jsx)(b.II,{type:"number",name:"".concat(n,"-screensize-input"),disabled:o,sx:{width:80,height:32,p:0,border:"1px solid #E4E2E4",borderRadius:"6px","&::-webkit-outer-spin-button,&::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},color:"greyIcon",textAlign:"center",paddingLeft:26,"&:disabled":{cursor:"not-allowed","&:hover":{border:"1px solid #E4E2E4"},"&:active":{border:"1px solid #E4E2E4",boxShadow:"none"}}},onChange:i,value:t,min:"0",onKeyDown:function(e){c.includes(e.key)&&e.preventDefault()}})]})},A=function(e){var n=e.handleScreenSizeChange,t=e.screenDimensions,r=e.actionsDisabled,o=(0,v.useState)(i.DESKTOP),c=o[0],a=o[1],l=function(e){a(e),e!==i.CUSTOM&&n(N[e])},u=function(e){var t=Object.values(N).findIndex(function(n){return JSON.stringify(n)===JSON.stringify(e)}),r=t<0?i.CUSTOM:Object.keys(N)[t];a(r),n(e)};return(0,s.jsx)(b.kC,{sx:{alignItems:"center",pb:"16px",justifyContent:"space-between",variant:"small"},children:(0,s.jsxs)(b.kC,{sx:{alignItems:"center",flex:1},children:[(0,s.jsx)(T,{options:Object.values(i),onChange:l,buttonSx:{alignSelf:"start"},currentValue:c,disabled:r}),(0,s.jsx)(B,{label:"W",startValue:t.width.toString(),onChange:function(e){u((0,f.Z)((0,x.Z)({},t),{width:Number(e.target.value)}))},disabled:r,sx:{mx:2}}),(0,s.jsx)(w.eSQ,{size:16,color:"#6F6E77"}),(0,s.jsx)(B,{label:"H",startValue:t.height.toString(),onChange:function(e){u((0,f.Z)((0,x.Z)({},t),{height:Number(e.target.value)}))},disabled:r,sx:{ml:2}})]})})},L=t(25812),P=t(77174),W=t(24340),H=t(90374),U=t(54132),V=t(61931),q=function(e){var n=e.sliceName,t=e.screenshotUrl,i=(0,z.v9)(function(e){return{isScreenshotModalOpen:(0,P.gP)(e,W.q.SCREENSHOT_PREVIEW)}}).isScreenshotModalOpen,r=(0,H.Z)().closeModals;return(0,s.jsx)(L.Z,{isOpen:i,shouldCloseOnOverlayClick:!0,contentLabel:"Screenshot Preview",portalClassName:"ScreenshotPreviewModal",onRequestClose:r,children:(0,s.jsx)(U.Z,{radius:"0px",bodySx:{p:0,bg:"#FFF",position:"relative",height:"100%",padding:16},footerSx:{position:"sticky",bottom:0,p:0},sx:{border:"none"},Header:function(){return(0,s.jsxs)(b.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,s.jsxs)(b.X6,{sx:{fontSize:"14px"},children:["Screenshot Preview for ",n]}),(0,s.jsx)(b.x8,{type:"button",onClick:function(){return r()}})]})},Footer:function(){return(0,s.jsx)(b.kC,{style:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:"1px solid #DCDBDD"},children:(0,s.jsx)(b.zx,{variant:"secondary",sx:{fontWeight:600},onClick:function(){return r()},children:"Close"})})},children:(0,s.jsx)(V.q,{src:t,sx:{height:"320px"}})})})},X=t(25242),K=t(81541),Y=function(e,n,t){var i=(0,v.useState)(e()),r=i[0],o=i[1],s=(0,v.useRef)(Date.now());return(0,v.useEffect)(function(){var t=setTimeout(function(){Date.now()-s.current>=n&&(o(e()),s.current=Date.now())},n-(Date.now()-s.current));return function(){clearTimeout(t)}},[n].concat((0,K.Z)(t))),r},J=t(17064),$=t(16),Q=function(e){var n,t,i,r,o,c,a,l=e.apiContent,u=e.screenDimensions,f=e.simulatorUrl,p=e.dryRun,g=e.isScreenshot,m=void 0!==g&&g,j=e.handleSimulatorConnectionResult,C=(0,J.Z)((t=(n=(0,v.useState)())[0],i=n[1],r=(0,v.useRef)(),o=(0,v.useRef)(),a=(0,v.useCallback)((c=(0,d.Z)(function(e){var n,t,s,c;return(0,h.__generator)(this,function(a){switch(a.label){case 0:if(null===(n=r.current)||void 0===n||n.disconnect(),null===(t=o.current)||void 0===t||t.disconnect(),i(void 0),!(null!=e))return[3,4];r.current=new $.SH(e),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,r.current.connect()];case 2:var l;return a.sent(),i(r.current),l=(0,d.Z)(function(){var e;return(0,h.__generator)(this,function(n){switch(n.label){case 0:return i(void 0),[4,null===(e=r.current)||void 0===e?void 0:e.connect({},!0)];case 1:return n.sent(),i(r.current),[2]}})}),s=function(){return l.apply(this,arguments)},o.current=new MutationObserver(function(e){e.forEach(function(e){"src"===e.attributeName&&s().catch(function(e){throw e})})}),o.current.observe(e,{attributeFilter:["src"]}),[3,4];case 3:return c=a.sent(),console.error(c),[3,4];case 4:return[2]}})}),function(e){return c.apply(this,arguments)}),[]),[t,a]),2),S=C[0],k=C[1];(0,v.useEffect)(function(){var e;if(!f){j("failed");return}if(void 0!==S){if(!S.connected){j("failed"),console.warn("Trying to use a disconnected simulator client.");return}(e=(0,d.Z)(function(){return(0,h.__generator)(this,function(e){switch(e.label){case 0:return[4,S.setSliceZone([l])];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)})().then(function(){j("successful")}).catch(function(){j("failed")})}},[S,l,f]);var y,w,E,R,Z,D,I,z,O,M=(0,v.useState)(),_=M[0],T=M[1],F=(y=function(e){var n;T({height:e.blockSize,width:e.inlineSize})},E=(0,v.useRef)(),(0,v.useCallback)(function(e){var n;null===(n=E.current)||void 0===n||n.disconnect(),null!==e&&(E.current=new ResizeObserver(function(n){var t,i=(0,J.Z)(n,1)[0].contentRect;y({blockSize:i.height,inlineSize:i.width},e)}),E.current.observe(e))},[]));return(0,s.jsx)(b.kC,{ref:F,sx:(0,x.Z)({alignItems:"center",backgroundColor:"headSection",backgroundImage:"url(/pattern.png)",backgroundRepeat:"repeat",backgroundSize:"10px",border:m?void 0:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:m?void 0:8,display:"flex",height:"100%",justifyContent:"center",overflow:"hidden"},void 0!==p&&p?{display:"none"}:{}),children:f?(0,s.jsx)("iframe",{ref:k,src:f,style:(0,x.Z)({border:"none",maxHeight:"".concat(u.height,"px"),maxWidth:"".concat(u.width,"px"),minHeight:"".concat(u.height,"px"),minWidth:"".concat(u.width,"px"),overflowY:"auto"},_?{transform:"scale(".concat((R=u,Z=_,D=R.height,I=R.width,z=Z.height,O=Z.width,I>O||D>z?I-O>D-z?O/I:z/D:1),")")}:{display:"none"})}):null})},G=t(8564),ee=function(e){var n=e.children,t=e.sx;return(0,s.jsx)(b.kC,{sx:(0,x.Z)({bg:"grey07",height:"90%",width:"100%",justifyContent:"center",alignItems:"center",zIndex:"1"},t),children:(0,s.jsx)(b.kC,{sx:{marginTop:"-128px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:n})})},en=t(85819),et=function(e){var n=e.onRetrigger;return(0,s.jsxs)(ee,{children:[(0,s.jsx)(b.Ee,{src:"/iframe-not-running.png",sx:{width:"320px"}}),(0,s.jsx)(b.xv,{sx:{color:"textClear",mb:2,fontSize:"14px",lineHeight:"24px",fontWeight:"600"},children:"Slice Machine can't render your Slice"}),(0,s.jsxs)(b.xv,{sx:{color:"failedConnectText",maxWidth:"400px",textAlign:"center",fontSize:"12px",lineHeight:"22px"},children:["Ensure your website's development server is running by typing",(0,s.jsx)("br",{}),(0,s.jsx)(b.xv,{as:"code",variant:"styles.inlineCode",sx:{padding:"4px",borderRadius:"6px"},children:"npm run dev"}),"\xa0 in your terminal at the root of your website directory.",(0,s.jsx)("br",{})," If that doesn't work, see the\xa0",(0,s.jsx)(b.rU,{target:"_blank",href:"https://prismic.io/docs/slice-machine#simulate-slices",sx:{color:"link"},children:"troubleshooting instructions."})]}),(0,s.jsx)(C.z,{onClick:n,label:"Refresh",Icon:en.Fer,iconSize:20,iconFill:"#6F6E77",variant:"secondaryMedium",sx:{mt:"16px"}})]})},ei=t(53559),er=function(e){var n,t,r=e.slice,o=e.variation,c=(0,H.Z)().updateSliceMockSuccess,a=(0,z.v9)(function(e){return{simulatorUrl:(0,O.x0)(e),endpoints:(0,O.gZ)(e)}}),l=a.simulatorUrl,u=a.endpoints,C=(0,v.useMemo)(function(){return{embedsUrl:u.PrismicOembed,env:"prod",unsplashUrl:u.PrismicUnsplash}},[u.PrismicOembed,u.PrismicUnsplash]);(0,v.useEffect)(function(){I.Xe.track({event:"slice-simulator:open"})},[]);var S=(0,v.useRef)(!1);(0,v.useEffect)(function(){S.current=!0},[]);var k=function(e){S.current&&(S.current=!1,I.Xe.track({event:"editor:widget-used",sliceId:e}))},y=(0,v.useState)("waiting"),w=y[0],E=y[1];(0,v.useEffect)(function(){if("waiting"===w){var e=setTimeout(function(){E("failed")},2e4);return function(){return clearTimeout(e)}}},[w]);var R,Z=function(e){"waiting"===w&&("failed"===e?I.Xe.track({event:"slice-simulator:is-not-running"}):er(!0),E(e))},M=function(){E("waiting")},_=(0,v.useState)(N[i.DESKTOP]),T=_[0],F=_[1],B=(0,v.useMemo)(function(){return ei.id.fromSM(r.model)},[r.model]),L=(0,v.useState)(null),P=L[0],W=L[1],U=(0,v.useMemo)(function(){var e,n;return(null==P?void 0:P.variation)===o.id?P:(null===(e=r.mocks)||void 0===e?void 0:e.find(function(e){return e.variation===o.id}))||{__TYPE__:"SharedSliceContent",variation:n=o.id,primary:{},items:[]}},[P,o.id]),V=(0,v.useMemo)(function(){return(0,X.renderSliceMock)(B,U).id},[]),K=(0,v.useCallback)(function(){return function(){return(0,f.Z)((0,x.Z)({},(0,X.renderSliceMock)(B,U)),{id:V})}},[B,U]),J=Y(K,800,[B,U,]),$=(0,v.useState)(!1),en=$[0],er=$[1],eo=(0,v.useState)(!1),es=eo[0],ec=eo[1],ea=(R=(0,d.Z)(function(){var e,n,t,i;return(0,h.__generator)(this,function(o){switch(o.label){case 0:if(!P)return[3,5];ec(!0),o.label=1;case 1:return o.trys.push([1,3,,4]),n={libraryID:r.from,sliceID:r.model.id,mocks:(null!==(e=r.mocks)&&void 0!==e?e:[]).filter(function(e){return e.variation!==P.variation}).concat(P)},[4,(0,I.y3)(n)];case 2:if((t=o.sent().errors).length>0)throw t;return c(n),m.Am.success("Saved"),[3,4];case 3:return i=o.sent(),console.error("Error while saving mock",i),m.Am.error("Error saving content"),[3,4];case 4:ec(!1),o.label=5;case 5:return[2]}})}),function(){return R.apply(this,arguments)});return(0,s.jsxs)(b.kC,{sx:{flexDirection:"column",height:"100vh"},children:[(0,s.jsx)(D,{slice:r,variation:o,isDisplayEditor:en,actionsDisabled:"successful"!==w,toggleIsDisplayEditor:function(){return er(!en)},onSaveMock:function(){ea()},isSavingMock:es}),(0,s.jsx)(b.xu,{sx:{flex:1,bg:"grey07",p:3,display:"flex",flexDirection:"column",height:"calc(100% - 73px - 16px)"},children:(0,s.jsxs)(b.kC,{sx:{flex:1,flexDirection:"row",position:"relative",width:"100%",height:"100%"},children:[(0,s.jsxs)(j.xR,{sx:{display:"flex",height:"100%",flexDirection:"column",flex:1,minWidth:0},children:[(0,s.jsx)(A,{handleScreenSizeChange:F,screenDimensions:T,actionsDisabled:"successful"!==w}),"failed"===w?(0,s.jsx)(et,{onRetrigger:M}):null,"successful"===w?(0,s.jsx)(Q,{apiContent:J,screenDimensions:T,simulatorUrl:l,handleSimulatorConnectionResult:Z}):(0,s.jsx)(s.Fragment,{children:"waiting"===w?(0,s.jsxs)(ee,{children:[(0,s.jsx)(b.$j,{variant:"styles.spinner"}),(0,s.jsx)(Q,{apiContent:J,screenDimensions:T,simulatorUrl:l,dryRun:!0,handleSimulatorConnectionResult:Z})]}):null})]}),"successful"===w&&en?(0,s.jsx)(b.kC,{className:"editor",sx:{flexDirection:"column",marginLeft:"16px",maxWidth:"440px",minWidth:"440px",overflowY:"auto"},children:(0,s.jsx)(G.S,{renderError:function(){return(0,s.jsx)(g.Iq,{title:"Editor error",description:"An error occurred while rendering the editor."})},children:(0,s.jsx)(v.Suspense,{children:(0,s.jsx)(p.kS,{config:C,content:U,onContentChange:function(e){W(e),k(r.model.id)},sharedSlice:B},o.id)})})}):null]})}),!!(null===(n=r.screenshots[o.id])||void 0===n?void 0:n.url)&&(0,s.jsx)(q,{sliceName:r.model.name,screenshotUrl:null===(t=r.screenshots[o.id])||void 0===t?void 0:t.url})]})},eo=t(25998);function es(){var e=(0,l.useRouter)(),n=(0,eo.Z)(),t=n.slice,i=n.variation;return void 0===t||void 0===i?(e.replace("/"),null):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a(),{children:(0,s.jsx)("title",{children:"Simulator: ".concat(t.model.name," - Slice Machine")})}),(0,s.jsx)(er,{slice:t,variation:i})]})}},25998:function(e,n,t){"use strict";t.d(n,{Z:function(){return c}});var i=t(5632),r=t(56580),o=t(95200),s=function(e,n,t){var i,r=null===(i=(0,o.Sd)(e))||void 0===i?void 0:i.find(function(e){return e.name.replace(/\//g,"--")===n});return null==r?void 0:r.components.find(function(e){return e.model.name===t})},c=function(){var e=(0,i.useRouter)(),n=(0,r.v9)(function(n){return{slice:s(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var t=n.model.variations.find(function(n){return n.id===e.query.variation});return t?{slice:n,variation:t}:{}}}},function(e){e.O(0,[789,872,851,46,774,888,179],function(){return e(e.s=30755)}),_N_E=e.O()}]);

package/out/_next/static/{Xw1akSboLhT-BhSrQS3lZ → dLmvq3LL0BsWu15laiKoK}/_buildManifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-5c9ac93faf0df06b.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-3e4989e09fd412a8.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-d1a4a07e6b600fa6.js"],"/labs":["static/chunks/pages/labs-6f5925cd6cdcee9e.js"],"/page-types/[pageTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-a724ff12ef322020.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-f0620e5b727cda03.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-77cff50b1df13579.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,u,d,h,e,b,i,l,c,k,n,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8d7043e6638d65cd.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-3eb0fdce3228d389.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-d6f1200138628ec3.js","static/chunks/727-2c302be2def92786.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-c9221a5cb09524e8.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
+self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-5c9ac93faf0df06b.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-3e4989e09fd412a8.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-d1a4a07e6b600fa6.js"],"/labs":["static/chunks/pages/labs-6f5925cd6cdcee9e.js"],"/page-types/[pageTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-a724ff12ef322020.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-f0620e5b727cda03.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-77cff50b1df13579.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,u,d,h,e,b,i,l,c,k,n,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8d7043e6638d65cd.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-d6f1200138628ec3.js","static/chunks/727-2c302be2def92786.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-c9221a5cb09524e8.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/out/changelog.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-5c9ac93faf0df06b.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-5c9ac93faf0df06b.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/changes.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/838fd8bb5a7c32b0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/838fd8bb5a7c32b0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-3e4989e09fd412a8.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/838fd8bb5a7c32b0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/838fd8bb5a7c32b0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-3e4989e09fd412a8.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/custom-types/[customTypeId].html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-c9221a5cb09524e8.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-d1a4a07e6b600fa6.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-c9221a5cb09524e8.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-d1a4a07e6b600fa6.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/custom-types.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/labs.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/pages/labs-6f5925cd6cdcee9e.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/pages/labs-6f5925cd6cdcee9e.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/page-types/[pageTypeId].html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-c9221a5cb09524e8.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a724ff12ef322020.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-c9221a5cb09524e8.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a724ff12ef322020.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/settings.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/pages/settings-f0620e5b727cda03.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/pages/settings-f0620e5b727cda03.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation]/simulator.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-3eb0fdce3228d389.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-01d67e97cb901e46.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation].html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b22c0750c14cc089.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b22c0750c14cc089.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-8d7043e6638d65cd.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b22c0750c14cc089.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b22c0750c14cc089.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-8d7043e6638d65cd.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f8eb526e10bc2441.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f8eb526e10bc2441.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b57b205722703789.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-77cff50b1df13579.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_buildManifest.js" defer=""></script><script src="/_next/static/Xw1akSboLhT-BhSrQS3lZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"Xw1akSboLhT-BhSrQS3lZ","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f8eb526e10bc2441.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f8eb526e10bc2441.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-756c037ed6c707e9.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-77cff50b1df13579.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_buildManifest.js" defer=""></script><script src="/_next/static/dLmvq3LL0BsWu15laiKoK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"dLmvq3LL0BsWu15laiKoK","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slice-machine-ui",
-  "version": "1.26.1-alpha.aa-playground-script.1",
+  "version": "1.26.1-beta.1",
   "license": "MIT",
   "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
   "repository": {
@@ -35,8 +35,8 @@
   },
   "dependencies": {
     "@radix-ui/react-visually-hidden": "1.0.3",
-    "@slicemachine/manager": "0.18.4-alpha.aa-playground-script.1",
-    "start-slicemachine": "0.12.19-alpha.aa-playground-script.1"
+    "@slicemachine/manager": "0.18.4-beta.1",
+    "start-slicemachine": "0.12.19-beta.1"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
@@ -123,7 +123,6 @@
     "react-tooltip": "4.5.1",
     "redux": "4.2.1",
     "redux-persist": "6.0.0",
-    "redux-saga": "1.2.2",
     "remark-gfm": "3.0.1",
     "semver": "7.3.8",
     "storybook": "7.0.10",

package/src/modules/loading/index.ts

@@ -3,8 +3,6 @@ import mapValues from "lodash/mapValues";
 import { SliceMachineStoreType } from "src/redux/type";
 import { LoadingStoreType, LoadingKeysEnum } from "./types";
 import { ActionType, createAction, getType } from "typesafe-actions";
-import { call, put } from "redux-saga/effects";
-import { Saga } from "redux-saga";
 
 export const initialState: LoadingStoreType = {
   ...(mapValues(LoadingKeysEnum, () => false) as Record<
@@ -52,25 +50,3 @@ export const loadingReducer: Reducer<LoadingStoreType, LoadingActions> = (
       return state;
   }
 };
-
-// Saga decorator
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const withLoader = (saga: any, loadingKey: LoadingKeysEnum): Saga<any> =>
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  function* (...args: any[]) {
-    yield put(startLoadingActionCreator({ loadingKey }));
-    try {
-      yield call(
-        saga,
-        args[0],
-        args[1],
-        args[2],
-        args[3],
-        args[4],
-        args[5],
-        args[6],
-      );
-    } finally {
-      yield put(stopLoadingActionCreator({ loadingKey }));
-    }
-  };

package/src/modules/loading/types.ts

@@ -3,7 +3,4 @@ export type LoadingStoreType = Record<LoadingKeysEnum, boolean>;
 export enum LoadingKeysEnum {
   LOGIN = "LOGIN",
   REVIEW = "REVIEW",
-  CHECK_SIMULATOR = "CHECK_SIMULATOR",
-  CHECK_SIMULATOR_IFRAME = "CHECK_SIMULATOR_IFRAME",
-  SIMULATOR_SAVE_MOCK = "SIMULATOR_SAVE_MOCK",
 }

package/src/modules/useSliceMachineActions.ts

@@ -12,7 +12,6 @@ import {
   changesPushSuccess,
 } from "./userContext";
 import { refreshStateCreator } from "./environment";
-import { connectToSimulatorIframeCreator } from "./simulator";
 import ServerState from "@models/server/ServerState";
 import {
   customTypeCreateSuccess,
@@ -39,13 +38,6 @@ import { SaveSliceMockRequest } from "@src/apiClient";
 const useSliceMachineActions = () => {
   const dispatch = useDispatch();
 
-  const connectToSimulatorIframe = () =>
-    dispatch(connectToSimulatorIframeCreator.request());
-  const connectToSimulatorFailure = () =>
-    dispatch(connectToSimulatorIframeCreator.failure());
-  const connectToSimulatorSuccess = () =>
-    dispatch(connectToSimulatorIframeCreator.success());
-
   // Modal module
   const closeModals = () => {
     dispatch(modalCloseCreator());
@@ -101,9 +93,7 @@ const useSliceMachineActions = () => {
   };
 
   /**
-   * Success actions = sync store state from external actions. If its name
-   * contains "Creator", it means it is still used in a saga and that `.request`
-   * and `.failure` need to be preserved
+   * Success actions = sync store state from external actions.
    */
 
   /**
@@ -182,9 +172,6 @@ const useSliceMachineActions = () => {
   const pushChangesSuccess = () => dispatch(changesPushSuccess());
 
   return {
-    connectToSimulatorFailure,
-    connectToSimulatorSuccess,
-    connectToSimulatorIframe,
     refreshState,
     openScreenshotsModal,
     openLoginModal,

package/src/redux/reducer.ts

@@ -8,7 +8,6 @@ import { modalReducer } from "@src/modules/modal";
 import { loadingReducer } from "@src/modules/loading";
 import { userContextReducer } from "@src/modules/userContext";
 import { environmentReducer } from "@src/modules/environment";
-import { simulatorReducer } from "@src/modules/simulator";
 import { availableCustomTypesReducer } from "@src/modules/availableCustomTypes";
 import { slicesReducer } from "@src/modules/slices";
 import { routerReducer } from "connected-next-router";
@@ -20,7 +19,6 @@ const createReducer = (): Reducer =>
     loading: loadingReducer,
     userContext: userContextReducer,
     environment: environmentReducer,
-    simulator: simulatorReducer,
     availableCustomTypes: availableCustomTypesReducer,
     slices: slicesReducer,
     router: routerReducer,

package/src/redux/store.ts

@@ -1,12 +1,10 @@
 import { createStore, compose, applyMiddleware, Store } from "redux";
 import createReducer from "./reducer";
 import { persistStore, persistReducer } from "redux-persist";
-import createSagaMiddleware from "redux-saga";
 import storage from "redux-persist/lib/storage";
 import { SliceMachineStoreType } from "@src/redux/type";
 import { Persistor } from "redux-persist/es/types"; // defaults to localStorage for web
 import { createRouterMiddleware } from "connected-next-router";
-import rootSaga from "./saga";
 
 const persistConfig = {
   key: "root",
@@ -15,7 +13,6 @@ const persistConfig = {
 };
 
 const routerMiddleware = createRouterMiddleware();
-const sagaMiddleware = createSagaMiddleware();
 
 declare const window: {
   // eslint-disable-next-line
@@ -25,7 +22,7 @@ declare const window: {
 export default function configureStore(
   preloadedState: Partial<SliceMachineStoreType> = {},
 ): { store: Store<SliceMachineStoreType>; persistor: Persistor } {
-  const middlewares = [sagaMiddleware, routerMiddleware];
+  const middlewares = [routerMiddleware];
   const enhancers = [applyMiddleware(...middlewares)];
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -51,7 +48,6 @@ export default function configureStore(
     composeEnhancers(...enhancers),
   );
   const persistor = persistStore(store);
-  sagaMiddleware.run(rootSaga);
 
   return { store, persistor };
 }

package/src/redux/type.ts

@@ -2,7 +2,6 @@ import { ModalStoreType } from "@src/modules/modal/types";
 import { LoadingStoreType } from "@src/modules/loading/types";
 import { UserContextStoreType } from "@src/modules/userContext/types";
 import { EnvironmentStoreType } from "@src/modules/environment/types";
-import { SimulatorStoreType } from "@src/modules/simulator/types";
 import { AvailableCustomTypesStoreType } from "@src/modules/availableCustomTypes/types";
 import { SlicesStoreType } from "@src/modules/slices/types";
 import { RouterState } from "connected-next-router/types";
@@ -12,7 +11,6 @@ export type SliceMachineStoreType = {
   loading: LoadingStoreType;
   userContext: UserContextStoreType;
   environment: EnvironmentStoreType;
-  simulator: SimulatorStoreType;
   availableCustomTypes: AvailableCustomTypesStoreType;
   slices: SlicesStoreType;
   router: RouterState;

package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-3eb0fdce3228d389.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33],{30755:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]/simulator",function(){return r(68156)}])},56577:function(e,n,r){"use strict";r.d(n,{z:function(){return d}});var t=r(62230),i=r(85244),o=r(98240),s=r(52322),c=r(2784),a=r(75289),l=function(e,n){return e?"".concat(e,"-").concat(n):""},u=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},d=(0,c.forwardRef)(function(e,n){var r=e.label,c=e.Icon,d=e.type,x=e.form,f=e.isLoading,h=void 0!==f&&f,v=e.disabled,p=e.onClick,g=e.sx,m=e.iconSize,b=void 0===m?16:m,C=e.iconFill,S=e.variant,j=void 0===S?"primary":S,k=(0,o.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,s.jsx)(a.zx,(0,i.Z)((0,t.Z)({ref:n,sx:(0,t.Z)((0,i.Z)((0,t.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),h?{cursor:"wait !important"}:{}),type:d,form:x,disabled:void 0!==v&&v||h,onClick:h?void 0:p,variant:j},k),{children:h?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.$j,{size:b,color:u(j),"data-testid":l(k["data-testid"],"spinner")}),c&&r]}):(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(c,{size:b,fill:C,"data-testid":l(k["data-testid"],"icon")}),r]})}))})},54132:function(e,n,r){"use strict";r.d(n,{Z:function(){return l}});var t=r(62230),i=r(85244),o=r(98240),s=r(52322);r(2784);var c=r(75289),a=function(e){var n=e.bg,r=e.background,i=e.sx,o=e.withRadius,a=e.radius,l=e.children;return(0,s.jsx)(c.xu,{sx:(0,t.Z)({p:4,bg:n||r},o?{borderBottomLeftRadius:a,borderBottomRightRadius:a}:null,i),children:l})},l=function(e){var n=e.Header,r=void 0===n?null:n,l=e.SubHeader,u=void 0===l?null:l,d=e.Body,x=void 0===d?null:d,f=e.Footer,h=void 0===f?null:f,v=e.borderFooter,p=e.radius,g=void 0===p?"6px":p,m=e.bodySx,b=e.footerSx,C=e.sx,S=e.bg,j=e.background,k=e.children,y=(0,o.Z)(e,["Header","SubHeader","Body","Footer","borderFooter","radius","bodySx","footerSx","sx","bg","background","children"]);return(0,s.jsxs)(c.Zb,(0,i.Z)((0,t.Z)({sx:(0,t.Z)({border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))},borderRadius:g},void 0===C?null:C)},y),{children:[r?(0,s.jsx)(r,{radius:g}):null,u?(0,s.jsx)(u,{radius:g}):null,(0,s.jsxs)(a,{bg:S,background:j,sx:void 0===m?{}:m,withRadius:!h,children:[x?(0,s.jsx)(x,{}):null,k||null]}),h?(0,s.jsx)(a,{bg:S,background:j,sx:(0,t.Z)({},void 0!==v&&v?{borderTop:function(e){var n=e.colors;return"1px solid ".concat(String(null==n?void 0:n.borders))}}:null,void 0===b?{}:b),radius:g,withRadius:!0,children:"object"==typeof h?h:(0,s.jsx)(h,{})}):null]}))}},61931:function(e,n,r){"use strict";r.d(n,{q:function(){return l}});var t=r(62230),i=r(52322),o=r(2784),s=r(75289),c=r(65186),a=(0,o.memo)(function(e){var n=e.src;return(0,i.jsx)(s.Ee,{src:n,alt:"Preview image",sx:{maxHeight:"100%"}})}),l=function(e){var n=e.src,r=e.sx;return(0,i.jsx)(s.kC,{sx:(0,t.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},r),children:void 0!==n?(0,i.jsx)(a,{src:n}):(0,i.jsxs)(s.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,i.jsx)(c.eJU,{}),"You have no screenshot yet."]})})}},68156:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return el}});var t,i,o,s,c=r(52322),a=r(97729),l=r.n(a),u=r(5632),d=r.n(u),x=r(22710),f=r(62230),h=r(85244),v=r(99267),p=r(2784),g=r(71463),m=r(22715),b=r(88932),C=r(75289),S=r(65077),j=r(56577),k=r(19909),y=function(e){var n=e.defaultValue,r=e.variations,t=e.MenuItemAction,i=e.onChange;return(0,c.jsxs)(C.xu,{sx:{py:0,flexDirection:"column",backgroundColor:"headSection",overflow:"auto",display:"flex",borderRadius:"4px",border:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)},boxShadow:"0 10px 10px rgba(0, 0, 0, 0.05)",maxHeight:340,minWidth:250,maxWidth:350,color:"text"},children:[(0,c.jsxs)(C.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[r.length," VARIATION",r.length>1?"S":""]}),(0,c.jsxs)(C.kC,{sx:{p:0,flexDirection:"column"},children:[r.map(function(e){return(0,c.jsx)(w,{value:e,isActive:e.id===n.id,onClick:i},e.id)}),t||null]})]})},w=function(e){var n=e.value,r=e.isActive,t=e.onClick;return(0,c.jsx)(C.xu,{sx:{px:3,py:2,color:r?"primary":"",cursor:"pointer",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(r?null==n?void 0:n.primary:null==n?void 0:n.background)},borderRadius:0,bg:"background",":hover":{bg:"hoverBackground",borderLeft:function(e){var n=e.colors;return"2px solid ".concat(null==n?void 0:n.primary)}}},onClick:function(){return t(n)},children:n.name})},E=r(75100),I=function(e){var n=e.buttonSx,r=e.defaultValue,t=e.variations,i=e.onNewVariation,o=e.onChange,s=e.sx,a=e.disabled,l=(0,p.useState)(!1),u=l[0],d=l[1],x=(0,p.useState)(r||t[0]),h=x[0],v=x[1];(0,p.useEffect)(function(){r&&v(r)},[r]);var g=function(e){d(!1),v(e),setTimeout(function(){return o(e)},210)},m=(0,c.jsx)(C.xu,{sx:{p:2},children:(0,c.jsx)(C.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){d(!1),i&&i()},children:"+ Add new variation"})});return(0,c.jsx)(C.xu,{sx:s,children:(0,c.jsx)(k.Popover,{align:"start",isOpen:u,onClickOutside:function(){return d(!1)},positions:["bottom"],padding:10,content:function(){return(0,c.jsx)(y,{defaultValue:h,variations:t,onChange:g,MenuItemAction:i?m:void 0})},containerClassName:"variationSelectorContainer",children:(0,c.jsxs)(C.zx,{sx:(0,f.Z)({},n),variant:"dropDownButton",onClick:function(){return d(!u)},disabled:a,children:[h.name," ",u?(0,c.jsx)(E.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,c.jsx)(E.mEq,{size:"16px","aria-label":"Expand variations"})]})})})},D=function(e){return(0,c.jsxs)("svg",(0,h.Z)((0,f.Z)({viewBox:"0 0 72 72",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,c.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.3304 19.693C50.9182 18.9787 50.2527 18.6526 50.2527 18.6526L64.7906 10.2077C65.5266 9.78011 66.4679 10.0339 66.8929 10.7745C67.3179 11.5151 67.0657 12.4622 66.3294 12.8898L52.639 20.8424C52.639 20.8424 51.7428 20.4072 51.3304 19.693Z",fill:"current"}),(0,c.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M47.6775 54.7814C58.0794 48.7394 61.6433 35.3572 55.6378 24.8917C54.7801 23.397 53.7736 22.0427 52.6481 20.8367L32.9428 32.2832C32.2068 32.7108 31.2655 32.457 30.8405 31.7165C30.4155 30.9757 30.6677 30.0287 31.4039 29.6011L50.2693 18.6425C43.486 13.2668 33.8645 12.2736 25.9299 16.8827C15.5282 22.9249 11.9642 36.3071 17.9697 46.7727C18.8274 48.2671 19.8339 49.6216 20.9595 50.8276L41.1791 39.0822C41.9151 38.6546 42.8564 38.9086 43.2814 39.6492C43.7064 40.3897 43.4542 41.3368 42.7182 41.7644L23.3384 53.0217C30.1217 58.3975 39.7432 59.3906 47.6775 54.7814Z",fill:"current"}),(0,c.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.20645 61.7656C4.78145 61.0248 5.03367 60.078 5.76978 59.6502L20.9371 50.8398C20.9371 50.8398 21.8578 51.2406 22.3053 51.7062C22.7528 52.1717 23.361 53.0078 23.361 53.0078L7.30887 62.3323C6.57274 62.7599 5.63144 62.5061 5.20645 61.7656Z",fill:"current"})]}))},R=function(e,n,r){if(!n){d().push("/".concat(e.href,"/").concat(e.model.name));return}var t,i,o,s,c,a,l,u,x,f=(i=(t={lib:e.href,sliceName:e.model.name,variationId:null==n?void 0:n.id,isSimulator:r}).lib,o=t.sliceName,s=t.variationId,a=void 0===(c=t.options)?{}:c,l=t.isSimulator,u="/slices/[lib]/[sliceName]/[variation]".concat(l?"/simulator":""),x="/slices/".concat(i,"/").concat(o,"/").concat(s).concat(l?"/simulator":""),{href:u,as:x,options:a,all:[u,x,a]});d().push(f.href,f.as,f.options)},Z=function(e){var n=e.slice,r=e.variation,t=e.isDisplayEditor,i=e.toggleIsDisplayEditor,o=e.onSaveMock,s=e.actionsDisabled,a=e.isSavingMock;return(0,c.jsxs)(C.kC,{sx:{p:"16px",display:"flex",bg:"grey07",gridTemplateRows:"1fr",borderBottom:"1px solid #DCDBDD",justifyContent:"space-between"},children:[(0,c.jsxs)(C.kC,{sx:{alignItems:"center"},children:[(0,c.jsx)(D,{height:"20px",width:"20px",fill:"#1A1523"}),(0,c.jsx)(C.xv,{sx:{ml:2,mr:"12px",fontSize:"14px",color:"#1A1523",fontWeight:"600",letterSpacing:"-0.15px"},children:n.model.name}),(0,c.jsx)(I,{defaultValue:r,variations:n.model.variations,onChange:function(e){return R(n,e,!0)},disabled:n.model.variations.length<=1||s})]}),(0,c.jsxs)(C.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,c.jsx)(C.kC,{sx:{alignItems:"center",justifyContent:"space-around"},children:(0,c.jsxs)(C.kC,{sx:{alignItems:"center",mr:4},children:[(0,c.jsx)(C.__,{htmlFor:"show-mock-editor",sx:{color:"#6F6E77",lineHeight:"16px",fontSize:"12px",fontWeight:"600",letterSpacing:"0px"},children:"Editor"}),(0,c.jsx)(C.rs,{id:"show-mock-editor",checked:t,onChange:i,disabled:s})]})}),(0,c.jsx)(j.z,{"data-testid":"save-mock",onClick:o,label:"Save mock content",disabled:a||s,variant:"primary",sx:{borderRadius:"6px",color:"#F1EEFE",fontWeight:"bold",border:"1px solid #5842C3",backgroundColor:"#6E56CF",boxShadow:"0px 1px 0px rgba(0, 0, 0, 0.04)","&:hover":{"&:not([disabled])":{backgroundColor:"#5842C3"}}}})]})]})},O=r(82770),z=r(56580),F=r(39092),_=function(e){var n=e.defaultValue,r=e.options,t=e.onChange;return(0,c.jsx)(C.xu,{sx:{py:0,flexDirection:"column",backgroundColor:"headSection",overflow:"auto",display:"flex",borderRadius:"6px",border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},boxShadow:"0 10px 10px rgba(0, 0, 0, 0.05)",maxHeight:340,minWidth:180,maxWidth:350,color:"text"},children:(0,c.jsx)(C.kC,{sx:{p:0,flexDirection:"column"},children:r.map(function(e){return(0,c.jsx)(N,{value:e,isActive:e===n,onClick:t})})})})},N=function(e){var n=e.value,r=e.isActive,t=e.onClick;return(0,c.jsx)(C.xu,{sx:{p:2,cursor:"pointer",fontSize:"14px",borderRadius:0,bg:r?"hoverBackground":"background",":hover":{bg:"hoverBackground"}},onClick:function(){return t(n)},children:n})},M=function(e){var n=e.buttonSx,r=e.currentValue,t=e.options,i=e.onChange,o=e.disabled,s=(0,p.useState)(!1),a=s[0],l=s[1],u=function(e){l(!1),setTimeout(function(){return i(e)},210)};return(0,c.jsx)(C.xu,{children:(0,c.jsx)(k.Popover,{align:"start",isOpen:a,onClickOutside:function(){return l(!1)},positions:["bottom"],padding:2,content:function(){return(0,c.jsx)(_,{defaultValue:r,options:t,onChange:u})},children:(0,c.jsxs)(C.zx,{sx:n,variant:"dropDownButton",onClick:function(){return l(!a)},disabled:o,children:[r," ",a?(0,c.jsx)(E.bOz,{size:"24px"}):(0,c.jsx)(E.mEq,{size:"24px"})]})})})},T=r(67557);(s=t||(t={})).DESKTOP="Desktop",s.TABLET="Tablet",s.MOBILE="Mobile",s.CUSTOM="Custom";var A,L=(i={},(0,T.Z)(i,t.DESKTOP,{width:1280,height:800}),(0,T.Z)(i,t.TABLET,{width:1080,height:810}),(0,T.Z)(i,t.MOBILE,{width:390,height:844}),i),U=function(e){var n=e.label,r=e.startValue,t=e.onChange,i=e.sx,o=e.disabled,s=["e","-","+",",","."];return(0,c.jsxs)(C.kC,{sx:(0,f.Z)({alignItems:"center"},i),children:[(0,c.jsx)(C.__,{sx:{backgroundColor:"grey07",border:"transparent",borderRight:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:"6px 0px 0px 6px",width:26,height:30,color:"greyIcon",fontWeight:"bold",fontSize:"14px",alignItems:"center",justifyContent:"center",position:"absolute",ml:"1px"},htmlFor:"".concat(n,"-screensize-input"),children:n}),(0,c.jsx)(C.II,{type:"number",name:"".concat(n,"-screensize-input"),disabled:o,sx:{width:80,height:32,p:0,border:"1px solid #E4E2E4",borderRadius:"6px","&::-webkit-outer-spin-button,&::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},color:"greyIcon",textAlign:"center",paddingLeft:26,"&:disabled":{cursor:"not-allowed","&:hover":{border:"1px solid #E4E2E4"},"&:active":{border:"1px solid #E4E2E4",boxShadow:"none"}}},onChange:t,value:r,min:"0",onKeyDown:function(e){s.includes(e.key)&&e.preventDefault()}})]})},B=function(e){var n=e.handleScreenSizeChange,r=e.screenDimensions,i=e.actionsDisabled,o=(0,p.useState)(t.DESKTOP),s=o[0],a=o[1],l=function(e){a(e),e!==t.CUSTOM&&n(L[e])},u=function(e){var r=Object.values(L).findIndex(function(n){return JSON.stringify(n)===JSON.stringify(e)}),i=r<0?t.CUSTOM:Object.keys(L)[r];a(i),n(e)};return(0,c.jsx)(C.kC,{sx:{alignItems:"center",pb:"16px",justifyContent:"space-between",variant:"small"},children:(0,c.jsxs)(C.kC,{sx:{alignItems:"center",flex:1},children:[(0,c.jsx)(M,{options:Object.values(t),onChange:l,buttonSx:{alignSelf:"start"},currentValue:s,disabled:i}),(0,c.jsx)(U,{label:"W",startValue:r.width.toString(),onChange:function(e){u((0,h.Z)((0,f.Z)({},r),{width:Number(e.target.value)}))},disabled:i,sx:{mx:2}}),(0,c.jsx)(E.eSQ,{size:16,color:"#6F6E77"}),(0,c.jsx)(U,{label:"H",startValue:r.height.toString(),onChange:function(e){u((0,h.Z)((0,f.Z)({},r),{height:Number(e.target.value)}))},disabled:i,sx:{ml:2}})]})})},W=r(25812),P=r(77174),H=r(24340),V=r(90374),q=r(54132),X=r(61931),K=function(e){var n=e.sliceName,r=e.screenshotUrl,t=(0,z.v9)(function(e){return{isScreenshotModalOpen:(0,P.gP)(e,H.q.SCREENSHOT_PREVIEW)}}).isScreenshotModalOpen,i=(0,V.Z)().closeModals;return(0,c.jsx)(W.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,contentLabel:"Screenshot Preview",portalClassName:"ScreenshotPreviewModal",onRequestClose:i,children:(0,c.jsx)(q.Z,{radius:"0px",bodySx:{p:0,bg:"#FFF",position:"relative",height:"100%",padding:16},footerSx:{position:"sticky",bottom:0,p:0},sx:{border:"none"},Header:function(){return(0,c.jsxs)(C.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,c.jsxs)(C.X6,{sx:{fontSize:"14px"},children:["Screenshot Preview for ",n]}),(0,c.jsx)(C.x8,{type:"button",onClick:function(){return i()}})]})},Footer:function(){return(0,c.jsx)(C.kC,{style:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:"1px solid #DCDBDD"},children:(0,c.jsx)(C.zx,{variant:"secondary",sx:{fontWeight:600},onClick:function(){return i()},children:"Close"})})},children:(0,c.jsx)(X.q,{src:r,sx:{height:"320px"}})})})},G=r(25242),Y=r(81541),J=function(e,n,r){var t=(0,p.useState)(e()),i=t[0],o=t[1],s=(0,p.useRef)(Date.now());return(0,p.useEffect)(function(){var r=setTimeout(function(){Date.now()-s.current>=n&&(o(e()),s.current=Date.now())},n-(Date.now()-s.current));return function(){clearTimeout(r)}},[n].concat((0,Y.Z)(r))),i},$=r(17064),Q=r(16),ee=function(e){var n,r,t,i,o,s,a,l=e.apiContent,u=e.screenDimensions,d=e.simulatorUrl,h=e.dryRun,g=e.isScreenshot,m=void 0!==g&&g,b=(0,$.Z)((r=(n=(0,p.useState)())[0],t=n[1],i=(0,p.useRef)(),o=(0,p.useRef)(),a=(0,p.useCallback)((s=(0,x.Z)(function(e){var n,r,s,c;return(0,v.__generator)(this,function(a){switch(a.label){case 0:if(null===(n=i.current)||void 0===n||n.disconnect(),null===(r=o.current)||void 0===r||r.disconnect(),t(void 0),!(null!=e))return[3,4];i.current=new Q.SH(e),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,i.current.connect()];case 2:var l;return a.sent(),t(i.current),l=(0,x.Z)(function(){var e;return(0,v.__generator)(this,function(n){switch(n.label){case 0:return t(void 0),[4,null===(e=i.current)||void 0===e?void 0:e.connect({},!0)];case 1:return n.sent(),t(i.current),[2]}})}),s=function(){return l.apply(this,arguments)},o.current=new MutationObserver(function(e){e.forEach(function(e){"src"===e.attributeName&&s().catch(function(e){throw e})})}),o.current.observe(e,{attributeFilter:["src"]}),[3,4];case 3:return c=a.sent(),console.error(c),[3,4];case 4:return[2]}})}),function(e){return s.apply(this,arguments)}),[]),[r,a]),2),S=b[0],j=b[1],k=(0,V.Z)(),y=k.connectToSimulatorSuccess,w=k.connectToSimulatorFailure;(0,p.useEffect)(function(){var e;if(!d){w();return}if(void 0!==S){if(!S.connected){w(),console.warn("Trying to use a disconnected simulator client.");return}(e=(0,x.Z)(function(){return(0,v.__generator)(this,function(e){switch(e.label){case 0:return[4,S.setSliceZone([l])];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)})().then(function(){y()}).catch(function(){w()})}},[S,l,d]);var E,I,D,R,Z,O,z,F,_,N=(0,p.useState)(),M=N[0],T=N[1],A=(E=function(e){var n;T({height:e.blockSize,width:e.inlineSize})},D=(0,p.useRef)(),(0,p.useCallback)(function(e){var n;null===(n=D.current)||void 0===n||n.disconnect(),null!==e&&(D.current=new ResizeObserver(function(n){var r,t=(0,$.Z)(n,1)[0].contentRect;E({blockSize:t.height,inlineSize:t.width},e)}),D.current.observe(e))},[]));return(0,c.jsx)(C.kC,{ref:A,sx:(0,f.Z)({alignItems:"center",backgroundColor:"headSection",backgroundImage:"url(/pattern.png)",backgroundRepeat:"repeat",backgroundSize:"10px",border:m?void 0:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:m?void 0:8,display:"flex",height:"100%",justifyContent:"center",overflow:"hidden"},void 0!==h&&h?{display:"none"}:{}),children:d?(0,c.jsx)("iframe",{ref:j,src:d,style:(0,f.Z)({border:"none",maxHeight:"".concat(u.height,"px"),maxWidth:"".concat(u.width,"px"),minHeight:"".concat(u.height,"px"),minWidth:"".concat(u.width,"px"),overflowY:"auto"},M?{transform:"scale(".concat((R=u,Z=M,O=R.height,z=R.width,F=Z.height,_=Z.width,z>_||O>F?z-_>O-F?_/z:F/O:1),")")}:{display:"none"})}):null})},en=r(52039),er=r(8564),et=function(e){var n=e.children,r=e.sx;return(0,c.jsx)(C.kC,{sx:(0,f.Z)({bg:"grey07",height:"90%",width:"100%",justifyContent:"center",alignItems:"center",zIndex:"1"},r),children:(0,c.jsx)(C.kC,{sx:{marginTop:"-128px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:n})})},ei=r(85819),eo=function(e){var n=e.onRetrigger;return(0,c.jsxs)(et,{children:[(0,c.jsx)(C.Ee,{src:"/iframe-not-running.png",sx:{width:"320px"}}),(0,c.jsx)(C.xv,{sx:{color:"textClear",mb:2,fontSize:"14px",lineHeight:"24px",fontWeight:"600"},children:"Slice Machine can't render your Slice"}),(0,c.jsxs)(C.xv,{sx:{color:"failedConnectText",maxWidth:"400px",textAlign:"center",fontSize:"12px",lineHeight:"22px"},children:["Ensure your website's development server is running by typing",(0,c.jsx)("br",{}),(0,c.jsx)(C.xv,{as:"code",variant:"styles.inlineCode",sx:{padding:"4px",borderRadius:"6px"},children:"npm run dev"}),"\xa0 in your terminal at the root of your website directory.",(0,c.jsx)("br",{})," If that doesn't work, see the\xa0",(0,c.jsx)(C.rU,{target:"_blank",href:"https://prismic.io/docs/slice-machine#simulate-slices",sx:{color:"link"},children:"troubleshooting instructions."})]}),(0,c.jsx)(j.z,{onClick:n,label:"Refresh",Icon:ei.Fer,iconSize:20,iconFill:"#6F6E77",variant:"secondaryMedium",sx:{mt:"16px"}})]})},es=r(53559);(A=o||(o={})).LOADING_IFRAME="LOADING_IFRAME",A.FAILED_CONNECT="FAILED_CONNECT",A.SUCCESS="SUCCESS";var ec=function(e){var n,r,i=e.slice,s=e.variation,a=(0,V.Z)(),l=a.connectToSimulatorIframe,u=a.updateSliceMockSuccess,d=(0,z.v9)(function(e){return{simulatorUrl:(0,F.x0)(e),iframeStatus:(0,en.NL)(e),isWaitingForIFrameCheck:(0,en.oM)(e),endpoints:(0,F.gZ)(e)}}),j=d.simulatorUrl,k=d.iframeStatus,y=d.isWaitingForIFrameCheck,w=d.endpoints,E=(0,p.useMemo)(function(){return{embedsUrl:w.PrismicOembed,env:"prod",unsplashUrl:w.PrismicUnsplash}},[w.PrismicOembed,w.PrismicUnsplash]);(0,p.useEffect)(function(){O.Xe.track({event:"slice-simulator:open"})},[]);var I=(0,p.useRef)(!1);(0,p.useEffect)(function(){I.current=!0},[]);var D=function(e){I.current&&(I.current=!1,O.Xe.track({event:"editor:widget-used",sliceId:e}))},R=y||!k?o.LOADING_IFRAME:"ok"!==k?o.FAILED_CONNECT:o.SUCCESS;(0,p.useEffect)(function(){l()},[]),(0,p.useEffect)(function(){R===o.FAILED_CONNECT&&O.Xe.track({event:"slice-simulator:is-not-running"})},[R]),(0,p.useEffect)(function(){R===o.SUCCESS&&ec(!0)},[R]);var _,N=function(){l()},M=(0,p.useState)(L[t.DESKTOP]),T=M[0],A=M[1],U=(0,p.useMemo)(function(){return es.id.fromSM(i.model)},[i.model]),W=(0,p.useState)(null),P=W[0],H=W[1],q=(0,p.useMemo)(function(){var e,n;return(null==P?void 0:P.variation)===s.id?P:(null===(e=i.mocks)||void 0===e?void 0:e.find(function(e){return e.variation===s.id}))||{__TYPE__:"SharedSliceContent",variation:n=s.id,primary:{},items:[]}},[P,s.id]),X=(0,p.useMemo)(function(){return(0,G.renderSliceMock)(U,q).id},[]),Y=(0,p.useCallback)(function(){return function(){return(0,h.Z)((0,f.Z)({},(0,G.renderSliceMock)(U,q)),{id:X})}},[U,q]),$=J(Y,800,[U,q,]),Q=(0,p.useState)(!1),ei=Q[0],ec=Q[1],ea=(0,p.useState)(!1),el=ea[0],eu=ea[1],ed=(_=(0,x.Z)(function(){var e,n,r,t;return(0,v.__generator)(this,function(o){switch(o.label){case 0:if(!P)return[3,5];eu(!0),o.label=1;case 1:return o.trys.push([1,3,,4]),n={libraryID:i.from,sliceID:i.model.id,mocks:(null!==(e=i.mocks)&&void 0!==e?e:[]).filter(function(e){return e.variation!==P.variation}).concat(P)},[4,(0,O.y3)(n)];case 2:if((r=o.sent().errors).length>0)throw r;return u(n),b.Am.success("Saved"),[3,4];case 3:return t=o.sent(),console.error("Error while saving mock",t),b.Am.error("Error saving content"),[3,4];case 4:eu(!1),o.label=5;case 5:return[2]}})}),function(){return _.apply(this,arguments)});return(0,c.jsxs)(C.kC,{sx:{flexDirection:"column",height:"100vh"},children:[(0,c.jsx)(Z,{slice:i,variation:s,isDisplayEditor:ei,actionsDisabled:R!==o.SUCCESS,toggleIsDisplayEditor:function(){return ec(!ei)},onSaveMock:function(){ed()},isSavingMock:el}),(0,c.jsx)(C.xu,{sx:{flex:1,bg:"grey07",p:3,display:"flex",flexDirection:"column",height:"calc(100% - 73px - 16px)"},children:(0,c.jsxs)(C.kC,{sx:{flex:1,flexDirection:"row",position:"relative",width:"100%",height:"100%"},children:[(0,c.jsxs)(S.xR,{sx:{display:"flex",height:"100%",flexDirection:"column",flex:1,minWidth:0},children:[(0,c.jsx)(B,{handleScreenSizeChange:A,screenDimensions:T,actionsDisabled:R!==o.SUCCESS}),R===o.FAILED_CONNECT?(0,c.jsx)(eo,{onRetrigger:N}):null,R===o.SUCCESS?(0,c.jsx)(ee,{apiContent:$,screenDimensions:T,simulatorUrl:j}):(0,c.jsx)(c.Fragment,{children:R===o.LOADING_IFRAME?(0,c.jsxs)(et,{children:[(0,c.jsx)(C.$j,{variant:"styles.spinner"}),(0,c.jsx)(ee,{apiContent:$,screenDimensions:T,simulatorUrl:j,dryRun:!0})]}):null})]}),R===o.SUCCESS&&ei?(0,c.jsx)(C.kC,{className:"editor",sx:{flexDirection:"column",marginLeft:"16px",maxWidth:"440px",minWidth:"440px",overflowY:"auto"},children:(0,c.jsx)(er.S,{renderError:function(){return(0,c.jsx)(m.Iq,{title:"Editor error",description:"An error occurred while rendering the editor."})},children:(0,c.jsx)(p.Suspense,{children:(0,c.jsx)(g.kS,{config:E,content:q,onContentChange:function(e){H(e),D(i.model.id)},sharedSlice:U},s.id)})})}):null]})}),!!(null===(n=i.screenshots[s.id])||void 0===n?void 0:n.url)&&(0,c.jsx)(K,{sliceName:i.model.name,screenshotUrl:null===(r=i.screenshots[s.id])||void 0===r?void 0:r.url})]})},ea=r(25998);function el(){var e=(0,u.useRouter)(),n=(0,ea.Z)(),r=n.slice,t=n.variation;return void 0===r||void 0===t?(e.replace("/"),null):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l(),{children:(0,c.jsx)("title",{children:"Simulator: ".concat(r.model.name," - Slice Machine")})}),(0,c.jsx)(ec,{slice:r,variation:t})]})}},25998:function(e,n,r){"use strict";r.d(n,{Z:function(){return c}});var t=r(5632),i=r(56580),o=r(95200),s=function(e,n,r){var t,i=null===(t=(0,o.Sd)(e))||void 0===t?void 0:t.find(function(e){return e.name.replace(/\//g,"--")===n});return null==i?void 0:i.components.find(function(e){return e.model.name===r})},c=function(){var e=(0,t.useRouter)(),n=(0,i.v9)(function(n){return{slice:s(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var r=n.model.variations.find(function(n){return n.id===e.query.variation});return r?{slice:n,variation:r}:{}}}},function(e){e.O(0,[789,872,851,46,774,888,179],function(){return e(e.s=30755)}),_N_E=e.O()}]);