slice-machine-ui 2.19.2-alpha.jp-figma-to-prismic.2 → 2.19.2-alpha.jp-figma-to-prismic.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.
Files changed (20) hide show
  1. package/out/404.html +1 -1
  2. package/out/_next/static/{j0_D1z-ZN75hJO-JvwC0X → 8UM-Fh6SBL5e0B_msyLxt}/_buildManifest.js +1 -1
  3. package/out/_next/static/chunks/907-fbd4308471792876.js +1 -0
  4. package/out/_next/static/chunks/pages/{_app-b73cf0344465689d.js → _app-a9ca8c9f371bd423.js} +1 -1
  5. package/out/changelog.html +1 -1
  6. package/out/changes.html +1 -1
  7. package/out/custom-types/[customTypeId].html +1 -1
  8. package/out/custom-types.html +1 -1
  9. package/out/index.html +1 -1
  10. package/out/labs.html +1 -1
  11. package/out/page-types/[pageTypeId].html +1 -1
  12. package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
  13. package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
  14. package/out/slices.html +1 -1
  15. package/package.json +3 -3
  16. package/src/features/customTypes/customTypesBuilder/CreateSliceFromImageModal/CreateSliceFromImageModal.tsx +155 -55
  17. package/src/features/customTypes/customTypesBuilder/CreateSliceFromImageModal/SliceCard.tsx +17 -2
  18. package/test/src/modules/__fixtures__/serverState.ts +2 -1
  19. package/out/_next/static/chunks/907-88dafe5c1e80dead.js +0 -1
  20. /package/out/_next/static/{j0_D1z-ZN75hJO-JvwC0X → 8UM-Fh6SBL5e0B_msyLxt}/_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/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.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-24ddb02bea621501.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-b73cf0344465689d.js" defer=""></script><script src="/_next/static/chunks/pages/_error-fedd2c6ebd3d27b9.js" defer=""></script><script src="/_next/static/j0_D1z-ZN75hJO-JvwC0X/_buildManifest.js" defer=""></script><script src="/_next/static/j0_D1z-ZN75hJO-JvwC0X/_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":"j0_D1z-ZN75hJO-JvwC0X","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"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/bc89f2cd4e4781f5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bc89f2cd4e4781f5.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-24ddb02bea621501.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-a9ca8c9f371bd423.js" defer=""></script><script src="/_next/static/chunks/pages/_error-fedd2c6ebd3d27b9.js" defer=""></script><script src="/_next/static/8UM-Fh6SBL5e0B_msyLxt/_buildManifest.js" defer=""></script><script src="/_next/static/8UM-Fh6SBL5e0B_msyLxt/_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":"8UM-Fh6SBL5e0B_msyLxt","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
