slice-machine-ui 2.9.2-beta.3 → 2.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/out/404.html +1 -1
- package/out/_next/static/{hAN7AilU4wSYMuzNCdihY → K75M5wItq-a2g6JYL9MJv}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/150-eab557690a3d3df6.js +1 -0
- package/out/_next/static/chunks/764-af46a341da795d13.js +1 -0
- package/out/_next/static/chunks/pages/{_app-a6ee26f3411a592f.js → _app-b280f3be893de784.js} +64 -64
- package/out/_next/static/chunks/pages/{changelog-1087db6178013180.js → changelog-3de3687d3807f3d5.js} +1 -1
- package/out/_next/static/chunks/pages/changes-993e3e52efb5de1f.js +1 -0
- package/out/_next/static/chunks/pages/{labs-b3a8a0fa91d4b67b.js → labs-20347ab849300143.js} +1 -1
- package/out/_next/static/chunks/pages/{settings-3113f0d4d26dfada.js → settings-1cf976f9042cdde7.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-06196e8bb64c8b8b.js → [variation]-a49a9a15b7d7f2cb.js} +1 -1
- package/out/_next/static/chunks/pages/slices-b95fc968e8f1b2d2.js +1 -0
- package/out/_next/static/css/dd42e99c28b686f9.css +1 -0
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/settings.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +7 -8
- package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx +3 -0
- package/src/features/onboarding/SliceMachineOnboardingGuide/SliceMachineOnboardingGuide.tsx +17 -3
- package/src/features/onboarding/useOnboarding.ts +36 -8
- package/src/features/onboarding/useSharedOnboardingExperiment.ts +1 -1
- package/src/legacy/components/Forms/CreateCustomTypeModal/CreateCustomTypeModal.tsx +4 -0
- package/src/legacy/components/Forms/CreateSliceModal/CreateSliceModal.tsx +3 -0
- package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/index.tsx +4 -0
- package/src/pages/changes.tsx +4 -0
- package/out/_next/static/chunks/150-772fe98f3591a687.js +0 -1
- package/out/_next/static/chunks/764-ddead927af7de6bb.js +0 -1
- package/out/_next/static/chunks/pages/changes-198b02e59f61136e.js +0 -1
- package/out/_next/static/chunks/pages/slices-2f1cb0b7c2288ad1.js +0 -1
- package/out/_next/static/css/6dd94025935d0fdd.css +0 -1
- /package/out/_next/static/{hAN7AilU4wSYMuzNCdihY → K75M5wItq-a2g6JYL9MJv}/_ssgManifest.js +0 -0
package/out/404.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/
|
|
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/dd42e99c28b686f9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/dd42e99c28b686f9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b280f3be893de784.js" defer=""></script><script src="/_next/static/chunks/pages/_error-1b183d3cf5ea03f9.js" defer=""></script><script src="/_next/static/K75M5wItq-a2g6JYL9MJv/_buildManifest.js" defer=""></script><script src="/_next/static/K75M5wItq-a2g6JYL9MJv/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"K75M5wItq-a2g6JYL9MJv","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
self.__BUILD_MANIFEST=function(s,c,a,
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,c,e,a,t,i,n,u,b,f,d,h,l,p,k,j,g,o){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,p,k,"static/chunks/pages/index-17f953c11b46cb20.js"],"/_error":["static/chunks/pages/_error-1b183d3cf5ea03f9.js"],"/changelog":[s,a,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-3de3687d3807f3d5.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38ab72e6ee071fec.js",c,n,"static/css/9d17b7d9f44c5c5d.css","static/chunks/pages/changes-993e3e52efb5de1f.js"],"/custom-types":[e,p,k,"static/chunks/pages/custom-types-ddc20cfdd8049c04.js"],"/custom-types/[customTypeId]":[s,u,b,f,d,a,i,h,j,c,e,l,g,o,"static/chunks/pages/custom-types/[customTypeId]-2eb64c9ea82fcd0a.js"],"/labs":["static/chunks/pages/labs-20347ab849300143.js"],"/page-types/[pageTypeId]":[s,u,b,f,d,a,i,h,j,c,e,l,g,o,"static/chunks/pages/page-types/[pageTypeId]-e5a5e6b345081e0a.js"],"/settings":["static/css/e5f781f20e24a5ea.css","static/chunks/pages/settings-1cf976f9042cdde7.js"],"/slices":[s,t,i,c,n,"static/css/b5323377600915db.css","static/chunks/pages/slices-b95fc968e8f1b2d2.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,u,b,f,d,a,i,h,c,l,n,"static/css/aeaa4dcbac2fb8d0.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-a49a9a15b7d7f2cb.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/429-6b3405d9cee75624.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-d5df6446669f32d9.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-8e544a511d670317.js","static/chunks/772-936f6233f8a2b1f1.js","static/chunks/372-92310a383394bd51.js","static/chunks/183-b1a9f55f45cb8d8e.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/50-586dc7ab5e584e76.js","static/chunks/639-424b570eee9a37fb.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-642bc2ece03445a4.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/349-6ad3cca7ea294292.js","static/chunks/882-1fd1fbf0fe97a211.js","static/chunks/764-af46a341da795d13.js","static/css/4e475d945cf8a890.css","static/chunks/479-6205c85aa978fc0b.js","static/chunks/150-eab557690a3d3df6.js","static/css/850c81be38195a0f.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[150],{9150:function(e,t,l){"use strict";l.d(t,{H:function(){return e4}});var i=l(52322),n=l(33760),a=l(97729),r=l.n(a),o=l(5632),s=l(2784),c=l(56580),d=l(23335),u=l(93216),m=l(6697),x=l(63447),h=l(74830),p=l(74217),v=l(93188),y=l(80546),f=l(43874),j=l(41067),b=l(77507);let g=(0,s.createContext)(void 0);function C(e){let{children:t,initialCustomType:l}=e,[n,a]=(0,s.useState)(l),r=(0,u.y6)(n),o=b.$[r],{actionQueueStatus:c,setNextAction:d}=(0,f.c)({errorMessage:o.autoSaveFailed}),{saveCustomTypeSuccess:m}=(0,j.Z)(),x=(0,p.R9)(m),{syncChanges:h}=(0,y.g)(),C=(0,s.useCallback)((e,t)=>{a(e),d(async()=>{let{errors:l}=await (0,v.KA)(e);if(l.length>0)throw l;x(e),h(),null==t||t()})},[d,x,h]),S=(0,s.useMemo)(()=>({actionQueueStatus:c,customType:n,setCustomType:C}),[c,n,C]);return(0,i.jsx)(g.Provider,{value:S,children:"function"==typeof t?t(S):t})}function S(){let e=(0,s.useContext)(g);if(!e)throw Error("CustomTypeProvider not found");return e}var I=l(30195);function w(){var e;let[t,l]=(0,s.useState)(!1),{customType:a,setCustomType:r}=S(),[o,c]=null!==(e=(0,u.j5)(a))&&void 0!==e?e:[],d=c?(0,u.N3)(c):"",[m,x]=(0,s.useState)(null!=d?d:""),[h,v]=(0,s.useState)();(0,p.pQ)(t,()=>{t||(x(null!=d?d:""),v(void 0))});let y=(0,s.useCallback)(()=>(0,i.jsx)(n.I5,{name:c?"language":"add",size:"small",color:"grey11"}),[c]);return(0,i.jsxs)(n.Vq,{open:t,onOpenChange:l,size:"small",trigger:(0,i.jsx)(n.zx,{color:"grey",textColor:"placeholder",textWeight:"normal",renderStartIcon:y,sx:{marginInline:"auto"},children:c?d:"Add an UID"}),children:[(0,i.jsx)(n.fK,{title:"Edit the UID label"}),(0,i.jsx)(n.cZ,{children:(0,i.jsxs)(n.l0,{onSubmit:function(){h||(r(c?(0,u.eK)(m,a):(0,u.H8)(m,a)),l(!1))},children:[(0,i.jsx)(n.xu,{flexDirection:"column",padding:16,gap:4,children:(0,i.jsx)(n.yt,{type:"text",label:"Label *",placeholder:"UID",value:m,onValueChange:function(e){x(e),v(function(e){let t=T.safeParse(e,{errorMap:k});if(t.error)return t.error.errors[0].message}(e))},error:h,description:"A label for the UID"})}),(0,i.jsxs)(n.kX,{children:[(0,i.jsx)(n.PO,{size:"medium"}),(0,i.jsx)(n._d,{size:"medium",disabled:!!h,children:"Save"})]})]})})]})}let T=I.z.string().max(35).min(1),k=e=>{switch(e.code){case I.z.ZodIssueCode.too_big:return{message:"The label can't be longer than ".concat(e.maximum," characters")};case I.z.ZodIssueCode.too_small:return{message:"This field is required"};default:return{message:"Invalid value"}}};var _=l(95799),D=l(1490),N=l(63397),A=l(75289);let E=e=>{let{name:t,label:l,placeholder:n,error:a,...r}=e;return(0,i.jsxs)(A.xu,{mb:3,children:[(0,i.jsx)(A.__,{htmlFor:t,mb:2,children:l}),(0,i.jsx)(N.gN,{name:t,type:"text",placeholder:n,as:A.II,autoComplete:"off",...r}),a?(0,i.jsx)(A.xv,{sx:{color:"error",mt:1},children:a}):null]})};var M=e=>{let{isOpen:t,onSubmit:l,close:n,tabIds:a}=e;return(0,i.jsx)(D.Z,{isOpen:t,widthInPx:"530px",formId:"create-tab",close:n,onSubmit:e=>{l(e),n()},initialValues:{id:""},validate:e=>{let{id:t}=e;return t?a.includes(t.toLowerCase())?{id:"Tab exists already"}:void 0:{id:"Tab ID is required"}},content:{title:"Add Tab"},children:e=>{let{errors:t}=e;return(0,i.jsx)(E,{name:"id",label:"New Tab ID",placeholder:"A label for selecting the tab (i.e. not used in the API)",error:t.id})}})},Z=e=>{let{isOpen:t,onSubmit:l,close:n}=e;return(0,i.jsx)(D.Z,{omitFooter:!0,isOpen:t,widthInPx:"530px",formId:"create-tab",close:n,cardProps:{bodySx:{p:0}},onSubmit:e=>{l(e),n()},initialValues:{},content:{title:"Remove Tab"},children:()=>(0,i.jsxs)(A.xu,{sx:{px:4,py:4},children:[(0,i.jsx)(A.X6,{as:"h4",children:"Remove this tab?"}),(0,i.jsx)(A.xv,{as:"p",color:"textClear",sx:{mt:2},children:"This action cannot be undone."}),(0,i.jsx)(A.zx,{type:"button",variant:"buttons.actionDelete",sx:{mt:3},onClick:()=>{l({}),n()},children:"Yes, remove tab"})]})})},z=e=>{let{isOpen:t,onSubmit:l,close:n,tabIds:a,initialTabKey:r}=e;return(0,i.jsx)(D.Z,{omitFooter:!0,isOpen:t,widthInPx:"530px",formId:"create-tab",close:n,cardProps:{bodySx:{p:0}},onSubmit:e=>{l(e),n()},initialValues:{id:r},validate:e=>{let{id:t}=e;return t?a.includes(t.toLowerCase())?{id:"Tab exists already"}:void 0:{id:"Tab ID is required"}},content:{title:"Rename Tab"},children:e=>{let{errors:t,values:a,setFieldValue:r,isValid:o}=e;return(0,i.jsxs)(A.xu,{sx:{px:4,py:4},children:[(0,i.jsx)(E,{name:"id",label:"Rename Tab ID",placeholder:"A label for selecting the tab (i.e. not used in the API)",error:t.id,onBlur:e=>{a.id!==e.target.value&&r("id",e.target.value.trim())},onChange:e=>{r("id",e.target.value)}}),(0,i.jsx)(A.zx,{type:"button",sx:{mt:3,width:"100%"},disabled:!o,onClick:()=>{a.id&&a.id.length&&l({id:a.id.trim()}),n()},children:"Save"})]})}})},V=l(28316),L=l(88932),O=l(80775),P=l(30988),F=l(67875),K=l(85357),H=l(99510),R=l(46622),U=l(64602),B=l(18183),X=l(65077),G=l(28574);let Q=e=>(0,i.jsxs)("svg",{width:"127",height:"98",viewBox:"0 0 127 98",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,i.jsx)("path",{d:"M73.5 44.5H85",stroke:"#17151F",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M35 68.5H40.5H92C93.1046 68.5 94 67.6046 94 66.5V39C94 37.8954 93.1046 37 92 37H35C33.8954 37 33 37.8954 33 39V66.5C33 67.6046 33.8954 68.5 35 68.5Z",fill:"#F4F2F4",stroke:"#17151F"}),(0,i.jsx)("path",{d:"M38 60.5H41.0381H89C89.5523 60.5 90 60.0523 90 59.5V52C90 51.4477 89.5523 51 89 51H38C37.4477 51 37 51.4477 37 52V59.5C37 60.0523 37.4477 60.5 38 60.5Z",fill:"#6E56CF",stroke:"#17151F"}),(0,i.jsx)("circle",{cx:"89.5",cy:"44.5",r:"0.5",fill:"#17151F"}),(0,i.jsx)("path",{d:"M40.5 97.5V56H86V97.5H40.5Z",fill:"#F9F8F9",stroke:"#17151F"}),(0,i.jsx)("rect",{x:"47",y:"75",width:"33",height:"16",fill:"#E4E2E4"}),(0,i.jsx)("path",{d:"M48 57H52V70C52 71.1046 51.1046 72 50 72V72C48.8954 72 48 71.1046 48 70V57Z",fill:"#E4E2E4"}),(0,i.jsx)("path",{d:"M55 57H59V70C59 71.1046 58.1046 72 57 72V72C55.8954 72 55 71.1046 55 70V57Z",fill:"#E4E2E4"}),(0,i.jsx)("path",{d:"M62 57H66V70C66 71.1046 65.1046 72 64 72V72C62.8954 72 62 71.1046 62 70V57Z",fill:"#E4E2E4"}),(0,i.jsx)("line",{x1:"0.353553",y1:"35.9856",x2:"15.5467",y2:"51.1787",stroke:"#C8C7CB"}),(0,i.jsx)("line",{x1:"42.1959",y1:"0.87059",x2:"47.7569",y2:"21.6248",stroke:"#C8C7CB"}),(0,i.jsx)("line",{x1:"99.5522",y1:"8.4091",x2:"87.2281",y2:"26.0097",stroke:"#C8C7CB"}),(0,i.jsx)("line",{x1:"126.408",y1:"41.0849",x2:"108.807",y2:"53.4089",stroke:"#C8C7CB"}),(0,i.jsx)("path",{d:"M39.8713 47C38.7657 47 38.0627 46.4554 38.0033 45.6337L38 45.5875H38.8251L38.8284 45.6205C38.868 46.0198 39.2937 46.2838 39.8977 46.2838C40.4719 46.2838 40.8746 46 40.8746 45.5908V45.5875C40.8746 45.2442 40.6271 45.0363 40.0132 44.9043L39.5017 44.7987C38.5281 44.5941 38.1056 44.1386 38.1056 43.429V43.4257C38.1056 42.5743 38.8383 42 39.868 42C40.9241 42 41.5809 42.5776 41.6403 43.3432L41.6436 43.3861H40.8284L40.8218 43.3465C40.7624 42.9769 40.4092 42.7129 39.8647 42.7162C39.3366 42.7162 38.9604 42.9637 38.9604 43.3696V43.3729C38.9604 43.7096 39.2013 43.9208 39.7954 44.0462L40.3069 44.1551C41.3102 44.3663 41.7294 44.769 41.7294 45.4884V45.4917C41.7294 46.4191 41.0132 47 39.8713 47Z",fill:"black"}),(0,i.jsx)("path",{d:"M42.6865 46.8812V42.1188H43.6634L45.0957 45.7822H45.1518L46.5809 42.1188H47.5578V46.8812H46.7921V43.495H46.7327L45.4125 46.8812H44.8317L43.5116 43.495H43.4554V46.8812H42.6865Z",fill:"black"})]}),Y=e=>{let{openCreateSliceModal:t,openUpdateSliceZoneModal:l,openSlicesTemplatesModal:a,projectHasAvailableSlices:r,isSlicesTemplatesSupported:o}=e;return(0,i.jsx)(n.xu,{flexGrow:1,justifyContent:"center","data-testid":"slice-zone-blank-slate",children:(0,i.jsx)(G.R$,{backgroundImage:"/blank-slate-slice-zone.png",children:(0,i.jsxs)(G.T9,{children:[(0,i.jsx)(n.xu,{justifyContent:"center",padding:{bottom:16},children:(0,i.jsx)(Q,{})}),(0,i.jsx)(G._T,{children:"Add slices"}),(0,i.jsx)(G.nf,{children:"Slices are website sections that you can reuse on different pages with different content. Each slice has its own component in your code."}),(0,i.jsx)(G.Qj,{children:(0,i.jsxs)(n.S0,{children:[(0,i.jsx)(n.F8,{startIcon:"add",onClick:t,description:"Start from scratch.",children:"Create new"}),o?(0,i.jsx)(n.F8,{startIcon:"contentCopy",onClick:a,description:"Select from premade examples.",endAdornment:(0,i.jsx)(n.Ct,{color:"purple",title:"New"}),children:"Use template"}):void 0,r?(0,i.jsx)(n.F8,{startIcon:"folder",onClick:l,description:"Select from your own slices.",children:"Select existing"}):void 0]})})]})})})};var $=l(65856);function q(e){let{customType:t,tabId:l,slices:i}=e,n={...t};return i.forEach(e=>{n={...n,tabs:n.tabs.map(t=>t.key===l&&t.sliceZone?{...t,sliceZone:{key:t.sliceZone.key,value:[{key:e.id,value:e},...t.sliceZone.value]}}:t)}}),v.Xe.track({event:"custom-type:slice-zone-updated",customTypeId:t.id}),n}var W=l(18566),J=l(70647);async function ee(){try{let{templates:e,errors:t}=await J.managerClient.sliceTemplateLibrary.readLibrary({});if(t.length>0)throw t;return e.map(e=>({model:e.model,screenshots:Object.fromEntries(Object.entries(e.screenshots).map(e=>{let[t,l]=e;return[t,URL.createObjectURL(l)]}))}))}catch(e){return[]}}var et=l(17889),el=l(91133),ei=l(68916),en=l(47861),ea=l(76805),er=l(11104);let eo=e=>{let{deleteSliceZone:t,closeDeleteSliceZoneModal:l}=e;return(0,i.jsx)(er.Z,{isOpen:!0,shouldCloseOnOverlayClick:!0,style:{content:{maxWidth:612}},onRequestClose:l,children:(0,i.jsx)(ea.Z,{bodySx:{p:0,bg:"white",position:"relative",height:"100%",padding:16},footerSx:{position:"sticky",bottom:0,p:0},sx:{border:"none",overflow:"hidden"},borderFooter:!0,Header:(0,i.jsxs)(A.kC,{sx:{position:"sticky",top:0,zIndex:1,p:"16px",alignItems:"center",justifyContent:"space-between",borderBottom:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.borders))}},children:[(0,i.jsx)(A.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:"Do you really want to delete Slice Zone?"}),(0,i.jsx)(A.x8,{type:"button",onClick:l})]}),Footer:()=>(0,i.jsxs)(A.kC,{sx:{justifyContent:"flex-end",height:64,alignItems:"center",paddingRight:16,borderTop:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.darkBorders))},backgroundColor:"gray"},children:[(0,i.jsx)(en.z,{label:"Cancel",variant:"secondary",onClick:l,sx:{mr:"10px",fontWeight:"bold",color:"grey12",borderRadius:6}}),(0,i.jsx)(en.z,{label:"Delete",variant:"danger",onClick:t,sx:{minHeight:39,minWidth:78}})]}),children:(0,i.jsx)(A.nv,{children:"You're about to delete Slice Zone."})})})};var es=l(61502),ec=l(80218),ed=l(3181),eu=l(99923),em=l(17766),ex=l.n(em);let eh=e=>{var t;let{isOpen:l,close:a,onSubmit:r,isLoading:o,slice:d,libraries:u}=e,{remoteSlices:m}=(0,c.v9)(e=>({remoteSlices:(0,ei.sT)(e)})),x={from:null===(t=u[0])||void 0===t?void 0:t.name,sliceName:(0,H.MP)(d.key)},[h,v]=(0,s.useState)(x),[y,f]=(0,s.useState)();function j(e){v(e),f((0,eu.h)(e,u,m))}return(0,p.pQ)(l,()=>{l||(v(x),f(void 0))}),(0,i.jsxs)(n.Vq,{open:l,onOpenChange:e=>!e&&a(),size:{width:448,height:"auto"},children:[(0,i.jsx)(n.fK,{title:"Upgrade slice"}),(0,i.jsx)(n.cZ,{children:(0,i.jsx)(n.l0,{onSubmit:function(){y&&Object.keys(y).length>0||r({libraryID:h.from,sliceID:h.sliceName})},children:(0,i.jsxs)(n.xu,{flexDirection:"column",children:[(0,i.jsxs)(n.xr,{className:ex().scrollArea,children:[(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"This will create a new slice with the same fields. The new slice will replace the legacy slice in all of your types, and the existing slice content will be re-mapped to the new slice."}),(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"This will not migrate your component. You will need to do that manually."}),(0,i.jsxs)(n.xu,{flexDirection:"column",gap:4,children:[(0,i.jsx)(n.yt,{label:"Slice name *",placeholder:"Pascalised Slice API ID (e.g. ".concat((0,H.MP)(d.key),")"),error:null==y?void 0:y.sliceName,value:h.sliceName,onValueChange:e=>j({...h,sliceName:e.slice(0,30)}),"data-testid":"slice-name-input"}),(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"A display name for the slice"})]}),(0,i.jsxs)(n.xu,{flexDirection:"column",gap:4,children:[(0,i.jsx)("label",{className:ex().label,children:(0,i.jsx)(n.xv,{variant:"bold",children:"Slice library *"})}),(0,i.jsx)(n.Ph,{size:"medium",color:"grey",startIcon:"folder",flexContent:!0,value:h.from,onValueChange:e=>{e&&j({...h,from:e})},children:u.map(e=>(0,i.jsx)(n.Ql,{value:e.name,children:e.name},e.name))}),(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"The library where we'll store your slice"})]})]}),(0,i.jsxs)(n.kX,{children:[(0,i.jsx)(n.PO,{size:"medium"}),(0,i.jsx)(n._d,{size:"medium",loading:o,disabled:y&&Object.keys(y).length>0,children:"Upgrade"})]})]})})})]})};var ep=l(96009),ev=l.n(ep);let ey=e=>{var t,l;let{isOpen:a,close:r,onSubmit:o,isLoading:c,slice:d,sliceName:u,libraries:m,localSharedSlices:x}=e,h={libraryID:null===(t=x[0])||void 0===t?void 0:t.from,sliceID:null===(l=x[0])||void 0===l?void 0:l.model.id,variationID:ev()(d.key),variationName:u},[v,y]=(0,s.useState)(!0),[f,j]=(0,s.useState)(h),[b,g]=(0,s.useState)({});function C(e){j(e),g(ef(e,m))}return(0,p.pQ)(a,()=>{a||(j(h),g({}))}),(0,i.jsxs)(n.Vq,{open:a,onOpenChange:e=>!e&&r(),size:{width:448,height:"auto"},children:[(0,i.jsx)(n.fK,{title:"Convert to slice variation"}),(0,i.jsx)(n.cZ,{children:(0,i.jsx)(n.l0,{onSubmit:function(){Object.keys(b).length>0||o(f)},children:(0,i.jsxs)(n.xu,{display:"flex",flexDirection:"column",children:[(0,i.jsxs)(n.xr,{className:ex().scrollArea,children:[(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"If you have multiple slices that are similar, you can combine them as variations of the same slice."}),(0,i.jsxs)(n.xu,{display:"flex",flexDirection:"column",gap:4,children:[(0,i.jsxs)("label",{className:ex().label,children:[(0,i.jsx)(n.xv,{variant:"bold",children:"Target slice *"}),"string"==typeof b.libraryID?(0,i.jsx)(n.xv,{variant:"small",color:"tomato10",children:b.libraryID}):null,"string"==typeof b.sliceID?(0,i.jsx)(n.xv,{variant:"small",color:"tomato10",children:b.sliceID}):null]}),(0,i.jsx)(n.Ph,{size:"medium",color:"grey",startIcon:"viewDay",flexContent:!0,value:"".concat(f.libraryID,"::").concat(f.sliceID),onValueChange:e=>{if(e){let[t,l]=e.split("::");C({...f,libraryID:t,sliceID:l})}},children:x.map(e=>(0,i.jsxs)(n.Ql,{value:"".concat(e.from,"::").concat(e.model.id),children:[e.from," ",">"," ",e.model.name," (",e.model.id,")"]},"".concat(e.from,"::").concat(e.model.id)))}),(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"Choose the slice to which you would like to add this variation."})]}),(0,i.jsx)(n.xu,{display:"flex",flexDirection:"column",gap:4,children:(0,i.jsx)(n.yt,{label:"Variation name *",placeholder:u,error:b.variationName,value:f.variationName,onValueChange:e=>{let t={...f,variationName:e.slice(0,30)};v&&(t.variationID=ev()(t.variationName)),C(t)},"data-testid":"variation-name-input"})}),(0,i.jsx)(n.xu,{display:"flex",flexDirection:"column",gap:4,children:(0,i.jsx)(n.yt,{label:"ID *",placeholder:ev()(d.key),error:b.variationID,value:f.variationID,onValueChange:e=>{y(!1),C({...f,variationID:e.slice(0,30)})},"data-testid":"variation-id-input"})})]}),(0,i.jsxs)(n.kX,{children:[(0,i.jsx)(n.PO,{size:"medium"}),(0,i.jsx)(n._d,{size:"medium",loading:c,disabled:Object.keys(b).length>0,children:"Convert"})]})]})})})]})},ef=(e,t)=>{let l={};e.libraryID||(l.libraryID="Cannot be empty.");let i=t.find(t=>t.path===e.libraryID);l.libraryID||i||(l.libraryID="Does not exist."),e.sliceID||(l.sliceID="Cannot be empty.");let n=null==i?void 0:i.components.find(t=>t.model.id===e.sliceID);if(l.sliceID||n||(l.sliceID="Does not exist."),e.variationName||(l.variationName="Cannot be empty."),e.variationID){var a;(null!==(a=null==n?void 0:n.model.variations.map(e=>e.id))&&void 0!==a?a:[]).includes(e.variationID)&&(l.variationID="Slice variation ID is already taken.")}else l.variationID="Cannot be empty.";return l},ej=e=>{var t,l;let{isOpen:a,close:r,onSubmit:o,isLoading:c,identicalSlices:d}=e,u=null!==(l=null===(t=d[0])||void 0===t?void 0:t.path)&&void 0!==l?l:"",[m,x]=(0,s.useState)(u),[h,v]=(0,s.useState)();return(0,p.pQ)(a,()=>{a||(x(u),v(void 0))}),(0,i.jsxs)(n.Vq,{open:a,onOpenChange:e=>!e&&r(),size:{width:448,height:"auto"},children:[(0,i.jsx)(n.fK,{title:"Merge with an existing slice"}),(0,i.jsx)(n.cZ,{children:(0,i.jsx)(n.l0,{onSubmit:function(){if(h)return;let[e,t,l]=m.split("::");o({libraryID:e,sliceID:t,variationID:l})},children:(0,i.jsxs)(n.xu,{display:"flex",flexDirection:"column",children:[(0,i.jsxs)(n.xr,{className:ex().scrollArea,children:[(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"If you have multiple identical slices, you can merge them. All of your content will be remapped to the target slice."}),(0,i.jsxs)(n.xu,{display:"flex",flexDirection:"column",gap:4,children:[(0,i.jsxs)("label",{className:ex().label,children:[(0,i.jsx)(n.xv,{variant:"bold",children:"Target slice*"}),"string"==typeof h?(0,i.jsx)(n.xv,{variant:"small",color:"tomato10",children:h}):null]}),(0,i.jsx)(n.Ph,{size:"medium",color:"grey",startIcon:"viewDay",flexContent:!0,value:m,onValueChange:function(e){x(e),e||v("Cannot be empty.")},children:d.map(e=>(0,i.jsx)(n.Ql,{value:e.path,children:e.path.split("::").join(" > ")},e.path))}),(0,i.jsx)(n.xv,{variant:"normal",color:"grey11",children:"Choose a slice that you would like to merge this into."})]})]}),(0,i.jsxs)(n.kX,{children:[(0,i.jsx)(n.PO,{size:"medium"}),(0,i.jsx)(n._d,{size:"medium",loading:c,disabled:!!h,children:"Merge"})]})]})})})]})},eb=e=>{var t;let{slice:l,path:a}=e,{refreshState:r}=(0,j.Z)(),[o,d]=(0,s.useState)(!1),[u,m]=(0,s.useState)(),{setCustomType:x}=S(),{libraries:h}=(0,c.v9)(e=>({libraries:(0,ei.Sd)(e)})),p="Slice"===l.value.type&&null!==(t=l.value.fieldset)&&void 0!==t?t:l.key,y=h.filter(e=>e.isLocal),f=y.map(e=>e.components).flat(),b=eg(l,p,f),g=async e=>{var t,i,n;if(!u)return;d(!0),v.Xe.track({event:"legacy-slice:converted",id:e.sliceID,variation:null!==(t=e.variationID)&&void 0!==t?t:"default",library:e.libraryID,conversionType:u});let{errors:o}=await J.managerClient.slices.convertLegacySliceToSharedSlice({model:l.value,src:{...a,sliceID:l.key},dest:{libraryID:e.libraryID,sliceID:e.sliceID,variationName:null!==(i=e.variationName)&&void 0!==i?i:"Default",variationID:null!==(n=e.variationID)&&void 0!==n?n:"default"}});if(o.length)throw console.error("Could not convert slice `".concat(p,"`"),o),L.Am.error("Could not convert slice `".concat(p,"`")),o;let{model:s,errors:c}=await J.managerClient.customTypes.readCustomType({id:a.customTypeID});if(c.length||!s){console.error("Could not refresh custom type view `".concat(a.customTypeID,"`"),c),L.Am.error("Could not refresh custom type view `".concat(a.customTypeID,"`"));return}switch(r(await (0,v.y0)()),d(!1),m(void 0),u){case"as_new_slice":L.Am.success("".concat(p," has been upgraded to a new slice ").concat(e.libraryID," > ").concat(e.sliceID));break;case"as_new_variation":L.Am.success("".concat(p," has been converted as a variation of ").concat(e.libraryID," > ").concat(e.sliceID));break;default:L.Am.success("".concat(p," has been merged with ").concat(e.libraryID," > ").concat(e.sliceID))}x(s)},C={path:a,slice:l,sliceName:p,libraries:y,localSharedSlices:f,identicalSlices:b,close:()=>m(void 0),onSubmit:g,isLoading:o};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.h_,{children:[(0,i.jsx)(n.$F,{children:(0,i.jsx)(n.zx,{"data-testid":"convert-legacy-slice",startIcon:"refresh",endIcon:"arrowDropDown",size:"medium",color:"grey",children:"Migrate legacy slice"})}),(0,i.jsxs)(n.AW,{align:"start",children:[(0,i.jsx)(n.Xi,{startIcon:(0,i.jsx)(n.I5,{name:"folder",size:"large"}),description:"Use it with new types",onSelect:()=>m("as_new_slice"),children:"Upgrade slice"}),(0,i.jsx)(n.Xi,{startIcon:(0,i.jsx)(n.I5,{name:"viewDay",size:"large"}),description:"Add it to another slice",onSelect:()=>m("as_new_variation"),disabled:!f.length,children:"Convert to slice variation"}),(0,i.jsx)(n.Xi,{startIcon:(0,i.jsx)(n.I5,{name:"driveFileMove",size:"large"}),description:"Combine identical slices",onSelect:()=>m("merge_with_identical"),disabled:!b.length,children:"Merge with another slice"})]})]}),(0,i.jsx)(eh,{...C,isOpen:"as_new_slice"===u}),(0,i.jsx)(ey,{...C,isOpen:"as_new_variation"===u}),(0,i.jsx)(ej,{...C,isOpen:"merge_with_identical"===u})]})},eg=(e,t,l)=>(0,s.useMemo)(()=>{let i=[],n=(0,ed.ux)(e.value,t);for(let e of l)for(let t of e.model.variations){let l=(0,ed.ux)(t,e.model.name);n.primary===l.primary&&n.items===l.items&&i.push({libraryID:e.from,sliceID:e.model.id,variationID:t.id,path:"".concat(e.from,"::").concat(e.model.id,"::").concat(t.id)})}return i},[e,t,l]),eC=e=>{let{slice:t,path:l}=e,[a]=(0,es.E)("legacySliceUpgrader"),r=a.enabled?"This Slice was created with the Legacy Builder. It needs to be converted first to be used within Slice Machine.":"This Slice was created with the Legacy Builder, and is incompatible with Slice Machine. You cannot edit, push, or delete it in Slice Machine. In order to proceed, manually remove the Slice from your type model. Then create a new Slice with the same fields using Slice Machine.";return(0,i.jsxs)(ec.Zb,{children:[(0,i.jsx)(ec.ZB,{component:"div",children:(0,i.jsx)(n.xu,{alignItems:"center",justifyContent:"center",children:(0,i.jsx)(n.xv,{color:"grey11",component:"span",children:"No screenshot available"})})}),(0,i.jsxs)(ec.T$,{children:[(0,i.jsx)(n.u,{content:r,side:"bottom",children:(0,i.jsx)(n.Ct,{color:"purple",title:"Legacy Slice"})}),a.enabled?(0,i.jsx)(eb,{slice:t,path:l}):null]}),(0,i.jsx)(ec.eW,{subtitle:"1 variation",title:(0,ed.Dj)(t.value)})]})};var eS=l(53850),eI=l(42849);let ew=e=>{let{slices:t,format:l,path:n,onRemoveSharedSlice:a}=e,r=t.some(e=>"SharedSlice"!==e.type),o=b.$[l],[c]=(0,es.E)("legacySliceUpgrader");return(0,s.useEffect)(()=>{r&&(c.enabled?L.Am.info("This ".concat(o.name({start:!1,plural:!1})," contains legacy slices that can be upgraded.")):L.Am.warning("This ".concat(o.name({start:!1,plural:!1})," contains slices that are incompatible.")))},[r]),(0,i.jsx)(eI.Z,{elems:t,defineElementKey:e=>"SharedSlice"!==e.type?e.payload.key:e.payload.model.name,renderElem:e=>{if("SharedSlice"!==e.type){let t=e.payload;return(0,i.jsx)(eC,{slice:t,path:n})}{let t=e.payload;return(0,i.jsx)(eS.b,{action:{type:"remove",onRemove:()=>{a(t.model.id)}},mode:"navigation",slice:t,variant:"solid"})}},sx:{padding:"16px"}})};async function eT(e){try{let{templateIDs:t,localLibrariesNames:l,onSuccess:i}=e,{data:n,errors:a}=await J.managerClient.sliceTemplateLibrary.createSlices({templateIDs:t});if(a.length>0||void 0===n)throw a;n.sliceIDs.forEach((e,i)=>{v.Xe.track({event:"slice:created",id:e,name:e,library:l[0],sliceTemplate:t[i]})}),await i(n.sliceIDs)}catch(t){let e="Internal Error: Slice(s) not created";console.error(e,t),L.Am.error(e)}}var ek=l(80410);let e_=[{extension:"",fileName:"",from:"",href:"",pathToSlice:"",model:{id:"video_highlights",name:"VideoHighlights",type:"SharedSlice",variations:[{description:"",docURL:"",id:"default",name:"Default",version:"sktwi1xtmkfgx8626"}]},screenshots:{default:{url:"/videoHighlights.png"}}}];var eD=e=>{let{availableSlices:t,values:l,placeholderSlices:n}=e;return(0,i.jsx)(N.F2,{name:"sliceKeys",render:e=>(0,i.jsx)(eI.Z,{gridTemplateMinPx:"200px",elems:t,defineElementKey:e=>"".concat(e.from,"-").concat(e.model.name),renderElem:t=>{var a;let r=null!==(a=null==n?void 0:n.some(e=>e.model.id===t.model.id))&&void 0!==a&&a,o=l.sliceKeys.includes(t.model.id);return(0,i.jsx)(eS.b,{action:{type:"checkbox"},isComingSoon:r,mode:"selection",onSelectedChange:i=>{i?e.push(t.model.id):e.remove(l.sliceKeys.indexOf(t.model.id))},selected:o,slice:t,variant:"outlined"})}})})};let eN=e=>{let{formId:t,close:l,onSuccess:n,availableSlicesTemplates:a,localLibraries:r}=e,{createSliceSuccess:o}=(0,j.Z)();return(0,i.jsx)(D.Z,{isOpen:!0,buttonLabel:"Add",formId:t,close:l,onSubmit:e=>{let{sliceKeys:t}=e;eT({templateIDs:t,localLibrariesNames:r.map(e=>e.name),onSuccess:async e=>{o((await (0,v.y0)()).libraries),n(await Promise.all(e.map(async e=>(await J.managerClient.slices.readSlice({libraryID:r[0].name,sliceID:e})).model).filter(e=>void 0!==e)))}})},initialValues:{sliceKeys:[]},content:{title:"Use template slices"},validate:e=>{if(0===e.sliceKeys.length)return{sliceKeys:"Select at least one template to add"}},actionMessage:e=>{let{errors:t}=e;return void 0!==t.sliceKeys?(0,i.jsx)(A.xv,{sx:{color:"error"},children:t.sliceKeys}):void 0},children:e=>{let{values:t}=e;return(0,i.jsx)(eD,{values:t,placeholderSlices:e_,availableSlices:[...a.map(e=>({extension:"",fileName:"",from:"",href:"",pathToSlice:"",model:ek.id.toSM(e.model),screenshots:Object.entries(e.screenshots).reduce((e,t)=>({...e,[t[0]]:{url:t[1]}}),{})})),...e_]})}})};var eA=e=>{let{formId:t,close:l,onSubmit:n,availableSlices:a}=e;return(0,i.jsx)(D.Z,{isOpen:!0,buttonLabel:"Add",formId:t,close:l,onSubmit:e=>{let{sliceKeys:t}=e;n(t.map(e=>{var t;return null===(t=a.find(t=>t.model.id===e))||void 0===t?void 0:t.model}).filter(e=>void 0!==e))},initialValues:{sliceKeys:[]},content:{title:"Select existing slices"},testId:"update-slices-modal",validate:e=>{if(0===e.sliceKeys.length)return{sliceKeys:"Select at least one slice to add"}},actionMessage:e=>{let{errors:t}=e;return void 0!==t.sliceKeys?(0,i.jsx)(A.xv,{sx:{color:"error"},children:t.sliceKeys}):void 0},children:e=>{let{values:t}=e;return(0,i.jsx)(eD,{values:t,availableSlices:a})}})};let eE=(e,t)=>{let l=(t||[]).reduce((e,t)=>[...e,...t.components],[]),{slicesInSliceZone:i,notFound:n}=e.value.reduce((e,t)=>{let{key:i,value:n}=t;if("SharedSlice"===n.type){let t=l.find(e=>e.model.id===i);return t?{...e,slicesInSliceZone:[...e.slicesInSliceZone,{type:"SharedSlice",payload:t}]}:{...e,notFound:[...e.notFound,{key:i}]}}return{...e,slicesInSliceZone:[...e.slicesInSliceZone,{type:"Slice",payload:{key:i,value:n}}]}},{slicesInSliceZone:[],notFound:[]});return{availableSlices:l,slicesInSliceZone:i,notFound:n}};var eM=e=>{var t;let{customType:l,onCreateSliceZone:a,onDeleteSliceZone:r,onRemoveSharedSlice:o,sliceZone:d,tabId:u}=e,m=(0,W.QT)(ee,[]),[x,h]=(0,s.useState)(!1),[p,y]=(0,s.useState)(!1),[f,j]=(0,s.useState)(!1),{remoteSlices:b,libraries:g}=(0,c.v9)(e=>({remoteSlices:(0,ei.sT)(e),libraries:(0,ei.Sd)(e),slices:(0,ei.xC)(e)})),{setCustomType:C}=S(),{completeStep:I}=(0,$.k)(),w=g.filter(e=>e.isLocal),{availableSlices:T,slicesInSliceZone:k,notFound:D}=(0,s.useMemo)(()=>d?eE(d,g):{availableSlices:[],slicesInSliceZone:[],notFound:[]},[d,g]),[N,A]=(0,s.useState)(!1);(0,s.useEffect)(()=>{(null==D?void 0:D.length)&&D.forEach(e=>{let{key:t}=e;o(t)})},[D]);let E=k.filter(e=>"SharedSlice"===e.type).map(e=>e.payload),M=T.filter(e=>!E.some(t=>t.model.id===e.model.id)),Z=()=>{y(!0)},z=()=>{j(!0)},V=()=>{h(!0),v.Xe.track({event:"custom-type:open-add-from-templates",customTypeId:l.id,customTypeFormat:l.format})},P=()=>{y(!1)},F=()=>{j(!1)},K=()=>{h(!1)};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(O.Bu,{actions:d?(0,i.jsxs)(n.h_,{children:[(0,i.jsx)(n.$F,{children:(0,i.jsx)(n.zx,{color:"purple",startIcon:"add","data-testid":"add-new-slice-dropdown",children:"Add"})}),(0,i.jsxs)(n.AW,{align:"end",children:[(0,i.jsx)(n.Xi,{startIcon:(0,i.jsx)(n.I5,{name:"add",size:"large"}),onSelect:z,description:"Start from scratch.",children:"Create new"}),m.length>0?(0,i.jsx)(n.Xi,{onSelect:V,startIcon:(0,i.jsx)(n.I5,{name:"contentCopy",size:"large"}),description:"Select from premade examples.",endAdornment:(0,i.jsx)(n.xv,{color:"inherit",component:"kbd",children:(0,i.jsx)(n.Ct,{color:"purple",title:"New"})}),children:"Use template"}):void 0,M.length>0?(0,i.jsx)(n.Xi,{onSelect:Z,startIcon:(0,i.jsx)(n.I5,{name:"folder",size:"large"}),description:"Select from your own slices.",children:"Select existing"}):void 0]})]}):void 0,toggle:"page"!==l.format||"Main"!==u?(0,i.jsx)(n.rs,{checked:!!d,onCheckedChange:e=>{e?a():A(!0)},size:"small","data-testid":"slice-zone-switch"}):void 0,children:"Slices"}),d?k.length>0?(0,i.jsx)(X.xR,{children:(0,i.jsx)(ew,{slices:k,format:l.format,path:{customTypeID:l.id,tabID:u,sliceZoneID:null!==(t=null==d?void 0:d.key)&&void 0!==t?t:""},onRemoveSharedSlice:o})}):(0,i.jsx)(Y,{openUpdateSliceZoneModal:Z,openCreateSliceModal:z,openSlicesTemplatesModal:V,projectHasAvailableSlices:M.length>0,isSlicesTemplatesSupported:m.length>0}):void 0,p&&(0,i.jsx)(eA,{formId:"tab-slicezone-form-".concat(u),availableSlices:M,onSubmit:e=>{let t=q({customType:l,tabId:u,slices:e});C(_.Dc.fromSM(t),()=>{L.Am.success("Slice(s) added to slice zone")}),I("createSlice"),P()},close:P}),x&&(0,i.jsx)(eN,{formId:"tab-slicezone-form-".concat(u),availableSlicesTemplates:m,localLibraries:w,onSuccess:e=>{let t=q({customType:l,tabId:u,slices:e});C(_.Dc.fromSM(t),()=>{L.Am.success((0,i.jsx)(el.GX,{message:"Slice template(s) added to slice zone and created at: ",path:"".concat(w[0].name,"/")}))}),I("createSlice"),K()},close:K}),N&&(0,i.jsx)(eo,{closeDeleteSliceZoneModal:()=>{A(!1)},deleteSliceZone:()=>{r(),A(!1)}}),(null==w?void 0:w.length)!==0&&f&&(0,i.jsx)(et.c,{onSuccess:e=>{let t=q({customType:l,tabId:u,slices:[e]});C(_.Dc.fromSM(t),()=>{L.Am.success((0,i.jsx)(el.GX,{message:"New slice added to slice zone and created at: ",path:"".concat(w[0].name,"/")}))}),F()},localLibraries:w,remoteSlices:b,onClose:F})]})};let eZ=[F.C.UID,F.C.Image,F.C.Text,F.C.StructuredText,F.C.Link,F.C.Select,F.C.Boolean,F.C.Number,F.C.Color,F.C.Date,F.C.Embed,F.C.Timestamp,F.C.GeoPoint,F.C.ContentRelationship,F.C.LinkToMedia,F.C.Group,F.C.NestedGroup];var ez=e=>{var t,l,a,r;let{tabId:o}=e,{customType:c,setCustomType:d}=S(),m=_.Dc.toSM(c),x=null===(t=m.tabs.find(e=>e.key===o))||void 0===t?void 0:t.sliceZone,h=null!==(a=null===(l=m.tabs.find(e=>e.key===o))||void 0===l?void 0:l.value)&&void 0!==a?a:[],p="page"===m.format&&m.repeatable?h.filter(e=>"uid"!==e.key):h,y=m.tabs.reduce((e,t)=>[...e,...t.value],[]),f=e=>{var t,l;let{apiId:i,value:n}=e,a=null===(t=n.config)||void 0===t?void 0:t.label;if((0,K.Ss)(F.C,n.type)||null==a)return;if("Range"===n.type||"IntegrationFields"===n.type||"Separator"===n.type)throw Error("Unsupported Field Type: ".concat(n.type));let r=F.C[n.type];try{r.schema.validateSync(n,{stripUnknown:!1})}catch(e){throw Error('Add field: Model is invalid for field "'.concat(n.type,'".'))}let s=_.L$.fromSM(n);d((0,u.xS)({customType:c,newField:s,newFieldId:i,sectionId:o}),()=>{L.Am.success("".concat("Group"===n.type?"Group":"Field"," added"))}),v.Xe.track({event:"field:added",id:i,name:a,type:s.type,isInAGroup:!1,contentType:(0,R.T)(window.location.pathname),..."Link"===s.type&&{allowText:null===(l=s.config)||void 0===l?void 0:l.allowText}})},j=e=>{let{apiId:t,newKey:l,value:i,isNewGroupField:n}=e;if((0,K.Ss)(F.C,i.type))return;let a=_.L$.fromSM(i);d((0,u.L4)({customType:c,previousFieldId:t,newFieldId:l,newField:a,sectionId:o}),()=>{!0===n&&L.Am.success("Field added")})};return(0,i.jsx)(P.S,{children:(0,i.jsx)(s.Suspense,{fallback:(0,i.jsx)(n.xu,{padding:32,children:(0,i.jsx)(n._3,{})}),children:(0,i.jsxs)(O.aV,{border:!1,style:{flexGrow:1},children:[(0,i.jsx)(B.Z,{zoneType:"customType",zoneTypeFormat:null!==(r=c.format)&&void 0!==r?r:"custom",tabId:o,title:"Static zone",dataTip:"",fields:p,poolOfFieldsToCheck:y,showHints:!0,EditModal:U.Z,widgetsArray:eZ,onDeleteItem:e=>{d((0,u.AK)({customType:c,fieldId:e,sectionId:o}))},onSave:e=>""===e.apiId?f({...e,apiId:e.newKey}):j(e),onDragEnd:e=>{if((0,K.uS)(e))return;let{source:t,destination:l}=e;if(!l)return;let i=(0,u.gR)({customType:c,sourceIndex:t.index,destinationIndex:l.index,sectionId:o});(0,V.flushSync)(()=>d(i))},renderHintBase:e=>{let{item:t}=e;return"data".concat((0,H.Ti)(t.key))},renderFieldAccessor:e=>"data".concat((0,H.Ti)(e)),testId:"static-zone-content",isRepeatableCustomType:c.repeatable}),(0,i.jsx)(eM,{customType:m,tabId:o,sliceZone:x,onRemoveSharedSlice:e=>{d((0,u.EN)({customType:c,sectionId:o,sliceId:e}))},onCreateSliceZone:()=>{d((0,u.Tr)(c,o))},onDeleteSliceZone:()=>{d((0,u.E3)(c,o))}})]})})})};let eV=()=>{var e,t,l;let{customType:a,setCustomType:r}=S(),o=_.Dc.toSM(a),[c,d]=(0,s.useState)(null===(e=o.tabs[0])||void 0===e?void 0:e.key),[m,x]=(0,s.useState)(),h=(null===(l=o.tabs.find(e=>e.key===c))||void 0===l?void 0:null===(t=l.sliceZone)||void 0===t?void 0:t.value.length)===0;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.Rz,{sx:h?{flexGrow:1}:void 0,children:["page"===a.format?(0,i.jsx)(n.py,{title:a.repeatable?(0,i.jsx)(w,{}):void 0}):void 0,(0,i.jsxs)(n.KC,{onValueChange:d,value:c,children:[(0,i.jsx)(n.mY,{onAddNewTab:()=>{x({type:"CREATE_CUSTOM_TYPE_TAB"})},children:o.tabs.map(e=>(0,i.jsx)(n.wf,{menu:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.Xi,{onSelect:()=>{x({type:"UPDATE_CUSTOM_TYPE_TAB",tabKey:e.key})},startIcon:(0,i.jsx)(n.I5,{name:"edit"}),children:"Rename"}),(0,i.jsx)(n.Xi,{color:"tomato",disabled:function(e){if(o.tabs.length<=1)return!0;let t=o.tabs.find(e=>e.value.find(e=>"uid"===e.key));return"page"===a.format&&a.repeatable&&(null==t?void 0:t.key)===e}(e.key),onSelect:()=>{x({type:"DELETE_CUSTOM_TYPE_TAB",tabKey:e.key})},startIcon:(0,i.jsx)(n.I5,{name:"delete"}),children:"Remove"})]}),value:e.key,children:e.key},e.key))}),o.tabs.map(e=>(0,i.jsx)(n.e$,{value:e.key,children:(0,i.jsx)(ez,{tabId:e.key})},e.key))]})]}),(null==m?void 0:m.type)==="CREATE_CUSTOM_TYPE_TAB"?(0,i.jsx)(M,{close:()=>{x(void 0)},isOpen:!0,onSubmit:e=>{let{id:t}=e;r((0,u.vB)(a,t)),d(t)},tabIds:o.tabs.map(e=>e.key.toLowerCase())}):void 0,(null==m?void 0:m.type)==="UPDATE_CUSTOM_TYPE_TAB"?(0,i.jsx)(z,{close:()=>{x(void 0)},initialTabKey:m.tabKey,isOpen:!0,onSubmit:e=>{let{id:t}=e;r((0,u.HO)(a,m.tabKey,t)),c===m.tabKey&&d(t)},tabIds:o.tabs.filter(e=>e.key!==m.tabKey).map(e=>e.key.toLowerCase())}):void 0,(null==m?void 0:m.type)==="DELETE_CUSTOM_TYPE_TAB"?(0,i.jsx)(Z,{close:()=>{x(void 0)},isOpen:!0,onSubmit:()=>{if(r((0,u.F$)(a,m.tabKey)),c===m.tabKey){var e;let t=null===(e=o.tabs.find(e=>e.key!==m.tabKey))||void 0===e?void 0:e.key;void 0!==t&&d(t)}}}):void 0]})};var eL=l(1744),eO=l(40572),eP=l(64910),eF=l(9975),eK=l(41329),eH=l.n(eK);let eR=e=>{let{tabs:t,...l}=e;return(0,i.jsxs)(eF.fC,{...l,className:eH().root,defaultValue:t[0].label,orientation:"vertical",children:[(0,i.jsx)(eF.aV,{className:eH().list,"aria-label":"content tabs",children:t.map((e,t)=>{let{label:l}=e;return(0,i.jsx)(eF.xz,{className:eH().trigger,value:l,children:(0,i.jsx)(n.xv,{className:eH().triggerText,component:"span",color:"inherit",children:l})},"".concat(l,"-trig").concat(t+1))})}),t.map((e,t)=>{let{label:l,content:a}=e;return(0,i.jsx)(eF.VY,{className:eH().content,value:l,children:(0,i.jsx)(n.xr,{className:eH().scrollArea,children:a})},"".concat(l,"-content").concat(t+1))})]})};var eU=l(11290),eB=l(88241),eX=l(58133),eG=l(37628),eQ=l.n(eG);let eY=e=>{var t,l;let{inline:a,...r}=e,o=(0,eX.p)();if(!0===a)return(0,i.jsx)("code",{...r,className:eQ().inlineCode});let s=(()=>{var e,t,l,i,n;if((null===(t=r.node)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.meta)!==void 0){let e=null===(i=r.node)||void 0===i?void 0:null===(l=i.data)||void 0===l?void 0:l.meta;return{fileName:e.substring(1,e.length-1),language:null===(n=r.className)||void 0===n?void 0:n.split("-")[1]}}return null})(),c=null===(t=/language-(\w+)/.exec(null!==(l=r.className)&&void 0!==l?l:""))||void 0===t?void 0:t[1];return(0,i.jsx)(n.dn,{...r,onCopy:()=>{v.Xe.track({event:"page-type:copy-snippet",framework:o})},language:c,code:String(r.children).replace(/\n$/,""),title:null==s?void 0:s.fileName})},e$=e=>{let{markdown:t}=e;return(0,i.jsx)(eU.D,{children:t,linkTarget:"_blank",remarkPlugins:[eB.Z],components:{code:e=>(0,i.jsx)(eY,{...e}),h1:e=>(0,i.jsx)(n.xv,{children:e.children,component:"h1",variant:"h1"}),h2:e=>(0,i.jsx)(n.xv,{children:e.children,component:"h2",variant:"h2"}),h3:e=>(0,i.jsx)(n.xv,{children:e.children,component:"h3",variant:"h3"}),h4:e=>(0,i.jsx)(n.xv,{children:e.children,component:"h4",variant:"h4"}),h5:e=>(0,i.jsx)(n.xv,{children:e.children,component:"h4",variant:"h4"}),p:e=>(0,i.jsx)(n.xv,{className:eQ().section,children:e.children,component:"p",variant:"normal"}),pre:e=>(0,i.jsx)(n.xv,{className:eQ().section,children:e.children,component:"pre",variant:"normal"})}})};async function eq(e){let t=JSON.parse(e),{errors:l,documentation:i}=await J.managerClient.documentation.read({kind:t.kind,data:t.data});if(l.length>0)throw l;return i}var eW=l(83321),eJ=l.n(eW);let e0=e=>{var t;let{model:l}=e,a=(0,eX.p)(),r=(t={kind:"PageSnippet",data:{model:l}},(0,W.QT)(eq,[JSON.stringify(t)])),{completeStep:o}=(0,$.k)();return 0===r.length?null:(0,i.jsxs)(n.Vq,{size:"small",trigger:(0,i.jsx)(n.zx,{color:"grey",onClick:()=>{o("codePage"),v.Xe.track({event:"page-type:open-snippet",framework:a})},startIcon:"code",children:"Page snippet"}),children:[(0,i.jsx)(n.fK,{icon:"code",title:"Page snippet"}),(0,i.jsx)("section",{className:eJ().content,children:r.length>1?(0,i.jsx)(eR,{style:{flex:1},tabs:r.map((e,t)=>{let{label:l,content:n}=e;return{label:null!=l?l:"Tab ".concat(t+1),content:(0,i.jsx)(e$,{markdown:n})}})}):(0,i.jsx)(n.xr,{style:{flex:1,padding:16},children:(0,i.jsx)(e$,{markdown:r[0].content})})})]})},e1=e=>{let{model:t}=e;return(0,i.jsx)("div",{children:(0,i.jsx)(P.S,{children:(0,i.jsx)(s.Suspense,{fallback:(0,i.jsx)(n.zx,{color:"grey",startIcon:"code",children:"Page snippet"}),children:(0,i.jsx)(e0,{model:t})})})})},e4=()=>{let e=(0,o.useRouter)(),{selectedCustomType:t}=(0,c.v9)(t=>({selectedCustomType:(0,eO.Jk)(t,(0,x.Ag)(e.query))}));return((0,s.useEffect)(()=>{t&&(0,eL.TG)(t)||e.replace("/")},[t,e]),t&&(0,eL.TG)(t))?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r(),{children:(0,i.jsxs)("title",{children:[t.local.label," - Slice Machine"]})}),(0,i.jsx)(e5,{customType:t.local})]}):(0,i.jsx)(h.LN,{})},e5=e=>{let{customType:t}=e;return null===t?(0,i.jsx)(h.LN,{}):(0,i.jsx)(h.LN,{children:(0,i.jsx)(C,{initialCustomType:_.Dc.fromSM(t),children:e=>{var l;let{actionQueueStatus:a,customType:r,setCustomType:o}=e,s=(0,u.y6)(r),c=x.cd[t.format],p=b.$[t.format];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(h.wd,{children:[(0,i.jsx)(h.Xq,{url:c.tablePagePathname}),(0,i.jsxs)(h.Cx,{children:[(0,i.jsx)(d.g,{children:p.name({start:!0,plural:!0})}),(0,i.jsx)(d.g,{active:!0,children:null!==(l=r.label)&&void 0!==l?l:r.id})]}),(0,i.jsxs)(h.K2,{children:[(0,i.jsx)(m.X,{status:a}),"page"===r.format?(0,i.jsx)(e1,{model:r}):void 0,(0,i.jsx)(eP._,{isChangesLocal:!0,format:s,customType:r,setLocalCustomType:o})]})]}),(0,i.jsx)(h.RN,{children:(0,i.jsx)(n.xu,{flexDirection:"column",minWidth:0,children:(0,i.jsx)(eV,{})})})]})}})})}},61502:function(e,t,l){"use strict";l.d(t,{E:function(){return n}});var i=l(29806);function n(e){var t,l;let[n,a]=(0,i.f)(),r=async t=>{let l={...n,labs:{...n.labs}};t?l.labs[e]=t:e in l.labs&&delete l.labs[e],0===Object.keys(l.labs).length&&delete l.labs,await a(l)};return[{enabled:null!==(l=null==n?void 0:null===(t=n.labs)||void 0===t?void 0:t[e])&&void 0!==l&&l},r]}},29806:function(e,t,l){"use strict";l.d(t,{f:function(){return a}});var i=l(18566),n=l(70647);function a(){return[(0,i.QT)(r,[]),async e=>{await n.managerClient.project.writeSliceMachineConfig({config:e}),(0,i.VA)(r,[],e)}]}async function r(){return n.managerClient.project.getSliceMachineConfig()}},17889:function(e,t,l){"use strict";l.d(t,{c:function(){return j}});var i=l(52322),n=l(2784),a=l(36131),r=l(75289),o=l(93188),s=l(65856),c=l(88932),d=l(3181),u=l(99510),m=l(70647);async function x(e){let{sliceName:t,libraryName:l,onSuccess:i}=e;try{let e=(0,d.fo)(t),{errors:n}=await m.managerClient.slices.createSlice({libraryID:l,model:e});if(n.length>0)throw n;o.Xe.track({event:"slice:created",id:(0,u.MP)(t),name:t,library:l}),await i(e)}catch(l){let e="An unexpected error happened while creating slice ".concat(t,".");console.error(e,l),c.Am.error(e)}}var h=l(80546),p=l(1490),v=l(41067),y=l(28801),f=l(99923);let j=e=>{let{onClose:t,onSuccess:l,localLibraries:c,remoteSlices:d}=e,{createSliceSuccess:u}=(0,v.Z)(),[m,j]=(0,n.useState)(!1),{syncChanges:b}=(0,h.g)(),{completeStep:g}=(0,s.k)(),C=async e=>{let t=e.sliceName,i=e.from;j(!0),await x({sliceName:t,libraryName:i,onSuccess:async e=>{u((await (0,o.y0)()).libraries),l(e,i),b(),g("createSlice")}})};return(0,i.jsx)(p.Z,{testId:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:m,formId:"create-new-slice",close:t,buttonLabel:"Create",onSubmit:e=>{C(e)},initialValues:{sliceName:"",from:c[0].name},validate:e=>(0,f.h)(e,c,d),content:{title:"Create a new slice"},children:e=>{let{touched:t,values:l,setFieldValue:n,errors:o}=e;return(0,i.jsxs)(r.xu,{children:[(0,i.jsx)(y.W,{name:"sliceName",label:"Slice Name",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:t.sliceName?o.sliceName:void 0,testId:"slice-name-input"}),(0,i.jsx)(r.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,i.jsx)(a.ZP,{name:"from",options:c.map(e=>({value:e.name,label:e.name})),onChange:e=>e?void n("from",e.value):null,defaultValue:{value:l.from,label:l.from},styles:{option:e=>({...e,color:"#161618"})},theme:e=>({...e,colors:{...e.colors,primary:"#E9E8EA"}}),menuPortalTarget:document.body})]})}})}},99923:function(e,t,l){"use strict";l.d(t,{h:function(){return s}});var i=l(96009),n=l.n(i),a=l(74600),r=l.n(a),o=l(17186);function s(e,t,l){let{sliceName:i}=e;return i?o.xo.exec(i)?r()(n()(i)).replace(/\s/gm,"")!==i.trim()?{sliceName:"Value has to be PascalCased"}:i.match(/^\d/)?{sliceName:"Value cannot start with a number"}:o.lS.includes(i)?{sliceName:"".concat(i," is reserved for Slice Machine use")}:[...t.flatMap(e=>e.components.map(e=>e.model.name)),...l.map(e=>e.name)].includes(i)?{sliceName:"Slice name is already taken."}:void 0:{sliceName:"No special characters allowed"}:{sliceName:"Cannot be empty"}}},42849:function(e,t,l){"use strict";var i=l(52322),n=l(75289);t.Z=function(e){let{elems:t,renderElem:l,defineElementKey:a,gridTemplateMinPx:r="320px",gridGap:o="16px",sx:s}=e;return(0,i.jsx)(n.xu,{as:"section",sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(r,", 1fr))"),gridGap:o,pt:2,...s},children:t.map((e,t)=>e?(0,i.jsx)("span",{children:l(e,t)},"".concat(a(e),"-").concat(t+1)):null)})}},41329:function(e){e.exports={flex:"ContentTabs_flex__T21Oc",column:"ContentTabs_column__1f8b8 ContentTabs_flex__T21Oc",root:"ContentTabs_root__Gn3Zg ContentTabs_column__1f8b8 ContentTabs_flex__T21Oc",list:"ContentTabs_list__rAZtl ContentTabs_flex__T21Oc",trigger:"ContentTabs_trigger__cTyPN ContentTabs_column__1f8b8 ContentTabs_flex__T21Oc",triggerText:"ContentTabs_triggerText__p_ZBl",content:"ContentTabs_content__H1Stj ContentTabs_column__1f8b8 ContentTabs_flex__T21Oc",scrollArea:"ContentTabs_scrollArea__DuDcQ"}},83321:function(e){e.exports={content:"PageSnippetDialog_content__jIN6d"}},37628:function(e){e.exports={section:"MarkdownRenderer_section__uNS1M",inlineCode:"MarkdownRenderer_inlineCode__lmGTi"}},17766:function(e){e.exports={scrollArea:"ConvertLegacySliceButton_scrollArea__xf3vM",label:"ConvertLegacySliceButton_label__BK0Gd"}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[764],{5726:function(e,l,t){t.d(l,{F:function(){return Z}});var r=t(52322),n=t(33760),a=t(97729),s=t.n(a),c=t(2784),i=t(23335),o=t(30988),d=t(77507),u=t(74830),x=t(5632),h=t(56580),p=t(75289),j=t(93216),m=t(88932),g=t(93188),f=t(91133);async function v(e){let{id:l,label:t,repeatable:r,format:n,onSuccess:a}=e,s=d.$[n],c=(0,j.Ue)({id:l,label:t,repeatable:r,format:n});try{let{errors:e}=await (0,g.KA)(c);if(e.length>0)throw e;g.Xe.track({event:"custom-type:created",id:c.id,name:t,format:n,type:r?"repeatable":"single",origin:"table"}),await a(c),m.Am.success((0,f.GX)({message:"".concat(s.name({start:!0,plural:!1})," saved successfully at "),path:"./customtypes/".concat(c.id,"/index.json")}))}catch(l){let e="Internal Error: ".concat(s.name({start:!0,plural:!1})," not saved");console.error(e,l),m.Am.error(e)}}var b=t(63447),y=t(65856),C=t(80546),S=t(1490),w=t(17186),k=t(99510),I=t(40572),R=t(41067),z=t(28801),L=t(63397);let T=e=>{let{selected:l,...t}=e;return(0,r.jsx)(p.kC,{sx:{p:"24px",mb:3,alignItems:"top",cursor:"pointer",borderRadius:"6px",backgroundColor:"grayLight",boxShadow:l?e=>{var l;return"0 0 0 2px ".concat(String(null===(l=e.colors)||void 0===l?void 0:l.primary))}:"none","&:hover":{boxShadow:e=>{var l;return"0 0 0 2px ".concat(String(null===(l=e.colors)||void 0===l?void 0:l.primary))}}},...t})},_=e=>{let{format:l}=e,[t,,n]=(0,L.U$)("repeatable"),a=d.$[l];return(0,r.jsxs)(p.xu,{mb:2,children:[(0,r.jsxs)(T,{selected:t.value,onClick:()=>n.setValue(!0),children:[(0,r.jsx)(p.Y8,{checked:t.value,onChange:()=>{},"data-testid":"repeatable-type-radio-btn"}),(0,r.jsxs)(p.xu,{sx:{marginLeft:2},children:["Reusable type",(0,r.jsx)(p.xu,{as:"p",sx:{fontSize:"12px",color:"textClear",mt:1},children:a.hintRepeatable})]})]}),(0,r.jsxs)(T,{selected:!t.value,onClick:()=>n.setValue(!1),children:[(0,r.jsx)(p.Y8,{checked:!t.value,onChange:()=>{},"data-testid":"single-type-radio-btn"}),(0,r.jsxs)(p.xu,{sx:{marginLeft:2},children:["Single type",(0,r.jsx)(p.xu,{as:"p",sx:{fontSize:"12px",color:"textClear",mt:1},children:a.hintSingle})]})]})]})},N=e=>{let{format:l,isCreating:t,isOpen:n,origin:a="table",onCreateChange:s,onOpenChange:i}=e,{createCustomTypeSuccess:o}=(0,R.Z)(),{completeStep:u}=(0,y.k)(),{customTypeIds:m,customTypeLabels:g}=(0,h.v9)(e=>({customTypeIds:(0,I.W6)(e),customTypeLabels:(0,I.YS)(e)})),f=d.$[l],[L,T]=(0,c.useState)(!0),{syncChanges:N}=(0,C.g)(),A=(0,x.useRouter)(),P=async e=>{let{id:t,label:r,repeatable:n}=e;s(!0),await v({format:l,id:t,label:r,origin:a,repeatable:n,onSuccess:async e=>{o(e);let l=(0,j.y6)(e),r=b.cd[l];T(!0),await A.push({pathname:r.getBuilderPagePathname(t)}),N(),"page"===l&&u("createPageType")}}),s(!1),i(!1)},D=(e,l,t)=>{t(L?{...l,label:e.target.value,id:(0,k.lV)(e.target.value)}:{...l,label:e.target.value})},E=(e,l)=>{l("id",e.target.value),T(!1)};return(0,r.jsx)(S.Z,{testId:"create-ct-modal",isOpen:n,widthInPx:"530px",formId:"create-custom-type",buttonLabel:"Create",close:()=>{i(!1),T(!0)},onSubmit:e=>{P(e)},isLoading:t,initialValues:{repeatable:!0,id:"",label:""},validate:e=>{let{id:l,label:t}=e,r={};return t&&t.length||(r.label="Cannot be empty."),!r.label&&g.includes(t)&&(r.label="".concat(f.name({start:!0,plural:!1})," name is already taken.")),l&&l.length||(r.id="ID cannot be empty."),r.id||!l||w.xo.exec(l)||(r.id="Invalid id: No special characters allowed."),!r.id&&l&&m.map(e=>e.toLowerCase()).includes(l)&&(r.id='ID "'.concat(l,'" exists already.')),Object.keys(r).length>0?r:void 0},content:{title:"Create a new ".concat(f.name({start:!1,plural:!1}))},children:e=>{let{errors:t,setValues:n,setFieldValue:a,values:s,touched:c}=e;return(0,r.jsxs)(p.xu,{children:[(0,r.jsx)(_,{format:l}),(0,r.jsx)(z.W,{name:"label",label:"".concat(f.name({start:!0,plural:!1})," Name"),testId:"ct-name-input",placeholder:"A display name for the ".concat(f.name({start:!1,plural:!1})),error:c.label?t.label:void 0,onChange:e=>D(e,s,n)}),(0,r.jsx)(z.W,{name:"id",testId:"ct-id-input",label:"".concat(f.name({start:!0,plural:!1})," ID"),placeholder:f.inputPlaceholder,error:c.id?t.id:void 0,onChange:e=>E(e,a)})]})}})};var A=t(28574);let P=e=>(0,r.jsxs)("svg",{viewBox:"0 0 20 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,r.jsx)("path",{d:"m2 24h16c1.1046 0 2-.8954 2-2v-17l-5-5h-13c-1.10457 0-2 .89543-2 2v20c0 1.1046.89543 2 2 2z",fill:"#6e56cf"}),(0,r.jsx)("path",{d:"m17 5h3l-5-5v3c0 1.10457.8954 2 2 2z",fill:"#9e8cfc"}),(0,r.jsx)("path",{d:"m10.0912 8c-2.8118 0-5.0912 2.2794-5.0912 5.0912s2.2794 5.0912 5.0912 5.0912c1.8851 0 3.5303-1.0247 4.4098-2.5452.1553-.2684.2868-.5523.3916-.8489.092-.2604-.0444-.5461-.3048-.6381-.2603-.092-.546.0445-.638.3048-.0841.238-.1897.4659-.3144.6815-.7081 1.2241-2.0305 2.0459-3.5442 2.0459-2.2595 0-4.0912-1.8317-4.0912-4.0912s1.8317-4.0912 4.0912-4.0912c1.3566 0 2.5595.66 3.3043 1.6782h-1.7739c-.2761 0-.5.2239-.5.5 0 .2762.2239.5.5.5h2.6782c.2762 0 .5-.2238.5-.5v-2.6782c0-.2761-.2238-.5-.5-.5-.2761 0-.5.2239-.5.5v1.1032c-.9281-.9865-2.2462-1.6032-3.7086-1.6032z",fill:"#fff"})]}),D=e=>(0,r.jsxs)("svg",{viewBox:"0 0 20 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,r.jsx)("path",{d:"m2 24h16c1.1046 0 2-.8954 2-2v-17l-5-5h-13c-1.10457 0-2 .89543-2 2v20c0 1.1046.89543 2 2 2z",fill:"#6e56cf",fillRule:"nonzero"}),(0,r.jsx)("path",{d:"m17 5h3l-5-5v3c0 1.10457.8954 2 2 2z",fill:"#9e8cfc",fillRule:"nonzero"}),(0,r.jsx)("path",{d:"m8.0869 10.6818.5758-2.3031c.0556-.2226.2556-.3787.485-.3787.3253 0 .564.3057.4851.6213l-.5151 2.0605h2.6055l.5758-2.3031c.0557-.2226.2557-.3787.4851-.3787.3253 0 .564.3057.4851.6213l-.5152 2.0605h2.246c.2761 0 .5.2239.5.5 0 .2762-.2239.5-.5.5h-2.496l-.6591 2.6364h2.1551c.2761 0 .5.2238.5.5 0 .2761-.2239.5-.5.5h-2.4051l-.5757 2.3031c-.0557.2226-.2557.3787-.4851.3787-.3253 0-.564-.3057-.4851-.6213l.5152-2.0605h-2.6056l-.5758 2.3031c-.0556.2226-.2556.3787-.4851.3787-.3253 0-.5639-.3057-.485-.6213l.5151-2.0605h-1.9278c-.2761 0-.5-.2239-.5-.5 0-.2762.2239-.5.5-.5h2.1778l.6591-2.6364h-1.8369c-.2761 0-.5-.2238-.5-.5 0-.2761.2239-.5.5-.5zm2.7273 3.6364.659-2.6364h-2.6055l-.6591 2.6364z",fill:"#fff"})]});var E=t(64910),W=t(18566),$=t(95799),O=t(1744),B=t(70647);async function M(e){let{errors:l,models:t}=await B.managerClient.customTypes.readAllCustomTypes({format:e});if(l.length>0)throw l;return t.map(e=>{let{model:l}=e;return l})}let V=e=>{let{format:l,isCreatingCustomType:t,openCreateCustomTypeModal:a}=e,s=(0,x.useRouter)(),{customTypes:i,updateCustomTypes:o}=function(e){let l=(0,c.useCallback)(l=>(0,W.VA)(M,[e],l),[e]);return{customTypes:(0,W.QT)(M,[e]),updateCustomTypes:l}}(l),u=i.sort((e,l)=>e.id.localeCompare(l.id)),p=b.cd[l],j=d.$[l];return(!function(e,l,t){let{storeCustomTypes:r}=(0,h.v9)(e=>({storeCustomTypes:(0,I.Ch)(e).filter(O.TG)}));(0,c.useEffect)(()=>{let n=r.filter(e=>{let{local:t}=e;return t.format===l});(n.length!==e.length||n.some(l=>{let t=e.find(e=>e.id===l.local.id);return!t||JSON.stringify($.Dc.fromSM(l.local))!==JSON.stringify(t)}))&&t(n.map(e=>{let{local:l}=e;return $.Dc.fromSM(l)}))},[l,t,e,r])}(i,l,o),0===u.length)?(0,r.jsxs)(A.R$,{"data-testid":"blank-slate",style:{alignSelf:"center",marginTop:n.rS.space[72]},children:[(0,r.jsx)(A.u2,{children:(0,r.jsx)(n.Ee,{src:p.blankSlateImage,sizing:"cover"})}),(0,r.jsxs)(A.T9,{children:[(0,r.jsx)(A._T,{children:j.name({start:!0,plural:!0})}),(0,r.jsx)(A.nf,{children:j.blankSlateDescription}),(0,r.jsx)(A.Qj,{children:(0,r.jsx)(n.zx,{onClick:a,loading:t,children:"Create"})})]})]}):(0,r.jsx)("div",{children:(0,r.jsxs)(n.iA,{columnLayout:"28px 1fr 1fr 1fr 42px",children:[(0,r.jsx)(n.ss,{children:(0,r.jsxs)(n.SC,{children:[(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.I5,{name:"notes",size:"medium"})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.xv,{color:"grey11",variant:"small",children:"Label"})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.xv,{color:"grey11",variant:"small",children:"API ID"})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.xv,{color:"grey11",variant:"small",children:"Limit"})}),(0,r.jsx)(n.pj,{})]})}),(0,r.jsx)(n.RM,{children:u.map(e=>{let{repeatable:t,label:a,id:c}=e;return(0,r.jsxs)(n.SC,{onClick:()=>{s.push(b.cd[l].getBuilderPagePathname(c))},children:[(0,r.jsx)(n.pj,{children:t?(0,r.jsx)(P,{width:n.rS.space[20]}):(0,r.jsx)(D,{width:n.rS.space[20]})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.xv,{variant:"bold",noWrap:!0,children:a})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.xv,{color:"grey11",noWrap:!0,children:c})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(n.xv,{color:"grey11",noWrap:!0,children:t?"Reusable":"Single"})}),(0,r.jsx)(n.pj,{children:(0,r.jsx)(E._,{isChangesLocal:!1,format:l,customType:e})})]},c)})})]})})},Z=e=>{let{format:l}=e,t=d.$[l],[a,x]=(0,c.useState)(!1),[h,p]=(0,c.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s(),{children:(0,r.jsxs)("title",{children:[t.name({start:!0,plural:!0})," - Slice Machine"]})}),(0,r.jsx)(o.S,{renderError:()=>(0,r.jsx)(u.LN,{children:(0,r.jsx)(u.RN,{children:(0,r.jsx)(n.xu,{alignItems:"center",justifyContent:"center",children:(0,r.jsx)(n.Iq,{title:"Request failed",description:"An error occurred while fetching your ".concat(t.name({start:!1,plural:!0}),".")})})})}),children:(0,r.jsx)(c.Suspense,{fallback:(0,r.jsxs)(u.LN,{children:[(0,r.jsxs)(u.wd,{children:[(0,r.jsx)(u.Cx,{children:(0,r.jsx)(i.g,{children:t.name({start:!0,plural:!0})})}),(0,r.jsx)(u.K2,{children:(0,r.jsx)(n.zx,{disabled:!0,startIcon:"add",children:"Create"})})]}),(0,r.jsx)(u.RN,{children:(0,r.jsx)(n._3,{})})]}),children:(0,r.jsxs)(u.LN,{children:[(0,r.jsxs)(u.wd,{children:[(0,r.jsx)(u.Cx,{children:(0,r.jsx)(i.g,{children:t.name({start:!0,plural:!0})})}),(0,r.jsx)(u.K2,{children:(0,r.jsx)(n.zx,{"data-testid":"create-ct",loading:a,onClick:()=>{p(!0)},startIcon:"add",children:"Create"})})]}),(0,r.jsx)(u.RN,{children:(0,r.jsxs)(n.xu,{flexDirection:"column",children:[(0,r.jsx)(V,{format:l,isCreatingCustomType:a,openCreateCustomTypeModal:()=>{p(!0)}}),(0,r.jsx)(N,{format:l,isCreating:a,isOpen:h,onCreateChange:x,onOpenChange:p})]})})]})})})]})}},76805:function(e,l,t){t.d(l,{Z:function(){return o},W:function(){return i}});var r=t(52322),n=t(2784),a=t(75289);let s=e=>{let{bg:l,background:t,sx:n,withRadius:s,radius:c,children:i}=e;return(0,r.jsx)(a.xu,{sx:{p:4,bg:l||t,...s?{borderBottomLeftRadius:c,borderBottomRightRadius:c}:null,...n},children:i})},c=(0,n.createContext)("6px"),i=()=>(0,n.useContext)(c),o=e=>{let{Header:l=null,SubHeader:t=null,Body:n=null,Footer:i=null,borderFooter:o=!1,radius:d="6px",bodySx:u={},footerSx:x={},sx:h=null,bg:p,background:j,children:m,...g}=e;return(0,r.jsx)(c.Provider,{value:d,children:(0,r.jsxs)(a.Zb,{sx:{border:e=>{var l;return"1px solid ".concat(String(null===(l=e.colors)||void 0===l?void 0:l.borders))},borderRadius:d,...h},...g,children:[l||null,t||null,(0,r.jsxs)(s,{bg:p,background:j,sx:u,withRadius:!i,children:[n?(0,r.jsx)(n,{}):null,m||null]}),i?(0,r.jsx)(s,{bg:p,background:j,sx:{...o?{borderTop:e=>{let{colors:l}=e;return"1px solid ".concat(String(null==l?void 0:l.borders))}}:null,...x},radius:d,withRadius:!0,children:"object"==typeof i?i:(0,r.jsx)(i,{})}):null]})})}},17186:function(e,l,t){t.d(l,{Sn:function(){return c},lS:function(){return r},nG:function(){return n},pq:function(){return i},rd:function(){return s},xo:function(){return a}});let r=["components"],n=["png","jpg","jpeg"],a=/^[A-Za-z0-9]+(?:_[A-Za-z0-9]+)*$/,s="placeholders/What_are_Slices_mrvome",c="SM_HELP_VIDEOS/mock_data",i="slice-machine-simulator"}}]);
|