slice-machine-ui 2.20.2 → 2.20.3-beta.1

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 (18) hide show
  1. package/out/404.html +1 -1
  2. package/out/_next/static/{5BiUxr-32t6FE8rq80fSD → DXrd-otrKGzC39KN_Y7a2}/_buildManifest.js +1 -1
  3. package/out/_next/static/chunks/633-f3f030e76fa70a4d.js +1 -0
  4. package/out/_next/static/chunks/pages/{_app-a183c4ef3e1eb8a9.js → _app-fb7168af0646d15b.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 +5 -4
  16. package/src/features/customTypes/customTypesBuilder/CreateSliceFromImageModal/CreateSliceFromImageModal.tsx +25 -9
  17. package/out/_next/static/chunks/633-152bf078e5366a0c.js +0 -1
  18. /package/out/_next/static/{5BiUxr-32t6FE8rq80fSD → DXrd-otrKGzC39KN_Y7a2}/_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-a183c4ef3e1eb8a9.js" defer=""></script><script src="/_next/static/chunks/pages/_error-fedd2c6ebd3d27b9.js" defer=""></script><script src="/_next/static/5BiUxr-32t6FE8rq80fSD/_buildManifest.js" defer=""></script><script src="/_next/static/5BiUxr-32t6FE8rq80fSD/_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":"5BiUxr-32t6FE8rq80fSD","runtimeConfig":{"sentryEnvironment":"production"},"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-fb7168af0646d15b.js" defer=""></script><script src="/_next/static/chunks/pages/_error-fedd2c6ebd3d27b9.js" defer=""></script><script src="/_next/static/DXrd-otrKGzC39KN_Y7a2/_buildManifest.js" defer=""></script><script src="/_next/static/DXrd-otrKGzC39KN_Y7a2/_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":"DXrd-otrKGzC39KN_Y7a2","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
package/out/_next/static/{5BiUxr-32t6FE8rq80fSD → DXrd-otrKGzC39KN_Y7a2}/_buildManifest.js RENAMED
@@ -1 +1 @@
1
- self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,u,f,d,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,u,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-e66094f57453cf9c.js"],"/custom-types":[s,t,g,o,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,f,d,h,k,s,a,i,n,j,r,e,t,l,p,m,_,"static/chunks/pages/custom-types/[customTypeId]-6d613b67e6967ae5.js"],"/labs":["static/chunks/pages/labs-56fd818a63553497.js"],"/page-types/[pageTypeId]":[c,f,d,h,k,s,a,i,n,j,r,e,t,l,p,m,_,"static/chunks/pages/page-types/[pageTypeId]-40207b66190e3fcd.js"],"/slices":[c,b,y,s,a,n,I,e,p,u,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-ec56b94b35794675.js"],"/slices/[lib]/[sliceName]/[variation]":[c,b,f,d,h,k,y,s,a,i,n,j,I,"static/chunks/484-3e011e79c41f0342.js",e,l,u,"static/css/e8e03c0d4003d1eb.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-22ffa2561ac66557.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/882-48d61b2fabee28d8.js","static/chunks/647-aa094286bc248d52.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/630-2bf927bca082a191.js","static/chunks/633-152bf078e5366a0c.js","static/chunks/248-84a5987f0499b074.js","static/css/4e475d945cf8a890.css","static/chunks/422-c9192a1dbdd2ae0e.js","static/chunks/489-32281540712d98bb.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,f,d,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,u,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-e66094f57453cf9c.js"],"/custom-types":[s,t,g,o,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,f,d,h,k,s,a,i,n,j,r,e,t,l,p,m,_,"static/chunks/pages/custom-types/[customTypeId]-6d613b67e6967ae5.js"],"/labs":["static/chunks/pages/labs-56fd818a63553497.js"],"/page-types/[pageTypeId]":[c,f,d,h,k,s,a,i,n,j,r,e,t,l,p,m,_,"static/chunks/pages/page-types/[pageTypeId]-40207b66190e3fcd.js"],"/slices":[c,b,y,s,a,n,I,e,p,u,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-ec56b94b35794675.js"],"/slices/[lib]/[sliceName]/[variation]":[c,b,f,d,h,k,y,s,a,i,n,j,I,"static/chunks/484-3e011e79c41f0342.js",e,l,u,"static/css/e8e03c0d4003d1eb.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-22ffa2561ac66557.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/882-48d61b2fabee28d8.js","static/chunks/647-aa094286bc248d52.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/630-2bf927bca082a191.js","static/chunks/633-f3f030e76fa70a4d.js","static/chunks/248-84a5987f0499b074.js","static/css/4e475d945cf8a890.css","static/chunks/422-c9192a1dbdd2ae0e.js","static/chunks/489-32281540712d98bb.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/633-f3f030e76fa70a4d.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[633],{21446:function(e,t,a){a.d(t,{S:function(){return C}});var r=a(52322),i=a(74217),n=a(11699),l=a(5632),s=a(2784),o=a(76473),c=a(88932),d=a(30195),u=a(94160),m=a(34166),g=a(98250),p=a(68968),h=a(96317);let f=(0,s.forwardRef)((e,t)=>{let{width:a,height:i}=e;return void 0===a&&void 0===i&&(a=10,i=16),(0,r.jsxs)("svg",{ref:t,viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",height:i,width:a,children:[(0,r.jsx)("path",{d:"M5 7.83323C5 6.45253 6.11928 5.33325 7.49997 5.33325C8.8807 5.33325 10 6.45255 10 7.83328V8.16656C10 9.54728 8.8807 10.6666 7.49997 10.6666C6.11928 10.6666 5 9.54731 5 8.16661V7.83323Z",fill:"#1ABCFE"}),(0,r.jsx)("path",{d:"M0 13.3334C0 11.8607 1.19391 10.6667 2.66667 10.6667H5V13.5001C5 14.8808 3.88071 16.0001 2.5 16.0001C1.11929 16.0001 0 14.8808 0 13.5001L0 13.3334Z",fill:"#0ACF83"}),(0,r.jsx)("path",{d:"M5 0V5.33333H7.33333C8.80609 5.33333 10 4.13943 10 2.66667C10 1.19391 8.80609 0 7.33333 0L5 0Z",fill:"#FF7262"}),(0,r.jsx)("path",{d:"M0 2.66659C0 4.13934 1.19391 5.33325 2.66667 5.33325L5 5.33325L5 -8.15392e-05L2.66667 -8.15392e-05C1.19391 -8.15392e-05 0 1.19383 0 2.66659Z",fill:"#F24E1E"}),(0,r.jsx)("path",{d:"M0 8.00008C0 9.47284 1.19391 10.6667 2.66667 10.6667H5L5 5.33341L2.66667 5.33341C1.19391 5.33341 0 6.52732 0 8.00008Z",fill:"#A259FF"})]})});var x=a(80148),y=a(54597),j=a(62434),b=a(56141);function v(e){let t;let{slice:a}=e,i="uploading"===a.status||"generating"===a.status,l="uploadError"===a.status||"generateError"===a.status||"cancelled"===a.status,s="pending"===a.status||"generateError"===a.status||"generating"===a.status||"success"===a.status||"cancelled"===a.status;return l?t=(0,r.jsx)(n.E,{startIcon:"refresh",color:"grey",onClick:a.onRetry,children:"Retry"}):"figma"===a.source&&(t=(0,r.jsx)(n.c3,{content:"Pasted from Figma",children:(0,r.jsx)(b.S,{})})),(0,r.jsxs)(j.Zb,{disabled:i,children:[s?(0,r.jsx)(j.ZB,{src:a.thumbnailUrl}):(0,r.jsx)(j.ZB,{component:"div"}),(0,r.jsx)(j.eW,{loading:i,startIcon:function(e){switch(e){case"uploadError":case"generateError":case"cancelled":return"close";case"pending":return"image";case"success":return"check";default:return}}(a.status),title:"success"===a.status?a.model.name:"figma"===a.source?a.image.name.split(".")[0]:a.image.name,subtitle:function(e){switch(e.status){case"uploading":return"Uploading...";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"uploadError":return"Unable to upload image";case"generating":return"Generating...";case"generateError":return"Something went wrong";case"cancelled":return"Cancelled";case"success":return"Generated"}}(a),error:l,action:t})]})}let w=d.z.object({__type:d.z.literal("figma-to-prismic/clipboard-data"),name:d.z.string(),image:d.z.string().startsWith("data:image/")});function C(e){let{open:t,location:a,onSuccess:d,onClose:h}=e,j=(0,l.useRouter)(),[b,C]=(0,s.useState)([]),[L,A]=(0,s.useState)(!1),[E,D]=(0,s.useState)(!1),{syncChanges:U}=(0,p.g)(),{createSliceSuccess:z}=(0,y.Z)(),{completeStep:N}=(0,g.k)(),B=function(e){let{open:t}=e,a=(0,s.useRef)([]);return(0,s.useEffect)(()=>{t&&(a.current=[],x.managerClient.slices.readAllSlices().then(e=>{a.current=e.models.map(e=>{let{model:t}=e;return t})}).catch(()=>null))},[t]),a}({open:t}),R=I(),{libraryID:P,isLoading:M}=function(){let[e,t]=(0,s.useState)();return(0,s.useEffect)(()=>{x.managerClient.project.getSliceMachineConfig().then(e=>{var a;let r=null==e?void 0:null===(a=e.libraries)||void 0===a?void 0:a[0];if(void 0===r)throw Error("No library found in the config.");t(r)}).catch(()=>{throw Error("Could not get library ID from the config.")})},[]),{libraryID:e,isLoading:void 0===e}}(),Z=(0,i.R9)(q),G=(0,s.useRef)(crypto.randomUUID());(0,o.y1)(["meta+v","ctrl+v"],e=>{e.preventDefault(),J({isShortcut:!0})},{enabled:t&&R}),(0,s.useEffect)(()=>{if(!b.some(e=>"generating"===e.status))return;let e=e=>{Z();let t="Your current generating slices will be cancelled.";return e.returnValue=t,t};return j.events.on("routeChangeStart",Z),window.addEventListener("beforeunload",e),()=>{j.events.off("routeChangeStart",Z),window.removeEventListener("beforeunload",e)}},[b,j.events,Z]);let T=e=>{let{index:t,slice:a}=e;C(e=>e.map((e,r)=>r===t?a(e):e))},_=e=>{if(H)return;if(e.length>10){c.Am.error("You can only upload ".concat(10," images at a time."));return}let t=b.length;C(t=>[...t,...e.map(e=>({source:"upload",status:"uploading",image:e}))]),e.forEach((e,a)=>{V({index:t+a,image:e,source:"upload"})})},V=async e=>{let{index:t,image:a,source:r}=e,i=G.current;T({index:t,slice:e=>({...e,status:"uploading",image:a,source:r})});try{let e=await F({image:a});if(i!==G.current)return;T({index:t,slice:t=>({...t,status:"pending",thumbnailUrl:e})})}catch(e){if(i!==G.current)return;T({index:t,slice:e=>({...e,status:"uploadError",onRetry:()=>void V({index:t,image:a,source:r})})})}},X=async e=>{if(void 0===P)return;let{index:t,imageUrl:r,source:i}=e,n=G.current,l=crypto.randomUUID();T({index:t,slice:e=>({...e,status:"generating",thumbnailUrl:r,requestId:l})});try{u.Xe.track({event:"slice-generation:started",source:i});let e=await x.managerClient.customTypes.inferSlice({source:i,libraryID:P,imageUrl:r,requestId:l});if(n!==G.current)return;let s=function(e){let{existingSlices:t,newSlices:a,slice:r}=e,i=new Set,n=new Set;for(let{id:e,name:a}of t)i.add(e),n.add(a.toLowerCase());for(let e of a)"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:B.current,newSlices:b,slice:e.slice});if(C(a=>a.map((a,i)=>i!==t?a:{...a,status:"success",thumbnailUrl:r,model:s,langSmithUrl:e.langSmithUrl})),"upload"===i){n=G.current;let e=b[t],{errors:a}=await x.managerClient.slices.createSlice({libraryID:P,model:s});if(a.length)throw Error("Failed to create slice ".concat(s.id,"."));if(await x.managerClient.slices.updateSliceScreenshot({libraryID:P,sliceID:s.id,variationID:s.variations[0].id,data:e.image}),n!==G.current)return}N("createSlice"),u.Xe.track({event:"slice:created",id:s.id,name:s.name,library:P,location:a,..."figma"===i?{mode:"figma-to-slice"}:{mode:"ai",langSmithUrl:e.langSmithUrl}}),u.Xe.track({event:"slice-generation:ended",error:!1}),(0,m.nZ)({type:"model",library:P,sliceId:s.id,variationId:s.variations[0].id,langSmithUrl:e.langSmithUrl})}catch(e){if(n!==G.current)return;T({index:t,slice:a=>({...a,status:e instanceof Error&&"AbortError"===e.name?"cancelled":"generateError",thumbnailUrl:r,onRetry:()=>{X({index:t,imageUrl:r,source:i})}})}),u.Xe.track({event:"slice-generation:ended",error:!0})}},O=b.reduce((e,t)=>("generating"===t.status?e.generating++:"uploading"===t.status?e.uploading++:"pending"===t.status?e.pending++:"success"===t.status&&e.completed++,e.loading=e.generating+e.uploading,e.generate=e.loading+e.pending,e),{generating:0,uploading:0,pending:0,completed:0,loading:0,generate:0}),H=O.generating>0||O.completed>0,W=()=>{O.loading>0||(h(),G.current=crypto.randomUUID(),setTimeout(()=>C([]),250))},Y=async()=>{if(void 0!==P)try{A(!0);let e=await (0,u.y0)();z(e.libraries),U(),d({slices:b.flatMap(e=>"success"===e.status?e.model:[]),library:P}),W()}finally{A(!1)}},J=async e=>{var a;let{isShortcut:r=!1}=null!=e?e:{};if(!(!t||!R||b.some(e=>"figma"===e.source)||b.some(e=>"uploading"===e.status||"generating"===e.status))){if("function"!=typeof(null===(a=navigator.clipboard)||void 0===a?void 0:a.read)){c.Am.error("Clipboard paste is not supported in this browser.");return}try{let e=await navigator.clipboard.read();if(0===e.length){c.Am.error("No data found in clipboard.");return}let t="pasted-image.png",a=null,i=!1;for(let t of e){let e=t.types.find(e=>e.startsWith("image/"));if(void 0!==e){a=await t.getType(e);break}}for(let r of e)if(r.types.includes("text/plain"))try{let e=await r.getType("text/plain"),n=await e.text(),l=w.safeParse(JSON.parse(n));if(l.success){i=!0;let e=l.data;if(t="".concat(e.name,".png"),!a){let t=await fetch(e.image);a=await t.blob()}}else console.warn("Clipboard data validation failed:",l.error)}catch(e){console.warn("Failed to parse JSON from clipboard:",e)}if(!a){i?c.Am.error("Could not extract Figma data from clipboard. Please try copying again using the Prismic Figma plugin."):c.Am.error("No Figma data found in clipboard. Make sure you've copied a design using the Prismic Figma plugin.");return}let n=b.length;if(n>=10){c.Am.error("You can only upload ".concat(10," images at a time."));return}let l=new File([a],t,{type:a.type});C(e=>[...e,{source:"figma",status:"uploading",image:l}]),V({index:n,image:l,source:"figma"}),u.Xe.track({event:"slice-generation:pasted-from-figma",source:r?"shortcut":"button"}),c.Am.success("Pasted ".concat(t).concat(i?" from Figma":""))}catch(e){console.error("Failed to paste from clipboard:",e),c.Am.error("Failed to paste from clipboard. Please check browser permissions and try again.")}}};function q(){let e=b.flatMap(e=>"generating"===e.status?[e.requestId]:[]);0!==e.length&&e.forEach(e=>{x.managerClient.customTypes.cancelInferSlice({requestId:e})})}return(0,r.jsxs)(n.ae,{open:t,onOpenChange:e=>!e&&W(),children:[(0,r.jsx)(n.al,{title:"Generate slices with AI"}),(0,r.jsxs)(n.aj,{gap:0,children:[(0,r.jsx)(n.ak,{hidden:!0,children:"Upload images to generate slices with AI"}),M?(0,r.jsx)(n.D,{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",children:(0,r.jsx)(n.bg,{color:"purple9"})}):(0,r.jsxs)(r.Fragment,{children:[0===b.length?(0,r.jsxs)(n.D,{padding:16,height:"100%",gap:16,display:"flex",flexDirection:"column",children:[R&&(0,r.jsxs)(n.D,{display:"flex",gap:16,alignItems:"center",backgroundColor:"grey2",padding:16,borderRadius:12,children:[(0,r.jsxs)(n.D,{display:"flex",gap:8,alignItems:"center",flexGrow:1,children:[(0,r.jsx)(n.D,{width:48,height:48,backgroundColor:"grey12",borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(f,{height:25})}),(0,r.jsxs)(n.D,{display:"flex",flexDirection:"column",flexGrow:1,children:[(0,r.jsx)(n.bL,{variant:"bold",children:"Want to work faster?"}),(0,r.jsx)(n.bL,{variant:"small",color:"grey11",children:"Copy frames from Figma with the Slice Machine plugin and paste them here."})]})]}),(0,r.jsx)(n.E,{endIcon:"arrowForward",color:"indigo",onClick:()=>{window.open("https://www.figma.com/community/plugin/1567955296461153730/figma-to-slice","_blank"),u.Xe.track({event:"slice-generation:plugin-installation-clicked"})},sx:{marginRight:8},invisible:!0,children:"Install plugin"})]}),(0,r.jsx)(n.aF,{onFilesSelected:_,assetType:"image",maxFiles:10,overlay:(0,r.jsx)(S,{onFilesSelected:_,onPaste:J,droppingFiles:!0}),children:(0,r.jsx)(S,{onFilesSelected:_,onPaste:J})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n.D,{display:"flex",alignItems:"center",justifyContent:"space-between",padding:16,children:[(0,r.jsx)(n.bL,{variant:"h3",children:"Design"}),(0,r.jsx)(n.aG,{size:"medium",color:"grey",onFilesSelected:_,startIcon:"attachFile",disabled:H,children:"Add images"})]}),(0,r.jsx)(n.bn,{stableScrollbar:!1,children:(0,r.jsx)(n.D,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16,padding:16,children:b.map((e,t)=>(0,r.jsx)(v,{slice:e},"slice-".concat(t)))})})]}),(0,r.jsxs)(n.ah,{children:[O.generating>0?(0,r.jsx)(n.ai,{onClick:()=>D(!0),size:"medium",sx:{marginRight:8},invisible:!0,children:"Cancel"}):(0,r.jsx)(n.ai,{onClick:()=>W(),size:"medium",sx:{marginRight:8},invisible:!0,children:"Close"}),0===O.completed||O.loading>0?(0,r.jsxs)(n.af,{color:"purple",startIcon:"autoFixHigh",onClick:()=>{void 0!==P&&b.forEach((e,t)=>{"pending"===e.status&&X({index:t,imageUrl:e.thumbnailUrl,source:e.source})})},disabled:H||O.loading>0||0===O.pending,loading:O.loading>0,size:"medium",children:["Generate ",O.generate>0?"(".concat(O.generate,") "):"",1===O.generate?"Slice":"Slices"]}):(0,r.jsx)(n.af,{color:"purple",onClick:()=>void Y(),loading:L,size:"medium",children:k(a,O.completed)})]})]})]}),(0,r.jsxs)(n.ae,{size:"small",open:E,onOpenChange:D,children:[(0,r.jsx)(n.al,{title:"Cancel generation"}),(0,r.jsxs)(n.aj,{children:[(0,r.jsx)(n.ak,{children:(0,r.jsx)(n.D,{display:"flex",flexDirection:"column",padding:{inline:16},children:(0,r.jsx)(n.bL,{variant:"bold",children:"Are you sure you want to cancel the generation for all slices?"})})}),(0,r.jsxs)(n.ah,{children:[(0,r.jsx)(n.ai,{onClick:()=>D(!1),size:"small",children:"Keep generating"}),(0,r.jsx)(n.af,{color:"tomato",onClick:()=>{D(!1),q()},size:"small",children:"Confirm"})]})]})]})]})}function S(e){let{droppingFiles:t=!1,onFilesSelected:a,onPaste:i}=e,l=I();return(0,r.jsx)(n.D,{justifyContent:"center",flexDirection:"column",height:"100%",backgroundColor:t?"purple2":"grey2",border:!0,borderStyle:"dashed",borderColor:t?"purple9":"grey6",borderRadius:12,flexGrow:1,children:(0,r.jsx)(n.s,{children:(0,r.jsxs)(n.D,{display:"flex",flexDirection:"column",gap:16,alignItems:"center",children:[(0,r.jsx)(n.x,{lineColor:"purple11",backgroundColor:"purple5",name:"cloudUpload",size:"large"}),(0,r.jsx)(n.D,{display:"flex",flexDirection:"column",gap:4,alignItems:"center",children:l?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.bL,{children:"Generate slices from your designs"}),(0,r.jsx)(n.bL,{variant:"small",color:"grey11",children:"Upload your design images or paste them directly from Figma."})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.bL,{children:"Upload your design images."}),(0,r.jsx)(n.bL,{variant:"small",color:"grey11",children:"Once uploaded, you can generate slices automatically using AI."})]})}),(0,r.jsx)(n.D,{display:"flex",alignItems:"center",gap:16,children:l?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.E,{size:"small",renderStartIcon:()=>(0,r.jsx)(f,{height:16}),color:"grey",onClick:()=>void i(),children:"Paste from Figma"}),(0,r.jsx)(n.aG,{size:"small",onFilesSelected:a,color:"purple",invisible:!0,children:"Add images"})]}):(0,r.jsx)(n.aG,{startIcon:"attachFile",onFilesSelected:a,color:"grey",children:"Add images"})})]})})})}async function F(e){let{image:t}=e,a=[await x.managerClient.project.getResolvedRepositoryName(),"shared-slices","prismic-inferred-slices",crypto.randomUUID()].join("/");await x.managerClient.screenshots.initS3ACL();let{url:r}=await x.managerClient.screenshots.uploadScreenshot({keyPrefix:a,data:t});return r}let k=(e,t)=>{switch(e){case"custom_type":return"Add to type (".concat(t,")");case"page_type":return"Add to page (".concat(t,")");case"slices":return"Done"}};function I(){let e=(0,h.L)("llm-proxy-access");return(null==e?void 0:e.value)==="on"}},27213:function(e,t,a){a.d(t,{F:function(){return n}});var r=a(52322),i=a(11699);let n=e=>{let{menuType:t}=e;return{fromImage:{BackgroundIcon:(0,r.jsx)(i.B,{name:"autoFixHigh",size:"ActionList"===t?"small":"extraSmall",iconSize:"ActionList"===t?"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"===t?"small":"extraSmall",iconSize:"ActionList"===t?"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"===t?"small":"extraSmall",iconSize:"ActionList"===t?"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"===t?"small":"extraSmall",iconSize:"ActionList"===t?"medium":"small",color:"white",variant:"solid",radius:6}),title:"Reuse an existing slice",description:"Select from your created slices."}}}},6256:function(e,t,a){a.d(t,{c:function(){return j}});var r=a(52322),i=a(2784),n=a(36131),l=a(75289),s=a(94160),o=a(98250),c=a(88932),d=a(63908),u=a(358),m=a(80148);async function g(e){let{sliceName:t,libraryName:a,location:r,onSuccess:i}=e;try{let e=(0,d.fo)(t),{errors:n}=await m.managerClient.slices.createSlice({libraryID:a,model:e});if(n.length>0)throw n;s.Xe.track({event:"slice:created",id:(0,u.MP)(t),name:t,library:a,location:r,mode:"manual"}),await i(e)}catch(a){let e="An unexpected error happened while creating slice ".concat(t,".");console.error(e,a),c.Am.error(e)}}var p=a(68968),h=a(59532),f=a(54597),x=a(46999),y=a(63019);let j=e=>{let{onClose:t,onSuccess:a,localLibraries:c,location:d,remoteSlices:u}=e,{createSliceSuccess:m}=(0,f.Z)(),[j,b]=(0,i.useState)(!1),{syncChanges:v}=(0,p.g)(),{completeStep:w}=(0,o.k)(),C=async e=>{let t=e.sliceName,r=e.from;b(!0),await g({sliceName:t,libraryName:r,location:d,onSuccess:async e=>{m((await (0,s.y0)()).libraries),a(e,r),v(),w("createSlice")}})};return(0,r.jsx)(h.Z,{testId:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:j,formId:"create-new-slice",close:t,buttonLabel:"Create",onSubmit:e=>{C(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:t,values:a,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:t.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:a.from,label:a.from},styles:{option:e=>({...e,color:"#161618"})},theme:e=>({...e,colors:{...e.colors,primary:"#E9E8EA"}}),menuPortalTarget:document.body})]})}})}},63019:function(e,t,a){a.d(t,{h:function(){return o}});var r=a(96009),i=a.n(r),n=a(74600),l=a.n(n),s=a(7974);function o(e,t,a){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."}:[...t.flatMap(e=>e.components.map(e=>e.model.name)),...a.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,t,a){var r=a(52322),i=a(75289);t.Z=function(e){let{elems:t,renderElem:a,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:t.map((e,t)=>e?(0,r.jsx)("span",{children:a(e,t)},"".concat(n(e),"-").concat(t+1)):null)})}}}]);