package/out/_next/static/{j0_D1z-ZN75hJO-JvwC0X → 8UM-Fh6SBL5e0B_msyLxt}/_buildManifest.js RENAMED
@@ -1 +1 @@
1
- self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,d,n,u,f,h,k,j,l,p,g,o,r,m,_,y,I){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,t,g,o,"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-8514e0696e90a1b2.js"],"/changes":[c,b,"static/chunks/8eec4907-b712959d9f984b68.js",a,"static/chunks/125-00b909bdbab2ca15.js",e,n,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-b3f45dfeb5dc08f0.js"],"/custom-types":[s,t,g,o,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,u,f,h,k,s,a,i,d,j,r,e,t,l,p,m,_,"static/chunks/pages/custom-types/[customTypeId]-02278526092bcf5c.js"],"/labs":["static/chunks/pages/labs-56fd818a63553497.js"],"/page-types/[pageTypeId]":[c,u,f,h,k,s,a,i,d,j,r,e,t,l,p,m,_,"static/chunks/pages/page-types/[pageTypeId]-4d99de1b52de7c9b.js"],"/slices":[c,b,y,s,a,d,I,e,p,n,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-de5f8cf4719e88c4.js"],"/slices/[lib]/[sliceName]/[variation]":[c,b,u,f,h,k,y,s,a,i,d,j,I,"static/chunks/484-3e011e79c41f0342.js",e,l,n,"static/css/e8e03c0d4003d1eb.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-330e5d545d9f6269.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[b,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/429-aab52070cad2884b.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-faeb6d2f77d97096.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/20-4cb8941c8aafa019.js","static/chunks/647-aa094286bc248d52.js","static/chunks/183-4ea255b867ff171b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/344-b64f09e670634ed1.js","static/chunks/593-97393b59cba3d429.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/630-2bf927bca082a191.js","static/chunks/907-88dafe5c1e80dead.js","static/chunks/248-84a5987f0499b074.js","static/css/4e475d945cf8a890.css","static/chunks/422-c9192a1dbdd2ae0e.js","static/chunks/489-ce3053e1d81ade83.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,d,n,u,f,h,k,j,l,p,g,o,r,m,_,y,I){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,t,g,o,"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-8514e0696e90a1b2.js"],"/changes":[c,b,"static/chunks/8eec4907-b712959d9f984b68.js",a,"static/chunks/125-00b909bdbab2ca15.js",e,n,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-b3f45dfeb5dc08f0.js"],"/custom-types":[s,t,g,o,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,u,f,h,k,s,a,i,d,j,r,e,t,l,p,m,_,"static/chunks/pages/custom-types/[customTypeId]-02278526092bcf5c.js"],"/labs":["static/chunks/pages/labs-56fd818a63553497.js"],"/page-types/[pageTypeId]":[c,u,f,h,k,s,a,i,d,j,r,e,t,l,p,m,_,"static/chunks/pages/page-types/[pageTypeId]-4d99de1b52de7c9b.js"],"/slices":[c,b,y,s,a,d,I,e,p,n,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-de5f8cf4719e88c4.js"],"/slices/[lib]/[sliceName]/[variation]":[c,b,u,f,h,k,y,s,a,i,d,j,I,"static/chunks/484-3e011e79c41f0342.js",e,l,n,"static/css/e8e03c0d4003d1eb.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-330e5d545d9f6269.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[b,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/429-aab52070cad2884b.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-faeb6d2f77d97096.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/20-4cb8941c8aafa019.js","static/chunks/647-aa094286bc248d52.js","static/chunks/183-4ea255b867ff171b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/344-b64f09e670634ed1.js","static/chunks/593-97393b59cba3d429.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/630-2bf927bca082a191.js","static/chunks/907-fbd4308471792876.js","static/chunks/248-84a5987f0499b074.js","static/css/4e475d945cf8a890.css","static/chunks/422-c9192a1dbdd2ae0e.js","static/chunks/489-ce3053e1d81ade83.js","static/css/56f2a6684a524374.css","static/chunks/52d4c156-89c6ec6efca0a0bb.js","static/chunks/444-d39213143f782fec.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
package/out/_next/static/chunks/907-fbd4308471792876.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[907],{91589:function(e,a,t){t.d(a,{S:function(){return b}});var r=t(52322),i=t(11699),n=t(2784),l=t(76473),s=t(88932),o=t(30195),c=t(94160),d=t(34166),u=t(98250),m=t(68968),g=t(42828),p=t(80148),f=t(54597),h=t(62434);function x(e){let a;let{slice:t}=e,n="uploading"===t.status||"generating"===t.status,l="uploadError"===t.status||"generateError"===t.status,s="pending"===t.status||"generateError"===t.status||"generating"===t.status||"success"===t.status;return l?a=(0,r.jsx)(i.E,{startIcon:"refresh",color:"grey",onClick:t.onRetry,children:"Retry"}):"figma"===t.source&&(a=(0,r.jsx)(g.Y,{variant:"square"})),(0,r.jsxs)(h.Zb,{disabled:n,children:[s?(0,r.jsx)(h.ZB,{src:t.thumbnailUrl}):(0,r.jsx)(h.ZB,{component:"div"}),(0,r.jsx)(h.eW,{loading:n,startIcon:function(e){switch(e){case"uploadError":case"generateError":return"close";case"success":return"check";default:return}}(t.status),title:"success"===t.status?t.model.name:"figma"===t.source?t.image.name.split(".")[0]:t.image.name,subtitle:function(e){let{status:a}=e;switch(a){case"uploading":return"Uploading...";case"uploadError":return"Unable to upload image";case"pending":var t;return(t=e.image.size)<1024?"".concat(t," B"):t<1048576?"".concat((t/1024).toFixed(1)," kB"):"".concat((t/1048576).toFixed(1)," MB");case"generating":return"Generating...";case"generateError":return"Something went wrong";case"success":return"Generated"}}(t),error:l,action:a})]})}let y=o.z.object({__type:o.z.literal("figma-to-prismic/clipboard-data"),name:o.z.string(),image:o.z.string().startsWith("data:image/")});function b(e){let{open:a,location:t,onClose:o,onSuccess:h}=e,[b,S]=(0,n.useState)([]),{syncChanges:C}=(0,m.g)(),{createSliceSuccess:I}=(0,f.Z)(),{completeStep:k}=(0,u.k)(),D=function(e){let{open:a}=e,t=(0,n.useRef)([]);return(0,n.useEffect)(()=>{a&&(t.current=[],p.managerClient.slices.readAllSlices().then(e=>{t.current=e.models.map(e=>{let{model:a}=e;return a})}).catch(()=>null))},[a]),t}({open:a}),F=(0,n.useRef)(crypto.randomUUID());(0,l.y1)(["meta+v","ctrl+v"],e=>{e.preventDefault(),U()},{enabled:a}),(0,n.useEffect)(()=>{b.every(e=>"success"===e.status)&&P()},[b]);let A=e=>{let{index:a,slice:t}=e;S(e=>e.map((e,r)=>r===a?t(e):e))},E=e=>{if(e.length>10){s.Am.error("You can only upload ".concat(10," images at a time."));return}let a=b.length;S(a=>[...a,...e.map(e=>({status:"uploading",source:"upload",image:e}))]),e.forEach((e,t)=>{N({index:a+t,imageData:e,source:"upload"})})},U=async()=>{var e;if(!(!a||b.some(e=>"uploading"===e.status||"generating"===e.status))){if("function"!=typeof(null===(e=navigator.clipboard)||void 0===e?void 0:e.read)){s.Am.error("Clipboard paste is not supported in this browser.");return}try{let e=await navigator.clipboard.read();if(0===e.length){s.Am.error("No data found in clipboard.");return}let a="pasted-image.png",t=null,r=!1;for(let a of e){let e=a.types.find(e=>e.startsWith("image/"));if(void 0!==e){t=await a.getType(e);break}}for(let i of e)if(i.types.includes("text/plain"))try{let e=await i.getType("text/plain"),n=await e.text(),l=y.safeParse(JSON.parse(n));if(l.success){r=!0;let e=l.data;if(a="".concat(e.name,".png"),!t){let a=await fetch(e.image);t=await a.blob()}}else console.warn("Clipboard data validation failed:",l.error)}catch(e){console.warn("Failed to parse JSON from clipboard:",e)}if(!t){r?s.Am.error("Could not extract Figma data from clipboard. Please try copying again using the Prismic Figma plugin."):s.Am.error("No Figma data found in clipboard. Make sure you've copied a design using the Prismic Figma plugin.");return}let i=b.length;if(i>=10){s.Am.error("You can only upload ".concat(10," images at a time."));return}let n=new File([t],a,{type:t.type});S(e=>[...e,{source:"figma",status:"uploading",image:n}]),N({index:i,imageData:n,source:"figma"}),s.Am.success("Pasted ".concat(a).concat(r?" from Figma":""))}catch(e){console.error("Failed to paste from clipboard:",e),s.Am.error("Failed to paste from clipboard. Please check browser permissions and try again.")}}},N=async e=>{let{index:a,imageData:t,source:r}=e,i=F.current;A({index:a,slice:e=>({...e,status:"uploading",image:t,source:r})});try{let e=await j({image:t});if(i!==F.current)return;A({index:a,slice:a=>({...a,status:"pending",thumbnailUrl:e})})}catch(e){if(i!==F.current)return;A({index:a,slice:e=>({...e,status:"uploadError",onRetry:()=>void N({index:a,imageData:t,source:r})})})}},L=async()=>{var e;let a=await p.managerClient.project.getSliceMachineConfig(),t=null==a?void 0:null===(e=a.libraries)||void 0===e?void 0:e[0];if(void 0===t)throw Error("No library found in the config.");b.forEach((e,a)=>{"pending"===e.status&&z({index:a,imageUrl:e.thumbnailUrl,libraryID:t,source:e.source})})},z=async e=>{let{index:a,imageUrl:t,libraryID:r,source:i}=e,n=F.current;A({index:a,slice:e=>({...e,status:"generating",thumbnailUrl:t})});try{let e=await p.managerClient.customTypes.inferSlice({source:i,libraryID:r,imageUrl:t});if(n!==F.current)return;S(r=>r.map((r,i)=>i!==a?r:{...r,status:"success",thumbnailUrl:t,model:function(e){let{existingSlices:a,newSlices:t,slice:r}=e,i=new Set,n=new Set;for(let{id:e,name:t}of a)i.add(e),n.add(t.toLowerCase());for(let e of t)"success"===e.status&&(i.add(e.model.id),n.add(e.model.name.toLowerCase()));let l=r.id,s=2;for(;i.has(l);)l="".concat(r.id,"_").concat(s),s++;let o=r.name;for(s=2;n.has(o.toLowerCase());)o="".concat(r.name).concat(s),s++;return{...r,id:l,name:o}}({existingSlices:D.current,newSlices:b,slice:e.slice})}))}catch(e){if(n!==F.current)return;A({index:a,slice:e=>({...e,status:"generateError",thumbnailUrl:t,onRetry:()=>{z({index:a,imageUrl:t,libraryID:r,source:i})}})})}},P=async()=>{let e=b.reduce((e,a)=>("success"===a.status&&("upload"===a.source?e.upload.push(a):e.figma.push(a)),e),{upload:[],figma:[]});if(!e.upload.length&&!e.figma.length)return;let a=F.current;try{let{slices:r,library:i}=await v(e.upload);if(a!==F.current)return;let n=await (0,c.y0)();I(n.libraries),C();let l=e.upload.length+e.figma.length;for(let{model:a,langSmithUrl:n}of(s.Am.success("".concat(l," new slice").concat(l>1?"s":""," successfully generated.")),h({slices:[...e.upload,...e.figma],library:i}),F.current=crypto.randomUUID(),S([]),k("createSlice"),r))c.Xe.track({event:"slice:created",id:a.id,name:a.name,library:i,location:t,mode:"ai",langSmithUrl:n}),(0,d.nZ)({type:"model",library:i,sliceId:a.id,variationId:a.variations[0].id,langSmithUrl:n})}catch(e){if(a!==F.current)return;s.Am.error("An unexpected error happened while adding slices.")}},B=b.filter(e=>"uploading"===e.status||"generating"===e.status).length,R=b.filter(e=>"pending"===e.status).length,G=b.some(e=>"generating"===e.status||"success"===e.status),T=B+R;return(0,r.jsxs)(i.ae,{open:a,onOpenChange:B>0?void 0:e=>{e||(o(),F.current=crypto.randomUUID(),S([]))},children:[(0,r.jsx)(i.al,{title:"Generate with AI"}),(0,r.jsxs)(i.aj,{gap:0,children:[(0,r.jsx)(i.ak,{hidden:!0,children:"Upload images to generate slices with AI"}),0===b.length?(0,r.jsxs)(i.D,{padding:16,height:"100%",gap:16,display:"flex",flexDirection:"column",children:[(0,r.jsxs)(i.D,{display:"flex",gap:16,alignItems:"center",backgroundColor:"grey2",padding:16,borderRadius:12,children:[(0,r.jsxs)(i.D,{display:"flex",gap:8,alignItems:"center",flexGrow:1,children:[(0,r.jsx)(i.D,{width:48,height:48,backgroundColor:"grey12",borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(g.Y,{variant:"original",height:25})}),(0,r.jsxs)(i.D,{display:"flex",flexDirection:"column",flexGrow:1,children:[(0,r.jsx)(i.bL,{variant:"bold",children:"Want to work faster?"}),(0,r.jsx)(i.bL,{variant:"small",color:"grey11",children:"Copy frames from Figma with the Slice Machine plugin and paste them here."})]})]}),(0,r.jsx)(i.E,{endIcon:"arrowForward",color:"indigo",onClick:()=>window.open("https://www.figma.com/community/plugin/TODO","_blank"),sx:{marginRight:8},invisible:!0,children:"Install plugin"})]}),(0,r.jsx)(i.aF,{onFilesSelected:E,assetType:"image",maxFiles:10,overlay:(0,r.jsx)(w,{onFilesSelected:E,onPaste:()=>void U(),droppingFiles:!0}),children:(0,r.jsx)(w,{onFilesSelected:E,onPaste:()=>void U()})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(i.D,{display:"flex",alignItems:"center",justifyContent:"space-between",padding:16,children:[(0,r.jsx)(i.bL,{variant:"h3",children:"Design"}),(0,r.jsx)(i.aG,{size:"medium",color:"grey",onFilesSelected:E,startIcon:"attachFile",disabled:G,children:"Add images"})]}),(0,r.jsx)(i.bn,{stableScrollbar:!1,children:(0,r.jsx)(i.D,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16,padding:16,children:b.map((e,a)=>(0,r.jsx)(x,{slice:e},"slice-".concat(a)))})})]}),(0,r.jsxs)(i.ah,{children:[(0,r.jsx)(i.ai,{size:"medium",onClick:()=>{F.current=crypto.randomUUID(),S([]),o()},disabled:B>0,children:"Close"}),(0,r.jsxs)(i.af,{color:"purple",startIcon:"autoFixHigh",onClick:()=>void L(),disabled:G||B>0||0===R,loading:G,size:"medium",children:["Generate ",T>0?"(".concat(T,") "):"",1===T?"Slice":"Slices"]})]})]})]})}function w(e){let{droppingFiles:a=!1,onFilesSelected:t,onPaste:n}=e;return(0,r.jsx)(i.D,{justifyContent:"center",flexDirection:"column",height:"100%",backgroundColor:a?"purple2":"grey2",border:!0,borderStyle:"dashed",borderColor:a?"purple9":"grey6",borderRadius:12,flexGrow:1,children:(0,r.jsx)(i.s,{children:(0,r.jsxs)(i.D,{display:"flex",flexDirection:"column",gap:16,alignItems:"center",children:[(0,r.jsx)(i.x,{lineColor:"purple11",backgroundColor:"purple5",name:"cloudUpload",size:"large"}),(0,r.jsxs)(i.D,{display:"flex",flexDirection:"column",gap:4,alignItems:"center",children:[(0,r.jsx)(i.bL,{children:"Generate slices from your designs"}),(0,r.jsx)(i.bL,{variant:"small",color:"grey11",children:"Upload your design images or paste them directly from Figma."})]}),(0,r.jsxs)(i.D,{display:"flex",alignItems:"center",gap:16,children:[(0,r.jsx)(i.E,{size:"small",renderStartIcon:()=>(0,r.jsx)(g.Y,{variant:"original",height:16}),color:"grey",onClick:n,children:"Paste from Figma"}),(0,r.jsx)(i.aG,{size:"small",onFilesSelected:t,color:"purple",invisible:!0,children:"Add images"})]})]})})})}async function j(e){let{image:a}=e,t=[await p.managerClient.project.getResolvedRepositoryName(),"shared-slices","prismic-inferred-slices",crypto.randomUUID()].join("/");await p.managerClient.screenshots.initS3ACL();let{url:r}=await p.managerClient.screenshots.uploadScreenshot({keyPrefix:t,data:a});return r}async function v(e){let{libraries:a=[]}=await p.managerClient.project.getSliceMachineConfig(),t=a[0];if(!t)throw Error("No library found in the config.");for(let{model:a}of e){let{errors:e}=await p.managerClient.slices.createSlice({libraryID:t,model:a});if(e.length)throw Error("Failed to create slice ".concat(a.id,"."))}let r=await Promise.all(e.map(async e=>{let{model:a,image:r,langSmithUrl:i}=e;return await p.managerClient.slices.updateSliceScreenshot({libraryID:t,sliceID:a.id,variationID:a.variations[0].id,data:r}),{model:a,langSmithUrl:i}}));return{library:t,slices:r}}},27213:function(e,a,t){t.d(a,{F:function(){return n}});var r=t(52322),i=t(11699);let n=e=>{let{menuType:a}=e;return{fromImage:{BackgroundIcon:(0,r.jsx)(i.B,{name:"autoFixHigh",size:"ActionList"===a?"small":"extraSmall",iconSize:"ActionList"===a?"medium":"small",color:"purple",variant:"solid",radius:6}),title:"Generate from image",description:"Build a slice based on your design image."},fromScratch:{BackgroundIcon:(0,r.jsx)(i.B,{name:"add",size:"ActionList"===a?"small":"extraSmall",iconSize:"ActionList"===a?"medium":"small",color:"white",variant:"solid",radius:6}),title:"Start from scratch",description:"Build a custom slice your way."},fromTemplate:{BackgroundIcon:(0,r.jsx)(i.B,{name:"contentCopy",size:"ActionList"===a?"small":"extraSmall",iconSize:"ActionList"===a?"medium":"small",color:"white",variant:"solid",radius:6}),title:"Use a template",description:"Choose from ready-made examples."},fromExisting:{BackgroundIcon:(0,r.jsx)(i.B,{name:"folder",size:"ActionList"===a?"small":"extraSmall",iconSize:"ActionList"===a?"medium":"small",color:"white",variant:"solid",radius:6}),title:"Reuse an existing slice",description:"Select from your created slices."}}}},6256:function(e,a,t){t.d(a,{c:function(){return b}});var r=t(52322),i=t(2784),n=t(36131),l=t(75289),s=t(94160),o=t(98250),c=t(88932),d=t(63908),u=t(358),m=t(80148);async function g(e){let{sliceName:a,libraryName:t,location:r,onSuccess:i}=e;try{let e=(0,d.fo)(a),{errors:n}=await m.managerClient.slices.createSlice({libraryID:t,model:e});if(n.length>0)throw n;s.Xe.track({event:"slice:created",id:(0,u.MP)(a),name:a,library:t,location:r,mode:"manual"}),await i(e)}catch(t){let e="An unexpected error happened while creating slice ".concat(a,".");console.error(e,t),c.Am.error(e)}}var p=t(68968),f=t(59532),h=t(54597),x=t(46999),y=t(63019);let b=e=>{let{onClose:a,onSuccess:t,localLibraries:c,location:d,remoteSlices:u}=e,{createSliceSuccess:m}=(0,h.Z)(),[b,w]=(0,i.useState)(!1),{syncChanges:j}=(0,p.g)(),{completeStep:v}=(0,o.k)(),S=async e=>{let a=e.sliceName,r=e.from;w(!0),await g({sliceName:a,libraryName:r,location:d,onSuccess:async e=>{m((await (0,s.y0)()).libraries),t(e,r),j(),v("createSlice")}})};return(0,r.jsx)(f.Z,{testId:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:b,formId:"create-new-slice",close:a,buttonLabel:"Create",onSubmit:e=>{S(e)},initialValues:{sliceName:"",from:c[0].name},validate:e=>(0,y.h)(e,c,u),content:{title:"Create a new slice"},children:e=>{let{touched:a,values:t,setFieldValue:i,errors:s}=e;return(0,r.jsxs)(l.xu,{children:[(0,r.jsx)(x.W,{name:"sliceName",label:"Slice name",placeholder:"Pascalised slice API ID (e.g. TextBlock)",error:a.sliceName?s.sliceName:void 0,testId:"slice-name-input"}),(0,r.jsx)(l.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,r.jsx)(n.ZP,{name:"from",options:c.map(e=>({value:e.name,label:e.name})),onChange:e=>e?void i("from",e.value):null,defaultValue:{value:t.from,label:t.from},styles:{option:e=>({...e,color:"#161618"})},theme:e=>({...e,colors:{...e.colors,primary:"#E9E8EA"}}),menuPortalTarget:document.body})]})}})}},63019:function(e,a,t){t.d(a,{h:function(){return o}});var r=t(96009),i=t.n(r),n=t(74600),l=t.n(n),s=t(7974);function o(e,a,t){let{sliceName:r}=e;return r?s.lS.includes(r.toLowerCase())?{sliceName:'Name "'.concat(r,'" is reserved for Slice Machine use.')}:s.xo.exec(r)?l()(i()(r)).replace(/\s/gm,"")!==r.trim()?{sliceName:"Value has to be PascalCased."}:r.match(/^\d/)?{sliceName:"Value cannot start with a number."}:[...a.flatMap(e=>e.components.map(e=>e.model.name)),...t.map(e=>e.name)].includes(r)?{sliceName:"Slice name is already taken."}:void 0:{sliceName:"No special characters allowed."}:{sliceName:"Cannot be empty"}}},21151:function(e,a,t){var r=t(52322),i=t(75289);a.Z=function(e){let{elems:a,renderElem:t,defineElementKey:n,gridTemplateMinPx:l="320px",gridGap:s="16px",sx:o}=e;return(0,r.jsx)(i.xu,{as:"section",sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(l,", 1fr))"),gridGap:s,pt:2,...o},children:a.map((e,a)=>e?(0,r.jsx)("span",{children:t(e,a)},"".concat(n(e),"-").concat(a+1)):null)})}}}]);