slice-machine-ui 2.21.3-alpha.jp-cli-comment.2 → 2.21.3-alpha.jp-cli-comment.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return i(43186)}])},50477:function(e,t,i){"use strict";i.d(t,{NG:function(){return s},xU:function(){return a}});var r=i(18566),n=i(2784),o=i(80148);function a(e){let t=(0,n.useCallback)(t=>(0,r.VA)(l,[e],t),[e]);return{customTypes:(0,r.QT)(l,[e]),updateCustomTypes:t}}async function l(e){let{errors:t,models:i}=await o.managerClient.customTypes.readAllCustomTypes(e?{format:e}:void 0);if(t.length>0)throw t;return i.map(e=>{let{model:t}=e;return t})}function s(e){(0,r.gw)(l,[]),(0,r.gw)(l,[e])}},44309:function(e,t,i){"use strict";i.d(t,{Z:function(){return l}});var r=i(5632),n=i(56580),o=i(7723);let a=(e,t,i)=>{var r;let n=null===(r=(0,o.Sd)(e))||void 0===r?void 0:r.find(e=>e.name.replace(/\//g,"--")===t);return null==n?void 0:n.components.find(e=>e.model.name===i)};var l=()=>{let e=(0,r.useRouter)(),{slice:t}=(0,n.v9)(t=>({slice:a(t,e.query.lib,e.query.sliceName)}));if(!t)return{};let i=t.model.variations.find(t=>t.id===e.query.variation);return i?{slice:t,variation:i}:{}}},43186:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eU}});var r=i(52322),n=i(97729),o=i.n(n),a=i(5632),l=i(74217),s=i(2784),d=i(94160),c=i(68968),u=i(23710),m=i(54597);let h=(0,s.createContext)(void 0);function p(e){let{children:t,initialSlice:i}=e,n=(0,a.useRouter)(),[o,p]=(0,s.useState)(i),{actionQueueStatus:v,setNextAction:x}=(0,u.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),{saveSliceSuccess:g}=(0,m.Z)(),f=(0,l.R9)(g),{syncChanges:j}=(0,c.g)(),b=(0,s.useMemo)(()=>{let e=n.query.variation,t=o.model.variations.find(t=>t.id===e);if(t)return t;throw Error("Variation not found")},[o,n]),C=(0,s.useCallback)((e,t)=>{p(e),x(async()=>{let{errors:i}=await (0,d.Ve)(e);if(i.length>0)throw i;let{errors:r,mocks:n}=await (0,d.pL)({libraryID:e.from,sliceID:e.model.id});if(r.length>0)throw r;f({...e,mocks:n}),j(),null==t||t()})},[x,f,j]),y=(0,s.useMemo)(()=>({actionQueueStatus:v,slice:o,setSlice:C,variation:b}),[v,o,C,b]);return(0,r.jsx)(h.Provider,{value:y,children:"function"==typeof t?t(y):t})}function v(){let e=(0,s.useContext)(h);if(!e)throw Error("SliceBuilderProvider not found");return e}var x=i(44309),g=i(15934),f=i(43388),j=i(23094);let b=()=>(0,r.jsx)(g.E,{asChild:!0,invisible:!0,color:"grey",endIcon:"openInNew",sx:{alignSelf:"center"},onClick:()=>{d.Xe.track({event:"ai:promo-link-clicked",source:"slice_editor",target:"docs"})},children:(0,r.jsx)("a",{href:"https://prismic.io/docs/ai",target:"_blank",children:"Boost your workflow with Prismic AI modeling"})});var C=i(18566),y=i(80148);async function _(e){let{errors:t,model:i}=await y.managerClient.customTypes.readCustomType({id:e});if(t.length>0)throw t;return i}var w=i(59294),I=i(87446),D=i(14101);let S=e=>(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8536 6.85355C18.0488 6.65829 18.0488 6.34171 17.8536 6.14645C17.6583 5.95118 17.3417 5.95118 17.1464 6.14645L12 11.2929L6.85355 6.14645C6.65829 5.95118 6.34171 5.95118 6.14645 6.14645C5.95118 6.34171 5.95118 6.65829 6.14645 6.85355L11.2929 12L6.14645 17.1464C5.95118 17.3417 5.95118 17.6583 6.14645 17.8536C6.34171 18.0488 6.65829 18.0488 6.85355 17.8536L12 12.7071L17.1464 17.8536C17.3417 18.0488 17.6583 18.0488 17.8536 17.8536C18.0488 17.6583 18.0488 17.3417 17.8536 17.1464L12.7071 12L17.8536 6.85355Z",fill:"currentColor"})}),k=e=>(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,r.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,r.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"})]}),T=()=>{let{source:e}=(0,D.l)(),t=function(e){let t=(0,w.Ag)(e.query);return void 0!==t&&(0,w.ne)(e.asPath,t)?t:void 0}(e);return void 0!==t?(0,r.jsx)(I.h,{children:(0,r.jsx)(s.Suspense,{children:(0,r.jsx)(g.D,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,r.jsx)(R,{sourceCustomTypeId:t})})})}):null},R=e=>{let{sourceCustomTypeId:t}=e,i=(0,C.QT)(_,[t]),[n,o]=(0,s.useState)(!0),l=(0,a.useRouter)();if(void 0===i||!n)return null;{let{format:e,id:t}=i,n=w.cd[e].getBuilderPagePathname(t);return(0,r.jsxs)(g.F,{density:"compact",color:"dark",children:[(0,r.jsxs)(g.E,{onClick:()=>{l.push(n)},renderStartIcon:()=>(0,r.jsx)(k,{}),children:["Return to ",i.label]}),(0,r.jsx)(g.E,{onClick:()=>{o(!1)},renderStartIcon:()=>(0,r.jsx)(S,{})})]})}};var H=i(58446),F=i(56580),E=i(33710),N=i(36887),A=i(6277),O=i(40484),V=i(10704),z=i.n(V);let L=e=>{let{align:t,alignOffset:i,arrowSize:n=12,children:o,collisionPadding:a=parseFloat(g.t.space[16]),side:l,sideOffset:d=4,trigger:c,...u}=e,{arrowWidth:m,arrowHeight:h}=(0,s.useMemo)(()=>{if(void 0===n)return{arrowWidth:10,arrowHeight:5};let e=Math.SQRT2*n;return{arrowWidth:e,arrowHeight:e/2}},[n]);return(0,r.jsxs)(O.fC,{...u,children:[(0,r.jsx)(O.xz,{asChild:!0,children:c}),(0,r.jsx)(O.h_,{children:(0,r.jsxs)(O.VY,{align:t,alignOffset:i,className:z().container,collisionPadding:a,side:l,sideOffset:d,children:[o,(0,r.jsx)(O.Eh,{className:z().arrow,height:h,width:m})]})})]})};var M=i(56099),P=i.n(M);let Z=e=>{let{align:t,alignOffset:i,arrowSize:n,children:o,collisionPadding:a,onClose:l,open:d,openDelay:c=5e3,side:u,sideOffset:m,trigger:h}=e,[p,v]=(0,s.useState)(!1),x=(0,s.useCallback)(()=>{l&&l(),v(!1)},[l,v]);return!function(e){let{condition:t,action:i,delay:r}=e,[n,o]=(0,s.useState)(null);(0,s.useEffect)(()=>(t&&null===n&&o(setTimeout(i,r)),()=>{null!==n&&(clearTimeout(n),o(null))}),[t,i,r,n,o])}({condition:!0===d,action:(0,s.useCallback)(()=>v(e=>!1===e),[v]),delay:c}),(0,r.jsx)(L,{align:t,alignOffset:i,arrowSize:n,collisionPadding:a,onOpenChange:e=>{!0===e&&!0===d&&v(e)},open:p,openDelay:c,side:u,sideOffset:m,trigger:h,children:(0,r.jsx)(B,{handleClose:x,children:o})})},B=e=>{let{handleClose:t,children:i}=e;return(0,r.jsx)(W.Provider,{value:{handleClose:t},children:(0,r.jsx)("div",{className:P().root,children:i})})},W=(0,s.createContext)({handleClose:()=>void 0});function q(){return(0,s.useContext)(W)}let X=e=>{let{children:t}=e,{handleClose:i}=q();return(0,r.jsxs)("div",{className:P().title,children:[(0,r.jsx)("span",{children:t}),(0,r.jsx)("button",{className:P().titleCloseIcon,onClick:i,children:(0,r.jsx)(S,{})})]})},G=e=>{let{component:t,...i}=e,n="image"===t?"img":N.nk;return(0,r.jsx)("div",{className:P().mediaContainer,children:(0,s.createElement)(n,{...i,className:(0,A.W)(P().media,i.className)})})},K=e=>{let{children:t}=e;return(0,r.jsx)("div",{className:P().description,children:t})},U=e=>{let{children:t}=e,{handleClose:i}=q();return(0,r.jsx)("div",{className:P().closeButtonContainer,children:(0,r.jsx)(g.E,{sx:{width:"100%"},onClick:i,children:t})})};var Y=i(39180),Q=i(7974),J=i(79384);let $=e=>{let{children:t,open:i,onClose:n}=e;return(0,r.jsxs)(Z,{open:i,trigger:t,onClose:n,children:[(0,r.jsx)(X,{children:"Simulate your slices"}),(0,r.jsx)(G,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:Q.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:()=>{d.Xe.track({event:"open-video-tutorials",video:Q.Sn})}}),(0,r.jsx)(K,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,r.jsx)(U,{children:"Got it"})]})};var ee=e=>{let{disabled:t}=e,i=(0,a.useRouter)(),n=(0,s.useRef)(null),{setSeenSimulatorToolTip:o}=(0,m.Z)(),{hasSeenSimulatorTooltip:l}=(0,F.v9)(e=>({hasSeenSimulatorTooltip:(0,J.bv)(e)}));(0,s.useEffect)(()=>{let e=n.current;e&&!l&&setTimeout(()=>E.Z.show(e),5e3)},[l]);let d=()=>{if(o(),n.current){let{current:e}=n;E.Z.hide(e)}};return(0,r.jsx)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:n,children:(0,r.jsx)($,{open:!l,onClose:d,children:(0,r.jsx)(g.E,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:()=>{d(),window.open("".concat(i.asPath,"/simulator"),Q.pq)},disabled:t,renderStartIcon:()=>(0,r.jsx)(Y.z,{color:g.t.color.grey1,height:"24px",style:{transform:"scale(calc(4 / 3))"},width:"24px"}),children:"Simulate"})})})},et=i(88866),ei=i(28316),er=i(88932),en=i(35289),eo=i(63908),ea=i(34166),el=i(3285),es=i(40141),ed=i(49219),ec=i(26109),eu=i(45440),em=i(16086),eh=i(358),ep=i(5495),ev=i(39302);let ex=[eu.C.Image,eu.C.Text,eu.C.StructuredText,eu.C.Link,eu.C.Select,eu.C.Boolean,eu.C.Number,eu.C.Color,eu.C.Date,eu.C.Table,eu.C.Embed,eu.C.Timestamp,eu.C.GeoPoint,eu.C.ContentRelationship,eu.C.LinkToMedia];var eg=()=>{let{slice:e,setSlice:t,variation:i}=v(),[n,o]=(0,s.useState)(!1),a=[eu.C.Group,...ex],l=!!(i.items&&Object.keys(i.items).length>0),d=r=>n=>{if(r===ec.Rt.Items&&i.items&&Object.keys(i.items).length<=1){o(!0);return}t((0,eo.AK)({slice:e,variationId:i.id,widgetArea:r,fieldId:n}))},c=(r,n)=>{let{apiId:o,newKey:a,value:l,inGroupFieldAction:s}=n;t((0,eo.L4)({slice:e,variationId:i.id,widgetArea:r,previousFieldId:o,newFieldId:a,newField:l}),()=>{"add"===s&&er.Am.success("Field added")}),s||(0,ev.Z)({previousId:o,id:a,field:l})},u=(r,n)=>{let{apiId:o,value:l}=n,{type:s}=l,d=a.find(e=>e.CUSTOM_NAME===s||e.TYPE_NAME===s);if(!d)throw Error("Unsupported Field Type: ".concat(s));try{d.schema.validateSync(l,{stripUnknown:!1})}catch(e){throw Error('Model is invalid for widget "'.concat(l.type,'".'))}t((0,eo.xS)({slice:e,variationId:i.id,widgetArea:r,newFieldId:o,newField:l.type===et.GroupFieldType?ed.Fl.fromSM(l):l}),()=>{er.Am.success("".concat("Group"===s?"Group":"Field"," added"))}),(0,ep.V)({id:o,field:l})},m=e=>t=>""===t.apiId?u(e,{...t,apiId:t.newKey}):c(e,t),h=r=>n=>{if((0,em.uS)(n))return;let{source:o,destination:a}=n;if(!a)return;let l=(0,eo.gR)({slice:e,variationId:i.id,widgetArea:r,sourceIndex:o.index,destinationIndex:a.index});(0,ei.flushSync)(()=>t(l))};return(0,r.jsxs)(g.D,{flexDirection:"column",gap:18,children:[(0,r.jsxs)(en.aV,{children:[(0,r.jsx)(es.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,title:"Fields",dataTip:" The non-repeatable zone\n is for fields<br/> that should appear once, like a<br/>\n section title.\n",fields:i.primary,EditModal:el.Z,widgetsArray:a,onDeleteItem:d(ec.Rt.Primary),onSave:m(ec.Rt.Primary),onDragEnd:h(ec.Rt.Primary),poolOfFieldsToCheck:i.primary||[],renderHintBase:e=>{let{item:t}=e;return"slice.primary".concat((0,eh.Ti)(t.key))},renderFieldAccessor:e=>"slice.primary".concat((0,eh.Ti)(e)),testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:void 0}),l?(0,r.jsx)(es.Z,{zoneType:"slice",zoneTypeFormat:void 0,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:ex,fields:i.items,EditModal:el.Z,onDeleteItem:d(ec.Rt.Items),onSave:m(ec.Rt.Items),onDragEnd:h(ec.Rt.Items),poolOfFieldsToCheck:i.items||[],renderHintBase:e=>{let{item:t}=e;return"item".concat((0,eh.Ti)(t.key))},renderFieldAccessor:e=>"slice.items[i]".concat((0,eh.Ti)(e)),testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields"}):null,(0,r.jsxs)(g.ad,{size:"small",open:n,onOpenChange:e=>o(e),children:[(0,r.jsx)(g.ak,{icon:"delete",title:"Delete field"}),(0,r.jsxs)(g.ai,{children:[(0,r.jsx)(g.D,{padding:24,gap:12,flexDirection:"column",children:e.model.variations.length>1?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",e.model.name," slice ",i.name," variation."]}),(0,r.jsx)("div",{children:"Other variations will be left untouched. To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",e.model.name,"."]}),(0,r.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]})}),(0,r.jsxs)(g.ag,{children:[(0,r.jsx)(g.ah,{}),(0,r.jsx)(g.ae,{color:"tomato",onClick:()=>{t((0,eo.Oh)({slice:e,variationId:i.id})),o(!1)},children:"Delete"})]})]})]})]}),(0,r.jsx)(ea.rT,{type:"model",library:e.from,sliceId:e.model.id,variationId:i.id})]})},ef=i(34887),ej=i.n(ef);let eb=e=>{let{variant:t="dashed",color:i="currentColor",className:n}=e;return(0,r.jsx)("hr",{className:(0,A.W)(ej()["variant-".concat(t)],n),style:{color:g.t.color[i]}})};var eC=i(51507),ey=i(27763),e_=i(21442);async function ew(e){try{let{errors:t}=await (0,d.Ve)(e.component);if(t.length>0)throw t;let{errors:i}=await (0,d.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id});if(i.length>0)throw i;(0,ea.tB)({type:"model",library:e.component.from,sliceId:e.component.model.id,variationId:e.variation.id});let{slice:r,errors:n}=await (0,d.X$)(e.component.from,e.component.model.id);if(n.length>0)throw n;if(!r)throw Error("Could not read variation `".concat(e.variation.name,"`"));let{mocks:o}=await (0,d.pL)({libraryID:e.component.from,sliceID:e.component.model.id}),a=ey.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:r.name,variationId:r.variations[0].id});await e.router.replace(a);let l={...e.component,model:r,mocks:o};return e.saveSliceSuccess(l),l}catch(i){let t="Could not delete variation `".concat(e.variation.name,"`");throw console.error(t,i),er.Am.error(t),i}}let eI=e=>{let{isOpen:t,onClose:i,slice:n,variation:o}=e,l=(0,a.useRouter)(),[d,c]=(0,s.useState)(!1),{saveSliceSuccess:u}=(0,m.Z)(),{setSlice:h}=v();return(0,r.jsxs)(g.ad,{open:t,onOpenChange:e=>!e&&i(),size:{width:448,height:"auto"},children:[(0,r.jsx)(g.ak,{icon:"delete",title:"Delete variation"}),(0,r.jsx)(g.ai,{children:(0,r.jsxs)(g.D,{flexDirection:"column",children:[(0,r.jsxs)(g.bK,{color:"grey11",sx:{marginBlock:16,marginInline:16},children:["This action will remove the variation from the slice model and delete associated files. When you push your changes, the variation will disappear from your repository. This update will"," ",(0,r.jsx)(eD,{children:"not"})," affect your documents until you ",(0,r.jsx)(eD,{children:"edit"})," ","them manually."]}),(0,r.jsxs)(g.ag,{children:[(0,r.jsx)(g.ah,{size:"medium"}),(0,r.jsx)(g.ae,{size:"medium",color:"tomato",onClick:()=>{o&&(async()=>{c(!0);try{let e=await ew({component:n,router:l,saveSliceSuccess:u,variation:o});h(e)}catch(e){}c(!1),i()})()},loading:d,children:"Delete"})]})]})})]})},eD=e=>(0,r.jsx)(g.bK,{...e,color:"inherit",component:"span",variant:"bold"});var eS=i(30195);async function ek(e){try{let{errors:t}=await (0,d.Ve)(e.component);if(t.length>0)throw t;let{errors:i}=await (0,d.eH)(e.component,{...e.variation,name:e.variationName});if(i.length>0)throw i;let{slice:r,errors:n}=await (0,d.X$)(e.component.from,e.component.model.id);if(n.length>0)throw n;if(!r)throw Error("Could not read variation `".concat(e.variation.name,"`"));let{mocks:o}=await (0,d.pL)({libraryID:e.component.from,sliceID:e.component.model.id}),a={...e.component,model:r,mocks:o};return e.saveSliceSuccess(a),a}catch(i){let t="Could not rename variation `".concat(e.variation.name,"`");throw console.error(t,i),er.Am.error(t),i}}let eT=e=>{let{isOpen:t,onClose:i,slice:n,variation:o}=e,[a,d]=(0,s.useState)(!1),[c,u]=(0,s.useState)(""),[h,p]=(0,s.useState)(),{setSlice:x}=v(),{saveSliceSuccess:f}=(0,m.Z)();return(0,l.pQ)(t,()=>{if(t&&(null==o?void 0:o.name)!==c){var e;u(null!==(e=null==o?void 0:o.name)&&void 0!==e?e:""),p(void 0)}}),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(g.ad,{open:t,onOpenChange:e=>!e&&i(),size:{width:448,height:"auto"},children:[(0,r.jsx)(g.ak,{icon:"edit",title:"Rename variation"}),(0,r.jsx)(g.ai,{children:(0,r.jsxs)(g.aI,{onSubmit:function(){if(!h&&o){d(!0);try{ek({component:n,saveSliceSuccess:f,variation:o,variationName:c.trim()}).then(e=>{x(e)})}catch(e){}d(!1),i()}},children:[(0,r.jsxs)(g.D,{flexDirection:"column",gap:8,padding:16,children:[(0,r.jsx)(g.bK,{variant:"normal",color:"grey11",children:"This action will rename the variation in the slice model. When you push your changes, the variation will be renamed in your repository."}),(0,r.jsx)(g.D,{flexDirection:"column",gap:4,children:(0,r.jsx)(g.aL,{type:"text",label:"Variation name *",placeholder:"Variation name",error:h,value:c,onValueChange:function(e){u(e),p(function(e){let t=eR.safeParse(e,{errorMap:eH});if(t.error)return t.error.errors[0].message}(e))}})})]}),(0,r.jsxs)(g.ag,{children:[(0,r.jsx)(g.ah,{size:"medium"}),(0,r.jsx)(g.ae,{type:"submit",size:"medium",loading:a,disabled:!!h,children:"Rename"})]})]})})]})})},eR=eS.z.string().min(1),eH=e=>e.code===eS.z.ZodIssueCode.too_small?{message:"This field is required"}:{message:"Invalid value"};var eF=i(86652),eE=i(63397),eN=i(96009),eA=i.n(eN),eO=i(36131),eV=i(75289),ez=i(30527);function eL(e){let{children:t}=e,i=(0,ez.W)();return(0,r.jsx)(eV.kC,{sx:{p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:i,borderTopRightRadius:i,borderBottom:e=>{var t;return"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.borders)}},children:t})}var eM=e=>{let{children:t,FooterContent:i,HeaderContent:n,close:o,sx:a={}}=e;return(0,r.jsx)(ez.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:{border:"none",...a},Header:(0,r.jsxs)(eL,{children:[n,o?(0,r.jsx)(eV.x8,{onClick:o,type:"button"}):null]}),Footer:i?(0,r.jsxs)(eV.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,r.jsx)(eV.xu,{sx:{ml:"auto"}}),i]}):null,children:t})},eP=i(55862);let eZ=e=>{let{msg:t}=e;return(0,r.jsx)(eV.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:t||"Error!"})};var eB=e=>{let{isOpen:t,onClose:i,onSubmit:n,initialVariation:o,variations:a}=e,[l,d]=(0,s.useState)({}),[c,u]=(0,s.useState)(""),[m,h]=(0,s.useState)(!0),[p,v]=(0,s.useState)(""),[x,f]=(0,s.useState)({value:o.id,label:o.name}),[j,b]=(0,s.useState)(!1);function C(){y(),i()}function y(){u(""),v(""),d({}),h(!0),f({value:o.id,label:o.name})}async function _(){let e=function(e){let{id:t,name:i,origin:r}=e,n=t&&t.length?null:{id:"Required!"},o=a.find(e=>e.id===t)?{id:"This id already exists!"}:null,l=i&&i.length?null:{name:"Required!"},s=r.value.length&&a.find(e=>e.id===r.value)?null:{id:"You must select an existing variation!"},d=t&&t.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(t)&&{id:"No special characters allowed"};return{...n,...o,...l,...s,...d}}({id:c,name:p,origin:x});if(Object.keys(e).length)d(e);else{let e=a.find(e=>e.id===x.value);e&&(b(!0),await n(c,p,e),b(!1),C())}}return(0,s.useEffect)(()=>{y()},[o,t]),(0,r.jsx)(eP.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,onRequestClose:()=>C(),contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,r.jsx)(eE.J9,{initialValues:{id:c,name:p,origin:x},onSubmit:_,children:(0,r.jsx)(eE.l0,{id:"variation-add",onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),_())},children:(0,r.jsx)(g.D,{children:(0,r.jsxs)(eM,{sx:{textAlign:"left"},HeaderContent:(0,r.jsx)(eV.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,r.jsxs)(g.D,{gap:16,alignItems:"center",children:[(0,r.jsx)(g.E,{onClick:C,color:"grey",children:"Cancel"}),(0,r.jsx)(g.E,{type:"submit",loading:j,children:"Submit"})]}),close:C,children:[(0,r.jsxs)(g.D,{flexDirection:"column",padding:{block:16},children:[(0,r.jsxs)(eV.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",l.name?(0,r.jsx)(eZ,{msg:l.name}):""]}),(0,r.jsx)(eE.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:eV.II,maxLength:30,value:p,onChange:e=>{var t;v(t=e.currentTarget.value),m&&u(eA()(t))}}),(0,r.jsx)(eV.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,r.jsxs)(g.D,{flexDirection:"column",padding:{bottom:16},children:[(0,r.jsxs)(eV.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",l.id?(0,r.jsx)(eZ,{msg:l.id}):""]}),(0,r.jsx)(eE.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. gridWithIcon",as:eV.II,maxLength:30,value:c,onChange:e=>{var t;return t=e.currentTarget.value,void(h(!1),u(eA()(t)))}}),(0,r.jsx)(eV.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,r.jsxs)(g.D,{flexDirection:"column",padding:{bottom:8},children:[(0,r.jsx)(eV.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,r.jsx)(eO.ZP,{name:"origin",options:a.map(e=>({value:e.id,label:e.name})),onChange:e=>{e&&f(e)},defaultValue:x,maxMenuHeight:150,theme:e=>({...e,colors:{...e.colors,text:"text",primary:"background"}})})]})]})})})})})},eW=i(20136),eq=i.n(eW);let eX=e=>{let{horizontalScroll:t=!1}=e,{slice:i,variation:n,setSlice:o}=v(),[l,c]=(0,s.useState)(),u=(0,e_.H)(),{sliceFilterFn:h,defaultVariationSelector:p,onUploadSuccess:x}=u.modalPayload,f=(0,a.useRouter)(),{saveSliceSuccess:j}=(0,m.Z)(),b=i.model.variations.length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(g.D,{flexDirection:"column",gap:16,children:t?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eb,{variant:"edgeFaded",color:"grey6"}),(0,r.jsxs)(g.D,{justifyContent:"space-between",children:[(0,r.jsxs)(g.bK,{color:"grey11",children:[b," variation",1!==b&&"s"]}),(0,r.jsx)(g.E,{onClick:()=>{c({type:"ADD_VARIATION"})},startIcon:"add",color:"grey",children:"Add a variation"})]}),(0,r.jsx)("div",{className:eq().hideScrollbar,style:{height:"240px",position:"relative",marginRight:"-32px",overflowX:"scroll",scrollSnapType:"x mandatory"},children:(0,r.jsx)("div",{style:{position:"absolute",paddingRight:"32px"},children:(0,r.jsx)(g.D,{flexDirection:"row",gap:16,children:(0,r.jsx)(eG,{screenshotChangesModal:u,setDialog:c,width:320})})})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eG,{screenshotChangesModal:u,setDialog:c}),(0,r.jsx)("div",{style:{bottom:g.t.space[0],marginBottom:"-".concat(g.t.space[16]),position:"sticky"},children:(0,r.jsxs)(g.D,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,r.jsx)(g.aR,{sx:{left:0,position:"absolute",right:0}}),(0,r.jsx)(g.E,{color:"grey",onClick:()=>{c({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a variation"})]})})]})}),(0,r.jsx)(eF.Z,{slices:h([i]),defaultVariationSelector:p,onUploadSuccess:x}),(0,r.jsx)(eT,{isOpen:(null==l?void 0:l.type)==="RENAME_VARIATION",onClose:()=>{c(void 0)},slice:i,variation:null==l?void 0:l.variation}),(0,r.jsx)(eI,{isOpen:(null==l?void 0:l.type)==="DELETE_VARIATION",onClose:()=>{c(void 0)},slice:i,variation:null==l?void 0:l.variation}),(0,r.jsx)(eB,{initialVariation:n,isOpen:(null==l?void 0:l.type)==="ADD_VARIATION",onClose:()=>{c(void 0)},onSubmit:async(e,t,r)=>{try{let{slice:n,variation:a}=(0,eo.Kp)({slice:i,id:e,name:t,copiedVariation:r});await (0,d.Ve)(n),j(n),o(n);let l=ey.Y.getBuilderPagePathname({libraryName:n.href,sliceName:n.model.name,variationId:a.id});f.replace(l)}catch(i){let e="Could not add variation `".concat(t,"`");console.error(e,i),er.Am.error(e)}},variations:i.model.variations})]})},eG=e=>{let{screenshotChangesModal:t,setDialog:i,width:n}=e,{slice:o,variation:a,setSlice:l}=v(),s={scrollSnapAlign:"start"};return(0,r.jsx)(r.Fragment,{children:o.model.variations.map(e=>(0,r.jsx)("div",{style:void 0!==n?{...s,width:n}:s,children:(0,r.jsx)(eC.b,{action:{type:"menu",onRename:()=>{i({type:"RENAME_VARIATION",variation:e})},onRemove:()=>{i({type:"DELETE_VARIATION",variation:e})},removeDisabled:o.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:()=>{t.onOpenModal({sliceFilterFn:e=>e,defaultVariationSelector:{sliceID:o.model.id,variationID:e.id},onUploadSuccess:e=>{l(e)}})},replace:!0,selected:e.id===a.id,slice:o,variant:"outlined",variationId:e.id},e.id)},e.id))})};var eK=()=>{let{slice:e,actionQueueStatus:t}=v(),i=(0,g.ci)({max:"large"});return(0,r.jsxs)(H.LN,{children:[(0,r.jsxs)(H.wd,{children:[(0,r.jsx)(H.Xq,{url:"/slices"}),(0,r.jsxs)(H.Cx,{children:[(0,r.jsx)(f.g,{children:"Slices"}),(0,r.jsx)(f.g,{active:!0,children:e.model.name})]}),(0,r.jsxs)(H.K2,{children:[(0,r.jsx)(b,{}),(0,r.jsx)(j.X,{status:t}),(0,r.jsx)(ee,{disabled:"done"!==t})]})]}),(0,r.jsxs)(H.RN,{children:[(0,r.jsxs)(g.D,{display:"grid",alignItems:"flex-start",gap:16,...i?{gridTemplateRows:"304px 1fr"}:{gridTemplateColumns:"320px 1fr"},children:[(0,r.jsx)(eX,{horizontalScroll:i}),(0,r.jsx)(eg,{})]}),(0,r.jsx)(T,{})]})]})};function eU(){let e=(0,a.useRouter)(),{slice:t,variation:i}=(0,x.Z)();return void 0===t||void 0===i?(e.replace("/"),null):(0,r.jsx)(p,{initialSlice:t,children:e=>{let{slice:t}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o(),{children:(0,r.jsxs)("title",{children:[t.model.name," - Slice Machine"]})}),(0,r.jsx)(eK,{})]})}})}},10704:function(e){e.exports={reset:"BaseHoverCard_reset__HckHR",container:"BaseHoverCard_container__IZMCG BaseHoverCard_reset__HckHR",arrow:"BaseHoverCard_arrow__gvcjD BaseHoverCard_reset__HckHR"}},34887:function(e){e.exports={base:"Divider_base__4eT6E","variant-dashed":"Divider_variant-dashed__4Lvrj Divider_base__4eT6E","variant-edgeFaded":"Divider_variant-edgeFaded__049V2 Divider_base__4eT6E"}},56099:function(e){e.exports={block:"HoverCard_block__Fubs4",blockWithDisplayRevert:"HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",root:"HoverCard_root__OaRBr HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",title:"HoverCard_title__dO_Y9 HoverCard_block__Fubs4",titleCloseIcon:"HoverCard_titleCloseIcon__DlZJS HoverCard_block__Fubs4",mediaContainer:"HoverCard_mediaContainer__4Lt3z HoverCard_block__Fubs4",media:"HoverCard_media__U7jSc HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",description:"HoverCard_description__HZ9_z HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",closeButtonContainer:"HoverCard_closeButtonContainer__7JiLA HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4"}},20136:function(e){e.exports={hideScrollbar:"VariationsList_hideScrollbar__cHCIS"}}},function(e){e.O(0,[898,789,917,525,461,139,797,397,66,183,344,256,444,484,882,630,593,888,774,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);
@@ -1 +1 @@
1
- self.__BUILD_MANIFEST=function(s,c,a,t,e,i,b,n,u,f,d,h,k,j,l,p,g,o,r,m,_,y,I,N){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,e,o,r,"static/chunks/pages/index-0d8cb369de720a35.js"],"/_error":["static/chunks/pages/_error-fedd2c6ebd3d27b9.js"],"/changelog":[c,i,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-b677408a933c3706.js"],"/changes":[c,b,"static/chunks/8eec4907-b712959d9f984b68.js",a,"static/chunks/125-00b909bdbab2ca15.js",t,u,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-3e2db1d730ca49d5.js"],"/custom-types":[s,e,o,r,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,f,d,h,k,s,a,i,n,j,l,m,t,e,p,g,_,y,"static/chunks/pages/custom-types/[customTypeId]-b7568d6cdea551b4.js"],"/labs":["static/chunks/pages/labs-224cdbb9b1c2ae79.js"],"/page-types/[pageTypeId]":[c,f,d,h,k,s,a,i,n,j,l,m,t,e,p,g,_,y,"static/chunks/pages/page-types/[pageTypeId]-fcce3335e0cdee55.js"],"/slices":[c,b,I,s,a,n,N,t,g,u,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-64cda5a35f30d3b6.js"],"/slices/[lib]/[sliceName]/[variation]":[c,b,f,d,h,k,I,s,a,i,n,j,N,"static/chunks/484-3e011e79c41f0342.js",t,p,u,"static/css/e8e03c0d4003d1eb.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-577f7302b0b5f63e.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[b,"static/chunks/72585f70-28b4d7d5384b3703.js",l,"static/chunks/429-e5d7e39160de9f5e.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-2734cb1eb5762250.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/397-e6c340070a3bcb41.js","static/chunks/59b4e022-ef680789f7cc9b11.js","static/chunks/66-d9d3bcb5d041cb6d.js","static/chunks/882-3fc529e17c17e932.js","static/chunks/647-743a5d447c0afd2a.js","static/chunks/183-4ea255b867ff171b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/344-b64f09e670634ed1.js","static/chunks/593-7ffd1197c3405ef8.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-480e426e4b1cfef3.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/256-07f768a2b19b0a0e.js","static/chunks/130-e1a16d2f94fb2b64.js","static/chunks/630-7481a0c51302f44a.js","static/chunks/633-9cbdaf7853a37d77.js","static/chunks/248-ebee5770affd2316.js","static/css/4e475d945cf8a890.css","static/chunks/21-f3962d02eda0a46e.js","static/chunks/614-725569bd08a56760.js","static/css/56f2a6684a524374.css","static/chunks/52d4c156-89c6ec6efca0a0bb.js","static/chunks/444-d39213143f782fec.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
1
+ self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,u,d,f,h,k,j,l,p,g,o,r,m,_,y,I,N){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,t,o,r,"static/chunks/pages/index-0d8cb369de720a35.js"],"/_error":["static/chunks/pages/_error-fedd2c6ebd3d27b9.js"],"/changelog":[c,i,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-b677408a933c3706.js"],"/changes":[c,b,"static/chunks/8eec4907-b712959d9f984b68.js",a,"static/chunks/125-00b909bdbab2ca15.js",e,u,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-3e2db1d730ca49d5.js"],"/custom-types":[s,t,o,r,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,d,f,h,k,s,a,i,n,j,l,m,e,t,p,g,_,y,"static/chunks/pages/custom-types/[customTypeId]-b7568d6cdea551b4.js"],"/labs":["static/chunks/pages/labs-224cdbb9b1c2ae79.js"],"/page-types/[pageTypeId]":[c,d,f,h,k,s,a,i,n,j,l,m,e,t,p,g,_,y,"static/chunks/pages/page-types/[pageTypeId]-fcce3335e0cdee55.js"],"/slices":[c,b,I,s,a,n,N,e,g,u,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-64cda5a35f30d3b6.js"],"/slices/[lib]/[sliceName]/[variation]":[c,b,d,f,h,k,I,s,a,i,n,j,N,"static/chunks/484-3e011e79c41f0342.js",e,p,u,"static/css/e8e03c0d4003d1eb.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-f2e34638819d0048.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[b,"static/chunks/72585f70-28b4d7d5384b3703.js",l,"static/chunks/429-e5d7e39160de9f5e.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-2734cb1eb5762250.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/397-e6c340070a3bcb41.js","static/chunks/59b4e022-ef680789f7cc9b11.js","static/chunks/66-d9d3bcb5d041cb6d.js","static/chunks/882-3fc529e17c17e932.js","static/chunks/647-743a5d447c0afd2a.js","static/chunks/183-4ea255b867ff171b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/344-b64f09e670634ed1.js","static/chunks/593-7ffd1197c3405ef8.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-480e426e4b1cfef3.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/256-07f768a2b19b0a0e.js","static/chunks/130-e1a16d2f94fb2b64.js","static/chunks/630-7481a0c51302f44a.js","static/chunks/633-9cbdaf7853a37d77.js","static/chunks/248-ebee5770affd2316.js","static/css/4e475d945cf8a890.css","static/chunks/21-f3962d02eda0a46e.js","static/chunks/614-725569bd08a56760.js","static/css/56f2a6684a524374.css","static/chunks/52d4c156-89c6ec6efca0a0bb.js","static/chunks/444-d39213143f782fec.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/870-a72b74312773efea.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-b677408a933c3706.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/870-a72b74312773efea.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-b677408a933c3706.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/changes.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d98ebc475f8423a3.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d98ebc475f8423a3.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/125-00b909bdbab2ca15.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/593-7ffd1197c3405ef8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-3e2db1d730ca49d5.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d98ebc475f8423a3.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d98ebc475f8423a3.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/125-00b909bdbab2ca15.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/593-7ffd1197c3405ef8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-3e2db1d730ca49d5.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/130-e1a16d2f94fb2b64.js" defer=""></script><script src="/_next/static/chunks/21-f3962d02eda0a46e.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/630-7481a0c51302f44a.js" defer=""></script><script src="/_next/static/chunks/633-9cbdaf7853a37d77.js" defer=""></script><script src="/_next/static/chunks/614-725569bd08a56760.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-b7568d6cdea551b4.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/130-e1a16d2f94fb2b64.js" defer=""></script><script src="/_next/static/chunks/21-f3962d02eda0a46e.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/630-7481a0c51302f44a.js" defer=""></script><script src="/_next/static/chunks/633-9cbdaf7853a37d77.js" defer=""></script><script src="/_next/static/chunks/614-725569bd08a56760.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-b7568d6cdea551b4.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/248-ebee5770affd2316.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-5acd56959b60346f.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/248-ebee5770affd2316.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-5acd56959b60346f.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/248-ebee5770affd2316.js" defer=""></script><script src="/_next/static/chunks/pages/index-0d8cb369de720a35.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/248-ebee5770affd2316.js" defer=""></script><script src="/_next/static/chunks/pages/index-0d8cb369de720a35.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/labs.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/pages/labs-224cdbb9b1c2ae79.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/pages/labs-224cdbb9b1c2ae79.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/130-e1a16d2f94fb2b64.js" defer=""></script><script src="/_next/static/chunks/21-f3962d02eda0a46e.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/630-7481a0c51302f44a.js" defer=""></script><script src="/_next/static/chunks/633-9cbdaf7853a37d77.js" defer=""></script><script src="/_next/static/chunks/614-725569bd08a56760.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-fcce3335e0cdee55.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/130-e1a16d2f94fb2b64.js" defer=""></script><script src="/_next/static/chunks/21-f3962d02eda0a46e.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/647-743a5d447c0afd2a.js" defer=""></script><script src="/_next/static/chunks/630-7481a0c51302f44a.js" defer=""></script><script src="/_next/static/chunks/633-9cbdaf7853a37d77.js" defer=""></script><script src="/_next/static/chunks/614-725569bd08a56760.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-fcce3335e0cdee55.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/130-e1a16d2f94fb2b64.js" defer=""></script><script src="/_next/static/chunks/429-e5d7e39160de9f5e.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-2734cb1eb5762250.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/130-e1a16d2f94fb2b64.js" defer=""></script><script src="/_next/static/chunks/429-e5d7e39160de9f5e.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-2734cb1eb5762250.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e8e03c0d4003d1eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e8e03c0d4003d1eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/444-d39213143f782fec.js" defer=""></script><script src="/_next/static/chunks/484-3e011e79c41f0342.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/630-7481a0c51302f44a.js" defer=""></script><script src="/_next/static/chunks/593-7ffd1197c3405ef8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-577f7302b0b5f63e.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e8e03c0d4003d1eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e8e03c0d4003d1eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/183-4ea255b867ff171b.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/256-07f768a2b19b0a0e.js" defer=""></script><script src="/_next/static/chunks/444-d39213143f782fec.js" defer=""></script><script src="/_next/static/chunks/484-3e011e79c41f0342.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/630-7481a0c51302f44a.js" defer=""></script><script src="/_next/static/chunks/593-7ffd1197c3405ef8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-f2e34638819d0048.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/efa5152b7c0f35c0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/efa5152b7c0f35c0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3c6e25f5d7d4395a.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/444-d39213143f782fec.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/633-9cbdaf7853a37d77.js" defer=""></script><script src="/_next/static/chunks/593-7ffd1197c3405ef8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-64cda5a35f30d3b6.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_buildManifest.js" defer=""></script><script src="/_next/static/Hh4uJv-LBUUx87Qi0WpYl/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"Hh4uJv-LBUUx87Qi0WpYl","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/3283e55967b5b95a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/3283e55967b5b95a.css" data-n-g=""/><link rel="preload" href="/_next/static/css/efa5152b7c0f35c0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/efa5152b7c0f35c0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-b3122714ef005b7d.js" defer=""></script><script src="/_next/static/chunks/framework-ab7ddb551c23d05a.js" defer=""></script><script src="/_next/static/chunks/main-de87250a4e0c9fcf.js" defer=""></script><script src="/_next/static/chunks/pages/_app-3f498ac71601cc63.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/52d4c156-89c6ec6efca0a0bb.js" defer=""></script><script src="/_next/static/chunks/397-e6c340070a3bcb41.js" defer=""></script><script src="/_next/static/chunks/66-d9d3bcb5d041cb6d.js" defer=""></script><script src="/_next/static/chunks/344-b64f09e670634ed1.js" defer=""></script><script src="/_next/static/chunks/444-d39213143f782fec.js" defer=""></script><script src="/_next/static/chunks/882-3fc529e17c17e932.js" defer=""></script><script src="/_next/static/chunks/633-9cbdaf7853a37d77.js" defer=""></script><script src="/_next/static/chunks/593-7ffd1197c3405ef8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-64cda5a35f30d3b6.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_buildManifest.js" defer=""></script><script src="/_next/static/s9YnIF97tu0FmCJDCgHpH/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"s9YnIF97tu0FmCJDCgHpH","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slice-machine-ui",
3
- "version": "2.21.3-alpha.jp-cli-comment.2",
3
+ "version": "2.21.3-alpha.jp-cli-comment.3",
4
4
  "license": "MIT",
5
5
  "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
6
6
  "repository": {
@@ -35,8 +35,8 @@
35
35
  "start-slicemachine": "./bin/start-slicemachine.cjs"
36
36
  },
37
37
  "dependencies": {
38
- "@slicemachine/manager": "0.27.3-alpha.jp-cli-comment.3",
39
- "start-slicemachine": "0.12.75-alpha.jp-cli-comment.3"
38
+ "@slicemachine/manager": "0.27.3-alpha.jp-cli-comment.5",
39
+ "start-slicemachine": "0.12.75-alpha.jp-cli-comment.5"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@emotion/react": "11.11.1",
@@ -114,16 +114,16 @@ export function Navigation() {
114
114
  />
115
115
 
116
116
  <NavigationItem
117
- title="Prismic MCP"
117
+ title="Prismic with AI"
118
118
  href="https://prismic.io/docs/ai"
119
119
  target="_blank"
120
120
  Icon={CodeIcon}
121
121
  RightElement={<Badge title="New" color="indigo" />}
122
- tooltip="Connect Prismic MCP to your editor (like Cursor) for AI-powered coding."
122
+ tooltip="Learn how to use Prismic with AI and the CLI to create content and code slices."
123
123
  onClick={() => {
124
124
  void telemetry.track({
125
125
  event: "sidebar:link-clicked",
126
- link_name: "prismic_mcp",
126
+ link_name: "prismic_ai",
127
127
  source: "slice_machine_sidebar",
128
128
  });
129
129
  }}
@@ -2,7 +2,7 @@ import { Button } from "@prismicio/editor-ui";
2
2
 
3
3
  import { telemetry } from "@/apiClient";
4
4
 
5
- export const McpPromoLink = () => {
5
+ export const AIPromoLink = () => {
6
6
  return (
7
7
  <Button
8
8
  asChild
@@ -12,14 +12,14 @@ export const McpPromoLink = () => {
12
12
  sx={{ alignSelf: "center" }}
13
13
  onClick={() => {
14
14
  void telemetry.track({
15
- event: "mcp:promo-link-clicked",
15
+ event: "ai:promo-link-clicked",
16
16
  source: "slice_editor",
17
17
  target: "docs",
18
18
  });
19
19
  }}
20
20
  >
21
21
  <a href="https://prismic.io/docs/ai" target="_blank">
22
- Boost your workflow in Cursor with Prismic MCP
22
+ Boost your workflow with Prismic AI modeling
23
23
  </a>
24
24
  </Button>
25
25
  );
@@ -3,8 +3,8 @@ import { type FC } from "react";
3
3
 
4
4
  import { BreadcrumbItem } from "@/components/Breadcrumb";
5
5
  import { AutoSaveStatusIndicator } from "@/features/autoSave/AutoSaveStatusIndicator";
6
+ import { AIPromoLink } from "@/features/slices/sliceBuilder/AIPromoLink";
6
7
  import { FloatingBackButton } from "@/features/slices/sliceBuilder/FloatingBackButton";
7
- import { McpPromoLink } from "@/features/slices/sliceBuilder/McpPromoLink";
8
8
  import { useSliceState } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
9
9
  import {
10
10
  AppLayout,
@@ -36,7 +36,7 @@ export const SliceBuilder: FC = () => {
36
36
  <BreadcrumbItem active>{slice.model.name}</BreadcrumbItem>
37
37
  </AppLayoutBreadcrumb>
38
38
  <AppLayoutActions>
39
- <McpPromoLink />
39
+ <AIPromoLink />
40
40
  <AutoSaveStatusIndicator status={actionQueueStatus} />
41
41
  <SimulatorButton disabled={actionQueueStatus !== "done"} />
42
42
  </AppLayoutActions>
@@ -1 +0,0 @@
1
- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return i(82080)}])},50477:function(e,t,i){"use strict";i.d(t,{NG:function(){return s},xU:function(){return a}});var r=i(18566),n=i(2784),o=i(80148);function a(e){let t=(0,n.useCallback)(t=>(0,r.VA)(l,[e],t),[e]);return{customTypes:(0,r.QT)(l,[e]),updateCustomTypes:t}}async function l(e){let{errors:t,models:i}=await o.managerClient.customTypes.readAllCustomTypes(e?{format:e}:void 0);if(t.length>0)throw t;return i.map(e=>{let{model:t}=e;return t})}function s(e){(0,r.gw)(l,[]),(0,r.gw)(l,[e])}},44309:function(e,t,i){"use strict";i.d(t,{Z:function(){return l}});var r=i(5632),n=i(56580),o=i(7723);let a=(e,t,i)=>{var r;let n=null===(r=(0,o.Sd)(e))||void 0===r?void 0:r.find(e=>e.name.replace(/\//g,"--")===t);return null==n?void 0:n.components.find(e=>e.model.name===i)};var l=()=>{let e=(0,r.useRouter)(),{slice:t}=(0,n.v9)(t=>({slice:a(t,e.query.lib,e.query.sliceName)}));if(!t)return{};let i=t.model.variations.find(t=>t.id===e.query.variation);return i?{slice:t,variation:i}:{}}},82080:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return eU}});var r=i(52322),n=i(97729),o=i.n(n),a=i(5632),l=i(74217),s=i(2784),d=i(94160),c=i(68968),u=i(23710),m=i(54597);let h=(0,s.createContext)(void 0);function p(e){let{children:t,initialSlice:i}=e,n=(0,a.useRouter)(),[o,p]=(0,s.useState)(i),{actionQueueStatus:v,setNextAction:x}=(0,u.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),{saveSliceSuccess:g}=(0,m.Z)(),f=(0,l.R9)(g),{syncChanges:j}=(0,c.g)(),C=(0,s.useMemo)(()=>{let e=n.query.variation,t=o.model.variations.find(t=>t.id===e);if(t)return t;throw Error("Variation not found")},[o,n]),b=(0,s.useCallback)((e,t)=>{p(e),x(async()=>{let{errors:i}=await (0,d.Ve)(e);if(i.length>0)throw i;let{errors:r,mocks:n}=await (0,d.pL)({libraryID:e.from,sliceID:e.model.id});if(r.length>0)throw r;f({...e,mocks:n}),j(),null==t||t()})},[x,f,j]),y=(0,s.useMemo)(()=>({actionQueueStatus:v,slice:o,setSlice:b,variation:C}),[v,o,b,C]);return(0,r.jsx)(h.Provider,{value:y,children:"function"==typeof t?t(y):t})}function v(){let e=(0,s.useContext)(h);if(!e)throw Error("SliceBuilderProvider not found");return e}var x=i(44309),g=i(15934),f=i(43388),j=i(23094),C=i(18566),b=i(80148);async function y(e){let{errors:t,model:i}=await b.managerClient.customTypes.readCustomType({id:e});if(t.length>0)throw t;return i}var _=i(59294),w=i(87446),I=i(14101);let D=e=>(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.8536 6.85355C18.0488 6.65829 18.0488 6.34171 17.8536 6.14645C17.6583 5.95118 17.3417 5.95118 17.1464 6.14645L12 11.2929L6.85355 6.14645C6.65829 5.95118 6.34171 5.95118 6.14645 6.14645C5.95118 6.34171 5.95118 6.65829 6.14645 6.85355L11.2929 12L6.14645 17.1464C5.95118 17.3417 5.95118 17.6583 6.14645 17.8536C6.34171 18.0488 6.65829 18.0488 6.85355 17.8536L12 12.7071L17.1464 17.8536C17.3417 18.0488 17.6583 18.0488 17.8536 17.8536C18.0488 17.6583 18.0488 17.3417 17.8536 17.1464L12.7071 12L17.8536 6.85355Z",fill:"currentColor"})}),S=e=>(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,r.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,r.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"})]}),k=()=>{let{source:e}=(0,I.l)(),t=function(e){let t=(0,_.Ag)(e.query);return void 0!==t&&(0,_.ne)(e.asPath,t)?t:void 0}(e);return void 0!==t?(0,r.jsx)(w.h,{children:(0,r.jsx)(s.Suspense,{children:(0,r.jsx)(g.D,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,r.jsx)(T,{sourceCustomTypeId:t})})})}):null},T=e=>{let{sourceCustomTypeId:t}=e,i=(0,C.QT)(y,[t]),[n,o]=(0,s.useState)(!0),l=(0,a.useRouter)();if(void 0===i||!n)return null;{let{format:e,id:t}=i,n=_.cd[e].getBuilderPagePathname(t);return(0,r.jsxs)(g.F,{density:"compact",color:"dark",children:[(0,r.jsxs)(g.E,{onClick:()=>{l.push(n)},renderStartIcon:()=>(0,r.jsx)(S,{}),children:["Return to ",i.label]}),(0,r.jsx)(g.E,{onClick:()=>{o(!1)},renderStartIcon:()=>(0,r.jsx)(D,{})})]})}},R=()=>(0,r.jsx)(g.E,{asChild:!0,invisible:!0,color:"grey",endIcon:"openInNew",sx:{alignSelf:"center"},onClick:()=>{d.Xe.track({event:"mcp:promo-link-clicked",source:"slice_editor",target:"docs"})},children:(0,r.jsx)("a",{href:"https://prismic.io/docs/ai",target:"_blank",children:"Boost your workflow in Cursor with Prismic MCP"})});var H=i(58446),F=i(56580),E=i(33710),N=i(36887),A=i(6277),O=i(40484),V=i(10704),z=i.n(V);let L=e=>{let{align:t,alignOffset:i,arrowSize:n=12,children:o,collisionPadding:a=parseFloat(g.t.space[16]),side:l,sideOffset:d=4,trigger:c,...u}=e,{arrowWidth:m,arrowHeight:h}=(0,s.useMemo)(()=>{if(void 0===n)return{arrowWidth:10,arrowHeight:5};let e=Math.SQRT2*n;return{arrowWidth:e,arrowHeight:e/2}},[n]);return(0,r.jsxs)(O.fC,{...u,children:[(0,r.jsx)(O.xz,{asChild:!0,children:c}),(0,r.jsx)(O.h_,{children:(0,r.jsxs)(O.VY,{align:t,alignOffset:i,className:z().container,collisionPadding:a,side:l,sideOffset:d,children:[o,(0,r.jsx)(O.Eh,{className:z().arrow,height:h,width:m})]})})]})};var M=i(56099),P=i.n(M);let Z=e=>{let{align:t,alignOffset:i,arrowSize:n,children:o,collisionPadding:a,onClose:l,open:d,openDelay:c=5e3,side:u,sideOffset:m,trigger:h}=e,[p,v]=(0,s.useState)(!1),x=(0,s.useCallback)(()=>{l&&l(),v(!1)},[l,v]);return!function(e){let{condition:t,action:i,delay:r}=e,[n,o]=(0,s.useState)(null);(0,s.useEffect)(()=>(t&&null===n&&o(setTimeout(i,r)),()=>{null!==n&&(clearTimeout(n),o(null))}),[t,i,r,n,o])}({condition:!0===d,action:(0,s.useCallback)(()=>v(e=>!1===e),[v]),delay:c}),(0,r.jsx)(L,{align:t,alignOffset:i,arrowSize:n,collisionPadding:a,onOpenChange:e=>{!0===e&&!0===d&&v(e)},open:p,openDelay:c,side:u,sideOffset:m,trigger:h,children:(0,r.jsx)(B,{handleClose:x,children:o})})},B=e=>{let{handleClose:t,children:i}=e;return(0,r.jsx)(W.Provider,{value:{handleClose:t},children:(0,r.jsx)("div",{className:P().root,children:i})})},W=(0,s.createContext)({handleClose:()=>void 0});function q(){return(0,s.useContext)(W)}let X=e=>{let{children:t}=e,{handleClose:i}=q();return(0,r.jsxs)("div",{className:P().title,children:[(0,r.jsx)("span",{children:t}),(0,r.jsx)("button",{className:P().titleCloseIcon,onClick:i,children:(0,r.jsx)(D,{})})]})},G=e=>{let{component:t,...i}=e,n="image"===t?"img":N.nk;return(0,r.jsx)("div",{className:P().mediaContainer,children:(0,s.createElement)(n,{...i,className:(0,A.W)(P().media,i.className)})})},K=e=>{let{children:t}=e;return(0,r.jsx)("div",{className:P().description,children:t})},U=e=>{let{children:t}=e,{handleClose:i}=q();return(0,r.jsx)("div",{className:P().closeButtonContainer,children:(0,r.jsx)(g.E,{sx:{width:"100%"},onClick:i,children:t})})};var Y=i(39180),Q=i(7974),J=i(79384);let $=e=>{let{children:t,open:i,onClose:n}=e;return(0,r.jsxs)(Z,{open:i,trigger:t,onClose:n,children:[(0,r.jsx)(X,{children:"Simulate your slices"}),(0,r.jsx)(G,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:Q.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:()=>{d.Xe.track({event:"open-video-tutorials",video:Q.Sn})}}),(0,r.jsx)(K,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,r.jsx)(U,{children:"Got it"})]})};var ee=e=>{let{disabled:t}=e,i=(0,a.useRouter)(),n=(0,s.useRef)(null),{setSeenSimulatorToolTip:o}=(0,m.Z)(),{hasSeenSimulatorTooltip:l}=(0,F.v9)(e=>({hasSeenSimulatorTooltip:(0,J.bv)(e)}));(0,s.useEffect)(()=>{let e=n.current;e&&!l&&setTimeout(()=>E.Z.show(e),5e3)},[l]);let d=()=>{if(o(),n.current){let{current:e}=n;E.Z.hide(e)}};return(0,r.jsx)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:n,children:(0,r.jsx)($,{open:!l,onClose:d,children:(0,r.jsx)(g.E,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:()=>{d(),window.open("".concat(i.asPath,"/simulator"),Q.pq)},disabled:t,renderStartIcon:()=>(0,r.jsx)(Y.z,{color:g.t.color.grey1,height:"24px",style:{transform:"scale(calc(4 / 3))"},width:"24px"}),children:"Simulate"})})})},et=i(88866),ei=i(28316),er=i(88932),en=i(35289),eo=i(63908),ea=i(34166),el=i(3285),es=i(40141),ed=i(49219),ec=i(26109),eu=i(45440),em=i(16086),eh=i(358),ep=i(5495),ev=i(39302);let ex=[eu.C.Image,eu.C.Text,eu.C.StructuredText,eu.C.Link,eu.C.Select,eu.C.Boolean,eu.C.Number,eu.C.Color,eu.C.Date,eu.C.Table,eu.C.Embed,eu.C.Timestamp,eu.C.GeoPoint,eu.C.ContentRelationship,eu.C.LinkToMedia];var eg=()=>{let{slice:e,setSlice:t,variation:i}=v(),[n,o]=(0,s.useState)(!1),a=[eu.C.Group,...ex],l=!!(i.items&&Object.keys(i.items).length>0),d=r=>n=>{if(r===ec.Rt.Items&&i.items&&Object.keys(i.items).length<=1){o(!0);return}t((0,eo.AK)({slice:e,variationId:i.id,widgetArea:r,fieldId:n}))},c=(r,n)=>{let{apiId:o,newKey:a,value:l,inGroupFieldAction:s}=n;t((0,eo.L4)({slice:e,variationId:i.id,widgetArea:r,previousFieldId:o,newFieldId:a,newField:l}),()=>{"add"===s&&er.Am.success("Field added")}),s||(0,ev.Z)({previousId:o,id:a,field:l})},u=(r,n)=>{let{apiId:o,value:l}=n,{type:s}=l,d=a.find(e=>e.CUSTOM_NAME===s||e.TYPE_NAME===s);if(!d)throw Error("Unsupported Field Type: ".concat(s));try{d.schema.validateSync(l,{stripUnknown:!1})}catch(e){throw Error('Model is invalid for widget "'.concat(l.type,'".'))}t((0,eo.xS)({slice:e,variationId:i.id,widgetArea:r,newFieldId:o,newField:l.type===et.GroupFieldType?ed.Fl.fromSM(l):l}),()=>{er.Am.success("".concat("Group"===s?"Group":"Field"," added"))}),(0,ep.V)({id:o,field:l})},m=e=>t=>""===t.apiId?u(e,{...t,apiId:t.newKey}):c(e,t),h=r=>n=>{if((0,em.uS)(n))return;let{source:o,destination:a}=n;if(!a)return;let l=(0,eo.gR)({slice:e,variationId:i.id,widgetArea:r,sourceIndex:o.index,destinationIndex:a.index});(0,ei.flushSync)(()=>t(l))};return(0,r.jsxs)(g.D,{flexDirection:"column",gap:18,children:[(0,r.jsxs)(en.aV,{children:[(0,r.jsx)(es.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,title:"Fields",dataTip:" The non-repeatable zone\n is for fields<br/> that should appear once, like a<br/>\n section title.\n",fields:i.primary,EditModal:el.Z,widgetsArray:a,onDeleteItem:d(ec.Rt.Primary),onSave:m(ec.Rt.Primary),onDragEnd:h(ec.Rt.Primary),poolOfFieldsToCheck:i.primary||[],renderHintBase:e=>{let{item:t}=e;return"slice.primary".concat((0,eh.Ti)(t.key))},renderFieldAccessor:e=>"slice.primary".concat((0,eh.Ti)(e)),testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:void 0}),l?(0,r.jsx)(es.Z,{zoneType:"slice",zoneTypeFormat:void 0,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:ex,fields:i.items,EditModal:el.Z,onDeleteItem:d(ec.Rt.Items),onSave:m(ec.Rt.Items),onDragEnd:h(ec.Rt.Items),poolOfFieldsToCheck:i.items||[],renderHintBase:e=>{let{item:t}=e;return"item".concat((0,eh.Ti)(t.key))},renderFieldAccessor:e=>"slice.items[i]".concat((0,eh.Ti)(e)),testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields"}):null,(0,r.jsxs)(g.ad,{size:"small",open:n,onOpenChange:e=>o(e),children:[(0,r.jsx)(g.ak,{icon:"delete",title:"Delete field"}),(0,r.jsxs)(g.ai,{children:[(0,r.jsx)(g.D,{padding:24,gap:12,flexDirection:"column",children:e.model.variations.length>1?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",e.model.name," slice ",i.name," variation."]}),(0,r.jsx)("div",{children:"Other variations will be left untouched. To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",e.model.name,"."]}),(0,r.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]})}),(0,r.jsxs)(g.ag,{children:[(0,r.jsx)(g.ah,{}),(0,r.jsx)(g.ae,{color:"tomato",onClick:()=>{t((0,eo.Oh)({slice:e,variationId:i.id})),o(!1)},children:"Delete"})]})]})]})]}),(0,r.jsx)(ea.rT,{type:"model",library:e.from,sliceId:e.model.id,variationId:i.id})]})},ef=i(34887),ej=i.n(ef);let eC=e=>{let{variant:t="dashed",color:i="currentColor",className:n}=e;return(0,r.jsx)("hr",{className:(0,A.W)(ej()["variant-".concat(t)],n),style:{color:g.t.color[i]}})};var eb=i(51507),ey=i(27763),e_=i(21442);async function ew(e){try{let{errors:t}=await (0,d.Ve)(e.component);if(t.length>0)throw t;let{errors:i}=await (0,d.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id});if(i.length>0)throw i;(0,ea.tB)({type:"model",library:e.component.from,sliceId:e.component.model.id,variationId:e.variation.id});let{slice:r,errors:n}=await (0,d.X$)(e.component.from,e.component.model.id);if(n.length>0)throw n;if(!r)throw Error("Could not read variation `".concat(e.variation.name,"`"));let{mocks:o}=await (0,d.pL)({libraryID:e.component.from,sliceID:e.component.model.id}),a=ey.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:r.name,variationId:r.variations[0].id});await e.router.replace(a);let l={...e.component,model:r,mocks:o};return e.saveSliceSuccess(l),l}catch(i){let t="Could not delete variation `".concat(e.variation.name,"`");throw console.error(t,i),er.Am.error(t),i}}let eI=e=>{let{isOpen:t,onClose:i,slice:n,variation:o}=e,l=(0,a.useRouter)(),[d,c]=(0,s.useState)(!1),{saveSliceSuccess:u}=(0,m.Z)(),{setSlice:h}=v();return(0,r.jsxs)(g.ad,{open:t,onOpenChange:e=>!e&&i(),size:{width:448,height:"auto"},children:[(0,r.jsx)(g.ak,{icon:"delete",title:"Delete variation"}),(0,r.jsx)(g.ai,{children:(0,r.jsxs)(g.D,{flexDirection:"column",children:[(0,r.jsxs)(g.bK,{color:"grey11",sx:{marginBlock:16,marginInline:16},children:["This action will remove the variation from the slice model and delete associated files. When you push your changes, the variation will disappear from your repository. This update will"," ",(0,r.jsx)(eD,{children:"not"})," affect your documents until you ",(0,r.jsx)(eD,{children:"edit"})," ","them manually."]}),(0,r.jsxs)(g.ag,{children:[(0,r.jsx)(g.ah,{size:"medium"}),(0,r.jsx)(g.ae,{size:"medium",color:"tomato",onClick:()=>{o&&(async()=>{c(!0);try{let e=await ew({component:n,router:l,saveSliceSuccess:u,variation:o});h(e)}catch(e){}c(!1),i()})()},loading:d,children:"Delete"})]})]})})]})},eD=e=>(0,r.jsx)(g.bK,{...e,color:"inherit",component:"span",variant:"bold"});var eS=i(30195);async function ek(e){try{let{errors:t}=await (0,d.Ve)(e.component);if(t.length>0)throw t;let{errors:i}=await (0,d.eH)(e.component,{...e.variation,name:e.variationName});if(i.length>0)throw i;let{slice:r,errors:n}=await (0,d.X$)(e.component.from,e.component.model.id);if(n.length>0)throw n;if(!r)throw Error("Could not read variation `".concat(e.variation.name,"`"));let{mocks:o}=await (0,d.pL)({libraryID:e.component.from,sliceID:e.component.model.id}),a={...e.component,model:r,mocks:o};return e.saveSliceSuccess(a),a}catch(i){let t="Could not rename variation `".concat(e.variation.name,"`");throw console.error(t,i),er.Am.error(t),i}}let eT=e=>{let{isOpen:t,onClose:i,slice:n,variation:o}=e,[a,d]=(0,s.useState)(!1),[c,u]=(0,s.useState)(""),[h,p]=(0,s.useState)(),{setSlice:x}=v(),{saveSliceSuccess:f}=(0,m.Z)();return(0,l.pQ)(t,()=>{if(t&&(null==o?void 0:o.name)!==c){var e;u(null!==(e=null==o?void 0:o.name)&&void 0!==e?e:""),p(void 0)}}),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(g.ad,{open:t,onOpenChange:e=>!e&&i(),size:{width:448,height:"auto"},children:[(0,r.jsx)(g.ak,{icon:"edit",title:"Rename variation"}),(0,r.jsx)(g.ai,{children:(0,r.jsxs)(g.aI,{onSubmit:function(){if(!h&&o){d(!0);try{ek({component:n,saveSliceSuccess:f,variation:o,variationName:c.trim()}).then(e=>{x(e)})}catch(e){}d(!1),i()}},children:[(0,r.jsxs)(g.D,{flexDirection:"column",gap:8,padding:16,children:[(0,r.jsx)(g.bK,{variant:"normal",color:"grey11",children:"This action will rename the variation in the slice model. When you push your changes, the variation will be renamed in your repository."}),(0,r.jsx)(g.D,{flexDirection:"column",gap:4,children:(0,r.jsx)(g.aL,{type:"text",label:"Variation name *",placeholder:"Variation name",error:h,value:c,onValueChange:function(e){u(e),p(function(e){let t=eR.safeParse(e,{errorMap:eH});if(t.error)return t.error.errors[0].message}(e))}})})]}),(0,r.jsxs)(g.ag,{children:[(0,r.jsx)(g.ah,{size:"medium"}),(0,r.jsx)(g.ae,{type:"submit",size:"medium",loading:a,disabled:!!h,children:"Rename"})]})]})})]})})},eR=eS.z.string().min(1),eH=e=>e.code===eS.z.ZodIssueCode.too_small?{message:"This field is required"}:{message:"Invalid value"};var eF=i(86652),eE=i(63397),eN=i(96009),eA=i.n(eN),eO=i(36131),eV=i(75289),ez=i(30527);function eL(e){let{children:t}=e,i=(0,ez.W)();return(0,r.jsx)(eV.kC,{sx:{p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:i,borderTopRightRadius:i,borderBottom:e=>{var t;return"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.borders)}},children:t})}var eM=e=>{let{children:t,FooterContent:i,HeaderContent:n,close:o,sx:a={}}=e;return(0,r.jsx)(ez.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:{border:"none",...a},Header:(0,r.jsxs)(eL,{children:[n,o?(0,r.jsx)(eV.x8,{onClick:o,type:"button"}):null]}),Footer:i?(0,r.jsxs)(eV.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,r.jsx)(eV.xu,{sx:{ml:"auto"}}),i]}):null,children:t})},eP=i(55862);let eZ=e=>{let{msg:t}=e;return(0,r.jsx)(eV.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:t||"Error!"})};var eB=e=>{let{isOpen:t,onClose:i,onSubmit:n,initialVariation:o,variations:a}=e,[l,d]=(0,s.useState)({}),[c,u]=(0,s.useState)(""),[m,h]=(0,s.useState)(!0),[p,v]=(0,s.useState)(""),[x,f]=(0,s.useState)({value:o.id,label:o.name}),[j,C]=(0,s.useState)(!1);function b(){y(),i()}function y(){u(""),v(""),d({}),h(!0),f({value:o.id,label:o.name})}async function _(){let e=function(e){let{id:t,name:i,origin:r}=e,n=t&&t.length?null:{id:"Required!"},o=a.find(e=>e.id===t)?{id:"This id already exists!"}:null,l=i&&i.length?null:{name:"Required!"},s=r.value.length&&a.find(e=>e.id===r.value)?null:{id:"You must select an existing variation!"},d=t&&t.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(t)&&{id:"No special characters allowed"};return{...n,...o,...l,...s,...d}}({id:c,name:p,origin:x});if(Object.keys(e).length)d(e);else{let e=a.find(e=>e.id===x.value);e&&(C(!0),await n(c,p,e),C(!1),b())}}return(0,s.useEffect)(()=>{y()},[o,t]),(0,r.jsx)(eP.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,onRequestClose:()=>b(),contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,r.jsx)(eE.J9,{initialValues:{id:c,name:p,origin:x},onSubmit:_,children:(0,r.jsx)(eE.l0,{id:"variation-add",onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),_())},children:(0,r.jsx)(g.D,{children:(0,r.jsxs)(eM,{sx:{textAlign:"left"},HeaderContent:(0,r.jsx)(eV.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,r.jsxs)(g.D,{gap:16,alignItems:"center",children:[(0,r.jsx)(g.E,{onClick:b,color:"grey",children:"Cancel"}),(0,r.jsx)(g.E,{type:"submit",loading:j,children:"Submit"})]}),close:b,children:[(0,r.jsxs)(g.D,{flexDirection:"column",padding:{block:16},children:[(0,r.jsxs)(eV.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",l.name?(0,r.jsx)(eZ,{msg:l.name}):""]}),(0,r.jsx)(eE.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:eV.II,maxLength:30,value:p,onChange:e=>{var t;v(t=e.currentTarget.value),m&&u(eA()(t))}}),(0,r.jsx)(eV.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,r.jsxs)(g.D,{flexDirection:"column",padding:{bottom:16},children:[(0,r.jsxs)(eV.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",l.id?(0,r.jsx)(eZ,{msg:l.id}):""]}),(0,r.jsx)(eE.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. gridWithIcon",as:eV.II,maxLength:30,value:c,onChange:e=>{var t;return t=e.currentTarget.value,void(h(!1),u(eA()(t)))}}),(0,r.jsx)(eV.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,r.jsxs)(g.D,{flexDirection:"column",padding:{bottom:8},children:[(0,r.jsx)(eV.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,r.jsx)(eO.ZP,{name:"origin",options:a.map(e=>({value:e.id,label:e.name})),onChange:e=>{e&&f(e)},defaultValue:x,maxMenuHeight:150,theme:e=>({...e,colors:{...e.colors,text:"text",primary:"background"}})})]})]})})})})})},eW=i(20136),eq=i.n(eW);let eX=e=>{let{horizontalScroll:t=!1}=e,{slice:i,variation:n,setSlice:o}=v(),[l,c]=(0,s.useState)(),u=(0,e_.H)(),{sliceFilterFn:h,defaultVariationSelector:p,onUploadSuccess:x}=u.modalPayload,f=(0,a.useRouter)(),{saveSliceSuccess:j}=(0,m.Z)(),C=i.model.variations.length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(g.D,{flexDirection:"column",gap:16,children:t?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eC,{variant:"edgeFaded",color:"grey6"}),(0,r.jsxs)(g.D,{justifyContent:"space-between",children:[(0,r.jsxs)(g.bK,{color:"grey11",children:[C," variation",1!==C&&"s"]}),(0,r.jsx)(g.E,{onClick:()=>{c({type:"ADD_VARIATION"})},startIcon:"add",color:"grey",children:"Add a variation"})]}),(0,r.jsx)("div",{className:eq().hideScrollbar,style:{height:"240px",position:"relative",marginRight:"-32px",overflowX:"scroll",scrollSnapType:"x mandatory"},children:(0,r.jsx)("div",{style:{position:"absolute",paddingRight:"32px"},children:(0,r.jsx)(g.D,{flexDirection:"row",gap:16,children:(0,r.jsx)(eG,{screenshotChangesModal:u,setDialog:c,width:320})})})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(eG,{screenshotChangesModal:u,setDialog:c}),(0,r.jsx)("div",{style:{bottom:g.t.space[0],marginBottom:"-".concat(g.t.space[16]),position:"sticky"},children:(0,r.jsxs)(g.D,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,r.jsx)(g.aR,{sx:{left:0,position:"absolute",right:0}}),(0,r.jsx)(g.E,{color:"grey",onClick:()=>{c({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a variation"})]})})]})}),(0,r.jsx)(eF.Z,{slices:h([i]),defaultVariationSelector:p,onUploadSuccess:x}),(0,r.jsx)(eT,{isOpen:(null==l?void 0:l.type)==="RENAME_VARIATION",onClose:()=>{c(void 0)},slice:i,variation:null==l?void 0:l.variation}),(0,r.jsx)(eI,{isOpen:(null==l?void 0:l.type)==="DELETE_VARIATION",onClose:()=>{c(void 0)},slice:i,variation:null==l?void 0:l.variation}),(0,r.jsx)(eB,{initialVariation:n,isOpen:(null==l?void 0:l.type)==="ADD_VARIATION",onClose:()=>{c(void 0)},onSubmit:async(e,t,r)=>{try{let{slice:n,variation:a}=(0,eo.Kp)({slice:i,id:e,name:t,copiedVariation:r});await (0,d.Ve)(n),j(n),o(n);let l=ey.Y.getBuilderPagePathname({libraryName:n.href,sliceName:n.model.name,variationId:a.id});f.replace(l)}catch(i){let e="Could not add variation `".concat(t,"`");console.error(e,i),er.Am.error(e)}},variations:i.model.variations})]})},eG=e=>{let{screenshotChangesModal:t,setDialog:i,width:n}=e,{slice:o,variation:a,setSlice:l}=v(),s={scrollSnapAlign:"start"};return(0,r.jsx)(r.Fragment,{children:o.model.variations.map(e=>(0,r.jsx)("div",{style:void 0!==n?{...s,width:n}:s,children:(0,r.jsx)(eb.b,{action:{type:"menu",onRename:()=>{i({type:"RENAME_VARIATION",variation:e})},onRemove:()=>{i({type:"DELETE_VARIATION",variation:e})},removeDisabled:o.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:()=>{t.onOpenModal({sliceFilterFn:e=>e,defaultVariationSelector:{sliceID:o.model.id,variationID:e.id},onUploadSuccess:e=>{l(e)}})},replace:!0,selected:e.id===a.id,slice:o,variant:"outlined",variationId:e.id},e.id)},e.id))})};var eK=()=>{let{slice:e,actionQueueStatus:t}=v(),i=(0,g.ci)({max:"large"});return(0,r.jsxs)(H.LN,{children:[(0,r.jsxs)(H.wd,{children:[(0,r.jsx)(H.Xq,{url:"/slices"}),(0,r.jsxs)(H.Cx,{children:[(0,r.jsx)(f.g,{children:"Slices"}),(0,r.jsx)(f.g,{active:!0,children:e.model.name})]}),(0,r.jsxs)(H.K2,{children:[(0,r.jsx)(R,{}),(0,r.jsx)(j.X,{status:t}),(0,r.jsx)(ee,{disabled:"done"!==t})]})]}),(0,r.jsxs)(H.RN,{children:[(0,r.jsxs)(g.D,{display:"grid",alignItems:"flex-start",gap:16,...i?{gridTemplateRows:"304px 1fr"}:{gridTemplateColumns:"320px 1fr"},children:[(0,r.jsx)(eX,{horizontalScroll:i}),(0,r.jsx)(eg,{})]}),(0,r.jsx)(k,{})]})]})};function eU(){let e=(0,a.useRouter)(),{slice:t,variation:i}=(0,x.Z)();return void 0===t||void 0===i?(e.replace("/"),null):(0,r.jsx)(p,{initialSlice:t,children:e=>{let{slice:t}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o(),{children:(0,r.jsxs)("title",{children:[t.model.name," - Slice Machine"]})}),(0,r.jsx)(eK,{})]})}})}},10704:function(e){e.exports={reset:"BaseHoverCard_reset__HckHR",container:"BaseHoverCard_container__IZMCG BaseHoverCard_reset__HckHR",arrow:"BaseHoverCard_arrow__gvcjD BaseHoverCard_reset__HckHR"}},34887:function(e){e.exports={base:"Divider_base__4eT6E","variant-dashed":"Divider_variant-dashed__4Lvrj Divider_base__4eT6E","variant-edgeFaded":"Divider_variant-edgeFaded__049V2 Divider_base__4eT6E"}},56099:function(e){e.exports={block:"HoverCard_block__Fubs4",blockWithDisplayRevert:"HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",root:"HoverCard_root__OaRBr HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",title:"HoverCard_title__dO_Y9 HoverCard_block__Fubs4",titleCloseIcon:"HoverCard_titleCloseIcon__DlZJS HoverCard_block__Fubs4",mediaContainer:"HoverCard_mediaContainer__4Lt3z HoverCard_block__Fubs4",media:"HoverCard_media__U7jSc HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",description:"HoverCard_description__HZ9_z HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4",closeButtonContainer:"HoverCard_closeButtonContainer__7JiLA HoverCard_blockWithDisplayRevert__H6Rbw HoverCard_block__Fubs4"}},20136:function(e){e.exports={hideScrollbar:"VariationsList_hideScrollbar__cHCIS"}}},function(e){e.O(0,[898,789,917,525,461,139,797,397,66,183,344,256,444,484,882,630,593,888,774,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);