slice-machine-ui 2.15.2-beta.4 → 2.15.2
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/{TpXr-OgQ6mDDuEdT6tyRi → 2Df8JFdNvYoOjiAMascPc}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/473-944c28c328500eba.js +1 -0
- package/out/_next/static/chunks/pages/{_app-7c0659253dd856d5.js → _app-8ebe9acc4f19e5c5.js} +1 -1
- 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 +4 -5
- package/src/features/customTypes/customTypesBuilder/CreateSliceFromImageModal/CreateSliceFromImageModal.tsx +112 -23
- package/out/_next/static/chunks/473-5ab95fb548d78a8e.js +0 -1
- /package/out/_next/static/{TpXr-OgQ6mDDuEdT6tyRi → 2Df8JFdNvYoOjiAMascPc}/_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/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.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-
|
|
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/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.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-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/pages/_error-1b183d3cf5ea03f9.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_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":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,d,n,b,u,f,h,l,k,p,j,g,o,r){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[a,p,j,"static/chunks/pages/index-48edd85de6369519.js"],"/_error":["static/chunks/pages/_error-1b183d3cf5ea03f9.js"],"/changelog":[s,e,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-fd749acf98af82da.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38ab72e6ee071fec.js",c,d,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-1d07d031e49cd4fa.js"],"/custom-types":[a,p,j,"static/chunks/pages/custom-types-4f95d75a29e9c7b1.js"],"/custom-types/[customTypeId]":[s,n,b,u,f,e,i,h,g,c,a,l,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-494a273bdfe05981.js"],"/labs":["static/chunks/pages/labs-41db727cff0af1a9.js"],"/page-types/[pageTypeId]":[s,n,b,u,f,e,i,h,g,c,a,l,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-f67cee98ab2e606f.js"],"/settings":["static/css/e5f781f20e24a5ea.css","static/chunks/pages/settings-4efa7c64dc4f2468.js"],"/slices":[s,t,i,c,d,k,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-4b5da413adf7c51c.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,n,b,u,f,e,i,h,c,l,d,"static/css/cdee5b195444f185.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-2db7593b552cc395.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/157-7733f7f59581b0b5.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-682a7ae967ddc9e8.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-ef680789f7cc9b11.js","static/chunks/772-dc8d1f404dd4eed4.js","static/chunks/910-1979bde4d15e9a4b.js","static/chunks/183-b1a9f55f45cb8d8e.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/44-a2056f993381ad0f.js","static/chunks/639-424b570eee9a37fb.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-480e426e4b1cfef3.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/349-6ad3cca7ea294292.js","static/chunks/356-09138784e77f5f66.js","static/chunks/473-
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,d,n,b,u,f,h,l,k,p,j,g,o,r){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[a,p,j,"static/chunks/pages/index-48edd85de6369519.js"],"/_error":["static/chunks/pages/_error-1b183d3cf5ea03f9.js"],"/changelog":[s,e,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-fd749acf98af82da.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38ab72e6ee071fec.js",c,d,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-1d07d031e49cd4fa.js"],"/custom-types":[a,p,j,"static/chunks/pages/custom-types-4f95d75a29e9c7b1.js"],"/custom-types/[customTypeId]":[s,n,b,u,f,e,i,h,g,c,a,l,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-494a273bdfe05981.js"],"/labs":["static/chunks/pages/labs-41db727cff0af1a9.js"],"/page-types/[pageTypeId]":[s,n,b,u,f,e,i,h,g,c,a,l,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-f67cee98ab2e606f.js"],"/settings":["static/css/e5f781f20e24a5ea.css","static/chunks/pages/settings-4efa7c64dc4f2468.js"],"/slices":[s,t,i,c,d,k,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-4b5da413adf7c51c.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,n,b,u,f,e,i,h,c,l,d,"static/css/cdee5b195444f185.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-2db7593b552cc395.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/157-7733f7f59581b0b5.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-682a7ae967ddc9e8.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-ef680789f7cc9b11.js","static/chunks/772-dc8d1f404dd4eed4.js","static/chunks/910-1979bde4d15e9a4b.js","static/chunks/183-b1a9f55f45cb8d8e.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/44-a2056f993381ad0f.js","static/chunks/639-424b570eee9a37fb.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-480e426e4b1cfef3.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/349-6ad3cca7ea294292.js","static/chunks/356-09138784e77f5f66.js","static/chunks/473-944c28c328500eba.js","static/chunks/764-dd770255e3082305.js","static/css/4e475d945cf8a890.css","static/chunks/479-6205c85aa978fc0b.js","static/chunks/154-7a7fbf12ee00e12f.js","static/css/56f2a6684a524374.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[473],{17662:function(e,t,r){r.d(t,{l:function(){return n}});var a=r(53085);function n(){let e=(0,a.L)("slicemachine-image-to-slice");return{eligible:(null==e?void 0:e.value)==="on"}}},7192:function(e,t,r){r.d(t,{S:function(){return h}});var a=r(52322),n=r(7729),l=r(2784),s=r(88932),i=r(93188),c=r(93085),o=r(65856),u=r(80546),d=r(70647),m=r(41067),g=r(80218);function p(e){let{slice:t}=e,r="uploading"===t.status||"generating"===t.status,l="uploadError"===t.status||"generateError"===t.status,s="generateError"===t.status||"generating"===t.status||"success"===t.status;return(0,a.jsxs)(g.Zb,{disabled:r,children:[s?(0,a.jsx)(g.ZB,{src:t.thumbnailUrl}):(0,a.jsx)(g.ZB,{component:"div"}),(0,a.jsx)(g.eW,{loading:r,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:t.image.name,subtitle:function(e){switch(e){case"uploading":return"Uploading...";case"uploadError":return"Unable to upload image";case"generating":return"Generating...";case"generateError":return"Something went wrong";case"success":return"Generated"}}(t.status),error:l,action:l?(0,a.jsx)(n.zxk,{startIcon:"refresh",color:"grey",onClick:t.onRetry,children:"Retry"}):void 0})]})}function h(e){let{open:t,location:r,onSuccess:g,onClose:h}=e,[j,w]=(0,l.useState)([]),[S,C]=(0,l.useState)(!1),{syncChanges:v}=(0,u.g)(),{createSliceSuccess:I}=(0,m.Z)(),{completeStep:E}=(0,o.k)(),N=(0,l.useRef)(crypto.randomUUID()),k=e=>{let{index:t,slice:r}=e;w(e=>e.map((e,a)=>a===t?r(e):e))},U=e=>{if(e.length>10){s.Am.error("You can only upload ".concat(10," images at a time."));return}w(e.map(e=>({status:"uploading",image:e}))),e.forEach((e,t)=>A({index:t,image:e}))},A=e=>{let{index:t,image:r}=e,a=N.current;k({index:t,slice:e=>({...e,status:"uploading"})}),x({image:r}).then(e=>{a===N.current&&Z({index:t,imageUrl:e})},()=>{a===N.current&&k({index:t,slice:e=>({...e,status:"uploadError",onRetry:()=>A({index:t,image:r})})})})},D=function(e){let{open:t}=e,r=(0,l.useRef)([]);return(0,l.useEffect)(()=>{t&&(r.current=[],d.managerClient.slices.readAllSlices().then(e=>{r.current=e.models.map(e=>{let{model:t}=e;return t})}).catch(()=>null))},[t]),r}({open:t}),Z=e=>{let{index:t,imageUrl:r}=e,a=N.current;k({index:t,slice:e=>({...e,status:"generating",thumbnailUrl:r})}),d.managerClient.customTypes.inferSlice({imageUrl:r}).then(e=>{let{slice:n,langSmithUrl:l}=e;a===N.current&&w(e=>e.map((a,s)=>s===t?{...a,status:"success",thumbnailUrl:r,model:function(e){let{existingSlices:t,newSlices:r,slice:a}=e,n=new Set,l=new Set;for(let{id:e,name:r}of t)n.add(e),l.add(r.toLowerCase());for(let e of r)"success"===e.status&&(n.add(e.model.id),l.add(e.model.name.toLowerCase()));let s=a.id,i=2;for(;n.has(s);)s="".concat(a.id,"_").concat(i),i++;let c=a.name;for(i=2;l.has(c.toLowerCase());)c="".concat(a.name).concat(i),i++;return{...a,id:s,name:c}}({existingSlices:D.current,newSlices:e,slice:n}),langSmithUrl:l}:a))},()=>{a===N.current&&k({index:t,slice:e=>({...e,status:"generateError",thumbnailUrl:r,onRetry:()=>Z({index:t,imageUrl:r})})})})},_=j.some(e=>"uploading"===e.status||"generating"===e.status),R=j.filter(e=>"success"===e.status),F=R.length>0;return(0,a.jsxs)(n.VqE,{open:t,onOpenChange:e=>{e||S||(h(),N.current=crypto.randomUUID(),w([]))},children:[(0,a.jsx)(n.fKu,{title:"Generate from image"}),(0,a.jsxs)(n.cZJ,{gap:0,children:[(0,a.jsx)(n.BeV,{hidden:!0,children:"Upload images to generate slices with AI"}),0===j.length?(0,a.jsx)(n.xuv,{padding:16,height:"100%",children:(0,a.jsx)(n.Zzl,{onFilesSelected:U,assetType:"image",maxFiles:10,overlay:(0,a.jsx)(f,{onFilesSelected:U,droppingFiles:!0}),children:(0,a.jsx)(f,{onFilesSelected:U})})}):(0,a.jsx)(n.xrM,{stableScrollbar:!1,children:(0,a.jsx)(n.xuv,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16,padding:16,children:j.map((e,t)=>(0,a.jsx)(p,{slice:e},"slice-".concat(t)))})}),(0,a.jsxs)(n.kXR,{children:[(0,a.jsx)(n.POh,{disabled:S}),(0,a.jsxs)(n._dX,{disabled:!F||_,loading:S,onClick:()=>{let e=j.reduce((e,t)=>("success"===t.status&&e.push(t),e),[]);if(!e.length)return;let t=N.current;C(!0),y(e).then(async e=>{let{slices:a,library:n}=e;if(t===N.current)for(let{model:e,langSmithUrl:t}of(I((await (0,i.y0)()).libraries),v(),g({slices:a,library:n}),C(!1),N.current=crypto.randomUUID(),w([]),E("createSlice"),a))i.Xe.track({event:"slice:created",id:e.id,name:e.name,library:n,location:r,mode:"ai",langSmithUrl:t}),(0,c.nZ)({type:"model",library:n,sliceId:e.id,variationId:e.variations[0].id,langSmithUrl:t})}).catch(()=>{t===N.current&&(C(!1),s.Am.error("An unexpected error happened while adding slices."))})},children:[b(r)," (",R.length,")"]})]})]})]})}function f(e){let{droppingFiles:t=!1,onFilesSelected:r}=e;return(0,a.jsx)(n.xuv,{justifyContent:"center",flexDirection:"column",height:"100%",backgroundColor:t?"purple2":"grey2",border:!0,borderStyle:"dashed",borderColor:t?"purple9":"grey6",children:(0,a.jsxs)(n.R$c,{children:[(0,a.jsx)(n.avq,{lineColor:"purple11",backgroundColor:"purple5",name:"cloudUpload",size:"large"}),(0,a.jsx)(n._T6,{children:"Upload your design images."}),(0,a.jsx)(n.nfr,{children:"Once uploaded, you can generate slices automatically using AI."}),(0,a.jsx)(n.QjJ,{children:(0,a.jsx)(n.KH,{startIcon:"attachFile",onFilesSelected:r,color:"grey",children:"Add images"})})]})})}async function x(e){let{image:t}=e,r=[await d.managerClient.project.getResolvedRepositoryName(),"shared-slices","prismic-inferred-slices",crypto.randomUUID()].join("/");await d.managerClient.screenshots.initS3ACL();let{url:a}=await d.managerClient.screenshots.uploadScreenshot({keyPrefix:r,data:t});return a}async function y(e){let{libraries:t=[]}=await d.managerClient.project.getSliceMachineConfig(),r=t[0];if(!r)throw Error("No library found in the config.");for(let{model:t}of e){let{errors:e}=await d.managerClient.slices.createSlice({libraryID:r,model:t});if(e.length)throw Error("Failed to create slice ".concat(t.id,"."))}let a=await Promise.all(e.map(async e=>{let{model:t,image:a,langSmithUrl:n}=e;return await d.managerClient.slices.updateSliceScreenshot({libraryID:r,sliceID:t.id,variationID:t.variations[0].id,data:a}),{model:t,langSmithUrl:n}}));return{library:r,slices:a}}let b=e=>{switch(e){case"custom_type":return"Add to type";case"page_type":return"Add to page";case"slices":return"Add to slices"}}},17889:function(e,t,r){r.d(t,{c:function(){return b}});var a=r(52322),n=r(2784),l=r(36131),s=r(75289),i=r(93188),c=r(65856),o=r(88932),u=r(3181),d=r(99510),m=r(70647);async function g(e){let{sliceName:t,libraryName:r,location:a,onSuccess:n}=e;try{let e=(0,u.fo)(t),{errors:l}=await m.managerClient.slices.createSlice({libraryID:r,model:e});if(l.length>0)throw l;i.Xe.track({event:"slice:created",id:(0,d.MP)(t),name:t,library:r,location:a,mode:"manual"}),await n(e)}catch(r){let e="An unexpected error happened while creating slice ".concat(t,".");console.error(e,r),o.Am.error(e)}}var p=r(80546),h=r(1490),f=r(41067),x=r(28801),y=r(99923);let b=e=>{let{onClose:t,onSuccess:r,localLibraries:o,location:u,remoteSlices:d}=e,{createSliceSuccess:m}=(0,f.Z)(),[b,j]=(0,n.useState)(!1),{syncChanges:w}=(0,p.g)(),{completeStep:S}=(0,c.k)(),C=async e=>{let t=e.sliceName,a=e.from;j(!0),await g({sliceName:t,libraryName:a,location:u,onSuccess:async e=>{m((await (0,i.y0)()).libraries),r(e,a),w(),S("createSlice")}})};return(0,a.jsx)(h.Z,{testId:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:b,formId:"create-new-slice",close:t,buttonLabel:"Create",onSubmit:e=>{C(e)},initialValues:{sliceName:"",from:o[0].name},validate:e=>(0,y.h)(e,o,d),content:{title:"Create a new slice"},children:e=>{let{touched:t,values:r,setFieldValue:n,errors:i}=e;return(0,a.jsxs)(s.xu,{children:[(0,a.jsx)(x.W,{name:"sliceName",label:"Slice Name",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:t.sliceName?i.sliceName:void 0,testId:"slice-name-input"}),(0,a.jsx)(s.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,a.jsx)(l.ZP,{name:"from",options:o.map(e=>({value:e.name,label:e.name})),onChange:e=>e?void n("from",e.value):null,defaultValue:{value:r.from,label:r.from},styles:{option:e=>({...e,color:"#161618"})},theme:e=>({...e,colors:{...e.colors,primary:"#E9E8EA"}}),menuPortalTarget:document.body})]})}})}},99923:function(e,t,r){r.d(t,{h:function(){return c}});var a=r(96009),n=r.n(a),l=r(74600),s=r.n(l),i=r(17186);function c(e,t,r){let{sliceName:a}=e;return a?i.lS.includes(a.toLowerCase())?{sliceName:'Name "'.concat(a,'" is reserved for Slice Machine use.')}:i.xo.exec(a)?s()(n()(a)).replace(/\s/gm,"")!==a.trim()?{sliceName:"Value has to be PascalCased."}:a.match(/^\d/)?{sliceName:"Value cannot start with a number."}:[...t.flatMap(e=>e.components.map(e=>e.model.name)),...r.map(e=>e.name)].includes(a)?{sliceName:"Slice name is already taken."}:void 0:{sliceName:"No special characters allowed."}:{sliceName:"Cannot be empty"}}},42849:function(e,t,r){var a=r(52322),n=r(75289);t.Z=function(e){let{elems:t,renderElem:r,defineElementKey:l,gridTemplateMinPx:s="320px",gridGap:i="16px",sx:c}=e;return(0,a.jsx)(n.xu,{as:"section",sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(s,", 1fr))"),gridGap:i,pt:2,...c},children:t.map((e,t)=>e?(0,a.jsx)("span",{children:r(e,t)},"".concat(l(e),"-").concat(t+1)):null)})}}}]);
|