slice-machine-ui 1.15.1-dev-next-release.2 → 1.15.1-dev-next-release.4

package/out/_next/static/chunks/14-90eaa126dcf1b635.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14],{45466:function(e,n,t){"use strict";t.d(n,{c:function(){return C}});var i=t(22710),s=t(62230),r=t(85244),c=t(99267),o=t(52322),a=t(75289),l=t(2784),d=t(36131),u=t(68780),m=t(88932),f=t(38876),h=t(40147),p=t(82770);function x(){return(x=(0,i.Z)(function(e){var n,t,i,s,r,o,a;return(0,c.__generator)(this,function(c){switch(c.label){case 0:var l;return c.trys.push([0,3,,4]),n=e.sliceName,t=e.libraryName,i=e.onSuccess,l=n,s={id:(0,f.T3)(l),type:"SharedSlice",name:l,description:l,variations:[{id:v,name:(0,f.MP)(v),docURL:"...",version:"initial",description:(0,f.MP)(v),imageUrl:""},]},[4,h.j.slices.createSlice({libraryID:t,model:s})];case 1:if((r=c.sent().errors).length>0)throw r;return p.Xe.track({event:"slice:created",id:(0,f.MP)(n),name:n,library:t}),[4,i(s)];case 2:return c.sent(),[3,4];case 3:return o=c.sent(),a="Internal Error: Slice not created",console.error(a,o),m.Am.error(a),[3,4];case 4:return[2]}})})).apply(this,arguments)}var v="default",b=t(90374),j=t(66443),y=t(70041),C=function(e){var n,t=e.onClose,m=e.onSuccess,f=e.localLibraries,h=e.remoteSlices,v=(0,b.Z)().createSliceSuccess,C=(0,l.useState)(!1),g=C[0],S=C[1],_=(n=(0,i.Z)(function(e){var n,t;return(0,c.__generator)(this,function(s){switch(s.label){case 0:var r;return n=e.sliceName,t=e.from,S(!0),[4,function(e){return x.apply(this,arguments)}({sliceName:n,libraryName:t,onSuccess:(r=(0,i.Z)(function(e){var n;return(0,c.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,p.y0)()];case 1:return v(n.sent().libraries),[4,m(e,t)];case 2:return n.sent(),[2]}})}),function(e){return r.apply(this,arguments)})})];case 1:return s.sent(),[2]}})}),function(e){return n.apply(this,arguments)});return(0,o.jsx)(u.Z,{dataCy:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:g,formId:"create-new-slice",close:t,buttonLabel:"Create",onSubmit:function(e){_(e)},initialValues:{sliceName:"",from:f[0].name},validate:function(e){return(0,j.h)(e,f,h)},content:{title:"Create a new slice"},children:function(e){var n=e.touched,t=e.values,i=e.setFieldValue,c=e.errors;return(0,o.jsxs)(a.xu,{children:[(0,o.jsx)(y.W,{name:"sliceName",label:"Slice Name",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:n.sliceName?c.sliceName:void 0,dataCy:"slice-name-input"}),(0,o.jsx)(a.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,o.jsx)(d.ZP,{name:"from",options:f.map(function(e){return{value:e.name,label:e.name}}),onChange:function(e){return e?void i("from",e.value):null},defaultValue:{value:t.from,label:t.from},styles:{option:function(e){return(0,r.Z)((0,s.Z)({},e),{color:"#161618"})}},theme:function(e){return(0,r.Z)((0,s.Z)({},e),{colors:(0,r.Z)((0,s.Z)({},e.colors),{primary:"#E9E8EA"})})},menuPortalTarget:document.body})]})}})}},66443:function(e,n,t){"use strict";t.d(n,{h:function(){return l}});var i=t(81541),s=t(75329),r=t(96009),c=t.n(r),o=t(74600),a=t.n(o);function l(e,n,t){var r=e.sliceName;if(!r)return{sliceName:"Cannot be empty"};if(!s.xo.exec(r))return{sliceName:"No special characters allowed"};if(a()(c()(r)).replace(/\s/gm,"")!==r.trim())return{sliceName:"Value has to be PascalCased"};if(r.match(/^\d/))return{sliceName:"Value cannot start with a number"};if(s.lS.includes(r))return{sliceName:"".concat(r," is reserved for Slice Machine use")};var o=n.flatMap(function(e){return e.components.map(function(e){return e.model.name})}),l=t.map(function(e){return e.name});if((0,i.Z)(o).concat((0,i.Z)(l)).includes(r))return{sliceName:"Slice name is already taken."}}},85014:function(e,n,t){"use strict";t.d(n,{H:function(){return e4}});var i=t(52322),s=t(71651),r=t(97729),c=t.n(r),o=t(5632),a=t(2784),l=t(56580),d=t(25251),u=t(62230),m=t(85244),f=t(98240),h=t(50002),p=t(3988);t(17164);var x="_1k08lzu5 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d32 _1ecs97daf _1ecs97d9db",v=function(e){return(0,i.jsx)("div",(0,m.Z)((0,u.Z)({},e),{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d18 _1ecs97d8l _1ecs97d268 _1ecs97d2dl _1ecs97d9d7 _1ecs97d9ej _1ecs97d9ex _1ecs97d9c9"}))},b=function(e){return(0,i.jsx)("div",(0,m.Z)((0,u.Z)({},e),{className:"_1k08lzu3 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9bq _1ecs97d9td",children:(0,i.jsxs)("div",{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9ld",children:[(0,i.jsx)("span",{className:x}),(0,i.jsx)("span",{className:x}),(0,i.jsx)("span",{className:x})]})}))},j=function(e){return(0,i.jsx)(p.fC,(0,m.Z)((0,u.Z)({},e),{activationMode:"manual",className:"_1k08lzu6 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d9bv"}))},y=function(e){var n=e.children,t=e.onAddNewTab,r=(0,f.Z)(e,["children","onAddNewTab"]);return(0,i.jsxs)(p.aV,(0,m.Z)((0,u.Z)({},r),{className:"_1k08lzu7 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9c8",children:[n,(0,i.jsx)("div",{className:"_1k08lzuc _1k08lzu8 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9bq _1ecs97d9sr _1ecs97d18 _1ecs97d8l _1ecs97d9ta _1ecs97d9ce _1ecs97d9o5",children:(0,i.jsx)(s.hU,{icon:"add",onClick:t})})]}))},C=function(e){var n=e.children,t=e.menu,r=(0,f.Z)(e,["children","menu"]);return(0,i.jsx)(p.xz,(0,m.Z)((0,u.Z)({},r),{asChild:!0,onMouseDown:function(e){var n=e.target,t=(0,h.J)(n);t!==e.currentTarget&&t!==e.currentTarget.parentElement&&e.preventDefault(),n===e.currentTarget&&n.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},children:(0,i.jsxs)("div",{className:"_1k08lzu9 _1k08lzu8 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9bq _1ecs97d9sr _1ecs97d9bj _1ecs97d6ee _1ecs97d6lr _1ecs97d9gd _1ecs97d9ld _1ecs97d9td _1ecs97d9cd",children:[(0,i.jsx)(s.xv,{className:"_1ecs97d9cd _1ecs97d9bv",color:"inherit",component:"span",noWrap:!0,variant:"emphasized",children:n}),Boolean(t)?(0,i.jsx)("div",{className:"_1k08lzub _1ecs97d9cd _1ecs97d9cz",children:(0,i.jsxs)(s.h_,{children:[(0,i.jsx)(s.$F,{children:(0,i.jsx)(s.hU,{icon:"moreVert"})}),(0,i.jsx)(s.AW,{align:"start",children:t})]})}):void 0]})}))},g=function(e){return(0,i.jsx)(p.VY,(0,m.Z)((0,u.Z)({},e),{className:"_1ecs97dm _1ecs97d7z _1ecs97d9bv _1ecs97d9f8"}))},S=t(90374),_=t(68780),Z=t(63397),T=t(75289),k=function(e){var n=e.name,t=e.label,s=e.placeholder,r=e.error,c=(0,f.Z)(e,["name","label","placeholder","error"]);return(0,i.jsxs)(T.xu,{mb:3,children:[(0,i.jsx)(T.__,{htmlFor:n,mb:2,children:t}),(0,i.jsx)(Z.gN,(0,u.Z)({name:n,type:"text",placeholder:s,as:T.II,autoComplete:"off"},c)),r?(0,i.jsx)(T.xv,{sx:{color:"error",mt:1},children:r}):null]})},w=function(e){var n=e.isOpen,t=e.onSubmit,s=e.close,r=e.tabIds;return(0,i.jsx)(_.Z,{isOpen:n,widthInPx:"530px",formId:"create-tab",close:s,onSubmit:function(e){t(e),s()},initialValues:{id:""},validate:function(e){var n=e.id;return n?r.includes(n.toLowerCase())?{id:"Tab exists already"}:void 0:{id:"Tab ID is required"}},content:{title:"Add Tab"},children:function(e){var n=e.errors;return(0,i.jsx)(k,{name:"id",label:"New Tab ID",placeholder:"A label for selecting the tab (i.e. not used in the API)",error:n.id})}})},I=function(e){var n=e.isOpen,t=e.onSubmit,s=e.close;return(0,i.jsx)(_.Z,{omitFooter:!0,isOpen:n,widthInPx:"530px",formId:"create-tab",close:s,cardProps:{bodySx:{p:0}},onSubmit:function(e){t(e),s()},initialValues:{},content:{title:"Remove Tab"},children:function(){return(0,i.jsxs)(T.xu,{sx:{px:4,py:4},children:[(0,i.jsx)(T.X6,{as:"h4",children:"Remove this tab?"}),(0,i.jsx)(T.xv,{as:"p",color:"textClear",sx:{mt:2},children:"This action cannot be undone."}),(0,i.jsx)(T.zx,{type:"button",variant:"buttons.actionDelete",sx:{mt:3},onClick:function(){t({}),s()},children:"Yes, remove tab"})]})}})},N=function(e){var n=e.isOpen,t=e.onSubmit,s=e.close,r=e.tabIds;return(0,i.jsx)(_.Z,{omitFooter:!0,isOpen:n,widthInPx:"530px",formId:"create-tab",close:s,cardProps:{bodySx:{p:0}},onSubmit:function(e){t(e),s()},initialValues:{id:""},validate:function(e){var n=e.id;return n?r.includes(n.toLowerCase())?{id:"Tab exists already"}:void 0:{id:"Tab ID is required"}},content:{title:"Rename Tab"},children:function(e){var n=e.errors,r=e.values,c=e.setFieldValue,o=e.isValid;return(0,i.jsxs)(T.xu,{sx:{px:4,py:4},children:[(0,i.jsx)(k,{name:"id",label:"Rename Tab ID",placeholder:"A label for selecting the tab (i.e. not used in the API)",error:n.id,onBlur:function(e){r.id!==e.target.value&&c("id",e.target.value.trim())},onChange:function(e){c("id",e.target.value)}}),(0,i.jsx)(T.zx,{type:"button",sx:{mt:3,width:"100%"},disabled:!o,onClick:function(){r.id&&r.id.length&&t({id:r.id.trim()}),s()},children:"Save"})]})}})},L=t(13394),E=[L.UID,L.Group,L.StructuredText,L.Image,L.Link,L.LinkToMedia,L.ContentRelationship,L.Select,L.Boolean,L.Date,L.Timestamp,L.Embed,L.Number,L.GeoPoint,L.Color,L.Text,],M=t(47560),V=t(82770),F=t(38876),z=t(43904),H=t(4092),P=t(96377),D=t(22710),O=t(81541),R=t(99267),A=t(65077),K=t(88932),U=t(75708),B=t(45466),X=t(28173),q=t(2754),Y=function(e){return(0,i.jsxs)("svg",(0,m.Z)((0,u.Z)({width:"127",height:"98",viewBox:"0 0 127 98",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,i.jsx)("path",{d:"M73.5 44.5H85",stroke:"#17151F",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M35 68.5H40.5H92C93.1046 68.5 94 67.6046 94 66.5V39C94 37.8954 93.1046 37 92 37H35C33.8954 37 33 37.8954 33 39V66.5C33 67.6046 33.8954 68.5 35 68.5Z",fill:"#F4F2F4",stroke:"#17151F"}),(0,i.jsx)("path",{d:"M38 60.5H41.0381H89C89.5523 60.5 90 60.0523 90 59.5V52C90 51.4477 89.5523 51 89 51H38C37.4477 51 37 51.4477 37 52V59.5C37 60.0523 37.4477 60.5 38 60.5Z",fill:"#6E56CF",stroke:"#17151F"}),(0,i.jsx)("circle",{cx:"89.5",cy:"44.5",r:"0.5",fill:"#17151F"}),(0,i.jsx)("path",{d:"M40.5 97.5V56H86V97.5H40.5Z",fill:"#F9F8F9",stroke:"#17151F"}),(0,i.jsx)("rect",{x:"47",y:"75",width:"33",height:"16",fill:"#E4E2E4"}),(0,i.jsx)("path",{d:"M48 57H52V70C52 71.1046 51.1046 72 50 72V72C48.8954 72 48 71.1046 48 70V57Z",fill:"#E4E2E4"}),(0,i.jsx)("path",{d:"M55 57H59V70C59 71.1046 58.1046 72 57 72V72C55.8954 72 55 71.1046 55 70V57Z",fill:"#E4E2E4"}),(0,i.jsx)("path",{d:"M62 57H66V70C66 71.1046 65.1046 72 64 72V72C62.8954 72 62 71.1046 62 70V57Z",fill:"#E4E2E4"}),(0,i.jsx)("line",{x1:"0.353553",y1:"35.9856",x2:"15.5467",y2:"51.1787",stroke:"#C8C7CB"}),(0,i.jsx)("line",{x1:"42.1959",y1:"0.87059",x2:"47.7569",y2:"21.6248",stroke:"#C8C7CB"}),(0,i.jsx)("line",{x1:"99.5522",y1:"8.4091",x2:"87.2281",y2:"26.0097",stroke:"#C8C7CB"}),(0,i.jsx)("line",{x1:"126.408",y1:"41.0849",x2:"108.807",y2:"53.4089",stroke:"#C8C7CB"}),(0,i.jsx)("path",{d:"M39.8713 47C38.7657 47 38.0627 46.4554 38.0033 45.6337L38 45.5875H38.8251L38.8284 45.6205C38.868 46.0198 39.2937 46.2838 39.8977 46.2838C40.4719 46.2838 40.8746 46 40.8746 45.5908V45.5875C40.8746 45.2442 40.6271 45.0363 40.0132 44.9043L39.5017 44.7987C38.5281 44.5941 38.1056 44.1386 38.1056 43.429V43.4257C38.1056 42.5743 38.8383 42 39.868 42C40.9241 42 41.5809 42.5776 41.6403 43.3432L41.6436 43.3861H40.8284L40.8218 43.3465C40.7624 42.9769 40.4092 42.7129 39.8647 42.7162C39.3366 42.7162 38.9604 42.9637 38.9604 43.3696V43.3729C38.9604 43.7096 39.2013 43.9208 39.7954 44.0462L40.3069 44.1551C41.3102 44.3663 41.7294 44.769 41.7294 45.4884V45.4917C41.7294 46.4191 41.0132 47 39.8713 47Z",fill:"black"}),(0,i.jsx)("path",{d:"M42.6865 46.8812V42.1188H43.6634L45.0957 45.7822H45.1518L46.5809 42.1188H47.5578V46.8812H46.7921V43.495H46.7327L45.4125 46.8812H44.8317L43.5116 43.495H43.4554V46.8812H42.6865Z",fill:"black"})]}))},W=function(e){var n=e.openCreateSliceModal,t=e.openUpdateSliceZoneModal,r=e.openSlicesTemplatesModal,c=e.projectHasAvailableSlices,o=e.isSlicesTemplatesSupported;return(0,i.jsx)(s.xu,{justifyContent:"center",height:"100%",children:(0,i.jsx)(q.R$,{backgroundImage:"/blank-slate-slice-zone.png",children:(0,i.jsxs)(q.T9,{children:[(0,i.jsx)(s.xu,{justifyContent:"center",padding:{bottom:16},children:(0,i.jsx)(Y,{})}),(0,i.jsx)(q._T,{children:"Add slices"}),(0,i.jsx)(q.nf,{children:"Slices are website sections that you can reuse on different pages with different content. Each slice has its own component in your code."}),(0,i.jsx)(q.Qj,{children:(0,i.jsxs)(s.S0,{children:[(0,i.jsx)(s.F8,{startIcon:"add",onClick:n,description:"Start from scratch.",children:"Create new"}),o?(0,i.jsx)(s.F8,{startIcon:"contentCopy",onClick:r,description:"Select from premade examples.",endAdornment:(0,i.jsx)(s.Ct,{color:"purple",title:"New"}),children:"Use template"}):void 0,c?(0,i.jsx)(s.F8,{startIcon:"folder",onClick:t,description:"Select from your own slices.",children:"Select existing"}):void 0]})})]})})})},$=t(75992),G=t(17064),J=t(17329),Q=t(40147);function ee(){return en.apply(this,arguments)}function en(){return(en=(0,D.Z)(function(){var e,n,t;return(0,R.__generator)(this,function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,Q.j.sliceTemplateLibrary.readLibrary({})];case 1:if(n=(e=i.sent()).templates,(t=e.errors).length>0)throw t;return[2,n.map(function(e){return{model:e.model,screenshots:Object.fromEntries(Object.entries(e.screenshots).map(function(e){var n=(0,G.Z)(e,2),t=n[0],i=n[1];return[t,URL.createObjectURL(i),]}))}})];case 2:return i.sent(),[2,[]];case 3:return[2]}})})).apply(this,arguments)}function et(e){return ei.apply(this,arguments)}function ei(){return(ei=(0,D.Z)(function(e){var n,t,i,s;return(0,R.__generator)(this,function(r){switch(r.label){case 0:return n=e.customType,t=e.tabId,i=e.slices,s=(0,u.Z)({},n),i.forEach(function(e){s=(0,m.Z)((0,u.Z)({},s),{tabs:s.tabs.map(function(n){return n.key===t&&n.sliceZone?(0,m.Z)((0,u.Z)({},n),{sliceZone:{key:n.sliceZone.key,value:[{key:e.id,value:e},].concat((0,O.Z)(n.sliceZone.value))}}):n})})}),[4,Q.j.customTypes.updateCustomType({model:U.Dc.fromSM(s)})];case 1:return r.sent(),V.Xe.track({event:"custom-type:slice-zone-updated",customTypeId:n.id}),[2,s]}})})).apply(this,arguments)}var es=t(13858),er=t(56577),ec=t(54132),eo=t(25812),ea=function(e){var n=e.isDeleteSliceZoneModalOpen,t=e.deleteSliceZone,s=e.closeDeleteSliceZoneModal;return(0,i.jsx)(eo.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,style:{content:{maxWidth:612}},onRequestClose:s,children:(0,i.jsx)(ec.Z,{bodySx:{p:0,bg:"white",position:"relative",height:"100%",padding:16},footerSx:{position:"sticky",bottom:0,p:0},sx:{border:"none",overflow:"hidden"},borderFooter:!0,Header:function(){return(0,i.jsxs)(T.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,i.jsx)(T.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:"Do you really want to delete Slice Zone?"}),(0,i.jsx)(T.x8,{type:"button",onClick:s})]})},Footer:function(){return(0,i.jsxs)(T.kC,{sx:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorders))},backgroundColor:"gray"},children:[(0,i.jsx)(er.z,{label:"Cancel",variant:"secondary",onClick:s,sx:{mr:"10px",fontWeight:"bold",color:"grey12",borderRadius:6}}),(0,i.jsx)(er.z,{label:"Delete",variant:"danger",onClick:t,sx:{minHeight:39,minWidth:78}})]})},children:(0,i.jsx)(T.nv,{children:"You're about to delete Slice Zone."})})})},el=t(59469),ed=t(30180),eu=t(24804),em=t(5479),ef=function(e){var n=e.isComingSoon,t=e.isSliceTemplate,r=e.onSelectedChange,c=e.selected,o=e.slice,a=ed.dN.variation(o);if(!a)return null;var l=(0,em.d7)(o,a);return(0,i.jsxs)(eu.Zb,{checked:c,"data-cy":"shared-slice-selection-card-".concat(o.model.id),"data-testid":"shared-slice-selection-card",disabled:n,interactive:!0,onClick:function(){r(!c)},size:"small",variant:"outlined",children:[void 0!==l?(0,i.jsx)(eu.ZB,{src:l}):(0,i.jsx)(eu.ZB,{component:"div",children:(0,i.jsx)(s.xu,{alignItems:"center",justifyContent:"center",children:(0,i.jsx)(s.xv,{color:"grey11",component:"span",children:"No screenshot available"})})}),(0,i.jsx)(eu.eW,{action:(0,i.jsx)("div",{onClick:function(e){return e.stopPropagation()},children:(0,i.jsx)(s.XZ,{checked:c,disabled:n,onCheckedChange:r})}),subtitle:(0,i.jsxs)(i.Fragment,{children:[t?"".concat(o.model.variations.length," variation").concat(o.model.variations.length>1?"s":""):(0,em.Kk)(o),n?(0,i.jsxs)(s.xv,{color:"purple11",component:"span",variant:"small",children:[" ","• (coming soon)"]}):void 0]}),title:o.model.name})]})},eh=function(e){var n=e.availableSlices,t=e.values,s=e.isSliceTemplate,r=e.placeholderSlices;return(0,i.jsx)(Z.F2,{name:"sliceKeys",render:function(e){return(0,i.jsx)(el.Z,{gridTemplateMinPx:"200px",elems:n,defineElementKey:function(e){return"".concat(e.from,"-").concat(e.model.name)},renderElem:function(n){var c,o=null!==(c=null==r?void 0:r.some(function(e){return e.model.id===n.model.id}))&&void 0!==c&&c,a=t.sliceKeys.includes(n.model.id);return(0,i.jsx)(ef,{isComingSoon:o,isSliceTemplate:s,onSelectedChange:function(i){i?e.push(n.model.id):e.remove(t.sliceKeys.indexOf(n.model.id))},selected:a,slice:n})}})}})},ep=function(e){var n=e.isOpen,t=e.formId,s=e.close,r=e.onSubmit,c=e.availableSlices;return(0,i.jsx)(_.Z,{buttonLabel:"Add",isOpen:n,formId:t,close:s,onSubmit:function(e){r(e.sliceKeys.map(function(e){var n;return null===(n=c.find(function(n){return n.model.id===e}))||void 0===n?void 0:n.model}).filter(function(e){return void 0!==e}))},initialValues:{sliceKeys:[]},content:{title:"Select existing slices"},dataCy:"update-slices-modal",validate:function(e){if(0===e.sliceKeys.length)return{sliceKeys:"Select at least one slice to add"}},actionMessage:function(e){var n=e.errors;return void 0!==n.sliceKeys?(0,i.jsx)(T.xv,{sx:{color:"error"},children:n.sliceKeys}):void 0},children:function(e){var n=e.values;return(0,i.jsx)(eh,{values:n,availableSlices:c,isSliceTemplate:!1})}})},ex=t(67557),ev=t(53559);function eb(){return(eb=(0,D.Z)(function(e){var n,t,i,s,r,c,o,a;return(0,R.__generator)(this,function(l){switch(l.label){case 0:return l.trys.push([0,3,,4]),n=e.templateIDs,t=e.localLibrariesNames,i=e.onSuccess,[4,Q.j.sliceTemplateLibrary.createSlices({templateIDs:n})];case 1:if(r=(s=l.sent()).data,(c=s.errors).length>0||void 0===r)throw c;return r.sliceIDs.forEach(function(e,i){V.Xe.track({event:"slice:created",id:e,name:e,library:t[0],sliceTemplate:n[i]})}),[4,i(r.sliceIDs)];case 2:return l.sent(),[3,4];case 3:return o=l.sent(),a="Internal Error: Slice(s) not created",console.error(a,o),K.Am.error(a),[3,4];case 4:return[2]}})})).apply(this,arguments)}var ej=[{extension:"",fileName:"",from:"",href:"",pathToSlice:"",model:{id:"video_highlights",name:"VideoHighlights",type:"SharedSlice",variations:[{description:"",docURL:"",id:"default",name:"Default",version:"sktwi1xtmkfgx8626"},]},screenshots:{default:{url:"/videoHighlights.png"}}},],ey=function(e){var n=e.isOpen,t=e.formId,s=e.close,r=e.onSuccess,c=e.availableSlicesTemplates,o=e.localLibraries,a=(0,S.Z)().createSliceSuccess;return(0,i.jsx)(_.Z,{buttonLabel:"Add",isOpen:n,formId:t,close:s,onSubmit:function(e){var n;!function(e){return eb.apply(this,arguments)}({templateIDs:e.sliceKeys,localLibrariesNames:o.map(function(e){return e.name}),onSuccess:(n=(0,D.Z)(function(e){var n,t;return(0,R.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,V.y0)()];case 1:var t;return a(n.sent().libraries),[4,Promise.all(e.map((t=(0,D.Z)(function(e){var n;return(0,R.__generator)(this,function(n){switch(n.label){case 0:return[4,Q.j.slices.readSlice({libraryID:o[0].name,sliceID:e})];case 1:return[2,n.sent().model]}})}),function(e){return t.apply(this,arguments)})).filter(function(e){return void 0!==e}))];case 2:return[4,r(n.sent())];case 3:return n.sent(),[2]}})}),function(e){return n.apply(this,arguments)})})},initialValues:{sliceKeys:[]},content:{title:"Use template slices"},validate:function(e){if(0===e.sliceKeys.length)return{sliceKeys:"Select at least one template to add"}},actionMessage:function(e){var n=e.errors;return void 0!==n.sliceKeys?(0,i.jsx)(T.xv,{sx:{color:"error"},children:n.sliceKeys}):void 0},children:function(e){var n=e.values;return(0,i.jsx)(eh,{values:n,placeholderSlices:ej,availableSlices:(0,O.Z)(c.map(function(e){return{extension:"",fileName:"",from:"",href:"",pathToSlice:"",model:ev.id.toSM(e.model),screenshots:Object.entries(e.screenshots).reduce(function(e,n){return(0,m.Z)((0,u.Z)({},e),(0,ex.Z)({},n[0],{url:n[1]}))},{})}})).concat((0,O.Z)(ej)),isSliceTemplate:!0})}})},eC=t(57282),eg=t(78656),eS=function(e){var n=e.slice;return(0,i.jsxs)(eu.Zb,{children:[(0,i.jsx)(eu.ZB,{component:"div",children:(0,i.jsx)(s.xu,{alignItems:"center",justifyContent:"center",children:(0,i.jsx)(s.xv,{color:"grey11",component:"span",children:"No screenshot available"})})}),(0,i.jsx)(eu.T$,{children:(0,i.jsx)(s.u,{content:"This Slice was created with the Legacy Builder, and is incompatible with Slice Machine. You cannot edit, push, or delete it in Slice Machine. In order to proceed, manually remove the Slice from your type model. Then create a new Slice with the same fields using Slice Machine.",side:"bottom",children:(0,i.jsx)(s.Ct,{color:"purple",title:"Legacy Slice"})})}),(0,i.jsx)(eu.eW,{subtitle:em.K0,title:(0,em.Dj)(n)})]})},e_=t(82131),eZ=function(e){var n=e.slices,t=e.format,s=e.onRemoveSharedSlice,r=n.some(function(e){return"SharedSlice"!==e.type}),c=eg.$[t],o=(0,S.Z)().openToaster;return(0,a.useEffect)(function(){r&&o("This ".concat(c.name({start:!1,plural:!1})," contains Slices that are incompatible."),eC.Jf.WARNING)},[r]),(0,i.jsx)(el.Z,{elems:n,defineElementKey:function(e){return"Slice"===e.type?e.payload.key:e.payload.model.name},renderElem:function(e){if("Slice"===e.type){var n=e.payload.value;return(0,i.jsx)(eS,{slice:n})}var t=e.payload;return(0,i.jsx)(e_.B,{action:{type:"remove",onRemove:function(){s(t.model.id)}},isDeletedSlice:!1,onUpdateScreenshot:void 0,slice:t})},sx:{padding:"16px"}})},eT=function(e,n){var t,i=(n||[]).reduce(function(e,n){return(0,O.Z)(e).concat((0,O.Z)(n.components))},[]),s=e.value.reduce(function(e,n){var t=n.key,s=n.value;if("SharedSlice"===s.type){var r=i.find(function(e){return e.model.id===t});return r?(0,m.Z)((0,u.Z)({},e),{slicesInSliceZone:(0,O.Z)(e.slicesInSliceZone).concat([{type:"SharedSlice",payload:r},])}):(0,m.Z)((0,u.Z)({},e),{notFound:(0,O.Z)(e.notFound).concat([{key:t}])})}return"Slice"===s.type?(0,m.Z)((0,u.Z)({},e),{slicesInSliceZone:(0,O.Z)(e.slicesInSliceZone).concat([{type:"Slice",payload:{key:t,value:s}},])}):e},{slicesInSliceZone:[],notFound:[]});return{availableSlices:i,slicesInSliceZone:s.slicesInSliceZone,notFound:s.notFound}},ek=function(e){var n=e.customType,t=e.onCreateSliceZone,r=e.onDeleteSliceZone,c=e.onRemoveSharedSlice,d=e.sliceZone,u=e.tabId,m=(0,o.useRouter)(),f=m.query,h=m.replace,p=m.pathname,x=(0,J.QT)(ee,[]),v=(0,a.useState)(!1),b=v[0],j=v[1],y=(0,a.useState)(!1),C=y[0],g=y[1],_=(0,a.useState)(!1),Z=_[0],T=_[1],k=(0,l.v9)(function(e){return{remoteSlices:(0,$.sT)(e),libraries:(0,$.Sd)(e),slices:(0,$.xC)(e)}}),w=k.remoteSlices,I=k.libraries,N=(0,S.Z)(),L=N.initCustomTypeStore,E=N.saveCustomTypeSuccess,M=I.filter(function(e){return e.isLocal}),F=(0,a.useMemo)(function(){return d?eT(d,I):{availableSlices:[],slicesInSliceZone:[],notFound:[]}},[d,I]),z=F.availableSlices,H=F.slicesInSliceZone,P=F.notFound,O=(0,a.useState)(!1),q=O[0],Y=O[1];(0,a.useEffect)(function(){(null==P?void 0:P.length)&&P.forEach(function(e){c(e.key)})},[P]);var G,Q,en,ei=H.filter(function(e){return"SharedSlice"===e.type}).map(function(e){return e.payload}),er=z.filter(function(e){return!ei.some(function(n){return n.model.id===e.model.id})}),ec=function(){g(!0)},eo=function(){T(!0)},el=function(){j(!0),V.Xe.track({event:"custom-type:open-add-from-templates",customTypeId:n.id,customTypeFormat:n.format})},ed=function(){"true"===f.newPageType&&h({pathname:p,query:{pageTypeId:f.pageTypeId}},void 0,{shallow:!0})},eu=function(){g(!1),ed()},em=function(){T(!1),ed()},ef=function(){j(!1),ed()},eh=function(e){L(e,e),E(U.Dc.fromSM(e))};return(0,i.jsxs)(s.xu,{flexDirection:"column",height:"100%",children:[void 0===f.newPageType?(0,i.jsx)(X.a,{children:(0,i.jsx)(X.B,{actions:d?(0,i.jsxs)(s.h_,{children:[(0,i.jsx)(s.$F,{children:(0,i.jsx)(s.zx,{variant:"secondary",startIcon:"add",children:"Add slices"})}),(0,i.jsxs)(s.AW,{align:"end",children:[(0,i.jsx)(s.Xi,{startIcon:(0,i.jsx)(s.I5,{name:"add",size:"large"}),onSelect:eo,description:"Start from scratch.",children:"Create new"}),x.length>0?(0,i.jsx)(s.Xi,{onSelect:el,startIcon:(0,i.jsx)(s.I5,{name:"contentCopy",size:"large"}),description:"Select from premade examples.",shortcut:(0,i.jsx)(s.Ct,{color:"purple",title:"New"}),children:"Use template"}):void 0,er.length>0?(0,i.jsx)(s.Xi,{onSelect:ec,startIcon:(0,i.jsx)(s.I5,{name:"folder",size:"large"}),description:"Select from your own slices.",children:"Select existing"}):void 0]})]}):void 0,toggle:"page"!==n.format||"Main"!==u?(0,i.jsx)(s.rs,{checked:!!d,onCheckedChange:function(e){e?t():Y(!0)}}):void 0,children:"Slice Zone"})}):void 0,d?H.length>0?(0,i.jsx)(A.xR,{children:(0,i.jsx)(eZ,{slices:H,format:n.format,onRemoveSharedSlice:c})}):(0,i.jsx)(W,{openUpdateSliceZoneModal:ec,openCreateSliceModal:eo,openSlicesTemplatesModal:el,projectHasAvailableSlices:er.length>0,isSlicesTemplatesSupported:x.length>0}):void 0,(0,i.jsx)(ep,{isOpen:C,formId:"tab-slicezone-form-".concat(u),availableSlices:er,onSubmit:(G=(0,D.Z)(function(e){var t;return(0,R.__generator)(this,function(t){switch(t.label){case 0:return[4,et({customType:n,tabId:u,slices:e})];case 1:return eh(t.sent()),eu(),K.Am.success("Slice(s) added to slice zone"),[2]}})}),function(e){return G.apply(this,arguments)}),close:eu}),(0,i.jsx)(ey,{isOpen:b,formId:"tab-slicezone-form-".concat(u),availableSlicesTemplates:x,localLibraries:M,onSuccess:(Q=(0,D.Z)(function(e){var t;return(0,R.__generator)(this,function(t){switch(t.label){case 0:return[4,et({customType:n,tabId:u,slices:e})];case 1:return eh(t.sent()),ef(),K.Am.success((0,i.jsx)(es.GX,{message:"Slice template(s) added to slice zone and created at: ",path:"".concat(M[0].name,"/")})),[2]}})}),function(e){return Q.apply(this,arguments)}),close:ef}),(0,i.jsx)(ea,{isDeleteSliceZoneModalOpen:q,closeDeleteSliceZoneModal:function(){Y(!1)},deleteSliceZone:function(){r(),Y(!1)}}),(null==M?void 0:M.length)!==0&&Z&&(0,i.jsx)(B.c,{onSuccess:(en=(0,D.Z)(function(e){var t;return(0,R.__generator)(this,function(t){switch(t.label){case 0:return[4,et({customType:n,tabId:u,slices:[e]})];case 1:return eh(t.sent()),em(),K.Am.success((0,i.jsx)(es.GX,{message:"New slice added to slice zone and created at: ",path:"".concat(M[0].name,"/")})),[2]}})}),function(e){return en.apply(this,arguments)}),localLibraries:M,remoteSlices:w,onClose:em})]})},ew=function(e){var n=e.customType,t=e.tabId,r=e.fields,c=e.sliceZone,d=(0,S.Z)(),u=d.deleteCustomTypeField,m=d.addCustomTypeField,f=d.reorderCustomTypeField,h=d.replaceCustomTypeField,p=d.createSliceZone,x=d.deleteSliceZone,v=d.deleteCustomTypeSharedSlice,b=(0,o.useRouter)().query,j=(0,l.v9)(function(e){return{poolOfFields:(0,z.h2)(e)}}).poolOfFields;if(!j)return null;var y=function(e){u(t,e)},C=function(e){var i=e.id,s=e.label,r=e.widgetTypeName;if(!(0,M.Ss)(L,r)){var c=L[r];V.Xe.track({event:"custom-type:field-added",id:i,name:n.id,type:c.TYPE_NAME,zone:"static"}),m(t,i,c.create(s))}},g=function(e){!(0,M.uS)(e)&&f(t,e.source.index,e.destination.index)},_=function(e){var n=e.apiId,i=e.newKey,s=e.value;!(0,M.Ss)(L,s.type)&&h(t,n,i,s)},Z=function(){p(t)},T=function(){x(t)},k=function(e){v(t,e)};return(0,i.jsx)(s.xu,{backgroundColor:"grey2",flexDirection:"column",gap:8,height:"100%",children:(0,i.jsx)(s.SV,{children:(0,i.jsxs)(a.Suspense,{fallback:(0,i.jsx)(s.xu,{padding:32,children:(0,i.jsx)(s._3,{})}),children:[void 0===b.newPageType?(0,i.jsx)(P.Z,{zoneType:"customType",tabId:t,title:"Static Zone",dataTip:"",fields:r,poolOfFieldsToCheck:j,showHints:!0,EditModal:H.Z,widgetsArray:E,onDeleteItem:y,onSave:_,onSaveNewField:C,onDragEnd:g,renderHintBase:function(e){var n=e.item;return"data".concat((0,F.Ti)(n.key))},renderFieldAccessor:function(e){return"data".concat((0,F.Ti)(e))},dataCy:"ct-static-zone",isRepeatableCustomType:n.repeatable}):void 0,(0,i.jsx)(ek,{customType:n,tabId:t,sliceZone:c,onRemoveSharedSlice:k,onCreateSliceZone:Z,onDeleteSliceZone:T})]})})})},eI=function(e){var n,t,r,c=e.customType,l=(0,a.useState)(null===(n=c.tabs[0])||void 0===n?void 0:n.key),d=l[0],u=l[1],m=(0,a.useState)(),f=m[0],h=m[1],p=(0,S.Z)(),x=p.createCustomTypeTab,_=p.updateCustomTypeTab,Z=p.deleteCustomTypeTab,T=(0,o.useRouter)().query,k=(null===(t=c.tabs.find(function(e){return e.key===d}))||void 0===t?void 0:null===(r=t.sliceZone)||void 0===r?void 0:r.value.length)===0;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(v,{style:{height:k?"100%":void 0},children:["page"===c.format?(0,i.jsx)(b,{}):void 0,"true"===T.newPageType?(0,i.jsx)(ew,{customType:c,fields:c.tabs[0].value,sliceZone:c.tabs[0].sliceZone,tabId:c.tabs[0].key}):(0,i.jsxs)(j,{onValueChange:u,value:d,children:[(0,i.jsx)(y,{onAddNewTab:function(){h({type:"CREATE_CUSTOM_TYPE"})},children:c.tabs.map(function(e){return(0,i.jsx)(C,{menu:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Xi,{onSelect:function(){h({type:"UPDATE_CUSTOM_TYPE",tabKey:e.key})},startIcon:(0,i.jsx)(s.I5,{name:"edit"}),children:"Rename"}),(0,i.jsx)(s.Xi,{color:"tomato",disabled:c.tabs.length<=1,onSelect:function(){h({type:"DELETE_CUSTOM_TYPE",tabKey:e.key})},startIcon:(0,i.jsx)(s.I5,{name:"delete"}),children:"Remove"})]}),value:e.key,children:e.key},e.key)})}),c.tabs.map(function(e){return(0,i.jsx)(g,{value:e.key,children:(0,i.jsx)(ew,{customType:c,fields:e.value,sliceZone:e.sliceZone,tabId:e.key})},e.key)})]})]}),(null==f?void 0:f.type)==="CREATE_CUSTOM_TYPE"?(0,i.jsx)(w,{close:function(){h(void 0)},isOpen:!0,onSubmit:function(e){var n=e.id;x(n),u(n)},tabIds:c.tabs.map(function(e){return e.key.toLowerCase()})}):void 0,(null==f?void 0:f.type)==="UPDATE_CUSTOM_TYPE"?(0,i.jsx)(N,{close:function(){h(void 0)},isOpen:!0,onSubmit:function(e){var n=e.id;_(f.tabKey,n),d===f.tabKey&&u(n)},tabIds:c.tabs.filter(function(e){return e.key!==f.tabKey}).map(function(e){return e.key.toLowerCase()})}):void 0,(null==f?void 0:f.type)==="DELETE_CUSTOM_TYPE"?(0,i.jsx)(I,{close:function(){h(void 0)},isOpen:!0,onSubmit:function(){if(Z(f.tabKey),d===f.tabKey){var e,n=null===(e=c.tabs.find(function(e){return e.key!==f.tabKey}))||void 0===e?void 0:e.key;void 0!==n&&u(n)}}}):void 0]})},eN=t(7819),eL=t(67445),eE=t(49471),eM=t(3098),eV=t(32665),eF=t(19345);t(6304);var ez=function(e){var n=e.tabs,t=(0,f.Z)(e,["tabs"]);return(0,i.jsxs)(p.fC,(0,m.Z)((0,u.Z)({},t),{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97dm _1ecs97d7z _1ecs97d9jo",defaultValue:n[0].label,orientation:"vertical",children:[(0,i.jsx)(p.aV,{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d486 _1ecs97d4fj _1ecs97d9ep _1ecs97d9f1 _1ecs97d9td","aria-label":"content tabs",children:n.map(function(e,n){var t=e.label;return(0,i.jsx)(p.xz,{className:"_76k20u4 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d6ee _1ecs97d6lr _1ecs97d9gd _1ecs97d9s1",value:t,children:(0,i.jsx)(s.xv,{className:"_76k20u5",component:"span",color:"inherit",children:t})},"".concat(t,"-trig").concat(n+1))})}),n.map(function(e,n){var t=e.label,r=e.content;return(0,i.jsx)(p.VY,{className:"_76k20u6 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d9jo _1ecs97d9f8",value:t,children:(0,i.jsx)(s.xr,{className:"_1ecs97d9rp",children:r})},"".concat(t,"-content").concat(n+1))})]}))},eH=t(88241),eP=t(70863),eD=t(8857),eO=t(49109),eR=t(72757),eA=t(25145),eK=function(){return(0,i.jsx)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.1707 19.1237C17.9629 19.3056 17.9419 19.6214 18.1237 19.8293C18.3056 20.0371 18.6214 20.0581 18.8293 19.8763L22.8293 16.3763C22.9378 16.2814 23 16.1442 23 16C23 15.8558 22.9378 15.7187 22.8293 15.6237L18.8293 12.1237C18.6214 11.9419 18.3056 11.9629 18.1237 12.1708C17.9419 12.3786 17.9629 12.6945 18.1707 12.8763L21.7407 16L18.1707 19.1237ZM13.8293 12.8763C14.0371 12.6945 14.0581 12.3786 13.8763 12.1708C13.6944 11.9629 13.3786 11.9419 13.1707 12.1237L9.17075 15.6237C9.06224 15.7187 9 15.8558 9 16C9 16.1442 9.06224 16.2814 9.17075 16.3763L13.1707 19.8763C13.3786 20.0581 13.6944 20.0371 13.8763 19.8293C14.0581 19.6214 14.0371 19.3056 13.8293 19.1237L10.2593 16L13.8293 12.8763Z",fill:"#6F6E77"})})},eU=function(){return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,i.jsx)("path",{d:"M21.2388 10H10.7623C10.3415 10 10 10.3415 10 10.7623V21.2377C10 21.6585 10.3415 22 10.7623 22H21.2377C21.6585 22 22 21.6585 22 21.2388V10.7623C22 10.3415 21.6585 10 21.2388 10ZM16.5714 19.1953C16.5714 20.3371 15.9018 20.8571 14.9241 20.8571C14.0402 20.8571 13.4029 20.2645 13.1429 19.7143L14.0413 19.1708C14.2143 19.4777 14.4777 19.7143 14.8571 19.7143C15.2199 19.7143 15.4286 19.5725 15.4286 19.0212V15.4286H16.5714V19.1953ZM19.0502 20.8571C18.0379 20.8571 17.4632 20.3471 17.1429 19.7143L18 19.1429C18.2333 19.5246 18.4877 19.8895 19.0257 19.8895C19.4777 19.8895 19.7143 19.6641 19.7143 19.3516C19.7143 18.9788 19.4688 18.846 18.9721 18.6283L18.6998 18.5112C17.9129 18.1763 17.3895 17.7567 17.3895 16.8683C17.3895 16.0513 18.0134 15.4286 18.9866 15.4286C19.6797 15.4286 20.1775 15.6696 20.5368 16.3013L19.6886 16.8471C19.5011 16.5112 19.3002 16.3795 18.9866 16.3795C18.6674 16.3795 18.4654 16.5826 18.4654 16.8471C18.4654 17.1741 18.6674 17.3058 19.135 17.5089L19.4074 17.6261C20.3348 18.0223 20.8571 18.4275 20.8571 19.3382C20.8571 20.3192 20.0859 20.8571 19.0502 20.8571Z",fill:"#6F6E77"})})},eB=function(){return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,i.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.1719 10H20.8281C21.4753 10 22 10.5247 22 11.1719V20.8281C22 21.4753 21.4753 22 20.8281 22H11.1719C10.5247 22 10 21.4753 10 20.8281V11.1719C10 10.5247 10.5247 10 11.1719 10ZM17.4283 20.7223V19.549C17.641 19.7275 17.8721 19.8613 18.1215 19.9505C18.371 20.0397 18.6228 20.0843 18.8771 20.0843C19.0263 20.0843 19.1565 20.0709 19.2678 20.044C19.3791 20.0171 19.472 19.9798 19.5466 19.9322C19.6211 19.8845 19.6768 19.8283 19.7135 19.7635C19.7501 19.6987 19.7685 19.6285 19.7685 19.5527C19.7685 19.45 19.7391 19.3583 19.6805 19.2777C19.6217 19.197 19.5417 19.1225 19.4402 19.054C19.3387 18.9856 19.2183 18.9196 19.0789 18.856C18.9395 18.7925 18.7891 18.7277 18.6277 18.6617C18.2169 18.4906 17.9106 18.2816 17.7089 18.0347C17.5071 17.7878 17.4062 17.4896 17.4062 17.1401C17.4062 16.8663 17.4613 16.631 17.5713 16.4343C17.6814 16.2375 17.8311 16.0756 18.0206 15.9484C18.2102 15.8213 18.4296 15.7278 18.6791 15.668C18.9285 15.6081 19.1926 15.5781 19.4714 15.5781C19.7452 15.5781 19.988 15.5946 20.1995 15.6276C20.411 15.6606 20.606 15.7113 20.7845 15.7798V16.8761C20.6965 16.815 20.6005 16.7612 20.4966 16.7148C20.3927 16.6683 20.2857 16.6298 20.1756 16.5992C20.0656 16.5687 19.9562 16.5461 19.8473 16.5314C19.7385 16.5168 19.6352 16.5094 19.5374 16.5094C19.4029 16.5094 19.2806 16.5223 19.1706 16.5479C19.0605 16.5736 18.9676 16.6097 18.8918 16.6561C18.816 16.7025 18.7573 16.7581 18.7157 16.8229C18.6742 16.8877 18.6534 16.9604 18.6534 17.0411C18.6534 17.1291 18.6766 17.2079 18.7231 17.2776C18.7695 17.3472 18.8356 17.4132 18.9212 17.4756C19.0068 17.5379 19.1107 17.599 19.2329 17.6589C19.3552 17.7188 19.4934 17.7805 19.6474 17.8441C19.8577 17.932 20.0466 18.0255 20.2142 18.1245C20.3817 18.2235 20.5253 18.3354 20.6451 18.46C20.765 18.5847 20.8567 18.7271 20.9203 18.8872C20.9838 19.0473 21.0156 19.2337 21.0156 19.4463C21.0156 19.7397 20.96 19.9859 20.8487 20.1851C20.7375 20.3844 20.5865 20.5457 20.3957 20.6691C20.205 20.7926 19.9831 20.8812 19.73 20.935C19.4769 20.9887 19.2097 21.0156 18.9285 21.0156C18.6399 21.0156 18.3655 20.9912 18.105 20.9423C17.8446 20.8934 17.619 20.8201 17.4283 20.7223ZM16.9609 16.6582H15.4558V20.9453H14.2634V16.6582H12.7656V15.6953H16.9609V16.6582Z",fill:"#6F6E77"})})},eX=function(){return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,i.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.031 11L15.7584 17.8336L16.0831 18.4288L16.4077 17.8336L20.1352 11H22L16.0831 21.4347L10 11H12.031ZM19.2924 11.0006L16.0831 16.8843L12.8737 11.0005L14.2612 11.0001L14.727 11L15.2777 11.9497L16.1319 13.4226L16.9886 11.9512L17.542 11.0006H17.9881H19.2924Z",fill:"#6F6E77"})})},eq=function(){return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:32,height:32,children:(0,i.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,i.jsx)("path",{d:"M0 0h32v32H0z"}),(0,i.jsx)("path",{fill:"#6F6E77",fillRule:"nonzero",d:"M15.45 10.534c1.592-1.013 3.794-.542 4.908 1.054.533.747.742 1.679.585 2.584a3.2 3.2 0 0 1-.48 1.197c.35.664.466 1.427.333 2.167a3.205 3.205 0 0 1-1.449 2.148l-2.795 1.782c-1.593 1.013-3.792.542-4.908-1.054a3.413 3.413 0 0 1-.585-2.584c.075-.425.24-.834.48-1.197a3.374 3.374 0 0 1-.334-2.167 3.205 3.205 0 0 1 1.449-2.148Zm3.756 1.785a2.224 2.224 0 0 0-2.383-.883 2.053 2.053 0 0 0-.57.249l-2.794 1.782c-.46.29-.778.759-.873 1.292a2.06 2.06 0 0 0 .352 1.555 2.224 2.224 0 0 0 2.384.883c.203-.054.393-.138.569-.249l1.064-.68a.567.567 0 0 1 .171-.076.67.67 0 0 1 .718.266.613.613 0 0 1 .106.468.582.582 0 0 1-.263.39L14.89 19.1a.567.567 0 0 1-.17.076.67.67 0 0 1-.718-.266.612.612 0 0 1-.114-.414l.011-.103-.103-.033a3.608 3.608 0 0 1-1.094-.547l-.144-.106-.051.16c-.03.084-.052.17-.068.26a2.06 2.06 0 0 0 .352 1.555 2.224 2.224 0 0 0 2.384.883c.2-.054.393-.138.569-.249l2.795-1.782c.46-.29.777-.759.872-1.292a2.06 2.06 0 0 0-.352-1.555 2.224 2.224 0 0 0-2.384-.883 2.053 2.053 0 0 0-.568.249l-1.065.68a.567.567 0 0 1-.17.076.67.67 0 0 1-.718-.266.613.613 0 0 1-.106-.468.582.582 0 0 1 .263-.39l2.795-1.783a.567.567 0 0 1 .17-.076.67.67 0 0 1 .719.266c.086.119.127.268.113.414l-.01.103.102.033c.393.119.764.303 1.095.547l.143.106.052-.16c.03-.084.051-.17.068-.26a2.06 2.06 0 0 0-.353-1.555Z"})]})})};t(69001),eD.Z.registerLanguage("tsx",eO.Z),eD.Z.registerLanguage("markup",eR.Z),eD.Z.alias("markup","vue"),eD.Z.alias("markup","svelte");var eY=function(e){var n,t=(null!==(n=e.fileName.match(/\.([^\.]*)$/))&&void 0!==n?n:[])[1];return function(){switch(t){case"ts":case"tsx":return(0,i.jsx)(eB,{});case"js":case"jsx":return(0,i.jsx)(eU,{});case"vue":return(0,i.jsx)(eX,{});case"svelte":return(0,i.jsx)(eq,{});default:return(0,i.jsx)(eK,{})}}()},eW=function(e){var n=e.code,t=e.onCopy,r=(0,a.useState)(!1),c=r[0],o=r[1];(0,a.useEffect)(function(){if(c){var e=setTimeout(function(){o(!1)},1200);return function(){clearTimeout(e)}}},[c]);var l=function(){navigator.clipboard.writeText(n).then(function(){o(!0),void 0!==t&&t()})};return(0,i.jsx)(s.hU,{size:"small",onClick:l,icon:c?"check":"contentCopy"})},e$=function(e){var n=e.fileInfo,t=e.className,r=e.copy,c=e.code,o=e.onCopy,a=/language-(\w+)/.exec(null!=t?t:"");return(0,i.jsxs)("div",{className:"_1ecs97d9bi _1ecs97d9bn _1ecs97d9ex _1ecs97d9d7 _1ecs97d9ej _1ecs97d268 _1ecs97d2dl",children:[(0,i.jsxs)("div",{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9bq _1ecs97d9c0 _1ecs97d9e0 _1ecs97d9ea _1ecs97d9ep _1ecs97d9f1 _1ecs97d18 _1ecs97d8l _1ecs97d48s _1ecs97d4g5 _1ecs97d9rz _1ecs97d9u2",children:[void 0!==n?(0,i.jsxs)("div",{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9c0 _1ecs97d9bq",children:[(0,i.jsx)(eY,{fileName:n.fileName}),(0,i.jsx)(s.xv,{className:"_8uty130",color:"grey11",children:n.fileName})]}):(0,i.jsx)("span",{}),!0===r?(0,i.jsx)(eW,{onCopy:o,code:String(c)}):null]}),null!==a&&a[1]?(0,i.jsx)(eD.Z,{showLineNumbers:!0,customStyle:{margin:0,border:"none",fontSize:"12px",lineHeight:"18px",borderRadius:"none",backgroundColor:"#FFF",borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},children:String(c).replace(/\n$/,""),style:eA.MS,language:a[1],PreTag:"div"}):c]})},eG="_1ecs97d9sy",eJ=t(36065),eQ=function(e){var n=(0,eJ.p)();if(!0===e.inline)return(0,i.jsx)("code",(0,m.Z)((0,u.Z)({},e),{className:"_1ecs97d9gi _1ecs97d18 _1ecs97d8l _1ecs97d9d7 _1ecs97d9ry _1ecs97d9t8"}));var t=function(){var n,t;if((null===(n=e.node)||void 0===n?void 0:null===(t=n.data)||void 0===t?void 0:t.meta)!==void 0){var i,s,r,c=null===(i=e.node)||void 0===i?void 0:null===(s=i.data)||void 0===s?void 0:s.meta;return{fileName:c.substring(1,c.length-1),language:null===(r=e.className)||void 0===r?void 0:r.split("-")[1]}}return null}(),s=function(){void 0!==n&&V.Xe.track({event:"page-type:copy-snippet",framework:n})};return(0,i.jsx)(e$,(0,u.Z)((0,m.Z)((0,u.Z)({copy:!0},e),{onCopy:s,code:e.children}),null!==t?{fileInfo:t}:{}))},e1=function(e){var n=e.markdown;return(0,i.jsx)(eP.D,{children:n,linkTarget:"_blank",remarkPlugins:[eH.Z],components:{code:function(e){return(0,i.jsx)(eQ,(0,u.Z)({},e))},h1:function(e){return(0,i.jsx)(s.xv,{children:e.children,component:"h1",variant:"h1"})},h2:function(e){return(0,i.jsx)(s.xv,{children:e.children,component:"h2",variant:"h2"})},h3:function(e){return(0,i.jsx)(s.xv,{children:e.children,component:"h3",variant:"h3"})},h4:function(e){return(0,i.jsx)(s.xv,{children:e.children,component:"h4",variant:"h4"})},h5:function(e){return(0,i.jsx)(s.xv,{children:e.children,component:"h4",variant:"h4"})},p:function(e){return(0,i.jsx)(s.xv,{className:eG,children:e.children,component:"p",variant:"normal"})},pre:function(e){return(0,i.jsx)(s.xv,{className:eG,children:e.children,component:"pre",variant:"normal"})}}})};function e0(e){return e7.apply(this,arguments)}function e7(){return(e7=(0,D.Z)(function(e){var n,t,i,s;return(0,R.__generator)(this,function(r){switch(r.label){case 0:return n=JSON.parse(e),[4,Q.j.documentation.read({kind:n.kind,data:n.data})];case 1:if(i=(t=r.sent()).errors,s=t.documentation,i.length>0)throw i;return[2,s]}})})).apply(this,arguments)}t(75317);var e9=function(e){var n,t=e.model,r=(0,eJ.p)(),c=(0,J.QT)(e0,[JSON.stringify({kind:"PageSnippet",data:{model:t}})]);if(0===c.length)return null;var o=function(){void 0!==r&&V.Xe.track({event:"page-type:open-snippet",framework:r})};return(0,i.jsxs)(s.Vq,{size:"small",trigger:(0,i.jsx)(s.zx,{variant:"secondary",onClick:o,startIcon:"code",children:"Page snippet"}),children:[(0,i.jsx)(s.fK,{icon:"code",title:"Page snippet"}),(0,i.jsx)("section",{className:"_3uvawd0 _1ecs97d9bk _1ecs97d9bt _1ecs97d9jo _1ecs97d9lf",children:c.length>1?(0,i.jsx)(ez,{style:{flex:1},tabs:c.map(function(e,n){var t=e.label,s=e.content;return{label:null!=t?t:"Tab ".concat(n+1),content:(0,i.jsx)(e1,{markdown:s})}})}):(0,i.jsx)(s.xr,{style:{flex:1,padding:16},children:(0,i.jsx)(e1,{markdown:c[0].content})})})]})},e2=function(e){var n=e.model;return(0,i.jsx)("div",{children:(0,i.jsx)(s.SV,{children:(0,i.jsx)(a.Suspense,{fallback:(0,i.jsx)(s.zx,{variant:"secondary",startIcon:"code",children:"Page snippet"}),children:(0,i.jsx)(e9,{model:n})})})})},e4=function(){var e=(0,o.useRouter)(),n=(0,l.v9)(function(n){return{selectedCustomType:(0,eE.Jk)(n,(0,eL.Ag)(e.query))}}).selectedCustomType,t=(0,S.Z)().cleanupCustomTypeStore;return((0,a.useEffect)(function(){n&&(0,eN.TG)(n)||e.replace("/")},[n,e]),(0,a.useEffect)(function(){return function(){t()}},[]),n&&(0,eN.TG)(n))?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c(),{children:(0,i.jsxs)("title",{children:[n.local.label," - Slice Machine"]})}),(0,i.jsx)(e8,{customType:n.local,remoteCustomType:(0,eN.wU)(n)?n.remote:void 0})]}):(0,i.jsx)(d.LN,{})},e8=function(e){var n,t=e.customType,r=e.remoteCustomType,c=(0,S.Z)(),o=c.initCustomTypeStore,u=c.saveCustomType;(0,a.useEffect)(function(){o(t,r)},[]);var m=(0,l.v9)(function(e){return{currentCustomType:(0,z.A3)(e),hasPendingModifications:(0,z.CT)(e),isSavingCustomType:(0,eV.hg)(e,eM.z.SAVE_CUSTOM_TYPE)}}),f=m.currentCustomType,h=m.hasPendingModifications,p=m.isSavingCustomType;if(null===f)return(0,i.jsx)(d.LN,{});var x=eL.cd[f.format],v=eg.$[f.format];return(0,i.jsxs)(d.LN,{children:[(0,i.jsxs)(d.wd,{children:[(0,i.jsx)(d.Xq,{url:x.tablePagePathname}),(0,i.jsx)(d.Cx,{folder:v.name({start:!0,plural:!0}),page:null!==(n=f.label)&&void 0!==n?n:f.id}),(0,i.jsxs)(d.K2,{children:["page"===f.format?(0,i.jsx)(e2,{model:U.Dc.fromSM(f)}):void 0,(0,i.jsx)(eF._,{isChangesLocal:!0,format:f.format,customType:U.Dc.fromSM(f)}),(0,i.jsx)(s.zx,{onClick:u,loading:p,"data-testid":"builder-save-button",disabled:!h||p,children:"Save"})]})]}),(0,i.jsx)(d.RN,{children:(0,i.jsx)(s.xu,{flexDirection:"column",height:"100%",children:(0,i.jsx)(eI,{customType:f})})})]})}},69001:function(){},6304:function(){},17164:function(){},75317:function(){}}]);

package/out/_next/static/chunks/{377-3caacee3c3ffdc25.js → 377-467ca51a57342a23.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[377],{96377:function(e,n,t){"use strict";t.d(n,{Z:function(){return S}});var i=t(62230),s=t(85244),r=t(17064),d=t(81541),a=t(52322),c=t(71651),o=t(13980),l=t(2784),u=t(65077),p=t(75289),f=t(28173),x=t(75012),h=t(9620),y=t(2967),j=t(71168),g=t(51579),m=t(13394),b=t(99968),v=t(92809),R=function(e){var n=e.fields,t=e.title,r=e.tabId,d=e.enterEditMode,c=e.enterSelectMode,o=e.onDragEnd,l=e.renderFieldAccessor,u=e.onDeleteItem,f=e.showHints,x=e.newField,h=e.renderHintBase,R=e.isRepeatable,C=e.dataCy,_=e.isRepeatableCustomType,w=e.sx;return(0,a.jsx)(y.Z5,{onDragEnd:o,children:(0,a.jsx)(y.bK,{droppableId:t,children:function(e,t){return(0,a.jsxs)(p.xu,(0,s.Z)((0,i.Z)({as:"ul",ref:e.innerRef},e.droppableProps),{"data-cy":C,sx:w,children:[n.map(function(e,n){var o=e.value,x=o.config,y=o.type,C=(0,b.t)(m,x,y);if(!C)return(0,a.jsx)(j.Z,{children:(0,a.jsxs)(p.xv,{children:['Field type "',y,'" not supported']})});var w={item:e,index:n,tabId:r,widget:C,showHints:f,key:e.key,enterSelectMode:c,renderFieldAccessor:l,enterEditMode:d,parentSnapshot:t,deleteItem:u,draggableId:"list-item-".concat(e.key),isRepeatableCustomType:_};if(C.CustomListItem){var S=C.CustomListItem;return(0,a.jsx)(S,(0,i.Z)({},w))}var I=(0,a.jsx)(v.Z,{item:e,show:f,isRepeatable:R,renderHintBase:h,Widgets:m,typeName:C.CUSTOM_NAME||C.TYPE_NAME});return(0,a.jsx)(g.Z,(0,s.Z)((0,i.Z)({},w),{HintElement:I}))}),e.placeholder,x]}))}})})},C=function(e){var n=e.onEnterSelectMode,t=e.zoneName;return(0,a.jsxs)(p.xu,{sx:{textAlign:"center",my:4},children:[(0,a.jsx)(p.X6,{as:"h5",children:"Add a new field here"}),(0,a.jsx)(p.xu,{sx:{my:2},children:(0,a.jsxs)(p.xv,{sx:{color:"textClear"},children:["Add a field to your ",t," Zone"]})}),(0,a.jsx)(p.xu,{sx:{display:"flex",justifyContent:"center",marginTop:16},children:(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return n()},"data-cy":"add-".concat(t,"-field"),startIcon:"add",children:"Add a new field"})})]})},_=function(e){var n=e.Heading,t=e.Actions;return(0,a.jsxs)(p.kC,{bg:"grey02",sx:{pl:3,pr:2,py:2,mb:2,borderRadius:"6px",alignItems:"center",minHeight:"51px",justifyContent:"space-between"},children:[(0,a.jsx)(p.kC,{sx:{alignItems:"center"},children:n}),(0,a.jsx)(p.kC,{sx:{alignItems:"center"},children:t})]})},w=function(e){var n=e.zoneType,t=e.tabId,o=e.title,y=e.fields,j=e.poolOfFieldsToCheck,g=e.widgetsArray,m=e.isRepeatable,b=e.onDeleteItem,v=e.onSaveNewField,w=e.onDragEnd,S=e.EditModal,I=e.onSave,Z=e.dataTip,k=e.renderHintBase,E=e.renderFieldAccessor,A=e.dataCy,T=e.isRepeatableCustomType,H="customType"===n,N=Object.entries(j).find(function(e){return"UID"===(0,r.Z)(e,2)[1].value.type})?g.filter(function(e){return"UID"!==e.TYPE_NAME}):g,F=(0,l.useState)(!1),M=F[0],O=F[1],q=(0,l.useState)({isOpen:!1}),z=q[0],D=q[1],B=(0,l.useState)({isOpen:!1}),P=B[0],U=B[1],L=(0,l.useState)(null),X=L[0],Y=L[1],G=function(e){D({isOpen:!0,field:e})},K=function(){U({isOpen:!0})},W=function(){D({isOpen:!1})},J=function(){return U({isOpen:!1})},Q=function(e){Y({widgetTypeName:e,fields:y}),U({isOpen:!1})},V=function(){return Y(null)};return(0,a.jsxs)(f.a,{children:[H?(0,a.jsx)(f.B,{actions:y.length>0?(0,a.jsxs)(c.hE,{size:"medium",variant:"secondary",children:[(0,a.jsxs)(c.zx,{variant:"secondary",onClick:function(){return O(!M)},children:[M?"Hide":"Show"," code snippets"]}),(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return K()},"data-cy":"add-".concat(m?"Repeatable":"Static","-field"),startIcon:"add",children:"Add a new field"})]}):void 0,children:o}):(0,a.jsx)(u.xR,{children:(0,a.jsx)(_,{Heading:(0,a.jsx)(p.X6,{as:"h6",children:o}),Actions:y.length>0?(0,a.jsxs)(c.hE,{size:"medium",variant:"secondary",children:[(0,a.jsxs)(c.zx,{variant:"secondary",onClick:function(){return O(!M)},children:[M?"Hide":"Show"," code snippets"]}),(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return K()},"data-cy":"add-".concat(m?"Repeatable":"Static","-field"),startIcon:"add",children:"Add a new field"})]}):null})}),0!==y.length||X?y.length>0||X?(0,a.jsx)(u.xR,{children:(0,a.jsx)(R,{tabId:t,isRepeatable:m,fields:y,showHints:M,dataTip:Z,title:o,renderFieldAccessor:E,renderHintBase:k,enterEditMode:G,enterSelectMode:K,onDragEnd:w,onDeleteItem:b,dataCy:A,isRepeatableCustomType:T,newField:X&&(0,a.jsx)(h.Z,(0,s.Z)((0,i.Z)({},X),{fields:j||y,onSave:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];v.apply(void 0,(0,d.Z)(n)),Y(null)},onCancelNewField:V})),sx:H?{paddingInline:"16px !important"}:{}})}):void 0:(0,a.jsx)(u.xR,{children:(0,a.jsx)(C,{onEnterSelectMode:function(){return K()},zoneName:m?"Repeatable":"Static"})}),(0,a.jsx)(S,{data:z,close:W,onSave:I,fields:j,zoneType:n}),(0,a.jsx)(x.Z,{data:P,close:J,onSelect:Q,widgetsArray:N})]})};w.propTypes={isRepeatable:o.bool,title:o.string.isRequired,dataTip:o.string.isRequired,onSave:o.func.isRequired,onSaveNewField:o.func.isRequired,onDragEnd:o.func.isRequired,onDeleteItem:o.func.isRequired,poolOfFieldsToCheck:(0,o.arrayOf)((0,o.shape)({key:o.string,value:o.object})),renderHintBase:o.func.isRequired,renderFieldAccessor:o.func.isRequired,widgetsArray:o.array.isRequired,fields:(0,o.arrayOf)((0,o.shape)({key:o.string.isRequired,value:(0,o.shape)({config:o.object,fields:o.array,type:o.string.isRequired})}))};var S=w},28173:function(e,n,t){"use strict";t.d(n,{a:function(){return c},B:function(){return o}});var i=t(62230),s=t(85244),r=t(98240),d=t(52322),a=t(71651);t(52968);var c=function(e){return(0,d.jsx)("article",(0,s.Z)((0,i.Z)({},e),{className:"_2a96i70 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt"}))},o=function(e){var n=e.actions,t=e.children,c=e.toggle,o=(0,r.Z)(e,["actions","children","toggle"]);return(0,d.jsxs)("header",(0,s.Z)((0,i.Z)({},o),{className:"_2a96i71 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bq _1ecs97dm _1ecs97d7z _1ecs97d48s _1ecs97d4g5 _1ecs97d9eo _1ecs97d9f1 _1ecs97d9bj _1ecs97d9bu _1ecs97d9ld _1ecs97d9jc _1ecs97d9ts _1ecs97d9u4",children:[(0,d.jsx)(a.xv,{color:"grey11",component:"span",variant:"smallBold",children:t}),c,(0,d.jsx)(a.xu,{flexGrow:1,justifyContent:"end",children:n})]}))}},52968:function(){}}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[377],{96377:function(e,n,t){"use strict";t.d(n,{Z:function(){return S}});var i=t(62230),s=t(85244),r=t(17064),d=t(81541),a=t(52322),c=t(71651),o=t(13980),l=t(2784),u=t(65077),p=t(75289),f=t(28173),x=t(75012),h=t(9620),y=t(2967),j=t(71168),g=t(21078),m=t(13394),b=t(99968),v=t(92809),R=function(e){var n=e.fields,t=e.title,r=e.tabId,d=e.enterEditMode,c=e.enterSelectMode,o=e.onDragEnd,l=e.renderFieldAccessor,u=e.onDeleteItem,f=e.showHints,x=e.newField,h=e.renderHintBase,R=e.isRepeatable,C=e.dataCy,_=e.isRepeatableCustomType,w=e.sx;return(0,a.jsx)(y.Z5,{onDragEnd:o,children:(0,a.jsx)(y.bK,{droppableId:t,children:function(e,t){return(0,a.jsxs)(p.xu,(0,s.Z)((0,i.Z)({as:"ul",ref:e.innerRef},e.droppableProps),{"data-cy":C,sx:w,children:[n.map(function(e,n){var o=e.value,x=o.config,y=o.type,C=(0,b.t)(m,x,y);if(!C)return(0,a.jsx)(j.Z,{children:(0,a.jsxs)(p.xv,{children:['Field type "',y,'" not supported']})});var w={item:e,index:n,tabId:r,widget:C,showHints:f,key:e.key,enterSelectMode:c,renderFieldAccessor:l,enterEditMode:d,parentSnapshot:t,deleteItem:u,draggableId:"list-item-".concat(e.key),isRepeatableCustomType:_};if(C.CustomListItem){var S=C.CustomListItem;return(0,a.jsx)(S,(0,i.Z)({},w))}var I=(0,a.jsx)(v.Z,{item:e,show:f,isRepeatable:R,renderHintBase:h,Widgets:m,typeName:C.CUSTOM_NAME||C.TYPE_NAME});return(0,a.jsx)(g.Z,(0,s.Z)((0,i.Z)({},w),{HintElement:I}))}),e.placeholder,x]}))}})})},C=function(e){var n=e.onEnterSelectMode,t=e.zoneName;return(0,a.jsxs)(p.xu,{sx:{textAlign:"center",my:4},children:[(0,a.jsx)(p.X6,{as:"h5",children:"Add a new field here"}),(0,a.jsx)(p.xu,{sx:{my:2},children:(0,a.jsxs)(p.xv,{sx:{color:"textClear"},children:["Add a field to your ",t," Zone"]})}),(0,a.jsx)(p.xu,{sx:{display:"flex",justifyContent:"center",marginTop:16},children:(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return n()},"data-cy":"add-".concat(t,"-field"),startIcon:"add",children:"Add a new field"})})]})},_=function(e){var n=e.Heading,t=e.Actions;return(0,a.jsxs)(p.kC,{bg:"grey02",sx:{pl:3,pr:2,py:2,mb:2,borderRadius:"6px",alignItems:"center",minHeight:"51px",justifyContent:"space-between"},children:[(0,a.jsx)(p.kC,{sx:{alignItems:"center"},children:n}),(0,a.jsx)(p.kC,{sx:{alignItems:"center"},children:t})]})},w=function(e){var n=e.zoneType,t=e.tabId,o=e.title,y=e.fields,j=e.poolOfFieldsToCheck,g=e.widgetsArray,m=e.isRepeatable,b=e.onDeleteItem,v=e.onSaveNewField,w=e.onDragEnd,S=e.EditModal,I=e.onSave,Z=e.dataTip,k=e.renderHintBase,E=e.renderFieldAccessor,A=e.dataCy,T=e.isRepeatableCustomType,H="customType"===n,N=Object.entries(j).find(function(e){return"UID"===(0,r.Z)(e,2)[1].value.type})?g.filter(function(e){return"UID"!==e.TYPE_NAME}):g,F=(0,l.useState)(!1),M=F[0],O=F[1],q=(0,l.useState)({isOpen:!1}),z=q[0],D=q[1],B=(0,l.useState)({isOpen:!1}),P=B[0],U=B[1],L=(0,l.useState)(null),X=L[0],Y=L[1],G=function(e){D({isOpen:!0,field:e})},K=function(){U({isOpen:!0})},W=function(){D({isOpen:!1})},J=function(){return U({isOpen:!1})},Q=function(e){Y({widgetTypeName:e,fields:y}),U({isOpen:!1})},V=function(){return Y(null)};return(0,a.jsxs)(f.a,{children:[H?(0,a.jsx)(f.B,{actions:y.length>0?(0,a.jsxs)(c.hE,{size:"medium",variant:"secondary",children:[(0,a.jsxs)(c.zx,{variant:"secondary",onClick:function(){return O(!M)},children:[M?"Hide":"Show"," code snippets"]}),(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return K()},"data-cy":"add-".concat(m?"Repeatable":"Static","-field"),startIcon:"add",children:"Add a new field"})]}):void 0,children:o}):(0,a.jsx)(u.xR,{children:(0,a.jsx)(_,{Heading:(0,a.jsx)(p.X6,{as:"h6",children:o}),Actions:y.length>0?(0,a.jsxs)(c.hE,{size:"medium",variant:"secondary",children:[(0,a.jsxs)(c.zx,{variant:"secondary",onClick:function(){return O(!M)},children:[M?"Hide":"Show"," code snippets"]}),(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return K()},"data-cy":"add-".concat(m?"Repeatable":"Static","-field"),startIcon:"add",children:"Add a new field"})]}):null})}),0!==y.length||X?y.length>0||X?(0,a.jsx)(u.xR,{children:(0,a.jsx)(R,{tabId:t,isRepeatable:m,fields:y,showHints:M,dataTip:Z,title:o,renderFieldAccessor:E,renderHintBase:k,enterEditMode:G,enterSelectMode:K,onDragEnd:w,onDeleteItem:b,dataCy:A,isRepeatableCustomType:T,newField:X&&(0,a.jsx)(h.Z,(0,s.Z)((0,i.Z)({},X),{fields:j||y,onSave:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];v.apply(void 0,(0,d.Z)(n)),Y(null)},onCancelNewField:V})),sx:H?{paddingInline:"16px !important"}:{}})}):void 0:(0,a.jsx)(u.xR,{children:(0,a.jsx)(C,{onEnterSelectMode:function(){return K()},zoneName:m?"Repeatable":"Static"})}),(0,a.jsx)(S,{data:z,close:W,onSave:I,fields:j,zoneType:n}),(0,a.jsx)(x.Z,{data:P,close:J,onSelect:Q,widgetsArray:N})]})};w.propTypes={isRepeatable:o.bool,title:o.string.isRequired,dataTip:o.string.isRequired,onSave:o.func.isRequired,onSaveNewField:o.func.isRequired,onDragEnd:o.func.isRequired,onDeleteItem:o.func.isRequired,poolOfFieldsToCheck:(0,o.arrayOf)((0,o.shape)({key:o.string,value:o.object})),renderHintBase:o.func.isRequired,renderFieldAccessor:o.func.isRequired,widgetsArray:o.array.isRequired,fields:(0,o.arrayOf)((0,o.shape)({key:o.string.isRequired,value:(0,o.shape)({config:o.object,fields:o.array,type:o.string.isRequired})}))};var S=w},28173:function(e,n,t){"use strict";t.d(n,{a:function(){return c},B:function(){return o}});var i=t(62230),s=t(85244),r=t(98240),d=t(52322),a=t(71651);t(52968);var c=function(e){return(0,d.jsx)("article",(0,s.Z)((0,i.Z)({},e),{className:"_2a96i70 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt"}))},o=function(e){var n=e.actions,t=e.children,c=e.toggle,o=(0,r.Z)(e,["actions","children","toggle"]);return(0,d.jsxs)("header",(0,s.Z)((0,i.Z)({},o),{className:"_2a96i71 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bq _1ecs97dm _1ecs97d7z _1ecs97d48s _1ecs97d4g5 _1ecs97d9eo _1ecs97d9f1 _1ecs97d9bj _1ecs97d9bu _1ecs97d9ld _1ecs97d9jc _1ecs97d9ts _1ecs97d9u4",children:[(0,d.jsx)(a.xv,{color:"grey11",component:"span",variant:"smallBold",children:t}),c,(0,d.jsx)(a.xu,{flexGrow:1,justifyContent:"end",children:n})]}))}},52968:function(){}}]);

package/out/_next/static/chunks/{573-e92018662d1f6c26.js → 573-8678a91b09707f5d.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[573],{56577:function(e,n,i){"use strict";i.d(n,{z:function(){return u}});var r=i(62230),t=i(85244),s=i(98240),o=i(52322),l=i(2784),a=i(75289),c=function(e,n){return e?"".concat(e,"-").concat(n):""},d=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},u=(0,l.forwardRef)(function(e,n){var i=e.label,l=e.Icon,u=e.type,x=e.form,p=e.isLoading,f=void 0!==p&&p,h=e.disabled,v=e.onClick,g=e.sx,j=e.iconSize,m=void 0===j?16:j,b=e.iconFill,C=e.variant,y=void 0===C?"primary":C,F=(0,s.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,o.jsx)(a.zx,(0,t.Z)((0,r.Z)({ref:n,sx:(0,r.Z)((0,t.Z)((0,r.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),f?{cursor:"wait !important"}:{}),type:u,form:x,disabled:void 0!==h&&h||f,onClick:f?void 0:v,variant:y},F),{children:f?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.$j,{size:m,color:d(y),"data-cy":c(F["data-cy"],"spinner")}),l&&i]}):(0,o.jsxs)(o.Fragment,{children:[l&&(0,o.jsx)(l,{size:m,fill:b,"data-cy":c(F["data-cy"],"icon")}),i]})}))})},84449:function(e,n,i){"use strict";i.d(n,{Z:function(){return A}});var r,t,s=i(62230),o=i(85244),l=i(52322),a=i(2784),c=i(56580),d=i(75289),u=i(54132),x=i(951),p=i(75100),f=i(25812),h=i(77174),v=i(24340),g=i(90374),j=i(22710),m=i(99267),b=i(76473),C=i(75329),y=i(57282),F=function(e){var n=e.inputFile,i=e.handleFile,r=e.children,t=e.isDragActive;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.__,{htmlFor:"input-file",variant:"buttons.white",sx:{p:2,px:0,display:"flex",justifyContent:"center",width:200,alignItems:"center",flex:1},children:r||"Select file"}),(0,l.jsx)("input",{id:"input-file",type:"file",ref:n,style:{display:"none"},accept:C.nG.map(function(e){return"image/".concat(e)}).join(","),onChange:function(e){var n;i(null===(n=e.target.files)||void 0===n?void 0:n[0],t)}})]})},E=i(32665),w=i(3098),S=i(61931),D=function(){return(0,l.jsx)(d.kC,{variant:"boxes.centered",sx:{p:2,position:"absolute",height:"100%",width:"100%",background:"rgba(249, 248, 249, 0.7)",backdropFilter:"blur(5px)",zIndex:"1",pointerEvents:"none"},children:(0,l.jsxs)(d.kC,{variant:"boxes.centered",sx:{border:"1px dashed #6E56CF",height:"100%",width:"100%",borderRadius:"4px"},children:[(0,l.jsx)(I,{isActive:!0}),(0,l.jsx)(d.xv,{sx:{my:2},children:"Drop file here"}),(0,l.jsx)(d.xv,{variant:"secondary",children:"Maximum upload size file: 128Mb"})]})})},I=function(e){var n=e.isActive;return(0,l.jsx)(d.kC,{sx:{p:1,borderRadius:"50%",bg:n?"#F1EEFE":"#EDECEE",alignItems:"center",justifyContent:"center",width:"48px",height:"48px"},children:(0,l.jsx)(x.IEK,{style:{color:n?"#6E56CF":"#6F6E77",fontSize:"34px"}})})},k=function(e){var n=e.variationID,i=e.slice,r=e.imageTypes,t=void 0===r?C.nG:r,u=i.screenshots[n],x=(0,g.Z)().openToaster,p=(0,a.useState)(!1),f=p[0],h=p[1],v=(0,a.useState)(!1),k=v[0],R=v[1];(0,b.y1)(["meta+v","ctrl+v"],function(){N()},[n,i,]);var Z,_,M,z,H,O=(0,g.Z)().generateSliceCustomScreenshot,A=(0,c.v9)(function(e){return{isLoadingScreenshot:(0,E.hg)(e,w.z.GENERATE_SLICE_CUSTOM_SCREENSHOT)}}).isLoadingScreenshot,L=(_=(Z={onHandleFile:function(e,r){O(n,i,e,r?"dragAndDrop":"upload"),R(!1)}}).onHandleFile,M=(0,a.useRef)(null),{handleFile:z=function(e,n){e&&(_(e,n),(null==M?void 0:M.current)&&(M.current.value=""))},inputFile:M,FileInputRenderer:F,fileInputProps:{inputFile:M,handleFile:z}}),T=L.FileInputRenderer,V=L.fileInputProps,P=function(e){if(e.size>128e6)return x("File is too big. Max file size: 128Mb.",y.Jf.ERROR);O(n,i,e,"dragAndDrop")},B="function"==typeof navigator.clipboard.read,N=(H=(0,j.Z)(function(){var e,n,i,r,s;return(0,m.__generator)(this,function(o){switch(o.label){case 0:if(!B)return[2];o.label=1;case 1:return o.trys.push([1,5,,6]),[4,navigator.clipboard.read()];case 2:if(!(void 0!==(e=o.sent())[0])||!(void 0!==(n=e[0].types.find(function(e){return t.map(function(e){return"image/".concat(e)}).includes(e)}))))return[3,4];return[4,e[0].getType(n)];case 3:return i=o.sent(),r=new File([i],"file"),[2,P(r)];case 4:return[3,6];case 5:return s=o.sent(),console.error("Could not paste file",s),[3,6];case 6:return[2]}})}),function(){return H.apply(this,arguments)}),W=function(e){e.preventDefault(),h(!1);var n,i=null===(n=e.dataTransfer.files)||void 0===n?void 0:n[0];if(void 0!==i)return t.some(function(e){return"image/".concat(e)===i.type})?P(i):x("Only files of type ".concat(t.join(", ")," are accepted."),y.Jf.ERROR)},G=function(e){return function(n){n.preventDefault(),h(e)}},q=function(e){return function(n){n.preventDefault(),R(e)}};return(0,l.jsxs)(d.kC,{as:"form",variant:"boxes.centered",sx:{bg:"#F9F8F9",position:"relative",borderRadius:"6px",height:"320px"},onDragEnter:G(!0),onDragLeave:G(!1),onDragOver:G(!0),onMouseEnter:q(!0),onMouseLeave:q(!1),onSubmit:function(e){return e.preventDefault()},onDrop:W,children:[A?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.$j,{}),(0,l.jsx)(d.xv,{sx:{my:2},children:"Uploading file ..."})]}):null,A||void 0===u?null:(0,l.jsx)(S.q,{src:u.url,sx:{width:"100%",height:"100%",maxHeight:"100%",backdropFilter:"blur(5px)"}}),A?null:(0,l.jsx)(d.kC,{sx:{p:2,position:"absolute",width:"100%",height:"100%",borderRadius:"6px",background:"#F9F8F9B2",justifyContent:"center",alignItems:"center",visibility:k||void 0===u?"visible":"hidden"},children:(0,l.jsx)(d.kC,{variant:"boxes.centered",sx:{border:"1px dashed #6E56CF",height:"100%",width:"100%",borderRadius:"4px"},children:(0,l.jsxs)(d.kC,{sx:{width:"100%",justifyContent:"center",alignItems:"center",flexDirection:"column"},children:[(0,l.jsx)(I,{isActive:f}),(0,l.jsx)(d.xv,{sx:{my:2},children:B?"Paste, drop or ...":"Drop or ..."}),(0,l.jsx)(T,(0,o.Z)((0,s.Z)({},V),{isDragActive:f})),(0,l.jsx)(d.xv,{sx:{color:"greyIcon",mt:1},children:"Maximum file size: 128Mb"})]})})}),f?(0,l.jsx)(D,{}):null]})},R=function(e){return(0,l.jsxs)("svg",(0,o.Z)((0,s.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_5065_192538)",children:[(0,l.jsx)("path",{d:"M9.66862 19.9993C11.1406 19.9993 12.3353 18.8047 12.3353 17.3327V14.666H9.66862C8.19662 14.666 7.00195 15.8607 7.00195 17.3327C7.00195 18.8047 8.19662 19.9993 9.66862 19.9993Z",fill:"#0ACF83"}),(0,l.jsx)("path",{d:"M7.00195 12.0007C7.00195 10.5287 8.19662 9.33398 9.66862 9.33398H12.3353V14.6673H9.66862C8.19662 14.6673 7.00195 13.4727 7.00195 12.0007Z",fill:"#A259FF"}),(0,l.jsx)("path",{d:"M7.00195 6.66667C7.00195 5.19467 8.19662 4 9.66862 4H12.3353V9.33333H9.66862C8.19662 9.33333 7.00195 8.13867 7.00195 6.66667Z",fill:"#F24E1E"}),(0,l.jsx)("path",{d:"M12.334 4H15.0007C16.4727 4 17.6673 5.19467 17.6673 6.66667C17.6673 8.13867 16.4727 9.33333 15.0007 9.33333H12.334V4Z",fill:"#FF7262"}),(0,l.jsx)("path",{d:"M17.6673 12.0007C17.6673 13.4727 16.4727 14.6673 15.0007 14.6673C13.5287 14.6673 12.334 13.4727 12.334 12.0007C12.334 10.5287 13.5287 9.33398 15.0007 9.33398C16.4727 9.33398 17.6673 10.5287 17.6673 12.0007Z",fill:"#1ABCFE"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_5065_192538",children:(0,l.jsx)("rect",{width:"10.6688",height:"16",fill:"white",transform:"translate(7 4)"})})})]}))};(t=r||(r={})).Mac="Mac",t.Linux="Linux",t.Windows="Windows";var Z=function(){var e=navigator.userAgent,n=r.Linux;return Object.values(r).forEach(function(i){e.includes(i)&&(n=i)}),n};i(61213);var _=function(e){var n=e.children;return(0,l.jsx)("kbd",{className:"_1nkpwww0 _1ecs97d9t8 _1ecs97d6ee _1ecs97d6lr _1ecs97d18 _1ecs97d8l _1ecs97d268 _1ecs97d2dl _1ecs97d9ej _1ecs97d9ex",children:n})},M=function(){var e,n=[r.Windows,r.Linux].includes(Z())?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_,{children:"ctrl"})," + ",(0,l.jsx)(_,{children:"shift"})," + ",(0,l.jsx)(_,{children:"c"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_,{children:"cmd"})," + ",(0,l.jsx)(_,{children:"shift"})," + ",(0,l.jsx)(_,{children:"c"})]});return(0,l.jsxs)(d.kC,{sx:{pl:"4px",alignItems:"center",color:"#000",borderRadius:"6px",fontSize:"12px",lineHeight:"24px",border:"1px solid #E4E2E4",boxShadow:"0px 1px 0px 0px rgba(0, 0, 0, 0.04)",width:"100%",minHeight:"40px"},children:[(0,l.jsx)(R,{}),(0,l.jsxs)("div",{children:["Use\xa0",n," to copy any frame as .png, then just paste it here"]})]})},z=function(e){var n=e.isValid;return(0,l.jsx)(d.kC,{sx:{p:2,border:"1px solid #E4E2E4",borderRadius:"6px",bg:"#FFF"},children:n?(0,l.jsx)(x.Ypm,{style:{fontSize:"16px"}}):(0,l.jsx)(p.j6O,{style:{fontSize:"16px",color:"#ED811C"}})})},H=function(e){var n=e.slice,i=e.onSelectVariation,r=e.variationSelector;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.X6,{as:"h4",sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:n.model.name}),(0,l.jsx)(d.xu,{children:(0,l.jsx)(d.xu,{as:"ul",sx:{pl:0,my:3},children:n.model.variations.map(function(e){var t=r.sliceID,a=r.variationID,c=t===n.model.id&&a===e.id;return(0,l.jsx)(d.xu,{as:"li",sx:(0,o.Z)((0,s.Z)({listStyle:"none",my:2,p:2,cursor:"pointer",borderRadius:"4px"},c&&{bg:"#EDECEE",fontWeight:"500"}),{":hover":{bg:"#EDECEE"}}),onClick:function(){return i({sliceID:n.model.id,variationID:e.id})},children:(0,l.jsxs)(d.kC,{sx:{alignItems:"center"},children:[(0,l.jsx)(z,{isValid:!!n.screenshots[e.id]}),(0,l.jsx)(d.xv,{sx:{ml:2},children:e.name})]})},"".concat(n.model.id,"-").concat(e.id))})})})]})},O=function(e,n){return e||(n.length?{sliceID:n[0].model.id,variationID:n[0].model.variations[0].id}:void 0)},A=function(e){var n=e.slices,i=e.defaultVariationSelector,r=(0,g.Z)().closeModals,t=(0,c.v9)(function(e){return{isOpen:(0,h.gP)(e,v.q.SCREENSHOTS)}}).isOpen,s=(0,a.useState)(O(i,n)),o=s[0],x=s[1];if((0,a.useEffect)(function(){x(O(i,n))},[null==i?void 0:i.sliceID,null==i?void 0:i.variationID,t,]),0===n.length||!o)return null;var p,j="function"==typeof navigator.clipboard.read;return(0,l.jsx)(f.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return r()},children:(0,l.jsx)(u.Z,{radius:"0px",bodySx:{p:0,bg:"#FFF",position:"relative"},sx:{border:"none"},Header:function(e){var n=e.radius;return(0,l.jsxs)(d.kC,{sx:{position:"sticky",top:0,zIndex:1,background:"gray",p:"16px",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,l.jsx)(d.X6,{sx:{fontSize:"20px"},children:"Slice screenshots"}),(0,l.jsx)(d.x8,{type:"button",onClick:function(){return r()}})]})},Footer:null,children:(0,l.jsxs)(d.xu,{sx:{display:"flex",flexWrap:"wrap",height:"100%"},children:[(0,l.jsx)(d.xu,{sx:{p:3,bg:"grey07",flexGrow:1,overflow:"auto",maxHeight:"100%",flexBasis:"sidebar"},children:n.map(function(e,n){return(0,l.jsx)(H,{slice:e,variationSelector:o,onSelectVariation:x},"".concat(e.model.id,"-").concat(n))})}),(0,l.jsxs)(d.kC,{as:"main",sx:{p:3,flexGrow:99999,flexBasis:0,flexDirection:"column",minWidth:320,gap:"8px"},children:[j?(0,l.jsx)(M,{}):void 0,(p=n.find(function(e){return e.model.id===o.sliceID}))?(0,l.jsx)(k,{variationID:o.variationID,slice:p}):null]})]})})})}},47731:function(e,n,i){"use strict";i.d(n,{H:function(){return s}});var r=i(2784),t=i(90374),s=function(){var e=(0,t.Z)().openScreenshotsModal,n=(0,r.useState)({sliceFilterFn:function(e){return e}}),i=n[0],s=n[1];return{modalPayload:i,onOpenModal:function(n){s(n),e()},openScreenshotsModal:e}}},61213:function(){}}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[573],{56577:function(e,n,i){"use strict";i.d(n,{z:function(){return u}});var r=i(62230),t=i(85244),s=i(98240),o=i(52322),a=i(2784),l=i(75289),c=function(e,n){return e?"".concat(e,"-").concat(n):""},d=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},u=(0,a.forwardRef)(function(e,n){var i=e.label,a=e.Icon,u=e.type,x=e.form,p=e.isLoading,f=void 0!==p&&p,h=e.disabled,v=e.onClick,g=e.sx,j=e.iconSize,m=void 0===j?16:j,b=e.iconFill,C=e.variant,y=void 0===C?"primary":C,F=(0,s.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,o.jsx)(l.zx,(0,t.Z)((0,r.Z)({ref:n,sx:(0,r.Z)((0,t.Z)((0,r.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),f?{cursor:"wait !important"}:{}),type:u,form:x,disabled:void 0!==h&&h||f,onClick:f?void 0:v,variant:y},F),{children:f?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.$j,{size:m,color:d(y),"data-cy":c(F["data-cy"],"spinner")}),a&&i]}):(0,o.jsxs)(o.Fragment,{children:[a&&(0,o.jsx)(a,{size:m,fill:b,"data-cy":c(F["data-cy"],"icon")}),i]})}))})},84449:function(e,n,i){"use strict";i.d(n,{Z:function(){return A}});var r,t,s=i(62230),o=i(85244),a=i(52322),l=i(2784),c=i(56580),d=i(75289),u=i(54132),x=i(951),p=i(75100),f=i(25812),h=i(77174),v=i(24340),g=i(90374),j=i(22710),m=i(99267),b=i(76473),C=i(75329),y=i(57282),F=function(e){var n=e.inputFile,i=e.handleFile,r=e.children,t=e.isDragActive;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.__,{htmlFor:"input-file",variant:"buttons.white",sx:{p:2,px:0,display:"flex",justifyContent:"center",width:200,alignItems:"center",flex:1},children:r||"Select file"}),(0,a.jsx)("input",{id:"input-file",type:"file",ref:n,style:{display:"none"},accept:C.nG.map(function(e){return"image/".concat(e)}).join(","),onChange:function(e){var n;i(null===(n=e.target.files)||void 0===n?void 0:n[0],t)}})]})},E=i(32665),w=i(3098),S=i(61931),k=function(){return(0,a.jsx)(d.kC,{variant:"boxes.centered",sx:{p:2,position:"absolute",height:"100%",width:"100%",background:"rgba(249, 248, 249, 0.7)",backdropFilter:"blur(5px)",zIndex:"1",pointerEvents:"none"},children:(0,a.jsxs)(d.kC,{variant:"boxes.centered",sx:{border:"1px dashed #6E56CF",height:"100%",width:"100%",borderRadius:"4px"},children:[(0,a.jsx)(I,{isActive:!0}),(0,a.jsx)(d.xv,{sx:{my:2},children:"Drop file here"}),(0,a.jsx)(d.xv,{variant:"secondary",children:"Maximum upload size file: 128Mb"})]})})},I=function(e){var n=e.isActive;return(0,a.jsx)(d.kC,{sx:{p:1,borderRadius:"50%",bg:n?"#F1EEFE":"#EDECEE",alignItems:"center",justifyContent:"center",width:"48px",height:"48px"},children:(0,a.jsx)(x.IEK,{style:{color:n?"#6E56CF":"#6F6E77",fontSize:"34px"}})})},D=function(e){var n=e.variationID,i=e.slice,r=e.imageTypes,t=void 0===r?C.nG:r,u=i.screenshots[n],x=(0,g.Z)().openToaster,p=(0,l.useState)(!1),f=p[0],h=p[1],v=(0,l.useState)(!1),D=v[0],R=v[1];(0,b.y1)(["meta+v","ctrl+v"],function(){B()},[n,i,]);var Z,_,M,z,H,O=(0,g.Z)().generateSliceCustomScreenshot,A=(0,c.v9)(function(e){return{isLoadingScreenshot:(0,E.hg)(e,w.z.GENERATE_SLICE_CUSTOM_SCREENSHOT)}}).isLoadingScreenshot,L=(_=(Z={onHandleFile:function(e,r){O(n,i,e,r?"dragAndDrop":"upload"),R(!1)}}).onHandleFile,M=(0,l.useRef)(null),{handleFile:z=function(e,n){e&&(_(e,n),(null==M?void 0:M.current)&&(M.current.value=""))},inputFile:M,FileInputRenderer:F,fileInputProps:{inputFile:M,handleFile:z}}),T=L.FileInputRenderer,V=L.fileInputProps,P=function(e){if(e.size>128e6)return x("File is too big. Max file size: 128Mb.",y.Jf.ERROR);O(n,i,e,"dragAndDrop")},W="function"==typeof navigator.clipboard.read,B=(H=(0,j.Z)(function(){var e,n,i,r,s;return(0,m.__generator)(this,function(o){switch(o.label){case 0:if(!W)return[2];o.label=1;case 1:return o.trys.push([1,5,,6]),[4,navigator.clipboard.read()];case 2:if(!(void 0!==(e=o.sent())[0])||!(void 0!==(n=e[0].types.find(function(e){return t.map(function(e){return"image/".concat(e)}).includes(e)}))))return[3,4];return[4,e[0].getType(n)];case 3:return i=o.sent(),r=new File([i],"file"),[2,P(r)];case 4:return[3,6];case 5:return s=o.sent(),console.error("Could not paste file",s),[3,6];case 6:return[2]}})}),function(){return H.apply(this,arguments)}),N=function(e){e.preventDefault(),h(!1);var n,i=null===(n=e.dataTransfer.files)||void 0===n?void 0:n[0];if(void 0!==i)return t.some(function(e){return"image/".concat(e)===i.type})?P(i):x("Only files of type ".concat(t.join(", ")," are accepted."),y.Jf.ERROR)},G=function(e){return function(n){n.preventDefault(),h(e)}},q=function(e){return function(n){n.preventDefault(),R(e)}};return(0,a.jsxs)(d.kC,{as:"form",variant:"boxes.centered",sx:{bg:"#F9F8F9",position:"relative",borderRadius:"6px",height:"320px"},onDragEnter:G(!0),onDragLeave:G(!1),onDragOver:G(!0),onMouseEnter:q(!0),onMouseLeave:q(!1),onSubmit:function(e){return e.preventDefault()},onDrop:N,children:[A?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.$j,{}),(0,a.jsx)(d.xv,{sx:{my:2},children:"Uploading file ..."})]}):null,A||void 0===u?null:(0,a.jsx)(S.q,{src:u.url,sx:{width:"100%",height:"100%",maxHeight:"100%",backdropFilter:"blur(5px)"}}),A?null:(0,a.jsx)(d.kC,{sx:{p:2,position:"absolute",width:"100%",height:"100%",borderRadius:"6px",background:"#F9F8F9B2",justifyContent:"center",alignItems:"center",visibility:D||void 0===u?"visible":"hidden"},children:(0,a.jsx)(d.kC,{variant:"boxes.centered",sx:{border:"1px dashed #6E56CF",height:"100%",width:"100%",borderRadius:"4px"},children:(0,a.jsxs)(d.kC,{sx:{width:"100%",justifyContent:"center",alignItems:"center",flexDirection:"column"},children:[(0,a.jsx)(I,{isActive:f}),(0,a.jsx)(d.xv,{sx:{my:2},children:W?"Paste, drop or ...":"Drop or ..."}),(0,a.jsx)(T,(0,o.Z)((0,s.Z)({},V),{isDragActive:f})),(0,a.jsx)(d.xv,{sx:{color:"greyIcon",mt:1},children:"Maximum file size: 128Mb"})]})})}),f?(0,a.jsx)(k,{}):null]})},R=function(e){return(0,a.jsxs)("svg",(0,o.Z)((0,s.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,a.jsxs)("g",{clipPath:"url(#clip0_5065_192538)",children:[(0,a.jsx)("path",{d:"M9.66862 19.9993C11.1406 19.9993 12.3353 18.8047 12.3353 17.3327V14.666H9.66862C8.19662 14.666 7.00195 15.8607 7.00195 17.3327C7.00195 18.8047 8.19662 19.9993 9.66862 19.9993Z",fill:"#0ACF83"}),(0,a.jsx)("path",{d:"M7.00195 12.0007C7.00195 10.5287 8.19662 9.33398 9.66862 9.33398H12.3353V14.6673H9.66862C8.19662 14.6673 7.00195 13.4727 7.00195 12.0007Z",fill:"#A259FF"}),(0,a.jsx)("path",{d:"M7.00195 6.66667C7.00195 5.19467 8.19662 4 9.66862 4H12.3353V9.33333H9.66862C8.19662 9.33333 7.00195 8.13867 7.00195 6.66667Z",fill:"#F24E1E"}),(0,a.jsx)("path",{d:"M12.334 4H15.0007C16.4727 4 17.6673 5.19467 17.6673 6.66667C17.6673 8.13867 16.4727 9.33333 15.0007 9.33333H12.334V4Z",fill:"#FF7262"}),(0,a.jsx)("path",{d:"M17.6673 12.0007C17.6673 13.4727 16.4727 14.6673 15.0007 14.6673C13.5287 14.6673 12.334 13.4727 12.334 12.0007C12.334 10.5287 13.5287 9.33398 15.0007 9.33398C16.4727 9.33398 17.6673 10.5287 17.6673 12.0007Z",fill:"#1ABCFE"})]}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"clip0_5065_192538",children:(0,a.jsx)("rect",{width:"10.6688",height:"16",fill:"white",transform:"translate(7 4)"})})})]}))};(t=r||(r={})).Mac="Mac",t.Linux="Linux",t.Windows="Windows";var Z=function(){var e=navigator.userAgent,n=r.Linux;return Object.values(r).forEach(function(i){e.includes(i)&&(n=i)}),n};i(61213);var _=function(e){var n=e.children;return(0,a.jsx)("kbd",{className:"_1nkpwww0 _1ecs97d9t8 _1ecs97d6ee _1ecs97d6lr _1ecs97d18 _1ecs97d8l _1ecs97d268 _1ecs97d2dl _1ecs97d9ej _1ecs97d9ex",children:n})},M=function(){var e,n=[r.Windows,r.Linux].includes(Z())?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_,{children:"ctrl"})," + ",(0,a.jsx)(_,{children:"shift"})," + ",(0,a.jsx)(_,{children:"c"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_,{children:"cmd"})," + ",(0,a.jsx)(_,{children:"shift"})," + ",(0,a.jsx)(_,{children:"c"})]});return(0,a.jsxs)(d.kC,{sx:{pl:"4px",alignItems:"center",color:"#000",borderRadius:"6px",fontSize:"12px",lineHeight:"24px",border:"1px solid #E4E2E4",boxShadow:"0px 1px 0px 0px rgba(0, 0, 0, 0.04)",width:"100%",minHeight:"40px"},children:[(0,a.jsx)(R,{}),(0,a.jsxs)("div",{children:["Use\xa0",n," to copy any frame as .png, then just paste it here"]})]})},z=function(e){var n=e.isValid;return(0,a.jsx)(d.kC,{sx:{p:2,border:"1px solid #E4E2E4",borderRadius:"6px",bg:"#FFF"},children:n?(0,a.jsx)(x.Ypm,{style:{fontSize:"16px"}}):(0,a.jsx)(p.j6O,{style:{fontSize:"16px",color:"#ED811C"}})})},H=function(e){var n=e.slice,i=e.onSelectVariation,r=e.variationSelector;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.X6,{as:"h4",sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:n.model.name}),(0,a.jsx)(d.xu,{children:(0,a.jsx)(d.xu,{as:"ul",sx:{pl:0,my:3},children:n.model.variations.map(function(e){var t=r.sliceID,l=r.variationID,c=t===n.model.id&&l===e.id;return(0,a.jsx)(d.xu,{as:"li",sx:(0,o.Z)((0,s.Z)({listStyle:"none",my:2,p:2,cursor:"pointer",borderRadius:"4px"},c&&{bg:"#EDECEE",fontWeight:"500"}),{":hover":{bg:"#EDECEE"}}),onClick:function(){return i({sliceID:n.model.id,variationID:e.id})},children:(0,a.jsxs)(d.kC,{sx:{alignItems:"center"},children:[(0,a.jsx)(z,{isValid:!!n.screenshots[e.id]}),(0,a.jsx)(d.xv,{sx:{ml:2},children:e.name})]})},"".concat(n.model.id,"-").concat(e.id))})})})]})},O=function(e,n){return e||(n.length?{sliceID:n[0].model.id,variationID:n[0].model.variations[0].id}:void 0)},A=function(e){var n=e.slices,i=e.defaultVariationSelector,r=(0,g.Z)().closeModals,t=(0,c.v9)(function(e){return{isOpen:(0,h.gP)(e,v.q.SCREENSHOTS)}}).isOpen,s=(0,l.useState)(O(i,n)),o=s[0],x=s[1];if((0,l.useEffect)(function(){x(O(i,n))},[null==i?void 0:i.sliceID,null==i?void 0:i.variationID,t,]),0===n.length||!o)return null;var p,j="function"==typeof navigator.clipboard.read;return(0,a.jsx)(f.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return r()},children:(0,a.jsx)(u.Z,{radius:"0px",bodySx:{p:0,bg:"#FFF",position:"relative"},sx:{border:"none"},Header:function(e){var n=e.radius;return(0,a.jsxs)(d.kC,{sx:{position:"sticky",top:0,zIndex:1,background:"gray",p:"16px",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,a.jsx)(d.X6,{sx:{fontSize:"20px"},children:"Slice screenshots"}),(0,a.jsx)(d.x8,{type:"button",onClick:function(){return r()}})]})},Footer:null,children:(0,a.jsxs)(d.xu,{sx:{display:"flex",flexWrap:"wrap",height:"100%"},children:[(0,a.jsx)(d.xu,{sx:{p:3,bg:"grey07",flexGrow:1,overflow:"auto",maxHeight:"100%",flexBasis:"sidebar"},children:n.map(function(e,n){return(0,a.jsx)(H,{slice:e,variationSelector:o,onSelectVariation:x},"".concat(e.model.id,"-").concat(n))})}),(0,a.jsxs)(d.kC,{as:"main",sx:{p:3,flexGrow:99999,flexBasis:0,flexDirection:"column",minWidth:320,gap:"8px"},children:[j?(0,a.jsx)(M,{}):void 0,(p=n.find(function(e){return e.model.id===o.sliceID}))?(0,a.jsx)(D,{variationID:o.variationID,slice:p}):null]})]})})})}},61931:function(e,n,i){"use strict";i.d(n,{q:function(){return c}});var r=i(62230),t=i(52322),s=i(2784),o=i(75289),a=i(65186),l=(0,s.memo)(function(e){var n=e.src;return(0,t.jsx)(o.Ee,{src:n,alt:"Preview image",sx:{maxHeight:"100%"}})}),c=function(e){var n=e.hideMissingWarning,i=e.src,s=e.sx;return(0,t.jsx)(o.kC,{sx:(0,r.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},s),children:void 0!==n&&n?null:(0,t.jsx)(t.Fragment,{children:void 0!==i?(0,t.jsx)(l,{src:i}):(0,t.jsxs)(o.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,t.jsx)(a.eJU,{}),"You have no screenshot yet."]})})})}},47731:function(e,n,i){"use strict";i.d(n,{H:function(){return s}});var r=i(2784),t=i(90374),s=function(){var e=(0,t.Z)().openScreenshotsModal,n=(0,r.useState)({sliceFilterFn:function(e){return e}}),i=n[0],s=n[1];return{modalPayload:i,onOpenModal:function(n){s(n),e()},openScreenshotsModal:e}}},61213:function(){}}]);

package/out/_next/static/chunks/590-d9046f10fcc34a4d.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[590],{59469:function(e,t,n){"use strict";var c=n(62230),i=n(52322),o=n(75289);t.Z=function(e){var t=e.elems,n=e.renderElem,r=e.defineElementKey,s=e.gridTemplateMinPx,d=e.gridGap,a=e.sx;return(0,i.jsx)(o.xu,{as:"section",sx:(0,c.Z)({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(void 0===s?"320px":s,", 1fr))"),gridGap:void 0===d?"16px":d,pt:2},a),children:t.map(function(e,t){return e?(0,i.jsx)("span",{children:n(e,t)},"".concat(r(e),"-").concat(t+1)):null})})}},24804:function(e,t,n){"use strict";n.d(t,{Zb:function(){return b},T$:function(){return f},eW:function(){return x},ZB:function(){return p},Lm:function(){return C}});var c=n(67557),i=n(62230),o=n(85244),r=n(98240),s=n(52322),d=n(50002),a=n(71651),l=n(6277),u=n(2784);n(95201);var v={solid:"_1ecs97d3c _1ecs97dap _1ecs97d30a _1ecs97d30b _1ecs97d30g _1ecs97d30h",outlined:"_1ecs97d2i _1ecs97d9v _1ecs97dw _1ecs97d89 _1ecs97d2w _1ecs97da9 _1ecs97d2zm _1ecs97d2zn _1ecs97d2z2 _1ecs97d2z3 _1ecs97d2z8 _1ecs97d2z9"},h={div:"_1ecs97d9bi _1ecs97d9bl _1ecs97d9bv",img:"kedahr9 _1ecs97d9ji _1ecs97d9c5"},m={small:"kedahr2",medium:"kedahr3"},_={solid:"kedahr4 _1ecs97d1u _1ecs97d97",outlined:"kedahr5 _1ecs97d18 _1ecs97d8l"},b=function(e){var t,n=e.size,a=e.variant,h=void 0===a?"solid":a,b={className:(0,l.W)("_1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d268 _1ecs97d2dl _1ecs97d9d7 _1ecs97d9ej _1ecs97d9ex _1ecs97d9bj _1ecs97d9c9 _1ecs97d9cd",m[void 0===n?"medium":n],_[h],(t={},(0,c.Z)(t,"kedahr6",e.interactive),(0,c.Z)(t,v[h],e.interactive),t))};if(!0===e.interactive&&void 0===e.href){e.size,e.variant,e.interactive;var p=e.checked,f=e.disabled,x=e.onClick,C=(0,r.Z)(e,["size","variant","interactive","checked","disabled","onClick"]);return(0,s.jsx)("div",(0,o.Z)((0,i.Z)({},C,b),{"data-disabled":!0===f?"":void 0,"data-state":!0===p?"checked":void 0,onClick:function(e){if(!0!==f&&void 0!==x){var t=e.target;(0,d.J)(t)===e.currentTarget&&x(e)}},tabIndex:!0===f?void 0:0}))}if(!0===e.interactive){e.size,e.variant,e.interactive;var g=e.component,j=(0,r.Z)(e,["size","variant","interactive","component"]);return(0,u.createElement)(void 0===g?"a":g,(0,o.Z)((0,i.Z)({},j,b),{onClick:function(e){var t=e.target;(0,d.J)(t)!==e.currentTarget&&e.preventDefault()}}))}e.size,e.variant,e.interactive;var k=(0,r.Z)(e,["size","variant","interactive"]);return(0,s.jsx)("div",(0,i.Z)({},k,b))},p=function(e){var t=e.className,n=e.component,c=void 0===n?"img":n,d=e.overlay,a=(0,r.Z)(e,["className","component","overlay"]);return(0,s.jsxs)("div",{className:"kedahr7 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d9bw _1ecs97d9bv _1ecs97d9jo _1ecs97d9cd",children:[(0,u.createElement)(c,(0,o.Z)((0,i.Z)({},a),{className:(0,l.W)(h[c],t)})),Boolean(d)?(0,s.jsx)("div",{className:"kedahra _1ecs97d9bi _1ecs97d9bl _1ecs97d9ln _1ecs97d9cb _1ecs97d9cz",children:d}):void 0]})},f=function(e){return(0,s.jsx)("div",(0,o.Z)((0,i.Z)({},e),{className:"kedahrc kedahrb _1ecs97d9bi _1ecs97d9bk _1ecs97d9bq _1ecs97d9bj _1ecs97d9bu _1ecs97d9jc _1ecs97d9c0"}))},x=function(e){var t=e.action,n=e.subtitle,c=e.title,d=(0,r.Z)(e,["action","subtitle","title"]);return(0,s.jsxs)("div",(0,o.Z)((0,i.Z)({},d),{className:"kedahrd kedahrb _1ecs97d9bi _1ecs97d9bk _1ecs97d9bq _1ecs97d9bj _1ecs97d9bu _1ecs97d9ld _1ecs97d9je",children:[(0,s.jsxs)("div",{className:"kedahre _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d9bw _1ecs97d9bv _1ecs97d9hc",children:[(0,s.jsx)(a.xv,{component:"span",noWrap:!0,variant:"bold",children:c}),(0,s.jsx)(a.xv,{color:"grey11",component:"span",noWrap:!0,variant:"small",children:n})]}),t]}))},C=function(e){var t=e.children,n=(0,r.Z)(e,["children"]);return(0,s.jsx)("div",(0,o.Z)((0,i.Z)({},n),{className:"kedahrf _1ecs97d9bi _1ecs97d9bk _1ecs97d9bt _1ecs97d9j6 _1ecs97d9nb _1ecs97d9bz _1ecs97d9ta _1ecs97d9cb",children:(0,s.jsx)(a.xv,{align:"center",color:"inherit",component:"span",noWrap:!0,variant:"smallBold",children:t})}))}},34728:function(e,t,n){"use strict";n.d(t,{O:function(){return s}});var c=n(52322),i=n(71651),o=n(32681),r=n(79096),s=function(e){var t=function(e){var t=d[e.modelType];switch(e.modelStatus){case o.G.New:return{badgeColor:"green",badgeTitle:"New",tooltipContent:"This ".concat(t," exists only locally. Upon sync, it will be pushed to your remote repository.")};case o.G.Modified:return{badgeColor:"amber",badgeTitle:"Modified",tooltipContent:"This ".concat(t," has been modified locally. Upon sync, changes will be pushed to your remote repository.")};case o.G.Synced:return{badgeColor:"purple",badgeTitle:"Synced",tooltipContent:"This ".concat(t," is in sync with the remote repository.")};case o.G.Deleted:return{badgeColor:"tomato",badgeTitle:"Deleted",tooltipContent:"This ".concat(t," has been deleted locally.")};case o.G.Unknown:if(!e.isOnline)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (no internet connection)."};if(e.authStatus===r.t.UNAUTHORIZED)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (not connected to Prismic)."};if(e.authStatus===r.t.FORBIDDEN)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (you don't have access to the repository)."};default:return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (unknown error)."}}}(e),n=t.badgeColor,s=t.badgeTitle,a=t.tooltipContent;return(0,c.jsx)(i.u,{content:a,side:"bottom",children:(0,c.jsx)(i.Ct,{color:n,title:s})})},d={CustomType:"type",Slice:"slice"}},82131:function(e,t,n){"use strict";n.d(t,{B:function(){return _}});var c=n(62230),i=n(85244),o=n(52322),r=n(71651),s=n(39097),d=n.n(s),a=n(30180),l=n(24804),u=n(5479),v=n(34728),h=n(49451),m=function(e){return(0,o.jsx)("svg",(0,i.Z)((0,c.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 5.5C4 4.67157 4.67157 4 5.5 4H18.5C19.3284 4 20 4.67157 20 5.5V12.4413C20 12.4512 19.9997 12.461 19.9991 12.4707C20.0072 12.6083 19.9586 12.7485 19.8536 12.8536C19.6583 13.0488 19.3417 13.0488 19.1464 12.8536L16.3536 10.0607C16.1583 9.8654 15.8417 9.8654 15.6464 10.0607L11.8536 13.8536C11.6583 14.0488 11.3417 14.0488 11.1464 13.8536L9.35355 12.0607C9.15829 11.8654 8.84171 11.8654 8.64645 12.0607L5 15.7071V18.5C5 18.7761 5.22386 19 5.5 19H12.5C12.7761 19 13 19.2239 13 19.5C13 19.7761 12.7761 20 12.5 20H5.5C4.67157 20 4 19.3284 4 18.5V15.5003V15.4997V5.5ZM11.5 12.7929L14.9393 9.35355C15.5251 8.76777 16.4749 8.76777 17.0607 9.35355L19 11.2929V5.5C19 5.22386 18.7761 5 18.5 5H5.5C5.22386 5 5 5.22386 5 5.5V14.2929L7.93934 11.3536C8.52513 10.7678 9.47487 10.7678 10.0607 11.3536L11.5 12.7929ZM16.5 13C16.7761 13 17 13.2239 17 13.5V16H19.5C19.7761 16 20 16.2239 20 16.5C20 16.7761 19.7761 17 19.5 17H17V19.5C17 19.7761 16.7761 20 16.5 20C16.2239 20 16 19.7761 16 19.5V17H13.5C13.2239 17 13 16.7761 13 16.5C13 16.2239 13.2239 16 13.5 16H16V13.5C16 13.2239 16.2239 13 16.5 13Z",fill:"currentColor"})}))},_=function(e){var t=e.action,n=e.isDeletedSlice,s=e.onUpdateScreenshot,m=e.slice,_=a.dN.variation(m);if(!_)return null;var p=h.Y.getBuilderPagePathname({libraryName:m.href,sliceName:m.model.name,variationId:_.id}),f=(0,u.d7)(m,_),x=!!s&&!n;return(0,o.jsxs)(l.Zb,(0,i.Z)((0,c.Z)({},void 0===p||n?{interactive:!1}:{component:d(),href:p,interactive:!0}),{children:[void 0!==f?(0,o.jsx)(l.ZB,{overlay:x?(0,o.jsx)(r.xu,{alignItems:"center",justifyContent:"center",children:(0,o.jsx)(b,{onClick:s})}):void 0,src:f}):(0,o.jsx)(l.ZB,{component:"div",children:(0,o.jsxs)(r.xu,{alignItems:"center",flexDirection:"column",gap:8,justifyContent:"center",children:[(0,o.jsx)(r.xv,{color:"grey11",component:"span",children:"No screenshot available"}),x?(0,o.jsx)(b,{onClick:s}):void 0]})}),(0,o.jsx)(l.eW,{action:"menu"===t.type?(0,o.jsxs)(r.h_,{modal:!0,children:[(0,o.jsx)(r.$F,{children:(0,o.jsx)(r.hU,{icon:"moreVert"})}),(0,o.jsxs)(r.AW,{align:"end",children:[(0,o.jsx)(r.Xi,{onSelect:t.onRename,startIcon:(0,o.jsx)(r.I5,{name:"edit"}),children:"Rename"}),(0,o.jsx)(r.Xi,{color:"tomato",onSelect:t.onRemove,startIcon:(0,o.jsx)(r.I5,{name:"delete"}),children:"Delete"})]})]}):"remove"===t.type?(0,o.jsx)(r.hU,{icon:"close",onClick:t.onRemove}):(0,o.jsx)(v.O,{authStatus:t.authStatus,isOnline:t.isOnline,modelStatus:t.modelStatus,modelType:"Slice"}),subtitle:(0,u.Kk)(m),title:m.model.name}),x&&(0,u.cx)(m)>0?(0,o.jsx)(l.Lm,{children:"Missing screenshot"}):void 0]}))},b=function(e){return(0,o.jsx)(r.zx,{onClick:e.onClick,renderStartIcon:function(){return(0,o.jsx)(m,{color:r.TV.color.greyLight11})},variant:"secondary",children:"Update screenshot"})}},49451:function(e,t,n){"use strict";n.d(t,{Y:function(){return c}});var c={getBuilderPagePathname:function(e){var t=e.libraryName,n=e.sliceName,c=e.variationId;return"/".concat(t.replace(/\//g,"--"),"/").concat(n,"/").concat(c)}}},95201:function(){}}]);

package/out/_next/static/chunks/{97-f6188ebe22eb21da.js → 97-ee2fa6c3e6bf7b71.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97],{3819:function(e,t){"use strict";function o(e,t,o,n){return!1}Object.defineProperty(t,"__esModule",{value:!0}),t.getDomainLocale=o,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},81756:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(60793).Z;o(87806).default,Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(18726).Z,a=o(62877).Z,u=r(o(2784)),l=o(53606),f=o(78358),c=o(20214),i=o(52928),s=o(80987),d=o(3819),p=o(65206),v={};function y(e,t,o,n){if(e&&l.isLocalURL(t)){Promise.resolve(e.prefetch(t,o,n)).catch(function(e){});var r=n&&void 0!==n.locale?n.locale:e&&e.locale;v[t+"%"+o+(r?"%"+r:"")]=!0}}var b=u.default.forwardRef(function(e,t){var o,r,b=e.href,h=e.as,C=e.children,_=e.prefetch,g=e.passHref,M=e.replace,m=e.shallow,x=e.scroll,L=e.locale,j=e.onClick,R=e.onMouseEnter,O=e.onTouchStart,E=e.legacyBehavior,k=void 0===E?!0!==Boolean(!1):E,P=a(e,["href","as","children","prefetch","passHref","replace","shallow","scroll","locale","onClick","onMouseEnter","onTouchStart","legacyBehavior"]);o=C,k&&("string"==typeof o||"number"==typeof o)&&(o=u.default.createElement("a",null,o));var w=!1!==_,T=u.default.useContext(c.RouterContext),I=u.default.useContext(i.AppRouterContext);I&&(T=I);var S=u.default.useMemo(function(){var e=n(l.resolveHref(T,b,!0),2),t=e[0],o=e[1];return{href:t,as:h?l.resolveHref(T,h):o||t}},[T,b,h]),U=S.href,B=S.as,N=u.default.useRef(U),Z=u.default.useRef(B);k&&(r=u.default.Children.only(o));var A=k?r&&"object"==typeof r&&r.ref:t,D=n(s.useIntersection({rootMargin:"200px"}),3),H=D[0],K=D[1],G=D[2],q=u.default.useCallback(function(e){(Z.current!==B||N.current!==U)&&(G(),Z.current=B,N.current=U),H(e),A&&("function"==typeof A?A(e):"object"==typeof A&&(A.current=e))},[B,A,U,G,H]);u.default.useEffect(function(){var e=K&&w&&l.isLocalURL(U),t=void 0!==L?L:T&&T.locale,o=v[U+"%"+B+(t?"%"+t:"")];e&&!o&&y(T,U,B,{locale:t})},[B,U,K,L,w,T]);var z={ref:q,onClick:function(e){k||"function"!=typeof j||j(e),k&&r.props&&"function"==typeof r.props.onClick&&r.props.onClick(e),e.defaultPrevented||function(e,t,o,n,r,a,f,c,i,s){if("A"!==e.currentTarget.nodeName.toUpperCase()||(!(p=(d=e).currentTarget.target)||"_self"===p)&&!d.metaKey&&!d.ctrlKey&&!d.shiftKey&&!d.altKey&&(!d.nativeEvent||2!==d.nativeEvent.which)&&l.isLocalURL(o)){e.preventDefault();var d,p,v=function(){"beforePopState"in t?t[r?"replace":"push"](o,n,{shallow:a,locale:c,scroll:f}):t[r?"replace":"push"](o,{forceOptimisticNavigation:!s})};i?u.default.startTransition(v):v()}}(e,T,U,B,M,m,x,L,Boolean(I),w)},onMouseEnter:function(e){k||"function"!=typeof R||R(e),k&&r.props&&"function"==typeof r.props.onMouseEnter&&r.props.onMouseEnter(e),!(!w&&I)&&l.isLocalURL(U)&&y(T,U,B,{priority:!0})},onTouchStart:function(e){k||"function"!=typeof O||O(e),k&&r.props&&"function"==typeof r.props.onTouchStart&&r.props.onTouchStart(e),!(!w&&I)&&l.isLocalURL(U)&&y(T,U,B,{priority:!0})}};if(!k||g||"a"===r.type&&!("href"in r.props)){var F=void 0!==L?L:T&&T.locale,J=T&&T.isLocaleDomain&&d.getDomainLocale(B,F,T.locales,T.domainLocales);z.href=J||p.addBasePath(f.addLocale(B,F,T&&T.defaultLocale))}return k?u.default.cloneElement(r,z):u.default.createElement("a",Object.assign({},P,z),o)});t.default=b,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},80987:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(60793).Z;Object.defineProperty(t,"__esModule",{value:!0}),t.useIntersection=function(e){var t=e.rootRef,o=e.rootMargin,c=e.disabled||!u,i=n(r.useState(!1),2),s=i[0],d=i[1],p=n(r.useState(null),2),v=p[0],y=p[1];return r.useEffect(function(){if(u){if(!c&&!s&&v&&v.tagName){var e,n,r,i,p,y,b;return n=function(e){return e&&d(e)},p=(i=function(e){var t,o={root:e.root||null,margin:e.rootMargin||""},n=f.find(function(e){return e.root===o.root&&e.margin===o.margin});if(n&&(t=l.get(n)))return t;var r=new Map;return t={id:o,observer:new IntersectionObserver(function(e){e.forEach(function(e){var t=r.get(e.target),o=e.isIntersecting||e.intersectionRatio>0;t&&o&&t(o)})},e),elements:r},f.push(o),l.set(o,t),t}(r={root:null==t?void 0:t.current,rootMargin:o})).id,y=i.observer,(b=i.elements).set(v,n),y.observe(v),function(){if(b.delete(v),y.unobserve(v),0===b.size){y.disconnect(),l.delete(p);var e=f.findIndex(function(e){return e.root===p.root&&e.margin===p.margin});e>-1&&f.splice(e,1)}}}}else if(!s){var h=a.requestIdleCallback(function(){return d(!0)});return function(){return a.cancelIdleCallback(h)}}},[v,c,o,t,s]),[y,s,r.useCallback(function(){d(!1)},[])]};var r=o(2784),a=o(3771),u="function"==typeof IntersectionObserver,l=new Map,f=[];("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},52928:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TemplateContext=t.GlobalLayoutRouterContext=t.LayoutRouterContext=t.AppRouterContext=void 0;var n=(0,o(18726).Z)(o(2784)),r=n.default.createContext(null);t.AppRouterContext=r;var a=n.default.createContext(null);t.LayoutRouterContext=a;var u=n.default.createContext(null);t.GlobalLayoutRouterContext=u;var l=n.default.createContext(null);t.TemplateContext=l},39097:function(e,t,o){e.exports=o(81756)}}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97],{3819:function(e,t){"use strict";function o(e,t,o,n){return!1}Object.defineProperty(t,"__esModule",{value:!0}),t.getDomainLocale=o,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},81756:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(60793).Z;o(87806).default,Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(18726).Z,a=o(62877).Z,u=r(o(2784)),l=o(53606),f=o(78358),c=o(20214),i=o(52928),s=o(80987),d=o(3819),p=o(65206),v={};function y(e,t,o,n){if(e&&l.isLocalURL(t)){Promise.resolve(e.prefetch(t,o,n)).catch(function(e){});var r=n&&void 0!==n.locale?n.locale:e&&e.locale;v[t+"%"+o+(r?"%"+r:"")]=!0}}var b=u.default.forwardRef(function(e,t){var o,r,b=e.href,h=e.as,C=e.children,_=e.prefetch,g=e.passHref,M=e.replace,m=e.shallow,x=e.scroll,L=e.locale,j=e.onClick,R=e.onMouseEnter,O=e.onTouchStart,E=e.legacyBehavior,k=void 0===E?!0!==Boolean(!0):E,P=a(e,["href","as","children","prefetch","passHref","replace","shallow","scroll","locale","onClick","onMouseEnter","onTouchStart","legacyBehavior"]);o=C,k&&("string"==typeof o||"number"==typeof o)&&(o=u.default.createElement("a",null,o));var w=!1!==_,T=u.default.useContext(c.RouterContext),I=u.default.useContext(i.AppRouterContext);I&&(T=I);var S=u.default.useMemo(function(){var e=n(l.resolveHref(T,b,!0),2),t=e[0],o=e[1];return{href:t,as:h?l.resolveHref(T,h):o||t}},[T,b,h]),U=S.href,B=S.as,N=u.default.useRef(U),Z=u.default.useRef(B);k&&(r=u.default.Children.only(o));var A=k?r&&"object"==typeof r&&r.ref:t,D=n(s.useIntersection({rootMargin:"200px"}),3),H=D[0],K=D[1],G=D[2],q=u.default.useCallback(function(e){(Z.current!==B||N.current!==U)&&(G(),Z.current=B,N.current=U),H(e),A&&("function"==typeof A?A(e):"object"==typeof A&&(A.current=e))},[B,A,U,G,H]);u.default.useEffect(function(){var e=K&&w&&l.isLocalURL(U),t=void 0!==L?L:T&&T.locale,o=v[U+"%"+B+(t?"%"+t:"")];e&&!o&&y(T,U,B,{locale:t})},[B,U,K,L,w,T]);var z={ref:q,onClick:function(e){k||"function"!=typeof j||j(e),k&&r.props&&"function"==typeof r.props.onClick&&r.props.onClick(e),e.defaultPrevented||function(e,t,o,n,r,a,f,c,i,s){if("A"!==e.currentTarget.nodeName.toUpperCase()||(!(p=(d=e).currentTarget.target)||"_self"===p)&&!d.metaKey&&!d.ctrlKey&&!d.shiftKey&&!d.altKey&&(!d.nativeEvent||2!==d.nativeEvent.which)&&l.isLocalURL(o)){e.preventDefault();var d,p,v=function(){"beforePopState"in t?t[r?"replace":"push"](o,n,{shallow:a,locale:c,scroll:f}):t[r?"replace":"push"](o,{forceOptimisticNavigation:!s})};i?u.default.startTransition(v):v()}}(e,T,U,B,M,m,x,L,Boolean(I),w)},onMouseEnter:function(e){k||"function"!=typeof R||R(e),k&&r.props&&"function"==typeof r.props.onMouseEnter&&r.props.onMouseEnter(e),!(!w&&I)&&l.isLocalURL(U)&&y(T,U,B,{priority:!0})},onTouchStart:function(e){k||"function"!=typeof O||O(e),k&&r.props&&"function"==typeof r.props.onTouchStart&&r.props.onTouchStart(e),!(!w&&I)&&l.isLocalURL(U)&&y(T,U,B,{priority:!0})}};if(!k||g||"a"===r.type&&!("href"in r.props)){var F=void 0!==L?L:T&&T.locale,J=T&&T.isLocaleDomain&&d.getDomainLocale(B,F,T.locales,T.domainLocales);z.href=J||p.addBasePath(f.addLocale(B,F,T&&T.defaultLocale))}return k?u.default.cloneElement(r,z):u.default.createElement("a",Object.assign({},P,z),o)});t.default=b,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},80987:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(60793).Z;Object.defineProperty(t,"__esModule",{value:!0}),t.useIntersection=function(e){var t=e.rootRef,o=e.rootMargin,c=e.disabled||!u,i=n(r.useState(!1),2),s=i[0],d=i[1],p=n(r.useState(null),2),v=p[0],y=p[1];return r.useEffect(function(){if(u){if(!c&&!s&&v&&v.tagName){var e,n,r,i,p,y,b;return n=function(e){return e&&d(e)},p=(i=function(e){var t,o={root:e.root||null,margin:e.rootMargin||""},n=f.find(function(e){return e.root===o.root&&e.margin===o.margin});if(n&&(t=l.get(n)))return t;var r=new Map;return t={id:o,observer:new IntersectionObserver(function(e){e.forEach(function(e){var t=r.get(e.target),o=e.isIntersecting||e.intersectionRatio>0;t&&o&&t(o)})},e),elements:r},f.push(o),l.set(o,t),t}(r={root:null==t?void 0:t.current,rootMargin:o})).id,y=i.observer,(b=i.elements).set(v,n),y.observe(v),function(){if(b.delete(v),y.unobserve(v),0===b.size){y.disconnect(),l.delete(p);var e=f.findIndex(function(e){return e.root===p.root&&e.margin===p.margin});e>-1&&f.splice(e,1)}}}}else if(!s){var h=a.requestIdleCallback(function(){return d(!0)});return function(){return a.cancelIdleCallback(h)}}},[v,c,o,t,s]),[y,s,r.useCallback(function(){d(!1)},[])]};var r=o(2784),a=o(3771),u="function"==typeof IntersectionObserver,l=new Map,f=[];("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},52928:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TemplateContext=t.GlobalLayoutRouterContext=t.LayoutRouterContext=t.AppRouterContext=void 0;var n=(0,o(18726).Z)(o(2784)),r=n.default.createContext(null);t.AppRouterContext=r;var a=n.default.createContext(null);t.LayoutRouterContext=a;var u=n.default.createContext(null);t.GlobalLayoutRouterContext=u;var l=n.default.createContext(null);t.TemplateContext=l},39097:function(e,t,o){e.exports=o(81756)}}]);

package/out/_next/static/chunks/pages/[lib]/[sliceName]/[variation]/{simulator-c608e0470a8f6099.js → simulator-47ba090193469e3f.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[563],{18343:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lib]/[sliceName]/[variation]/simulator",function(){return t(6487)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var r=t(62230),i=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,p=e.disabled,v=e.onClick,m=e.sx,g=e.iconSize,b=void 0===g?16:g,C=e.iconFill,j=e.variant,S=void 0===j?"primary":j,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,r.Z)({ref:n,sx:(0,r.Z)((0,i.Z)((0,r.Z)({},void 0===m?{}:m),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),h?{cursor:"wait !important"}:{}),type:d,form:x,disabled:void 0!==p&&p||h,onClick:h?void 0:v,variant:S},k),{children:h?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.$j,{size:b,color:u(S),"data-cy":l(k["data-cy"],"spinner")}),c&&t]}):(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(c,{size:b,fill:C,"data-cy":l(k["data-cy"],"icon")}),t]})}))})},61931:function(e,n,t){"use strict";t.d(n,{q:function(){return l}});var r=t(62230),i=t(52322),o=t(2784),s=t(75289),c=t(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.hideMissingWarning,t=e.src,o=e.sx;return(0,i.jsx)(s.kC,{sx:(0,r.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},o),children:void 0!==n&&n?null:(0,i.jsx)(i.Fragment,{children:void 0!==t?(0,i.jsx)(a,{src:t}):(0,i.jsxs)(s.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,i.jsx)(c.eJU,{}),"You have no screenshot yet."]})})})}},4597:function(e,n,t){"use strict";t.d(n,{Z:function(){return f}});var r,i=t(22710),o=t(62230),s=t(17064),c=t(99267),a=t(52322),l=t(2784),u=t(75289),d=t(16),x=t(90374),f=function(e){var n,t,r,f,h,p,v,m=e.apiContent,g=e.screenDimensions,b=e.simulatorUrl,C=e.dryRun,j=e.isScreenshot,S=void 0!==j&&j,k=(0,s.Z)((t=(n=(0,l.useState)())[0],r=n[1],f=(0,l.useRef)(),h=(0,l.useRef)(),v=(0,l.useCallback)((p=(0,i.Z)(function(e){var n,t,o,s;return(0,c.__generator)(this,function(a){switch(a.label){case 0:if(null===(n=f.current)||void 0===n||n.disconnect(),null===(t=h.current)||void 0===t||t.disconnect(),r(void 0),!(null!=e))return[3,4];f.current=new d.SH(e),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,f.current.connect()];case 2:var l;return a.sent(),r(f.current),l=(0,i.Z)(function(){var e;return(0,c.__generator)(this,function(n){switch(n.label){case 0:return r(void 0),[4,null===(e=f.current)||void 0===e?void 0:e.connect({},!0)];case 1:return n.sent(),r(f.current),[2]}})}),o=function(){return l.apply(this,arguments)},h.current=new MutationObserver(function(e){e.forEach(function(e){"src"===e.attributeName&&o().catch(function(e){throw e})})}),h.current.observe(e,{attributeFilter:["src"]}),[3,4];case 3:return s=a.sent(),console.error(s),[3,4];case 4:return[2]}})}),function(e){return p.apply(this,arguments)}),[]),[t,v]),2),y=k[0],E=k[1],w=(0,x.Z)(),_=w.connectToSimulatorSuccess,I=w.connectToSimulatorFailure;(0,l.useEffect)(function(){var e;if(!b){I();return}if(void 0!==y){if(!y.connected){I(),console.warn("Trying to use a disconnected simulator client.");return}(e=(0,i.Z)(function(){return(0,c.__generator)(this,function(e){switch(e.label){case 0:return[4,y.setSliceZone([m])];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)})().then(function(){_()}).catch(function(){I()})}},[y,m,b]);var D,Z,F,R,z,N,O,T,A,L=(0,l.useState)(),M=L[0],U=L[1],P=(D=function(e){var n;U({height:e.blockSize,width:e.inlineSize})},F=(0,l.useRef)(),(0,l.useCallback)(function(e){var n;null===(n=F.current)||void 0===n||n.disconnect(),null!==e&&(F.current=new ResizeObserver(function(n){var t,r=(0,s.Z)(n,1)[0].contentRect;D({blockSize:r.height,inlineSize:r.width},e)}),F.current.observe(e))},[]));return(0,a.jsxs)(u.kC,{ref:P,sx:(0,o.Z)({alignItems:"center",backgroundColor:"headSection",backgroundImage:"url(/pattern.png)",backgroundRepeat:"repeat",backgroundSize:"10px",border:S?void 0:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:S?void 0:8,display:"flex",height:"100%",justifyContent:"center",overflow:"hidden"},void 0!==C&&C?{display:"none"}:{}),children:[b?(0,a.jsx)("iframe",{id:"__iframe-renderer",ref:E,src:b,style:(0,o.Z)({border:"none",maxHeight:"".concat(g.height,"px"),maxWidth:"".concat(g.width,"px"),minHeight:"".concat(g.height,"px"),minWidth:"".concat(g.width,"px"),overflowY:"auto"},M?{transform:"scale(".concat((R=g,z=M,N=R.height,O=R.width,T=z.height,A=z.width,O>A||N>T?O-A>N-T?A/O:T/N:1),")")}:{display:"none"})}):null,(null==y?void 0:y.connected)?(0,a.jsx)("div",{id:"__iframe-ready"}):null]})}},38986:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var r=t(62230),i=t(52322),o=t(2784),s=t(19909),c=t(75289),a=function(e){var n=e.defaultValue,t=e.variations,r=e.MenuItemAction,o=e.onChange;return(0,i.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,i.jsxs)(c.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[t.length," VARIATION",t.length>1?"S":""]}),(0,i.jsxs)(c.kC,{sx:{p:0,flexDirection:"column"},children:[t.map(function(e){return(0,i.jsx)(l,{value:e,isActive:e.id===n.id,onClick:o},e.id)}),r||null]})]})},l=function(e){var n=e.value,t=e.isActive,r=e.onClick;return(0,i.jsx)(c.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 r(n)},children:n.name})},u=t(75100),d=function(e){var n=e.buttonSx,t=e.defaultValue,l=e.variations,d=e.onNewVariation,x=e.onChange,f=e.sx,h=e.disabled,p=(0,o.useState)(!1),v=p[0],m=p[1],g=(0,o.useState)(t||l[0]),b=g[0],C=g[1];(0,o.useEffect)(function(){t&&C(t)},[t]);var j=function(e){m(!1),C(e),setTimeout(function(){return x(e)},210)},S=(0,i.jsx)(c.xu,{sx:{p:2},children:(0,i.jsx)(c.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){m(!1),d&&d()},children:"+ Add new variation"})});return(0,i.jsx)(c.xu,{sx:f,children:(0,i.jsx)(s.Popover,{align:"start",isOpen:v,onClickOutside:function(){return m(!1)},positions:["bottom"],padding:10,content:function(){return(0,i.jsx)(a,{defaultValue:b,variations:l,onChange:j,MenuItemAction:d?S:void 0})},containerClassName:"variationSelectorContainer",children:(0,i.jsxs)(c.zx,{sx:(0,r.Z)({},n),variant:"dropDownButton",onClick:function(){return m(!v)},disabled:h,children:[b.name," ",v?(0,i.jsx)(u.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,i.jsx)(u.mEq,{size:"16px","aria-label":"Expand variations"})]})})})}},25474:function(e,n,t){"use strict";function r(e){var n=e.lib,t=e.sliceName,r=e.variationId,i=e.options,o=void 0===i?{}:i,s=e.isSimulator,c="/[lib]/[sliceName]/[variation]".concat(s?"/simulator":""),a="/".concat(n,"/").concat(t,"/").concat(r).concat(s?"/simulator":"");return{href:c,as:a,options:o,all:[c,a,o]}}t.d(n,{P:function(){return r}})},6487:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eg}});var r,i,o,s,c=t(52322),a=t(97729),l=t.n(a),u=t(62230),d=t(85244),x=t(2784),f=t(71463),h=t(71651),p=t(87608),v=t(75289),m=t(65077),g=t(5632),b=t.n(g),C=t(38986),j=t(56577),S=function(e){return(0,c.jsxs)("svg",(0,d.Z)((0,u.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"})]}))},k=t(56580),y=t(52039),E=t(25474),w=function(e,n,t){if(!n){b().push("/".concat(e.href,"/").concat(e.model.name));return}var r=E.P({lib:e.href,sliceName:e.model.name,variationId:null==n?void 0:n.id,isSimulator:t});b().push(r.href,r.as,r.options)},_=function(e){var n=e.slice,t=e.variation,r=e.isDisplayEditor,i=e.toggleIsDisplayEditor,o=e.onSaveMock,s=e.actionsDisabled,a=(0,k.v9)(function(e){return{savingMock:(0,y.S3)(e)}}).savingMock;return(0,c.jsxs)(v.kC,{sx:{p:"16px",display:"flex",bg:"grey07",gridTemplateRows:"1fr",borderBottom:"1px solid #DCDBDD",justifyContent:"space-between"},children:[(0,c.jsxs)(v.kC,{sx:{alignItems:"center"},children:[(0,c.jsx)(S,{height:"20px",width:"20px",fill:"#1A1523"}),(0,c.jsx)(v.xv,{sx:{ml:2,mr:"12px",fontSize:"14px",color:"#1A1523",fontWeight:"600",letterSpacing:"-0.15px"},children:n.model.name}),(0,c.jsx)(C.Z,{defaultValue:t,variations:n.model.variations,onChange:function(e){return w(n,e,!0)},disabled:n.model.variations.length<=1||s})]}),(0,c.jsxs)(v.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,c.jsx)(v.kC,{sx:{alignItems:"center",justifyContent:"space-around"},children:(0,c.jsxs)(v.kC,{sx:{alignItems:"center",mr:4},children:[(0,c.jsx)(v.__,{htmlFor:"show-mock-editor",sx:{color:"#6F6E77",lineHeight:"16px",fontSize:"12px",fontWeight:"600",letterSpacing:"0px"},children:"Editor"}),(0,c.jsx)(v.rs,{id:"show-mock-editor",checked:r,onChange:i,disabled:s})]})}),(0,c.jsx)(j.z,{"data-cy":"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"}}}})]})]})},I=t(82770),D=t(39092),Z=t(19909),F=function(e){var n=e.defaultValue,t=e.options,r=e.onChange;return(0,c.jsx)(v.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)(v.kC,{sx:{p:0,flexDirection:"column"},children:t.map(function(e){return(0,c.jsx)(R,{value:e,isActive:e===n,onClick:r})})})})},R=function(e){var n=e.value,t=e.isActive,r=e.onClick;return(0,c.jsx)(v.xu,{sx:{p:2,cursor:"pointer",fontSize:"14px",borderRadius:0,bg:t?"hoverBackground":"background",":hover":{bg:"hoverBackground"}},onClick:function(){return r(n)},children:n})},z=t(75100),N=function(e){var n=e.buttonSx,t=e.currentValue,r=e.options,i=e.onChange,o=e.disabled,s=(0,x.useState)(!1),a=s[0],l=s[1],u=function(e){l(!1),setTimeout(function(){return i(e)},210)};return(0,c.jsx)(v.xu,{children:(0,c.jsx)(Z.Popover,{align:"start",isOpen:a,onClickOutside:function(){return l(!1)},positions:["bottom"],padding:2,content:function(){return(0,c.jsx)(F,{defaultValue:t,options:r,onChange:u})},children:(0,c.jsxs)(v.zx,{sx:n,variant:"dropDownButton",onClick:function(){return l(!a)},disabled:o,children:[t," ",a?(0,c.jsx)(z.bOz,{size:"24px"}):(0,c.jsx)(z.mEq,{size:"24px"})]})})})},O=t(67557);(s=r||(r={})).DESKTOP="Desktop",s.TABLET="Tablet",s.MOBILE="Mobile",s.CUSTOM="Custom";var T=(i={},(0,O.Z)(i,r.DESKTOP,{width:1280,height:800}),(0,O.Z)(i,r.TABLET,{width:1080,height:810}),(0,O.Z)(i,r.MOBILE,{width:390,height:844}),i),A=function(e){var n=e.label,t=e.startValue,r=e.onChange,i=e.sx,o=e.disabled,s=["e","-","+",",","."];return(0,c.jsxs)(v.kC,{sx:(0,u.Z)({alignItems:"center"},i),children:[(0,c.jsx)(v.__,{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)(v.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:r,value:t,min:"0",onKeyDown:function(e){s.includes(e.key)&&e.preventDefault()}})]})},L=function(e){e.slice,e.variation;var n=e.handleScreenSizeChange,t=e.screenDimensions,i=e.actionsDisabled,o=(0,x.useState)(r.DESKTOP),s=o[0],a=o[1],l=function(e){a(e),e!==r.CUSTOM&&n(T[e])},f=function(e){var t=Object.values(T).findIndex(function(n){return JSON.stringify(n)===JSON.stringify(e)}),i=t<0?r.CUSTOM:Object.keys(T)[t];a(i),n(e)};return(0,c.jsx)(v.kC,{sx:{alignItems:"center",pb:"16px",justifyContent:"space-between",variant:"small"},children:(0,c.jsxs)(v.kC,{sx:{alignItems:"center",flex:1},children:[(0,c.jsx)(N,{options:Object.values(r),onChange:l,buttonSx:{alignSelf:"start"},currentValue:s,disabled:i}),(0,c.jsx)(A,{label:"W",startValue:t.width.toString(),onChange:function(e){f((0,d.Z)((0,u.Z)({},t),{width:Number(e.target.value)}))},disabled:i,sx:{mx:2}}),(0,c.jsx)(z.eSQ,{size:16,color:"#6F6E77"}),(0,c.jsx)(A,{label:"H",startValue:t.height.toString(),onChange:function(e){f((0,d.Z)((0,u.Z)({},t),{height:Number(e.target.value)}))},disabled:i,sx:{ml:2}})]})})},M=t(25812),U=t(77174),P=t(24340),W=t(90374),B=t(54132),H=t(61931),V=function(e){var n=e.sliceName,t=e.screenshotUrl,r=(0,k.v9)(function(e){return{isScreenshotModalOpen:(0,U.gP)(e,P.q.SCREENSHOT_PREVIEW)}}).isScreenshotModalOpen,i=(0,W.Z)().closeModals;return(0,c.jsx)(M.Z,{isOpen:r,shouldCloseOnOverlayClick:!0,contentLabel:"Screenshot Preview",portalClassName:"ScreenshotPreviewModal",onRequestClose:i,children:(0,c.jsx)(B.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)(v.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)(v.X6,{sx:{fontSize:"14px"},children:["Screenshot Preview for ",n]}),(0,c.jsx)(v.x8,{type:"button",onClick:function(){return i()}})]})},Footer:function(){return(0,c.jsx)(v.kC,{style:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:"1px solid #DCDBDD"},children:(0,c.jsx)(v.zx,{variant:"secondary",sx:{fontWeight:600},onClick:function(){return i()},children:"Close"})})},children:(0,c.jsx)(H.q,{src:t,sx:{height:"320px"}})})})},q=t(25242),X=t(81541),G=function(e,n,t){var r=(0,x.useState)(e()),i=r[0],o=r[1],s=(0,x.useRef)(Date.now());return(0,x.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,X.Z)(t))),i},K=t(4597),Y=function(e){var n=e.children,t=e.sx;return(0,c.jsx)(v.kC,{sx:(0,u.Z)({bg:"grey07",height:"90%",width:"100%",justifyContent:"center",alignItems:"center",zIndex:"1"},t),children:(0,c.jsx)(v.kC,{sx:{marginTop:"-128px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:n})})},J=t(85819),Q=function(e){var n=e.onRetrigger;return(0,c.jsxs)(Y,{children:[(0,c.jsx)(v.Ee,{src:"/iframe-not-running.png",sx:{width:"320px"}}),(0,c.jsx)(v.xv,{sx:{color:"textClear",mb:2,fontSize:"14px",lineHeight:"24px",fontWeight:"600"},children:"Slice Machine can't render your Slice"}),(0,c.jsxs)(v.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)(v.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)(v.rU,{target:"_blank",href:"https://prismic.io/docs/slice-machine",sx:{color:"link"},children:"troubleshooting instructions."})]}),(0,c.jsx)(j.z,{onClick:n,label:"Refresh",Icon:J.Fer,iconSize:20,iconFill:"#6F6E77",variant:"secondaryMedium",sx:{mt:"16px"}})]})},$=t(98240),ee=t(92928),en=t(33402),et=t(59326),er=t(86741),ei=t(65186),eo=function(e){var n=e.children;return(0,c.jsx)(v.xu,{as:"code",sx:{bg:"rgba(0, 0, 0, 0.05)",borderRadius:3,padding:"2px 4px"},children:n})},es=function(e){var n,t=e.children,r=(0,$.Z)(e,["children"]),i=(0,et.B7)().theme,o=(0,x.useState)(!1),s=o[0],a=o[1],l=(0,x.useRef)(null),f=function(){l.current&&navigator.clipboard.writeText(l.current.innerText).then(function(){a(!0),setTimeout(function(){a(!1)},1200)}).catch(function(){})};return(0,c.jsxs)(v.xu,(0,d.Z)((0,u.Z)({},r),{sx:{backgroundColor:"codeBlockBackground",borderRadius:8},children:[(0,c.jsxs)(v.kC,{sx:{px:"26px",py:"22px",color:"#FFF",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"1px solid rgba(111, 110, 119, 0.2)"},children:[(0,c.jsx)(v.kC,{sx:{alignItems:"center"}}),(0,c.jsxs)(v.zx,{onClick:f,variant:"transparent",sx:{display:"flex",justifyContent:"center",alignItems:"center",p:0,fontSize:"12px",color:"#FFF"},children:["Copy\xa0",s?(0,c.jsx)(ei.HhX,{size:16,color:String(null==i?void 0:null===(n=i.colors)||void 0===n?void 0:n.success)}):(0,c.jsx)(ei.Fqs,{size:16,style:{marginLeft:"8px"}})]})]}),(0,c.jsx)(v.xu,{ref:l,as:"pre",sx:{color:"#c9d1d9",padding:"16px 20px",overflow:"auto"},children:t})]}))},ec={code:function(e){var n=e.children;return(0,c.jsx)(eo,{children:n})},pre:function(e){var n=e.children,t=(0,$.Z)(e,["children"]);return(0,c.jsx)(es,(0,d.Z)((0,u.Z)({},t),{children:n}))}},ea=function(e){var n=e.html,t=e.components,r=void 0===t?{}:t,i={replace:function(e){if((0,en.Z)(e,er.W_)&&e.attribs){var n=(0,er.du)(e.children,i),t=(0,u.Z)({},r,ec)[e.name];if(t)return(0,c.jsx)(t,(0,d.Z)((0,u.Z)({name:e.name},e.attribs),{children:n}))}}};return(0,c.jsx)(c.Fragment,{children:(0,er.ZP)(n,i)})},el=function(e){var n=e.children.split("`").map(function(e,n){return n%2==1?(0,c.jsx)(eo,{children:e}):e});return(0,c.jsx)(c.Fragment,{children:n})},eu=function(e){var n=e.number,t=e.title,r=e.excerpt,i=(0,$.Z)(e,["number","title","excerpt"]);return(0,c.jsx)(ee.OK,(0,d.Z)((0,u.Z)({className:"react-tabs__vertical__tab",selectedClassName:"react-tabs__vertical__tab--selected"},i),{children:(0,c.jsxs)(v.kC,{sx:{alignItems:"flex-start"},children:[(0,c.jsx)(ex,{number:n}),(0,c.jsxs)(v.xu,{sx:{ml:3,alignSelf:"center"},children:[(0,c.jsx)(v.X6,{as:"h4",sx:{color:"whiteButtonText",fontSize:"14px",fontWeight:"600"},children:(0,c.jsx)(el,{children:t})}),r&&(0,c.jsx)(v.xv,{as:"p",sx:{mt:2,color:"textClear",fontSize:"13px",lineHeight:"24px"},children:(0,c.jsx)(el,{children:r})})]})]})}))};eu.tabsRole="Tab";var ed,ex=function(e){var n=e.number;return(0,c.jsx)(v.kC,{sx:{height:"32px",width:"32px",alignItems:"center",justifyContent:"center",border:"1px solid #E4E2E4",borderRadius:"6px",bg:"grey07",color:"textClear",flexShrink:"0",fontSize:"13px"},children:n})},ef=function(e){var n=e.isOpen,t=(0,k.v9)(function(e){return{isSimulatorAvailableForFramework:(0,D.Ql)(e),setupSteps:(0,y.qe)(e)}}),r=t.isSimulatorAvailableForFramework,i=t.setupSteps||[];return(0,x.useEffect)(function(){n&&I.Xe.track({event:"slice-simulator:setup"})},[n]),(0,c.jsx)(M.Z,{isOpen:n,children:(0,c.jsx)(B.Z,{bodySx:{p:0,bg:"grey07",height:4===i.length?"640px":"480px"},Header:function(e){var n=e.radius;return(0,c.jsx)(v.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",pl:4,bg:"grey07",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:(0,c.jsx)(v.X6,{sx:{fontSize:"14px",fontWeight:"600"},as:"h5",children:"Set up the simulator"})})},children:(0,c.jsxs)(ee.mQ,{defaultFocus:!0,className:"react-tabs__vertical",children:[(0,c.jsx)(ee.td,{className:"react-tabs__vertical__tab-list",children:i.map(function(e,n){return(0,c.jsx)(eu,{number:n+1,title:e.title,excerpt:e.description},e.title)})}),r?(0,c.jsx)(c.Fragment,{children:i.map(function(e){return(0,c.jsx)(ee.x4,{selectedClassName:"react-tabs__vertical__tab-panel--selected",className:"react-tabs__vertical__tab-panel",children:(0,c.jsx)(ea,{html:e.body})},e.title)})}):(0,c.jsx)(ee.x4,{selectedClassName:"react-tabs__vertical__tab-panel--selected",className:"react-tabs__vertical__tab-panel",children:"Framework not supported."})]})})})},eh=t(53559);(ed=o||(o={})).LOADING_SETUP="LOADING_SETUP",ed.LOADING_IFRAME="LOADING_IFRAME",ed.FAILED_SETUP="FAILED_SETUP",ed.FAILED_CONNECT="FAILED_CONNECT",ed.SUCCESS="SUCCESS";var ep=function(e){var n,t,i=e.slice,s=e.variation,a=(0,W.Z)(),l=a.checkSimulatorSetup,g=a.connectToSimulatorIframe,b=a.saveSliceMock,C=(0,k.v9)(function(e){return{simulatorUrl:(0,D.x0)(e),iframeStatus:(0,y.NL)(e),manifestStatus:(0,y.tD)(e).manifest,isWaitingForIFrameCheck:(0,y.oM)(e),endpoints:(0,D.gZ)(e)}}),j=C.simulatorUrl,S=C.iframeStatus,E=C.manifestStatus,w=C.isWaitingForIFrameCheck,Z=C.endpoints,F=(0,x.useMemo)(function(){return{embedsUrl:Z.PrismicOembed,env:"prod",unsplashUrl:Z.PrismicUnsplash}},[Z.PrismicOembed,Z.PrismicUnsplash]),R=(0,x.useRef)(null),z=(0,x.useCallback)(function(){return l()},[]);(0,x.useEffect)(function(){l(),I.Xe.track({event:"slice-simulator:open"})},[]);var N=(0,x.useRef)(!1);(0,x.useEffect)(function(){N.current=!0},[]);var O=function(e){N.current&&(N.current=!1,I.Xe.track({event:"editor:widget-used",sliceId:e}))},A="ko"===E?o.FAILED_SETUP:"ok"===E?w||!S?o.LOADING_IFRAME:"ok"!==S?o.FAILED_CONNECT:o.SUCCESS:(0,o.LOADING_SETUP);(0,x.useEffect)(function(){if(A===o.FAILED_SETUP&&!R.current){var e=setInterval(function(){z()},3e3);R.current=e}},[A]),(0,x.useEffect)(function(){"ok"===E&&(R.current&&clearInterval(R.current),g())},[E]),(0,x.useEffect)(function(){A===o.FAILED_CONNECT&&I.Xe.track({event:"slice-simulator:is-not-running"})},[A]),(0,x.useEffect)(function(){A===o.SUCCESS&&es(!0)},[A]);var M=function(){g()},U=(0,x.useState)(T[r.DESKTOP]),P=U[0],B=U[1],H=(0,x.useMemo)(function(){return eh.id.fromSM(i.model)},[i.model]),X=(0,x.useState)(null),J=X[0],$=X[1],ee=(0,x.useMemo)(function(){var e;return(null==J?void 0:J.variation)===s.id?J:(null===(e=i.mocks)||void 0===e?void 0:e.find(function(e){return e.variation===s.id}))||(0,p.W)(s.id)},[J,s.id]),en=(0,x.useMemo)(function(){return(0,q.renderSliceMock)(H,ee).id},[]),et=(0,x.useCallback)(function(){return function(){return(0,d.Z)((0,u.Z)({},(0,q.renderSliceMock)(H,ee)),{id:en})}},[H,ee]),er=G(et,800,[H,ee,]),ei=(0,x.useState)(!1),eo=ei[0],es=ei[1];return(0,c.jsxs)(v.kC,{sx:{flexDirection:"column",height:"100vh"},children:[(0,c.jsx)(ef,{isOpen:A===o.FAILED_SETUP}),(0,c.jsx)(_,{slice:i,variation:s,isDisplayEditor:eo,actionsDisabled:A!==o.SUCCESS,toggleIsDisplayEditor:function(){return es(!eo)},onSaveMock:function(){return J&&b({libraryID:i.from,sliceID:i.model.id,mocks:(i.mocks||[]).filter(function(e){return e.variation!==J.variation}).concat(J)})}}),(0,c.jsx)(v.xu,{sx:{flex:1,bg:"grey07",p:3,display:"flex",flexDirection:"column",height:"calc(100% - 73px - 16px)"},children:(0,c.jsxs)(v.kC,{sx:{flex:1,flexDirection:"row",position:"relative",width:"100%",height:"100%"},children:[(0,c.jsxs)(m.xR,{sx:{display:"flex",height:"100%",flexDirection:"column",flex:1,minWidth:0},children:[(0,c.jsx)(L,{slice:i,variation:s,handleScreenSizeChange:B,screenDimensions:P,actionsDisabled:A!==o.SUCCESS}),A===o.FAILED_CONNECT?(0,c.jsx)(Q,{onRetrigger:M}):null,A===o.SUCCESS?(0,c.jsx)(K.Z,{apiContent:er,screenDimensions:P,simulatorUrl:j}):(0,c.jsx)(c.Fragment,{children:A===o.LOADING_IFRAME?(0,c.jsxs)(Y,{children:[(0,c.jsx)(v.$j,{variant:"styles.spinner"}),(0,c.jsx)(K.Z,{apiContent:er,screenDimensions:P,simulatorUrl:j,dryRun:!0})]}):null})]}),A===o.SUCCESS?(0,c.jsx)(v.xu,{className:"editor",sx:(0,u.Z)({marginLeft:"16px",maxWidth:"440px",minWidth:"440px",overflowY:"auto"},eo?{display:"flex",flexDirection:"column"}:{display:"none"}),children:(0,c.jsx)(h.SV,{renderError:function(){return(0,c.jsx)(h.Iq,{title:"Editor error",description:"An error occurred while rendering the editor."})},children:(0,c.jsx)(x.Suspense,{children:(0,c.jsx)(f.kS,{config:F,content:ee,onContentChange:function(e){$(e),O(i.model.id)},sharedSlice:H},s.id)})})}):null]})}),!!(null===(n=i.screenshots[s.id])||void 0===n?void 0:n.url)&&(0,c.jsx)(V,{sliceName:i.model.name,screenshotUrl:null===(t=i.screenshots[s.id])||void 0===t?void 0:t.url})]})},ev=t(28684),em=(0,t(57880).y)(ep);function eg(){var e=(0,ev.Z)().slice;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l(),{children:(0,c.jsxs)("title",{children:[e?"Simulator: ".concat(e.model.name):"Simulator"," - Slice Machine"]})}),(0,c.jsx)(em,{})]})}},28684:function(e,n,t){"use strict";var r=t(92521),i=t(90374),o=t(5632),s=t(2784),c=t(56580),a=function(){var e=(0,o.useRouter)(),n=(0,i.Z)().initSliceStore,t=(0,c.v9)(function(n){return{slice:(0,r.tL)(n,e.query.lib,e.query.sliceName)}}).slice;if((0,s.useEffect)(function(){t?n(t):e.replace("/")},[n,t,e]),!t)return{};var a=t.model.variations.find(function(n){return n.id===e.query.variation});return a?{slice:t,variation:a}:(e.replace("/"),{})};n.Z=a},57880:function(e,n,t){"use strict";t.d(n,{y:function(){return c}});var r=t(62230),i=t(52322);t(2784);var o=t(28684),s=t(95583),c=function(e){return function(n){var t=n.pageProps,c=(0,o.Z)(),a=c.slice,l=c.variation;return a&&l?(0,i.jsx)(e,(0,r.Z)({slice:a,variation:l},t)):((0,s.gx)("/"),null)}}},87608:function(e,n,t){"use strict";t.d(n,{W:function(){return r}});var r=function(e){return{__TYPE__:"SharedSliceContent",variation:e,primary:{},items:[]}}}},function(e){e.O(0,[789,872,851,909,746,113,774,888,179],function(){return e(e.s=18343)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[563],{18343:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lib]/[sliceName]/[variation]/simulator",function(){return t(6487)}])},56577:function(e,n,t){"use strict";t.d(n,{z:function(){return d}});var r=t(62230),i=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,p=e.disabled,v=e.onClick,m=e.sx,g=e.iconSize,b=void 0===g?16:g,C=e.iconFill,j=e.variant,S=void 0===j?"primary":j,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,r.Z)({ref:n,sx:(0,r.Z)((0,i.Z)((0,r.Z)({},void 0===m?{}:m),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),h?{cursor:"wait !important"}:{}),type:d,form:x,disabled:void 0!==p&&p||h,onClick:h?void 0:v,variant:S},k),{children:h?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.$j,{size:b,color:u(S),"data-cy":l(k["data-cy"],"spinner")}),c&&t]}):(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(c,{size:b,fill:C,"data-cy":l(k["data-cy"],"icon")}),t]})}))})},61931:function(e,n,t){"use strict";t.d(n,{q:function(){return l}});var r=t(62230),i=t(52322),o=t(2784),s=t(75289),c=t(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.hideMissingWarning,t=e.src,o=e.sx;return(0,i.jsx)(s.kC,{sx:(0,r.Z)({position:"relative",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundImage:"url(/pattern.png)",backgroundColor:"headSection",backgroundRepeat:"repeat",backgroundSize:"20px",borderRadius:"4px"},o),children:void 0!==n&&n?null:(0,i.jsx)(i.Fragment,{children:void 0!==t?(0,i.jsx)(a,{src:t}):(0,i.jsxs)(s.xv,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,i.jsx)(c.eJU,{}),"You have no screenshot yet."]})})})}},4597:function(e,n,t){"use strict";t.d(n,{Z:function(){return f}});var r,i=t(22710),o=t(62230),s=t(17064),c=t(99267),a=t(52322),l=t(2784),u=t(75289),d=t(16),x=t(90374),f=function(e){var n,t,r,f,h,p,v,m=e.apiContent,g=e.screenDimensions,b=e.simulatorUrl,C=e.dryRun,j=e.isScreenshot,S=void 0!==j&&j,k=(0,s.Z)((t=(n=(0,l.useState)())[0],r=n[1],f=(0,l.useRef)(),h=(0,l.useRef)(),v=(0,l.useCallback)((p=(0,i.Z)(function(e){var n,t,o,s;return(0,c.__generator)(this,function(a){switch(a.label){case 0:if(null===(n=f.current)||void 0===n||n.disconnect(),null===(t=h.current)||void 0===t||t.disconnect(),r(void 0),!(null!=e))return[3,4];f.current=new d.SH(e),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,f.current.connect()];case 2:var l;return a.sent(),r(f.current),l=(0,i.Z)(function(){var e;return(0,c.__generator)(this,function(n){switch(n.label){case 0:return r(void 0),[4,null===(e=f.current)||void 0===e?void 0:e.connect({},!0)];case 1:return n.sent(),r(f.current),[2]}})}),o=function(){return l.apply(this,arguments)},h.current=new MutationObserver(function(e){e.forEach(function(e){"src"===e.attributeName&&o().catch(function(e){throw e})})}),h.current.observe(e,{attributeFilter:["src"]}),[3,4];case 3:return s=a.sent(),console.error(s),[3,4];case 4:return[2]}})}),function(e){return p.apply(this,arguments)}),[]),[t,v]),2),y=k[0],E=k[1],w=(0,x.Z)(),_=w.connectToSimulatorSuccess,I=w.connectToSimulatorFailure;(0,l.useEffect)(function(){var e;if(!b){I();return}if(void 0!==y){if(!y.connected){I(),console.warn("Trying to use a disconnected simulator client.");return}(e=(0,i.Z)(function(){return(0,c.__generator)(this,function(e){switch(e.label){case 0:return[4,y.setSliceZone([m])];case 1:return e.sent(),[2]}})}),function(){return e.apply(this,arguments)})().then(function(){_()}).catch(function(){I()})}},[y,m,b]);var D,Z,F,R,z,N,O,T,A,L=(0,l.useState)(),M=L[0],U=L[1],P=(D=function(e){var n;U({height:e.blockSize,width:e.inlineSize})},F=(0,l.useRef)(),(0,l.useCallback)(function(e){var n;null===(n=F.current)||void 0===n||n.disconnect(),null!==e&&(F.current=new ResizeObserver(function(n){var t,r=(0,s.Z)(n,1)[0].contentRect;D({blockSize:r.height,inlineSize:r.width},e)}),F.current.observe(e))},[]));return(0,a.jsxs)(u.kC,{ref:P,sx:(0,o.Z)({alignItems:"center",backgroundColor:"headSection",backgroundImage:"url(/pattern.png)",backgroundRepeat:"repeat",backgroundSize:"10px",border:S?void 0:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.darkBorder))},borderRadius:S?void 0:8,display:"flex",height:"100%",justifyContent:"center",overflow:"hidden"},void 0!==C&&C?{display:"none"}:{}),children:[b?(0,a.jsx)("iframe",{id:"__iframe-renderer",ref:E,src:b,style:(0,o.Z)({border:"none",maxHeight:"".concat(g.height,"px"),maxWidth:"".concat(g.width,"px"),minHeight:"".concat(g.height,"px"),minWidth:"".concat(g.width,"px"),overflowY:"auto"},M?{transform:"scale(".concat((R=g,z=M,N=R.height,O=R.width,T=z.height,A=z.width,O>A||N>T?O-A>N-T?A/O:T/N:1),")")}:{display:"none"})}):null,(null==y?void 0:y.connected)?(0,a.jsx)("div",{id:"__iframe-ready"}):null]})}},38986:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var r=t(62230),i=t(52322),o=t(2784),s=t(19909),c=t(75289),a=function(e){var n=e.defaultValue,t=e.variations,r=e.MenuItemAction,o=e.onChange;return(0,i.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,i.jsxs)(c.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[t.length," VARIATION",t.length>1?"S":""]}),(0,i.jsxs)(c.kC,{sx:{p:0,flexDirection:"column"},children:[t.map(function(e){return(0,i.jsx)(l,{value:e,isActive:e.id===n.id,onClick:o},e.id)}),r||null]})]})},l=function(e){var n=e.value,t=e.isActive,r=e.onClick;return(0,i.jsx)(c.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 r(n)},children:n.name})},u=t(75100),d=function(e){var n=e.buttonSx,t=e.defaultValue,l=e.variations,d=e.onNewVariation,x=e.onChange,f=e.sx,h=e.disabled,p=(0,o.useState)(!1),v=p[0],m=p[1],g=(0,o.useState)(t||l[0]),b=g[0],C=g[1];(0,o.useEffect)(function(){t&&C(t)},[t]);var j=function(e){m(!1),C(e),setTimeout(function(){return x(e)},210)},S=(0,i.jsx)(c.xu,{sx:{p:2},children:(0,i.jsx)(c.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){m(!1),d&&d()},children:"+ Add new variation"})});return(0,i.jsx)(c.xu,{sx:f,children:(0,i.jsx)(s.Popover,{align:"start",isOpen:v,onClickOutside:function(){return m(!1)},positions:["bottom"],padding:10,content:function(){return(0,i.jsx)(a,{defaultValue:b,variations:l,onChange:j,MenuItemAction:d?S:void 0})},containerClassName:"variationSelectorContainer",children:(0,i.jsxs)(c.zx,{sx:(0,r.Z)({},n),variant:"dropDownButton",onClick:function(){return m(!v)},disabled:h,children:[b.name," ",v?(0,i.jsx)(u.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,i.jsx)(u.mEq,{size:"16px","aria-label":"Expand variations"})]})})})}},25474:function(e,n,t){"use strict";function r(e){var n=e.lib,t=e.sliceName,r=e.variationId,i=e.options,o=void 0===i?{}:i,s=e.isSimulator,c="/[lib]/[sliceName]/[variation]".concat(s?"/simulator":""),a="/".concat(n,"/").concat(t,"/").concat(r).concat(s?"/simulator":"");return{href:c,as:a,options:o,all:[c,a,o]}}t.d(n,{P:function(){return r}})},6487:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eg}});var r,i,o,s,c=t(52322),a=t(97729),l=t.n(a),u=t(62230),d=t(85244),x=t(2784),f=t(71463),h=t(71651),p=t(87608),v=t(75289),m=t(65077),g=t(5632),b=t.n(g),C=t(38986),j=t(56577),S=function(e){return(0,c.jsxs)("svg",(0,d.Z)((0,u.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"})]}))},k=t(56580),y=t(52039),E=t(25474),w=function(e,n,t){if(!n){b().push("/".concat(e.href,"/").concat(e.model.name));return}var r=E.P({lib:e.href,sliceName:e.model.name,variationId:null==n?void 0:n.id,isSimulator:t});b().push(r.href,r.as,r.options)},_=function(e){var n=e.slice,t=e.variation,r=e.isDisplayEditor,i=e.toggleIsDisplayEditor,o=e.onSaveMock,s=e.actionsDisabled,a=(0,k.v9)(function(e){return{savingMock:(0,y.S3)(e)}}).savingMock;return(0,c.jsxs)(v.kC,{sx:{p:"16px",display:"flex",bg:"grey07",gridTemplateRows:"1fr",borderBottom:"1px solid #DCDBDD",justifyContent:"space-between"},children:[(0,c.jsxs)(v.kC,{sx:{alignItems:"center"},children:[(0,c.jsx)(S,{height:"20px",width:"20px",fill:"#1A1523"}),(0,c.jsx)(v.xv,{sx:{ml:2,mr:"12px",fontSize:"14px",color:"#1A1523",fontWeight:"600",letterSpacing:"-0.15px"},children:n.model.name}),(0,c.jsx)(C.Z,{defaultValue:t,variations:n.model.variations,onChange:function(e){return w(n,e,!0)},disabled:n.model.variations.length<=1||s})]}),(0,c.jsxs)(v.kC,{sx:{alignItems:"center",justifyContent:"space-between"},children:[(0,c.jsx)(v.kC,{sx:{alignItems:"center",justifyContent:"space-around"},children:(0,c.jsxs)(v.kC,{sx:{alignItems:"center",mr:4},children:[(0,c.jsx)(v.__,{htmlFor:"show-mock-editor",sx:{color:"#6F6E77",lineHeight:"16px",fontSize:"12px",fontWeight:"600",letterSpacing:"0px"},children:"Editor"}),(0,c.jsx)(v.rs,{id:"show-mock-editor",checked:r,onChange:i,disabled:s})]})}),(0,c.jsx)(j.z,{"data-cy":"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"}}}})]})]})},I=t(82770),D=t(39092),Z=t(19909),F=function(e){var n=e.defaultValue,t=e.options,r=e.onChange;return(0,c.jsx)(v.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)(v.kC,{sx:{p:0,flexDirection:"column"},children:t.map(function(e){return(0,c.jsx)(R,{value:e,isActive:e===n,onClick:r})})})})},R=function(e){var n=e.value,t=e.isActive,r=e.onClick;return(0,c.jsx)(v.xu,{sx:{p:2,cursor:"pointer",fontSize:"14px",borderRadius:0,bg:t?"hoverBackground":"background",":hover":{bg:"hoverBackground"}},onClick:function(){return r(n)},children:n})},z=t(75100),N=function(e){var n=e.buttonSx,t=e.currentValue,r=e.options,i=e.onChange,o=e.disabled,s=(0,x.useState)(!1),a=s[0],l=s[1],u=function(e){l(!1),setTimeout(function(){return i(e)},210)};return(0,c.jsx)(v.xu,{children:(0,c.jsx)(Z.Popover,{align:"start",isOpen:a,onClickOutside:function(){return l(!1)},positions:["bottom"],padding:2,content:function(){return(0,c.jsx)(F,{defaultValue:t,options:r,onChange:u})},children:(0,c.jsxs)(v.zx,{sx:n,variant:"dropDownButton",onClick:function(){return l(!a)},disabled:o,children:[t," ",a?(0,c.jsx)(z.bOz,{size:"24px"}):(0,c.jsx)(z.mEq,{size:"24px"})]})})})},O=t(67557);(s=r||(r={})).DESKTOP="Desktop",s.TABLET="Tablet",s.MOBILE="Mobile",s.CUSTOM="Custom";var T=(i={},(0,O.Z)(i,r.DESKTOP,{width:1280,height:800}),(0,O.Z)(i,r.TABLET,{width:1080,height:810}),(0,O.Z)(i,r.MOBILE,{width:390,height:844}),i),A=function(e){var n=e.label,t=e.startValue,r=e.onChange,i=e.sx,o=e.disabled,s=["e","-","+",",","."];return(0,c.jsxs)(v.kC,{sx:(0,u.Z)({alignItems:"center"},i),children:[(0,c.jsx)(v.__,{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)(v.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:r,value:t,min:"0",onKeyDown:function(e){s.includes(e.key)&&e.preventDefault()}})]})},L=function(e){e.slice,e.variation;var n=e.handleScreenSizeChange,t=e.screenDimensions,i=e.actionsDisabled,o=(0,x.useState)(r.DESKTOP),s=o[0],a=o[1],l=function(e){a(e),e!==r.CUSTOM&&n(T[e])},f=function(e){var t=Object.values(T).findIndex(function(n){return JSON.stringify(n)===JSON.stringify(e)}),i=t<0?r.CUSTOM:Object.keys(T)[t];a(i),n(e)};return(0,c.jsx)(v.kC,{sx:{alignItems:"center",pb:"16px",justifyContent:"space-between",variant:"small"},children:(0,c.jsxs)(v.kC,{sx:{alignItems:"center",flex:1},children:[(0,c.jsx)(N,{options:Object.values(r),onChange:l,buttonSx:{alignSelf:"start"},currentValue:s,disabled:i}),(0,c.jsx)(A,{label:"W",startValue:t.width.toString(),onChange:function(e){f((0,d.Z)((0,u.Z)({},t),{width:Number(e.target.value)}))},disabled:i,sx:{mx:2}}),(0,c.jsx)(z.eSQ,{size:16,color:"#6F6E77"}),(0,c.jsx)(A,{label:"H",startValue:t.height.toString(),onChange:function(e){f((0,d.Z)((0,u.Z)({},t),{height:Number(e.target.value)}))},disabled:i,sx:{ml:2}})]})})},M=t(25812),U=t(77174),P=t(24340),W=t(90374),B=t(54132),H=t(61931),V=function(e){var n=e.sliceName,t=e.screenshotUrl,r=(0,k.v9)(function(e){return{isScreenshotModalOpen:(0,U.gP)(e,P.q.SCREENSHOT_PREVIEW)}}).isScreenshotModalOpen,i=(0,W.Z)().closeModals;return(0,c.jsx)(M.Z,{isOpen:r,shouldCloseOnOverlayClick:!0,contentLabel:"Screenshot Preview",portalClassName:"ScreenshotPreviewModal",onRequestClose:i,children:(0,c.jsx)(B.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)(v.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)(v.X6,{sx:{fontSize:"14px"},children:["Screenshot Preview for ",n]}),(0,c.jsx)(v.x8,{type:"button",onClick:function(){return i()}})]})},Footer:function(){return(0,c.jsx)(v.kC,{style:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:"1px solid #DCDBDD"},children:(0,c.jsx)(v.zx,{variant:"secondary",sx:{fontWeight:600},onClick:function(){return i()},children:"Close"})})},children:(0,c.jsx)(H.q,{src:t,sx:{height:"320px"}})})})},q=t(25242),X=t(81541),G=function(e,n,t){var r=(0,x.useState)(e()),i=r[0],o=r[1],s=(0,x.useRef)(Date.now());return(0,x.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,X.Z)(t))),i},K=t(4597),Y=function(e){var n=e.children,t=e.sx;return(0,c.jsx)(v.kC,{sx:(0,u.Z)({bg:"grey07",height:"90%",width:"100%",justifyContent:"center",alignItems:"center",zIndex:"1"},t),children:(0,c.jsx)(v.kC,{sx:{marginTop:"-128px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:n})})},J=t(85819),Q=function(e){var n=e.onRetrigger;return(0,c.jsxs)(Y,{children:[(0,c.jsx)(v.Ee,{src:"/iframe-not-running.png",sx:{width:"320px"}}),(0,c.jsx)(v.xv,{sx:{color:"textClear",mb:2,fontSize:"14px",lineHeight:"24px",fontWeight:"600"},children:"Slice Machine can't render your Slice"}),(0,c.jsxs)(v.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)(v.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)(v.rU,{target:"_blank",href:"https://prismic.io/docs/slice-machine",sx:{color:"link"},children:"troubleshooting instructions."})]}),(0,c.jsx)(j.z,{onClick:n,label:"Refresh",Icon:J.Fer,iconSize:20,iconFill:"#6F6E77",variant:"secondaryMedium",sx:{mt:"16px"}})]})},$=t(98240),ee=t(92928),en=t(33402),et=t(59326),er=t(86741),ei=t(65186),eo=function(e){var n=e.children;return(0,c.jsx)(v.xu,{as:"code",sx:{bg:"rgba(0, 0, 0, 0.05)",borderRadius:3,padding:"2px 4px"},children:n})},es=function(e){var n,t=e.children,r=(0,$.Z)(e,["children"]),i=(0,et.B7)().theme,o=(0,x.useState)(!1),s=o[0],a=o[1],l=(0,x.useRef)(null),f=function(){l.current&&navigator.clipboard.writeText(l.current.innerText).then(function(){a(!0),setTimeout(function(){a(!1)},1200)}).catch(function(){})};return(0,c.jsxs)(v.xu,(0,d.Z)((0,u.Z)({},r),{sx:{backgroundColor:"codeBlockBackground",borderRadius:8},children:[(0,c.jsxs)(v.kC,{sx:{px:"26px",py:"22px",color:"#FFF",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"1px solid rgba(111, 110, 119, 0.2)"},children:[(0,c.jsx)(v.kC,{sx:{alignItems:"center"}}),(0,c.jsxs)(v.zx,{onClick:f,variant:"transparent",sx:{display:"flex",justifyContent:"center",alignItems:"center",p:0,fontSize:"12px",color:"#FFF"},children:["Copy\xa0",s?(0,c.jsx)(ei.HhX,{size:16,color:String(null==i?void 0:null===(n=i.colors)||void 0===n?void 0:n.success)}):(0,c.jsx)(ei.Fqs,{size:16,style:{marginLeft:"8px"}})]})]}),(0,c.jsx)(v.xu,{ref:l,as:"pre",sx:{color:"#c9d1d9",padding:"16px 20px",overflow:"auto"},children:t})]}))},ec={code:function(e){var n=e.children;return(0,c.jsx)(eo,{children:n})},pre:function(e){var n=e.children,t=(0,$.Z)(e,["children"]);return(0,c.jsx)(es,(0,d.Z)((0,u.Z)({},t),{children:n}))}},ea=function(e){var n=e.html,t=e.components,r=void 0===t?{}:t,i={replace:function(e){if((0,en.Z)(e,er.W_)&&e.attribs){var n=(0,er.du)(e.children,i),t=(0,u.Z)({},r,ec)[e.name];if(t)return(0,c.jsx)(t,(0,d.Z)((0,u.Z)({name:e.name},e.attribs),{children:n}))}}};return(0,c.jsx)(c.Fragment,{children:(0,er.ZP)(n,i)})},el=function(e){var n=e.children.split("`").map(function(e,n){return n%2==1?(0,c.jsx)(eo,{children:e}):e});return(0,c.jsx)(c.Fragment,{children:n})},eu=function(e){var n=e.number,t=e.title,r=e.excerpt,i=(0,$.Z)(e,["number","title","excerpt"]);return(0,c.jsx)(ee.OK,(0,d.Z)((0,u.Z)({className:"react-tabs__vertical__tab",selectedClassName:"react-tabs__vertical__tab--selected"},i),{children:(0,c.jsxs)(v.kC,{sx:{alignItems:"flex-start"},children:[(0,c.jsx)(ex,{number:n}),(0,c.jsxs)(v.xu,{sx:{ml:3,alignSelf:"center"},children:[(0,c.jsx)(v.X6,{as:"h4",sx:{color:"whiteButtonText",fontSize:"14px",fontWeight:"600"},children:(0,c.jsx)(el,{children:t})}),r&&(0,c.jsx)(v.xv,{as:"p",sx:{mt:2,color:"textClear",fontSize:"13px",lineHeight:"24px"},children:(0,c.jsx)(el,{children:r})})]})]})}))};eu.tabsRole="Tab";var ed,ex=function(e){var n=e.number;return(0,c.jsx)(v.kC,{sx:{height:"32px",width:"32px",alignItems:"center",justifyContent:"center",border:"1px solid #E4E2E4",borderRadius:"6px",bg:"grey07",color:"textClear",flexShrink:"0",fontSize:"13px"},children:n})},ef=function(e){var n=e.isOpen,t=(0,k.v9)(function(e){return{isSimulatorAvailableForFramework:(0,D.Ql)(e),setupSteps:(0,y.qe)(e)}}),r=t.isSimulatorAvailableForFramework,i=t.setupSteps||[];return(0,x.useEffect)(function(){n&&I.Xe.track({event:"slice-simulator:setup"})},[n]),(0,c.jsx)(M.Z,{isOpen:n,children:(0,c.jsx)(B.Z,{bodySx:{p:0,bg:"grey07",height:4===i.length?"640px":"480px"},Header:function(e){var n=e.radius;return(0,c.jsx)(v.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",pl:4,bg:"grey07",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:(0,c.jsx)(v.X6,{sx:{fontSize:"14px",fontWeight:"600"},as:"h5",children:"Set up the simulator"})})},children:(0,c.jsxs)(ee.mQ,{defaultFocus:!0,className:"react-tabs__vertical",children:[(0,c.jsx)(ee.td,{className:"react-tabs__vertical__tab-list",children:i.map(function(e,n){return(0,c.jsx)(eu,{number:n+1,title:e.title,excerpt:e.description},e.title)})}),r?(0,c.jsx)(c.Fragment,{children:i.map(function(e){return(0,c.jsx)(ee.x4,{selectedClassName:"react-tabs__vertical__tab-panel--selected",className:"react-tabs__vertical__tab-panel",children:(0,c.jsx)(ea,{html:e.body})},e.title)})}):(0,c.jsx)(ee.x4,{selectedClassName:"react-tabs__vertical__tab-panel--selected",className:"react-tabs__vertical__tab-panel",children:"Framework not supported."})]})})})},eh=t(53559);(ed=o||(o={})).LOADING_SETUP="LOADING_SETUP",ed.LOADING_IFRAME="LOADING_IFRAME",ed.FAILED_SETUP="FAILED_SETUP",ed.FAILED_CONNECT="FAILED_CONNECT",ed.SUCCESS="SUCCESS";var ep=function(e){var n,t,i=e.slice,s=e.variation,a=(0,W.Z)(),l=a.checkSimulatorSetup,g=a.connectToSimulatorIframe,b=a.saveSliceMock,C=(0,k.v9)(function(e){return{simulatorUrl:(0,D.x0)(e),iframeStatus:(0,y.NL)(e),manifestStatus:(0,y.tD)(e).manifest,isWaitingForIFrameCheck:(0,y.oM)(e),endpoints:(0,D.gZ)(e)}}),j=C.simulatorUrl,S=C.iframeStatus,E=C.manifestStatus,w=C.isWaitingForIFrameCheck,Z=C.endpoints,F=(0,x.useMemo)(function(){return{embedsUrl:Z.PrismicOembed,env:"prod",unsplashUrl:Z.PrismicUnsplash}},[Z.PrismicOembed,Z.PrismicUnsplash]),R=(0,x.useRef)(null),z=(0,x.useCallback)(function(){return l()},[]);(0,x.useEffect)(function(){l(),I.Xe.track({event:"slice-simulator:open"})},[]);var N=(0,x.useRef)(!1);(0,x.useEffect)(function(){N.current=!0},[]);var O=function(e){N.current&&(N.current=!1,I.Xe.track({event:"editor:widget-used",sliceId:e}))},A="ko"===E?o.FAILED_SETUP:"ok"===E?w||!S?o.LOADING_IFRAME:"ok"!==S?o.FAILED_CONNECT:o.SUCCESS:(0,o.LOADING_SETUP);(0,x.useEffect)(function(){if(A===o.FAILED_SETUP&&!R.current){var e=setInterval(function(){z()},3e3);R.current=e}},[A]),(0,x.useEffect)(function(){"ok"===E&&(R.current&&clearInterval(R.current),g())},[E]),(0,x.useEffect)(function(){A===o.FAILED_CONNECT&&I.Xe.track({event:"slice-simulator:is-not-running"})},[A]),(0,x.useEffect)(function(){A===o.SUCCESS&&es(!0)},[A]);var M=function(){g()},U=(0,x.useState)(T[r.DESKTOP]),P=U[0],B=U[1],H=(0,x.useMemo)(function(){return eh.id.fromSM(i.model)},[i.model]),X=(0,x.useState)(null),J=X[0],$=X[1],ee=(0,x.useMemo)(function(){var e;return(null==J?void 0:J.variation)===s.id?J:(null===(e=i.mocks)||void 0===e?void 0:e.find(function(e){return e.variation===s.id}))||(0,p.W)(s.id)},[J,s.id]),en=(0,x.useMemo)(function(){return(0,q.renderSliceMock)(H,ee).id},[]),et=(0,x.useCallback)(function(){return function(){return(0,d.Z)((0,u.Z)({},(0,q.renderSliceMock)(H,ee)),{id:en})}},[H,ee]),er=G(et,800,[H,ee,]),ei=(0,x.useState)(!1),eo=ei[0],es=ei[1];return(0,c.jsxs)(v.kC,{sx:{flexDirection:"column",height:"100vh"},children:[(0,c.jsx)(ef,{isOpen:A===o.FAILED_SETUP}),(0,c.jsx)(_,{slice:i,variation:s,isDisplayEditor:eo,actionsDisabled:A!==o.SUCCESS,toggleIsDisplayEditor:function(){return es(!eo)},onSaveMock:function(){return J&&b({libraryID:i.from,sliceID:i.model.id,mocks:(i.mocks||[]).filter(function(e){return e.variation!==J.variation}).concat(J)})}}),(0,c.jsx)(v.xu,{sx:{flex:1,bg:"grey07",p:3,display:"flex",flexDirection:"column",height:"calc(100% - 73px - 16px)"},children:(0,c.jsxs)(v.kC,{sx:{flex:1,flexDirection:"row",position:"relative",width:"100%",height:"100%"},children:[(0,c.jsxs)(m.xR,{sx:{display:"flex",height:"100%",flexDirection:"column",flex:1,minWidth:0},children:[(0,c.jsx)(L,{slice:i,variation:s,handleScreenSizeChange:B,screenDimensions:P,actionsDisabled:A!==o.SUCCESS}),A===o.FAILED_CONNECT?(0,c.jsx)(Q,{onRetrigger:M}):null,A===o.SUCCESS?(0,c.jsx)(K.Z,{apiContent:er,screenDimensions:P,simulatorUrl:j}):(0,c.jsx)(c.Fragment,{children:A===o.LOADING_IFRAME?(0,c.jsxs)(Y,{children:[(0,c.jsx)(v.$j,{variant:"styles.spinner"}),(0,c.jsx)(K.Z,{apiContent:er,screenDimensions:P,simulatorUrl:j,dryRun:!0})]}):null})]}),A===o.SUCCESS?(0,c.jsx)(v.xu,{className:"editor",sx:(0,u.Z)({marginLeft:"16px",maxWidth:"440px",minWidth:"440px",overflowY:"auto"},eo?{display:"flex",flexDirection:"column"}:{display:"none"}),children:(0,c.jsx)(h.SV,{renderError:function(){return(0,c.jsx)(h.Iq,{title:"Editor error",description:"An error occurred while rendering the editor."})},children:(0,c.jsx)(x.Suspense,{children:(0,c.jsx)(f.kS,{config:F,content:ee,onContentChange:function(e){$(e),O(i.model.id)},sharedSlice:H},s.id)})})}):null]})}),!!(null===(n=i.screenshots[s.id])||void 0===n?void 0:n.url)&&(0,c.jsx)(V,{sliceName:i.model.name,screenshotUrl:null===(t=i.screenshots[s.id])||void 0===t?void 0:t.url})]})},ev=t(28684),em=(0,t(57880).y)(ep);function eg(){var e=(0,ev.Z)().slice;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l(),{children:(0,c.jsxs)("title",{children:[e?"Simulator: ".concat(e.model.name):"Simulator"," - Slice Machine"]})}),(0,c.jsx)(em,{})]})}},28684:function(e,n,t){"use strict";var r=t(92521),i=t(90374),o=t(5632),s=t(2784),c=t(56580),a=function(){var e=(0,o.useRouter)(),n=(0,i.Z)().initSliceStore,t=(0,c.v9)(function(n){return{slice:(0,r.tL)(n,e.query.lib,e.query.sliceName)}}).slice;if((0,s.useEffect)(function(){t?n(t):e.replace("/")},[n,t,e]),!t)return{};var a=t.model.variations.find(function(n){return n.id===e.query.variation});return a?{slice:t,variation:a}:(e.replace("/"),{})};n.Z=a},57880:function(e,n,t){"use strict";t.d(n,{y:function(){return c}});var r=t(62230),i=t(52322);t(2784);var o=t(28684),s=t(95583),c=function(e){return function(n){var t=n.pageProps,c=(0,o.Z)(),a=c.slice,l=c.variation;return a&&l?(0,i.jsx)(e,(0,r.Z)({slice:a,variation:l},t)):((0,s.gx)("/"),null)}}},87608:function(e,n,t){"use strict";t.d(n,{W:function(){return r}});var r=function(e){return{__TYPE__:"SharedSliceContent",variation:e,primary:{},items:[]}}}},function(e){e.O(0,[789,872,851,746,909,113,774,888,179],function(){return e(e.s=18343)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/[lib]/[sliceName]/[variation]-89838e684fcaaf5d.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[759],{45662:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lib]/[sliceName]/[variation]",function(){return t(18363)}])},38986:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var i=t(62230),o=t(52322),r=t(2784),a=t(19909),l=t(75289),s=function(e){var n=e.defaultValue,t=e.variations,i=e.MenuItemAction,r=e.onChange;return(0,o.jsxs)(l.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,o.jsxs)(l.xv,{sx:{p:3,fontSize:12,color:"textClear"},children:[t.length," VARIATION",t.length>1?"S":""]}),(0,o.jsxs)(l.kC,{sx:{p:0,flexDirection:"column"},children:[t.map(function(e){return(0,o.jsx)(u,{value:e,isActive:e.id===n.id,onClick:r},e.id)}),i||null]})]})},u=function(e){var n=e.value,t=e.isActive,i=e.onClick;return(0,o.jsx)(l.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})},c=t(75100),d=function(e){var n=e.buttonSx,t=e.defaultValue,u=e.variations,d=e.onNewVariation,f=e.onChange,p=e.sx,v=e.disabled,h=(0,r.useState)(!1),m=h[0],x=h[1],y=(0,r.useState)(t||u[0]),b=y[0],g=y[1];(0,r.useEffect)(function(){t&&g(t)},[t]);var j=function(e){x(!1),g(e),setTimeout(function(){return f(e)},210)},S=(0,o.jsx)(l.xu,{sx:{p:2},children:(0,o.jsx)(l.zx,{variant:"transparent",sx:{color:"text"},onClick:function(){x(!1),d&&d()},children:"+ Add new variation"})});return(0,o.jsx)(l.xu,{sx:p,children:(0,o.jsx)(a.Popover,{align:"start",isOpen:m,onClickOutside:function(){return x(!1)},positions:["bottom"],padding:10,content:function(){return(0,o.jsx)(s,{defaultValue:b,variations:u,onChange:j,MenuItemAction:d?S:void 0})},containerClassName:"variationSelectorContainer",children:(0,o.jsxs)(l.zx,{sx:(0,i.Z)({},n),variant:"dropDownButton",onClick:function(){return x(!m)},disabled:v,children:[b.name," ",m?(0,o.jsx)(c.bOz,{size:"16px","aria-label":"Collapse variations"}):(0,o.jsx)(c.mEq,{size:"16px","aria-label":"Expand variations"})]})})})}},25474:function(e,n,t){"use strict";function i(e){var n=e.lib,t=e.sliceName,i=e.variationId,o=e.options,r=void 0===o?{}:o,a=e.isSimulator,l="/[lib]/[sliceName]/[variation]".concat(a?"/simulator":""),s="/".concat(n,"/").concat(t,"/").concat(i).concat(a?"/simulator":"");return{href:l,as:s,options:r,all:[l,s,r]}}t.d(n,{P:function(){return i}})},18363:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eS}});var i=t(52322),o=t(97729),r=t.n(o),a=t(62230),l=t(71651),s=t(2784),u=t(57282),c=t(65077),d=t(75289),f=t(47560),p=t(38876),v=t(96377),h=t(4092),m=t(2353),x=t(44384),y=t(90374),b=t(53559),g=function(e){var n=e.variation,t=(0,y.Z)(),o=t.addSliceWidget,r=t.replaceSliceWidget,a=t.reorderSliceWidget,l=t.removeSliceWidget,s=t.updateSliceWidgetMock,u=t.deleteSliceWidgetMock,c=function(e){return function(t){u(n.id,e,t),l(n.id,e,t)}},g=function(e){return function(t){var i=t.apiId,o=t.newKey,a=t.value,l=t.mockValue;l?s(n.id,e,i,o,l):u(n.id,e,o),r(n.id,e,i,o,a)}},j=function(e){return function(t){var i=t.id,r=t.label,a=t.widgetTypeName,l=m[a];l||console.log('Could not find widget with type name "'.concat(a,'". Please contact us!')),o(n.id,e,i,l.create(r))}},S=function(e){return function(t){var i,o;(0,f.uS)(t)||a(n.id,e,t.source.index,null!==(o=null===(i=t.destination)||void 0===i?void 0:i.index)&&void 0!==o?o:void 0)}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(v.Z,{zoneType:"slice",tabId:void 0,title:"Non-Repeatable Zone",dataTip:" The non-repeatable zone\n  is for fields<br/> that should appear once, like a<br/>\n  section title.\n",fields:n.primary,EditModal:h.Z,widgetsArray:x.Z,onDeleteItem:c(b.Rt.Primary),onSave:g(b.Rt.Primary),onSaveNewField:j(b.Rt.Primary),onDragEnd:S(b.Rt.Primary),poolOfFieldsToCheck:n.primary||[],renderHintBase:function(e){var n=e.item;return"slice.primary".concat((0,p.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.primary".concat((0,p.Ti)(e))},dataCy:"slice-non-repeatable-zone",isRepeatableCustomType:void 0}),(0,i.jsx)(d.xu,{mt:4}),(0,i.jsx)(v.Z,{zoneType:"slice",tabId:void 0,isRepeatable:!0,title:"Repeatable Zone",dataTip:"The repeatable zone is for a group<br/>\n  of fields that you want to be able to repeat an<br/>\n  indeterminate number of times, like FAQs",widgetsArray:x.Z,fields:n.items,EditModal:h.Z,onDeleteItem:c(b.Rt.Items),onSave:g(b.Rt.Items),onSaveNewField:j(b.Rt.Items),onDragEnd:S(b.Rt.Items),poolOfFieldsToCheck:n.items||[],renderHintBase:function(e){var n=e.item;return"item".concat((0,p.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.items[i]".concat((0,p.Ti)(e))},dataCy:"slice-repeatable-zone",isRepeatableCustomType:void 0})]})},j=t(54132),S=t(39295),k=t(61931),C=t(84449),w=t(47731),T=t(56577),Z=t(951),R=t(33710),E=function(){return(0,i.jsx)(S.X,{children:(0,i.jsx)(R.Z,{clickable:!0,place:"bottom",effect:"solid",delayHide:500,id:"update-screenshot-button-tooltip",children:"Save your work in order to update the screenshot"})})},I=function(e){var n,t=e.component,o=e.variation,r=e.isTouched,a=t.screenshots,l=(0,w.H)().openScreenshotsModal;return(0,i.jsxs)(d.xu,{children:[(0,i.jsx)(j.Z,{bg:"headSection",bodySx:{p:0},Footer:function(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.kC,{"data-tip":!0,"data-tip-disable":!1,"data-for":"update-screenshot-button-tooltip",sx:{width:"fit-content"},children:(0,i.jsx)(T.z,{onClick:l,variant:"secondarySmall",sx:{fontWeight:"bold"},Icon:Z.rJU,iconFill:"#1A1523",label:"Update screenshot",disabled:r})}),r&&(0,i.jsx)(E,{})]})},footerSx:{padding:2},sx:{overflow:"hidden"},children:(0,i.jsx)(k.q,{src:null===(n=a[o.id])||void 0===n?void 0:n.url,sx:{height:"198px",borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)},borderRadius:"4px 4px 0 0"}})}),(0,i.jsx)(C.Z,{slices:[t],defaultVariationSelector:{sliceID:t.model.id,variationID:o.id}})]})},L=t(81541),A=t(22710),F=t(85244),N=t(99267),O=t(55658),z=t(63397),V=t(25812),P=function(e){var n=e.children,t=e.FooterContent,o=e.HeaderContent,r=e.close,l=e.sx,s=e.headerSx,u=void 0===s?{}:s;return(0,i.jsx)(j.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:(0,a.Z)({border:"none"},void 0===l?{}:l),Header:function(e){var n=e.radius;return(0,i.jsxs)(d.kC,{sx:(0,a.Z)({p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)}},u),children:[o,r?(0,i.jsx)(d.x8,{onClick:r,type:"button"}):null]})},Footer:t?(0,i.jsxs)(d.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,i.jsx)(d.xu,{sx:{ml:"auto"}}),t]}):null,children:n})},_=t(36131),M=function(e){var n=e.msg;return(0,i.jsx)(d.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:n||"Error!"})},D=function(e){var n=e.isOpen,t=e.onClose,o=e.onSubmit,r=e.initialVariation,l=e.variations,u=function(e){var n=e.id,t=e.name,i=e.origin,o=n&&n.length?null:{id:"Required!"},r=l.find(function(e){return e.id===n})?{id:"This id already exists!"}:null,s=t&&t.length?null:{name:"Required!"},u=i.value.length&&l.find(function(e){return e.id===i.value})?null:{id:"Yuu must select an existing variation!"},c=n&&n.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(n)&&{id:"No special characters allowed"};return(0,a.Z)({},o,r,s,u,c)},c=function(e){j(O.e.generateId(e))},f=function(e){Z(e),k&&c(e)},p=function(e){C(!1),c(e)},v=function(){h(),t()},h=function(){j(""),Z(""),y({}),C(!0),I({value:r.id,label:r.name})},m=(0,s.useState)({}),x=m[0],y=m[1],b=(0,s.useState)(""),g=b[0],j=b[1],S=(0,s.useState)(!0),k=S[0],C=S[1],w=(0,s.useState)(""),T=w[0],Z=w[1],R=(0,s.useState)({value:r.id,label:r.name}),E=R[0],I=R[1];function L(){return D.apply(this,arguments)}function D(){return(D=(0,A.Z)(function(){var e,n;return(0,N.__generator)(this,function(t){return Object.keys(e=u({id:g,name:T,origin:E})).length?y(e):(n=l.find(function(e){return e.id===E.value}))&&(o(g,T,n),v()),[2]})})).apply(this,arguments)}return(0,s.useEffect)(function(){h()},[r,n]),(0,i.jsx)(V.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return v()},contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,i.jsx)(z.J9,{initialValues:{id:g,name:T,origin:E},onSubmit:L,children:(0,i.jsx)(z.l0,{id:"variation-add",onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),L())},children:(0,i.jsx)(d.xu,{children:(0,i.jsxs)(P,{sx:{textAlign:"left"},HeaderContent:(0,i.jsx)(d.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,i.jsxs)(d.kC,{sx:{justifyContent:"flex-end"},children:[(0,i.jsx)(d.zx,{onClick:v,mr:2,variant:"secondary",children:"Cancel"}),(0,i.jsx)(d.zx,{type:"submit",children:"Submit"})]}),close:v,children:[(0,i.jsxs)(d.xu,{sx:{pb:4,mt:4},children:[(0,i.jsxs)(d.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",x.name?(0,i.jsx)(M,{msg:x.name}):""]}),(0,i.jsx)(z.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:d.II,maxLength:30,value:T,onChange:function(e){return f(e.currentTarget.value)}}),(0,i.jsx)(d.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,i.jsxs)(d.xu,{sx:{pb:4},children:[(0,i.jsxs)(d.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",x.id?(0,i.jsx)(M,{msg:x.id}):""]}),(0,i.jsx)(z.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. GridWithIcon",as:d.II,maxLength:30,value:g,onChange:function(e){return p(e.currentTarget.value)}}),(0,i.jsx)(d.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,i.jsxs)(d.xu,{sx:{pb:4},children:[(0,i.jsx)(d.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,i.jsx)(_.ZP,{name:"origin",options:l.map(function(e){return{value:e.id,label:e.name}}),onChange:function(e){e&&I(e)},defaultValue:E,maxMenuHeight:150,theme:function(e){return(0,F.Z)((0,a.Z)({},e),{colors:(0,F.Z)((0,a.Z)({},e.colors),{text:"text",primary:"background"})})}})]})]})})})})})},W=t(5632),H=t(25474),K=t(38986),q=function(e){var n,t=e.component,o=e.variation,r=(0,W.useRouter)(),a=(0,s.useState)(!1),l=a[0],u=a[1],c=(0,y.Z)().copyVariationSlice;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(d.kC,{children:[(0,i.jsx)(K.Z,{defaultValue:o,variations:t.model.variations,onNewVariation:function(){return u(!0)},onChange:function(e){(n=r).push.apply(n,(0,L.Z)(H.P({lib:t.href,sliceName:t.model.name,variationId:e.id}).all))}}),(0,i.jsx)(d.xu,{ml:2,children:(0,i.jsxs)(d.xv,{variant:"xs",children:["Variation id : ",o.id]})})]}),(0,i.jsx)(D,{isOpen:l,onClose:function(){return u(!1)},onSubmit:function(e,n,i){c(e,n,i),r.push.apply(r,(0,L.Z)(H.P({lib:t.href,sliceName:t.model.name,variationId:e}).all))},initialVariation:o,variations:t.model.variations})]})},B=t(56580),J=t(25251),X=t(75329),G=t(42189),Q=t(17036),U=t(82770),Y=t(18125),$=function(){return(0,i.jsx)(S.X,{children:(0,i.jsxs)(R.Z,{clickable:!0,place:"bottom",effect:"solid",delayHide:500,id:"simulator-button-tooltip",children:[(0,i.jsx)(d.xv,{as:"b",children:"Framework not supported"}),(0,i.jsx)(d.xv,{as:"p",children:"Slice Simulator does not support your framework yet."})]})})},ee=function(e){var n=e.children,t=e.open,o=e.onClose;return(0,i.jsxs)(Y.zs,{open:t,trigger:n,onClose:o,children:[(0,i.jsx)(Y.Ev,{children:"Simulate your slices"}),(0,i.jsx)(Y.LB,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:X.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:function(){U.Xe.track({event:"open-video-tutorials",video:X.Sn})}}),(0,i.jsx)(Y.OJ,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,i.jsx)(Y.Rp,{children:"Got It"})]})},en=function(){return(0,i.jsx)(S.X,{children:(0,i.jsx)(R.Z,{clickable:!0,place:"bottom",effect:"solid",delayHide:500,id:"simulator-button-tooltip",children:"Save your work in order to simulate"})})},et=function(e){var n=e.isSimulatorAvailableForFramework,t=e.isTouched,o=(0,W.useRouter)(),r=(0,s.useRef)(null),a=(0,y.Z)().setSeenSimulatorToolTip,u=(0,B.v9)(function(e){return{hasSeenSimulatorTooltip:(0,Q.bv)(e),hasSeenTutorialsToolTip:(0,Q.ER)(e)}}),c=u.hasSeenSimulatorTooltip,d=u.hasSeenTutorialsToolTip;(0,s.useEffect)(function(){var e=r.current;e&&n&&!c&&d&&setTimeout(function(){return R.Z.show(e)},5e3)},[n,c,d,]);var f=function(){if(a(),r.current){var e=r.current;R.Z.hide(e)}},p=n&&!c&&d;return(0,i.jsxs)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:r,children:[(0,i.jsx)(ee,{open:p,onClose:f,children:(0,i.jsx)(l.zx,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:function(){f(),window.open("".concat(o.asPath,"/simulator"),X.pq)},disabled:!n||t,renderStartIcon:function(){return(0,i.jsx)(G.z,{color:l.TV.color.greyLight11,height:l.TV.size[24],style:{transform:"scale(calc(4 / 3))"},width:l.TV.size[24]})},variant:"secondary",children:"Simulate"})}),!1===n?(0,i.jsx)($,{}):n&&!1===p&&t?(0,i.jsx)(en,{}):null]})},ei=t(17329),eo=t(40147);function er(e){return ea.apply(this,arguments)}function ea(){return(ea=(0,A.Z)(function(e){var n,t,i;return(0,N.__generator)(this,function(o){switch(o.label){case 0:return[4,eo.j.customTypes.readCustomType({id:e})];case 1:if(t=(n=o.sent()).errors,i=n.model,t.length>0)throw t;return[2,i]}})})).apply(this,arguments)}var el=t(67445),es=t(64722),eu=t(20812),ec=function(e){return(0,i.jsxs)("svg",(0,F.Z)((0,a.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,i.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M6 9.5H11C14.3 9.5 17 12.2 17 15.5V17.5M6 9.5L9.5 12V9.5V7L6 9.5Z",stroke:"currentColor",strokeLinecap:"round"})]}))},ed=function(){var e,n,t=(e=(0,es.l)().source,n=(0,el.Ag)(e.query),void 0!==n&&(0,el.ne)(e.asPath,n)?n:void 0);return void 0!==t?(0,i.jsx)(l.SV,{children:(0,i.jsx)(s.Suspense,{children:(0,i.jsx)(l.xu,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,i.jsx)(ef,{sourceCustomTypeId:t})})})}):null},ef=function(e){var n,t=(n=e.sourceCustomTypeId,(0,ei.QT)(er,[n])),o=(0,s.useState)(!0),r=o[0],a=o[1],u=(0,W.useRouter)();if(void 0===t||!r)return null;var c=t.format,d=t.id,f=el.cd[c].getBuilderPagePathname(d);return(0,i.jsxs)(l.hE,{density:"compact",variant:"tertiary",children:[(0,i.jsxs)(l.zx,{onClick:function(){u.push(f)},renderStartIcon:function(){return(0,i.jsx)(ec,{})},children:["Return to ",t.label]}),(0,i.jsx)(l.zx,{onClick:function(){a(!1)},renderStartIcon:function(){return(0,i.jsx)(eu.T,{})}})]})},ep=t(39092),ev=t(92521),eh=t(75992),em=t(71685),ex={imageLoading:!1,loading:!1,done:!1,error:null,status:null},ey=function(e){var n=e.slice,t=e.variation,o=(0,y.Z)(),r=o.openToaster,a=o.updateSlice,l=(0,B.v9)(function(e){return{isTouched:(0,ev.sY)(e,n.from,n.model.id),remoteSlice:(0,eh.O_)(e,n.model.id)}}),c=l.isTouched,d=l.remoteSlice,f=(0,s.useState)(ex),p=f[0],v=f[1];return((0,s.useEffect)(function(){c&&v(ex)},[c]),(0,s.useEffect)(function(){if(p.done){var e,n;n=p,n.done&&r(n.message,n.error?u.Jf.ERROR:n.warning?u.Jf.WARNING:u.Jf.SUCCESS)}},[p]),t)?(0,i.jsx)(eb,{updateSlice:a.bind(null,n,v),slice:n,variation:t,remoteSlice:d,isTouched:c,data:p}):(0,i.jsx)(J.LN,{})},eb=function(e){var n=e.updateSlice,t=e.slice,o=e.variation,r=e.remoteSlice,s=e.isTouched,u=e.data,f=(0,B.v9)(function(e){return{isSimulatorAvailableForFramework:(0,ep.Ql)(e)}}).isSimulatorAvailableForFramework,p=(0,a.Z)({local:t.model,localScreenshots:t.screenshots},r?{remote:r}:{}),v=(0,em.J)({slices:[p]}).modelsStatuses;return(0,i.jsxs)(J.LN,{children:[(0,i.jsxs)(J.wd,{children:[(0,i.jsx)(J.Xq,{url:"/slices"}),(0,i.jsx)(J.Cx,{folder:"Slices",page:t.model.name}),(0,i.jsxs)(J.K2,{children:[(0,i.jsx)(et,{isSimulatorAvailableForFramework:f,isTouched:!!s}),(0,i.jsx)(l.zx,{loading:u.loading,disabled:!s||u.loading,onClick:n,"data-cy":"builder-save-button",children:"Save"})]})]}),(0,i.jsxs)(J.RN,{children:[(0,i.jsxs)(c.xR,{children:[(0,i.jsx)(q,{component:t,status:v.slices[t.model.id],variation:o,imageLoading:u.imageLoading}),(0,i.jsxs)(d.rj,{columns:"1fr 320px",gap:"16px",sx:{pt:4},children:[(0,i.jsx)(d.xu,{children:(0,i.jsx)(g,{variation:o})}),(0,i.jsx)(I,{component:t,variation:o,isTouched:s})]})]}),(0,i.jsx)(ed,{})]})]})},eg=t(28684),ej=(0,t(57880).y)(ey);function eS(){var e=(0,eg.Z)().slice;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r(),{children:e?(0,i.jsxs)("title",{children:[e.model.name," - Slice Machine"]}):null}),(0,i.jsx)(ej,{})]})}},28684:function(e,n,t){"use strict";var i=t(92521),o=t(90374),r=t(5632),a=t(2784),l=t(56580),s=function(){var e=(0,r.useRouter)(),n=(0,o.Z)().initSliceStore,t=(0,l.v9)(function(n){return{slice:(0,i.tL)(n,e.query.lib,e.query.sliceName)}}).slice;if((0,a.useEffect)(function(){t?n(t):e.replace("/")},[n,t,e]),!t)return{};var s=t.model.variations.find(function(n){return n.id===e.query.variation});return s?{slice:t,variation:s}:(e.replace("/"),{})};n.Z=s},57880:function(e,n,t){"use strict";t.d(n,{y:function(){return l}});var i=t(62230),o=t(52322);t(2784);var r=t(28684),a=t(95583),l=function(e){return function(n){var t=n.pageProps,l=(0,r.Z)(),s=l.slice,u=l.variation;return s&&u?(0,o.jsx)(e,(0,i.Z)({slice:s,variation:u},t)):((0,a.gx)("/"),null)}}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return g}});var i=t(2784);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}t(52322);var r=["shift","alt","meta","mod","ctrl"],a={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function l(e){return(a[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function s(e,n){return void 0===n&&(n=","),e.split(n)}function u(e,n,t){void 0===n&&(n="+");var i,a=e.toLocaleLowerCase().split(n).map(function(e){return l(e)});return o({},{alt:a.includes("alt"),ctrl:a.includes("ctrl")||a.includes("control"),shift:a.includes("shift"),meta:a.includes("meta"),mod:a.includes("mod")},{keys:a.filter(function(e){return!r.includes(e)}),description:t})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&f([l(e.key),l(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&p([l(e.key),l(e.code)])})),"undefined"!=typeof window&&window.addEventListener("blur",function(){c.clear()});var c=new Set;function d(e){return Array.isArray(e)}function f(e){var n=Array.isArray(e)?e:[e];c.has("meta")&&c.forEach(function(e){var n;return!r.includes(e)&&c.delete(e.toLowerCase())}),n.forEach(function(e){return c.add(e.toLowerCase())})}function p(e){var n=Array.isArray(e)?e:[e];"meta"===e?c.clear():n.forEach(function(e){return c.delete(e.toLowerCase())})}function v(e,n){var t=e.target;void 0===n&&(n=!1);var i=t&&t.tagName;return d(n)?Boolean(i&&n&&n.some(function(e){return e.toLowerCase()===i.toLowerCase()})):Boolean(i&&n&&!0===n)}var h=function(e,n,t){void 0===t&&(t=!1);var i,o,r=n.alt,a=n.meta,s=n.mod,u=n.shift,f=n.ctrl,p=n.keys,v=e.key,h=e.code,m=e.ctrlKey,x=e.metaKey,y=e.shiftKey,b=e.altKey,g=l(h),j=v.toLowerCase();if(!t){if(!b===r&&"alt"!==j||!y===u&&"shift"!==j)return!1;if(s){if(!x&&!m)return!1}else if(!x===a&&"meta"!==j&&"os"!==j||!m===f&&"ctrl"!==j&&"control"!==j)return!1}return!!(p&&1===p.length&&(p.includes(j)||p.includes(g)))||(p?(void 0===o&&(o=","),(d(i=p)?i:i.split(o)).every(function(e){return c.has(e.trim().toLowerCase())})):!p)},m=(0,i.createContext)(void 0),x=(0,i.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},b="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function g(e,n,t,o){var r,a,c=(0,i.useRef)(null),g=(0,i.useRef)(!1),j=t instanceof Array?o instanceof Array?void 0:o:t,S=d(e)?e.join(null==j?void 0:j.splitKey):e,k=t instanceof Array?t:o instanceof Array?o:void 0,C=(0,i.useCallback)(n,null!=k?k:[]),w=(0,i.useRef)(C);k?w.current=C:w.current=n;var T=(!function e(n,t){return n&&t&&"object"==typeof n&&"object"==typeof t?Object.keys(n).length===Object.keys(t).length&&Object.keys(n).reduce(function(i,o){return i&&e(n[o],t[o])},!0):n===t}((a=(0,i.useRef)(void 0)).current,j)&&(a.current=j),a.current),Z=(0,i.useContext)(x).enabledScopes,R=(0,i.useContext)(m);return b(function(){if((null==T?void 0:T.enabled)!==!1&&(e=Z,n=null==T?void 0:T.scopes,0===e.length&&n?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):!!(!n||e.some(function(e){return n.includes(e)})||e.includes("*")))){var e,n,t=function(e,n){var t,i;if(void 0===n&&(n=!1),!(v(e,["input","textarea","select"])&&!v(e,null==T?void 0:T.enableOnFormTags)||null!=T&&null!=T.ignoreEventWhen&&T.ignoreEventWhen(e))){if(null!==c.current&&document.activeElement!==c.current&&!c.current.contains(document.activeElement)){y(e);return}(null==(t=e.target)||!t.isContentEditable||null!=T&&T.enableOnContentEditable)&&s(S,null==T?void 0:T.splitKey).forEach(function(t){var i,o,r,a,l,s,c,d=u(t,null==T?void 0:T.combinationKey);if(h(e,d,null==T?void 0:T.ignoreModifiers)||null!=(c=d.keys)&&c.includes("*")){if(n&&g.current)return;if(i=e,o=d,("function"==typeof(r=null==T?void 0:T.preventDefault)&&r(i,o)||!0===r)&&i.preventDefault(),a=e,l=d,"function"==typeof(s=null==T?void 0:T.enabled)?!s(a,l):!0!==s&&void 0!==s){y(e);return}w.current(e,d),n||(g.current=!0)}})}},i=function(e){void 0!==e.key&&(f(l(e.code)),((null==T?void 0:T.keydown)===void 0&&(null==T?void 0:T.keyup)!==!0||null!=T&&T.keydown)&&t(e))},o=function(e){void 0!==e.key&&(p(l(e.code)),g.current=!1,null!=T&&T.keyup&&t(e,!0))},r=c.current||(null==j?void 0:j.document)||document;return r.addEventListener("keyup",o),r.addEventListener("keydown",i),R&&s(S,null==T?void 0:T.splitKey).forEach(function(e){return R.addHotkey(u(e,null==T?void 0:T.combinationKey,null==T?void 0:T.description))}),function(){r.removeEventListener("keyup",o),r.removeEventListener("keydown",i),R&&s(S,null==T?void 0:T.splitKey).forEach(function(e){return R.removeHotkey(u(e,null==T?void 0:T.combinationKey,null==T?void 0:T.description))})}}},[S,T,Z]),c}}},function(e){e.O(0,[789,909,573,377,774,888,179],function(){return e(e.s=45662)}),_N_E=e.O()}]);