slice-machine-ui 2.17.2-beta.3 → 2.17.3-alpha.dani-git-integration.2

package/src/features/navigation/Navigation.tsx

@@ -8,13 +8,11 @@ import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
 import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
 import { RepositoryInfo } from "@/features/navigation/RepositoryInfo";
 import { OnboardingGuide } from "@/features/onboarding";
-import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
 import { useAdapterName } from "@/hooks/useAdapterName";
 import { useMarketingContent } from "@/hooks/useMarketingContent";
 import { FolderIcon } from "@/icons/FolderIcon";
 import { LightningIcon } from "@/icons/Lightning";
 import { MenuBookIcon } from "@/icons/MenuBookIcon";
-import { SettingsIcon } from "@/icons/SettingsIcon";
 import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import { ChangesItem } from "../../legacy/components/Navigation/ChangesItem";
@@ -27,7 +25,6 @@ import { UpdateInfo } from "./UpdateInfo";
 export function Navigation() {
   const router = useRouter();
 
-  const gitIntegrationExperiment = useGitIntegrationExperiment();
   const { documentationLink } = useMarketingContent();
   const sectionsNamingExperiment = useSectionsNamingExperiment();
   const adapter = useAdapterName();
@@ -60,11 +57,9 @@ export function Navigation() {
       minWidth={0}
     >
       <Box flexDirection="column" gap={16}>
-        <ErrorBoundary>
-          <Suspense fallback={<Skeleton height={40} />}>
-            <Environment />
-          </Suspense>
-        </ErrorBoundary>
+        <Suspense fallback={<Skeleton height={40} />}>
+          <Environment />
+        </Suspense>
 
         <Separator style="dashed" />
 
@@ -117,15 +112,6 @@ export function Navigation() {
             }}
           />
 
-          {gitIntegrationExperiment.eligible && (
-            <NavigationItem
-              title="Settings"
-              href="/settings"
-              Icon={SettingsIcon}
-              active={router.asPath.startsWith("/settings")}
-            />
-          )}
-
           <NavigationItem
             title="Changelog"
             href="/changelog"

package/src/features/slices/sliceCards/SharedSliceCard.tsx

@@ -27,7 +27,6 @@ import { AddPhotoAlternateIcon } from "@/icons/AddPhotoAlternateIcon";
 import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
 
 type SharedSliceCardProps = {
-  isComingSoon?: boolean;
   isDeleted?: boolean;
   onUpdateScreenshot?: () => void;
   slice: ComponentUI;
@@ -36,7 +35,7 @@ type SharedSliceCardProps = {
 } & (
   | /*
    * Props for rendering a `Card` with a Next.js `Link` component (or with a
-   * non-interactive element if either `isComingSoon` or `isDeleted` is true).
+   * non-interactive element if `isDeleted` is true).
    */
   {
       mode: "navigation";
@@ -66,7 +65,6 @@ type Action =
 export const SharedSliceCard: FC<SharedSliceCardProps> = (props) => {
   const {
     action,
-    isComingSoon = false,
     isDeleted = false,
     onUpdateScreenshot,
     selected = false,
@@ -79,7 +77,7 @@ export const SharedSliceCard: FC<SharedSliceCardProps> = (props) => {
   if (!variation) return null;
   const src = getScreenshotUrl(slice, variation);
 
-  const disabled = isComingSoon || isDeleted;
+  const disabled = isDeleted;
   const canUpdateScreenshot = !disabled && !!onUpdateScreenshot;
   const disableOverlay = variant === "outlined";
   const hasVariationId = variationId !== undefined;
@@ -224,12 +222,6 @@ export const SharedSliceCard: FC<SharedSliceCardProps> = (props) => {
               : `${slice.model.variations.length} variation${
                   slice.model.variations.length > 1 ? "s" : ""
                 }`}
-            {isComingSoon ? (
-              <Text color="purple11" component="span" variant="small">
-                {" "}
-                • (coming soon)
-              </Text>
-            ) : undefined}
           </>
         }
         title={hasVariationId ? variation.name : slice.model.name}

package/src/legacy/components/AppLayout/index.tsx

@@ -1,4 +1,12 @@
-import { Box, Button, ButtonGroup } from "@prismicio/editor-ui";
+import {
+  BlankSlate,
+  BlankSlateDescription,
+  BlankSlateIcon,
+  BlankSlateTitle,
+  Box,
+  Button,
+  ButtonGroup,
+} from "@prismicio/editor-ui";
 import { useRouter } from "next/router";
 import { FC, PropsWithChildren, Suspense } from "react";
 
@@ -18,7 +26,31 @@ export const AppLayout: FC<PropsWithChildren> = ({
   ...otherProps
 }) => {
   return (
-    <ErrorBoundary>
+    <ErrorBoundary
+      renderError={(error) => {
+        return (
+          <Box
+            position="absolute"
+            top={64}
+            width="100%"
+            justifyContent="center"
+            flexDirection="column"
+          >
+            <BlankSlate>
+              <BlankSlateIcon
+                lineColor="tomato11"
+                backgroundColor="tomato3"
+                name="alert"
+              />
+              <BlankSlateTitle>Failed to load Slice Machine</BlankSlateTitle>
+              <BlankSlateDescription>
+                {JSON.stringify(error)}
+              </BlankSlateDescription>
+            </BlankSlate>
+          </Box>
+        );
+      }}
+    >
       <Suspense>
         <PageLayoutWithActiveEnvironment {...otherProps}>
           <PageLayoutPane>

package/src/legacy/components/Navigation/Environment.tsx

@@ -21,7 +21,8 @@ import { SideNavEnvironmentSelector } from "./SideNavEnvironmentSelector/SideNav
 
 export function Environment() {
   const { environments, error: useEnvironmentsError } = useEnvironments();
-  const { activeEnvironment } = useActiveEnvironment();
+  const { activeEnvironment, error: activeEnvironmentError } =
+    useActiveEnvironment();
   const { refreshState, openLoginModal } = useSliceMachineActions();
   const { syncChanges } = useAutoSync();
   const isOnline = useNetwork();
@@ -82,7 +83,10 @@ export function Environment() {
     return <SideNavEnvironmentSelector variant="offline" />;
   }
 
-  if (useEnvironmentsError === undefined) {
+  if (
+    useEnvironmentsError === undefined &&
+    activeEnvironmentError === undefined
+  ) {
     return (
       <SideNavEnvironmentSelector
         environments={environments}
@@ -110,5 +114,9 @@ export function Environment() {
     );
   }
 
-  throw useEnvironmentsError;
+  if (useEnvironmentsError !== undefined) {
+    throw useEnvironmentsError;
+  }
+
+  throw activeEnvironmentError;
 }

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/SlicesTemplatesModal.tsx

@@ -14,7 +14,6 @@ import { managerClient } from "@/managerClient";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
 import { pluralize } from "@/utils/textConversion";
 
-import { sliceTemplatesComingSoon } from "./sliceTemplatesComingSoon";
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
 interface UpdateSliceModalProps {
@@ -101,29 +100,25 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
       {({ values }) => (
         <UpdateSliceZoneModalList
           values={values}
-          placeholderSlices={sliceTemplatesComingSoon}
-          availableSlices={[
-            ...availableSlicesTemplates.map(
-              (slice): ComponentUI => ({
-                extension: "",
-                fileName: "",
-                from: "",
-                href: "",
-                pathToSlice: "",
-                model: Slices.toSM(slice.model),
-                screenshots: Object.entries(slice.screenshots).reduce(
-                  (acc, curr) => ({
-                    ...acc,
-                    [curr[0]]: {
-                      url: curr[1],
-                    },
-                  }),
-                  {},
-                ),
-              }),
-            ),
-            ...sliceTemplatesComingSoon,
-          ]}
+          availableSlices={availableSlicesTemplates.map(
+            (slice): ComponentUI => ({
+              extension: "",
+              fileName: "",
+              from: "",
+              href: "",
+              pathToSlice: "",
+              model: Slices.toSM(slice.model),
+              screenshots: Object.entries(slice.screenshots).reduce(
+                (acc, curr) => ({
+                  ...acc,
+                  [curr[0]]: {
+                    url: curr[1],
+                  },
+                }),
+                {},
+              ),
+            }),
+          )}
         />
       )}
     </ModalFormCard>

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModalList.tsx

@@ -9,8 +9,7 @@ import { SliceZoneFormValues } from "./UpdateSliceZoneModal";
 const UpdateSliceZoneModalList: React.FC<{
   availableSlices: ReadonlyArray<ComponentUI>;
   values: SliceZoneFormValues;
-  placeholderSlices?: ReadonlyArray<ComponentUI>;
-}> = ({ availableSlices, values, placeholderSlices }) => (
+}> = ({ availableSlices, values }) => (
   <FieldArray
     name="sliceKeys"
     render={(arrayHelpers) => (
@@ -19,14 +18,10 @@ const UpdateSliceZoneModalList: React.FC<{
         elems={availableSlices}
         defineElementKey={(slice) => `${slice.from}-${slice.model.name}`}
         renderElem={(slice) => {
-          const isComingSoon =
-            placeholderSlices?.some((s) => s.model.id === slice.model.id) ??
-            false;
           const isInSliceZone = values.sliceKeys.includes(slice.model.id);
           return (
             <SharedSliceCard
               action={{ type: "checkbox" }}
-              isComingSoon={isComingSoon}
               mode="selection"
               onSelectedChange={(selected) => {
                 if (selected) {

package/out/_next/static/8xVz5YQwOY20VZPYTBtRF/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,e,a,t,i,b,n,u,d,f,h,l,k,j,p,g,o,r,m){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,a,p,g,"static/chunks/pages/index-0d8cb369de720a35.js"],"/_error":["static/chunks/pages/_error-fedd2c6ebd3d27b9.js"],"/changelog":[c,t,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-063c5e11dfc8fd55.js"],"/changes":[c,i,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-fa4f2563cb5fd014.js",e,n,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-564336edb0ed18b0.js"],"/custom-types":[s,a,p,g,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,u,d,f,h,s,t,b,l,o,e,a,k,j,r,m,"static/chunks/pages/custom-types/[customTypeId]-a408f5a660e096a6.js"],"/labs":["static/chunks/pages/labs-9630bfb1005be02b.js"],"/page-types/[pageTypeId]":[c,u,d,f,h,s,t,b,l,o,e,a,k,j,r,m,"static/chunks/pages/page-types/[pageTypeId]-f5e851ebe35049a8.js"],"/settings":[s,"static/css/e5f781f20e24a5ea.css","static/chunks/pages/settings-01f4aeb9112a1f87.js"],"/slices":[c,i,s,b,e,n,j,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-4a60cd5f2c71327e.js"],"/slices/[lib]/[sliceName]/[variation]":[c,i,u,d,f,h,s,t,b,l,e,k,n,"static/css/cdee5b195444f185.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-bd5e45632c419567.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[i,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/157-54b8336d20b41933.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-5008e29008aa04f4.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/397-e6c340070a3bcb41.js","static/chunks/59b4e022-ef680789f7cc9b11.js","static/chunks/34-e684c5fd75cc9dd0.js","static/chunks/647-7b9b5aa9468f9e4b.js","static/chunks/183-4ea255b867ff171b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/44-a2056f993381ad0f.js","static/chunks/658-8231c0b729e0124a.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-480e426e4b1cfef3.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/349-7118116b93278f73.js","static/chunks/630-29c729ad2a291ef6.js","static/chunks/268-6a9214b97195af9c.js","static/chunks/248-03446cd9e9f13730.js","static/css/4e475d945cf8a890.css","static/chunks/385-b949173dfa03dd3e.js","static/chunks/882-151468121d542ed6.js","static/css/56f2a6684a524374.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/out/_next/static/chunks/248-03446cd9e9f13730.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[248],{72641:function(e,t,n){"use strict";n.d(t,{R$:function(){return i},Qj:function(){return x},T9:function(){return d},nf:function(){return h},u2:function(){return o},_T:function(){return u}});var l=n(52322),r=n(56803),a=n(6277),s=n(83478),c=n.n(s);let i=e=>{let{backgroundImage:t,style:n,...r}=e,s=void 0!==t;return(0,l.jsx)("article",{...r,className:(0,a.W)(c().root,{[c().withBackground]:s}),style:{backgroundImage:s?"url(".concat(t,")"):void 0,...n}})},o=e=>(0,l.jsx)("div",{...e,className:c().image}),d=e=>(0,l.jsx)("div",{...e,className:c().content}),u=e=>(0,l.jsx)(r.bL,{...e,variant:"h3"}),h=e=>(0,l.jsx)(r.bL,{...e,color:"grey11"}),x=e=>(0,l.jsx)("div",{...e,className:c().actions,color:"grey"})},38241:function(e,t,n){"use strict";n.d(t,{F:function(){return O}});var l=n(52322),r=n(56803),a=n(97729),s=n.n(a),c=n(2784),i=n(43388),o=n(17378),d=n(98564),u=n(51384),h=n(5632),x=n(56580),m=n(75289),p=n(77630),j=n(88932),g=n(94160),b=n(39204);async function f(e){let{id:t,label:n,repeatable:l,format:r,onSuccess:a}=e,s=d.$[r],c=(0,p.Ue)({id:t,label:n,repeatable:l,format:r});try{let{errors:e}=await (0,g.KA)({customType:c});if(e.length>0)throw e;g.Xe.track({event:"custom-type:created",id:c.id,name:n,format:r,type:l?"repeatable":"single",origin:"table"}),await a(c),j.Am.success((0,b.GX)({message:"".concat(s.name({start:!0,plural:!1})," saved successfully at "),path:"./customtypes/".concat(c.id,"/index.json")}))}catch(t){let e="Internal Error: ".concat(s.name({start:!0,plural:!1})," not saved");console.error(e,t),j.Am.error(e)}}var v=n(59294),_=n(98250),S=n(68968),y=n(59532),C=n(7974),k=n(358),w=n(78254),L=n(54597),I=n(46999),R=n(63397);let B=e=>{let{selected:t,...n}=e;return(0,l.jsx)(m.kC,{sx:{p:"24px",mb:3,alignItems:"top",cursor:"pointer",borderRadius:"6px",backgroundColor:"grayLight",boxShadow:t?e=>{var t;return"0 0 0 2px ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.primary))}:"none","&:hover":{boxShadow:e=>{var t;return"0 0 0 2px ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.primary))}}},...n})},N=e=>{let{format:t}=e,[n,,r]=(0,R.U$)("repeatable"),a=d.$[t];return(0,l.jsxs)(m.xu,{mb:2,children:[(0,l.jsxs)(B,{selected:n.value,onClick:()=>r.setValue(!0),children:[(0,l.jsx)(m.Y8,{checked:n.value,onChange:()=>{},"data-testid":"repeatable-type-radio-btn"}),(0,l.jsxs)(m.xu,{sx:{marginLeft:2},children:["Reusable type",(0,l.jsx)(m.xu,{as:"p",sx:{fontSize:"12px",color:"textClear",mt:1},children:a.hintRepeatable})]})]}),(0,l.jsxs)(B,{selected:!n.value,onClick:()=>r.setValue(!1),children:[(0,l.jsx)(m.Y8,{checked:!n.value,onChange:()=>{},"data-testid":"single-type-radio-btn"}),(0,l.jsxs)(m.xu,{sx:{marginLeft:2},children:["Single type",(0,l.jsx)(m.xu,{as:"p",sx:{fontSize:"12px",color:"textClear",mt:1},children:a.hintSingle})]})]})]})},z=e=>{let{format:t,isCreating:n,isOpen:r,origin:a="table",onCreateChange:s,onOpenChange:i}=e,{createCustomTypeSuccess:o}=(0,L.Z)(),{completeStep:u}=(0,_.k)(),{customTypeIds:j,customTypeLabels:g}=(0,x.v9)(e=>({customTypeIds:(0,w.W6)(e),customTypeLabels:(0,w.YS)(e)})),b=d.$[t],[R,B]=(0,c.useState)(!0),{syncChanges:z}=(0,S.g)(),E=(0,h.useRouter)(),T=async e=>{let{id:n,label:l,repeatable:r}=e;s(!0),await f({format:t,id:n,label:l,origin:a,repeatable:r,onSuccess:async e=>{o(e);let t=(0,p.y6)(e),l=v.cd[t];B(!0),await E.push({pathname:l.getBuilderPagePathname(n)}),z(),"page"===t&&u("createPageType")}}),s(!1),i(!1)},G=(e,t,n)=>{n(R?{...t,label:e.target.value,id:(0,k.lV)(e.target.value)}:{...t,label:e.target.value})},D=(e,t)=>{t("id",e.target.value),B(!1)};return(0,l.jsx)(y.Z,{testId:"create-ct-modal",isOpen:r,widthInPx:"530px",formId:"create-custom-type",buttonLabel:"Create",close:()=>{i(!1),B(!0)},onSubmit:e=>{T(e)},isLoading:n,initialValues:{repeatable:!0,id:"",label:""},validate:e=>{let{id:t,label:n}=e,l={};return n&&n.length||(l.label="Cannot be empty."),!l.label&&g.includes(n)&&(l.label="".concat(b.name({start:!0,plural:!1})," name is already taken.")),["update","insert"].includes(n.toLowerCase())&&(l.label='Name "'.concat(n,'" is reserved for Slice Machine use.')),t&&t.length||(l.id="ID cannot be empty."),["update","insert"].includes(t.toLowerCase())&&(l.id='Id "'.concat(t,'" is reserved for Slice Machine use.')),l.id||!t||C.xo.exec(t)||(l.id="Invalid id: No special characters allowed."),!l.id&&t&&j.map(e=>e.toLowerCase()).includes(t)&&(l.id='ID "'.concat(t,'" exists already.')),Object.keys(l).length>0?l:void 0},content:{title:"Create a new ".concat(b.name({start:!1,plural:!1}))},children:e=>{let{errors:n,setValues:r,setFieldValue:a,values:s,touched:c}=e;return(0,l.jsxs)(m.xu,{children:[(0,l.jsx)(N,{format:t}),(0,l.jsx)(I.W,{name:"label",label:"".concat(b.name({start:!0,plural:!1})," Name"),testId:"ct-name-input",placeholder:"A display name for the ".concat(b.name({start:!1,plural:!1})),error:c.label?n.label:void 0,onChange:e=>G(e,s,r)}),(0,l.jsx)(I.W,{name:"id",testId:"ct-id-input",label:"".concat(b.name({start:!0,plural:!1})," ID"),placeholder:b.inputPlaceholder,error:c.id?n.id:void 0,onChange:e=>D(e,a)})]})}})};var E=n(72641);let T=e=>(0,l.jsxs)("svg",{viewBox:"0 0 20 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,l.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,l.jsx)("path",{d:"m17 5h3l-5-5v3c0 1.10457.8954 2 2 2z",fill:"#9e8cfc"}),(0,l.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"})]}),G=e=>(0,l.jsxs)("svg",{viewBox:"0 0 20 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,l.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,l.jsx)("path",{d:"m17 5h3l-5-5v3c0 1.10457.8954 2 2 2z",fill:"#9e8cfc",fillRule:"nonzero"}),(0,l.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 D=n(60867),P=n(50477),W=n(94840),A=n(16442);let $=e=>{let{format:t,isCreatingCustomType:n,openCreateCustomTypeModal:a}=e,s=(0,h.useRouter)(),{customTypes:i,updateCustomTypes:o}=(0,P.xU)(t),u=i.sort((e,t)=>e.id.localeCompare(t.id)),m=v.cd[t],p=d.$[t];return(!function(e,t,n){let{storeCustomTypes:l}=(0,x.v9)(e=>({storeCustomTypes:(0,w.Ch)(e).filter(A.TG)}));(0,c.useEffect)(()=>{let r=l.filter(e=>{let{local:n}=e;return n.format===t});(r.length!==e.length||r.some(t=>{let n=e.find(e=>e.id===t.local.id);return!n||JSON.stringify(W.Dc.fromSM(t.local))!==JSON.stringify(n)}))&&n(r.map(e=>{let{local:t}=e;return W.Dc.fromSM(t)}))},[t,n,e,l])}(i,t,o),0===u.length)?(0,l.jsxs)(E.R$,{"data-testid":"blank-slate",style:{alignSelf:"center",marginTop:r.t.space[72]},children:[(0,l.jsx)(E.u2,{children:(0,l.jsx)(r.a_,{src:m.blankSlateImage,sizing:"cover"})}),(0,l.jsxs)(E.T9,{children:[(0,l.jsx)(E._T,{children:p.name({start:!0,plural:!0})}),(0,l.jsx)(E.nf,{children:p.blankSlateDescription}),(0,l.jsx)(E.Qj,{children:(0,l.jsx)(r.E,{onClick:a,loading:n,children:"Create"})})]})]}):(0,l.jsx)("div",{children:(0,l.jsxs)(r.bE,{columnLayout:"28px 1fr 1fr 1fr 42px",children:[(0,l.jsx)(r.bH,{children:(0,l.jsxs)(r.bI,{children:[(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.aX,{name:"notes",size:"medium"})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.bL,{color:"grey11",variant:"small",children:"Label"})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.bL,{color:"grey11",variant:"small",children:"API ID"})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.bL,{color:"grey11",variant:"small",children:"Limit"})}),(0,l.jsx)(r.bG,{})]})}),(0,l.jsx)(r.bF,{children:u.map(e=>{let{repeatable:n,label:a,id:c}=e;return(0,l.jsxs)(r.bI,{onClick:()=>{s.push(v.cd[t].getBuilderPagePathname(c))},children:[(0,l.jsx)(r.bG,{children:n?(0,l.jsx)(T,{width:r.t.space[20]}):(0,l.jsx)(G,{width:r.t.space[20]})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.bL,{variant:"bold",noWrap:!0,children:a})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.bL,{color:"grey11",noWrap:!0,children:c})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(r.bL,{color:"grey11",noWrap:!0,children:n?"Reusable":"Single"})}),(0,l.jsx)(r.bG,{children:(0,l.jsx)(D._,{isChangesLocal:!1,format:t,customType:e})})]},c)})})]})})},O=e=>{let{format:t}=e,n=d.$[t],[a,h]=(0,c.useState)(!1),[x,m]=(0,c.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s(),{children:(0,l.jsxs)("title",{children:[n.name({start:!0,plural:!0})," - Slice Machine"]})}),(0,l.jsx)(o.S,{renderError:()=>(0,l.jsx)(u.LN,{children:(0,l.jsx)(u.RN,{children:(0,l.jsx)(r.D,{alignItems:"center",justifyContent:"center",children:(0,l.jsx)(r.ax,{title:"Request failed",description:"An error occurred while fetching your ".concat(n.name({start:!1,plural:!0}),".")})})})}),children:(0,l.jsx)(c.Suspense,{fallback:(0,l.jsxs)(u.LN,{children:[(0,l.jsxs)(u.wd,{children:[(0,l.jsx)(u.Cx,{children:(0,l.jsx)(i.g,{children:n.name({start:!0,plural:!0})})}),(0,l.jsx)(u.K2,{children:(0,l.jsx)(r.E,{disabled:!0,startIcon:"add",children:"Create"})})]}),(0,l.jsx)(u.RN,{children:(0,l.jsx)(r.bg,{})})]}),children:(0,l.jsxs)(u.LN,{children:[(0,l.jsxs)(u.wd,{children:[(0,l.jsx)(u.Cx,{children:(0,l.jsx)(i.g,{children:n.name({start:!0,plural:!0})})}),(0,l.jsx)(u.K2,{children:(0,l.jsx)(r.E,{"data-testid":"create-ct",loading:a,onClick:()=>{m(!0)},startIcon:"add",children:"Create"})})]}),(0,l.jsx)(u.RN,{children:(0,l.jsxs)(r.D,{flexDirection:"column",children:[(0,l.jsx)($,{format:t,isCreatingCustomType:a,openCreateCustomTypeModal:()=>{m(!0)}}),(0,l.jsx)(z,{format:t,isCreating:a,isOpen:x,onCreateChange:h,onOpenChange:m})]})})]})})})]})}},30527:function(e,t,n){"use strict";n.d(t,{Z:function(){return o},W:function(){return i}});var l=n(52322),r=n(2784),a=n(75289);let s=e=>{let{bg:t,background:n,sx:r,withRadius:s,radius:c,children:i}=e;return(0,l.jsx)(a.xu,{sx:{p:4,bg:t||n,...s?{borderBottomLeftRadius:c,borderBottomRightRadius:c}:null,...r},children:i})},c=(0,r.createContext)("6px"),i=()=>(0,r.useContext)(c),o=e=>{let{Header:t=null,SubHeader:n=null,Body:r=null,Footer:i=null,borderFooter:o=!1,radius:d="6px",bodySx:u={},footerSx:h={},sx:x=null,bg:m,background:p,children:j,...g}=e;return(0,l.jsx)(c.Provider,{value:d,children:(0,l.jsxs)(a.Zb,{sx:{border:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.borders))},borderRadius:d,...x},...g,children:[t||null,n||null,(0,l.jsxs)(s,{bg:m,background:p,sx:u,withRadius:!i,children:[r?(0,l.jsx)(r,{}):null,j||null]}),i?(0,l.jsx)(s,{bg:m,background:p,sx:{...o?{borderTop:e=>{let{colors:t}=e;return"1px solid ".concat(String(null==t?void 0:t.borders))}}:null,...h},radius:d,withRadius:!0,children:"object"==typeof i?i:(0,l.jsx)(i,{})}):null]})})}},7974:function(e,t,n){"use strict";n.d(t,{Sn:function(){return c},lS:function(){return l},nG:function(){return r},pq:function(){return i},rd:function(){return s},xo:function(){return a}});let l=["components","update","insert"],r=["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"},83478:function(e){e.exports={column:"BlankSlate_column__genEe",root:"BlankSlate_root__CmSqW BlankSlate_column__genEe",fadeIn:"BlankSlate_fadeIn__mAfi5",withBackground:"BlankSlate_withBackground__mLYij",image:"BlankSlate_image__Jn90S BlankSlate_column__genEe",content:"BlankSlate_content__0Yt2d BlankSlate_column__genEe",desc:"BlankSlate_desc___Dl7e",actions:"BlankSlate_actions__OYRj4"}}}]);

package/out/_next/static/chunks/34-e684c5fd75cc9dd0.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34],{62434:function(e,t,n){"use strict";n.d(t,{Zb:function(){return c},T$:function(){return m},eW:function(){return _},ZB:function(){return u},Lm:function(){return h}});var o=n(52322),r=n(50002),a=n(56803),i=n(6277),l=n(2784),d=n(67968),s=n.n(d);let c=e=>{let{checked:t=!1,size:n="medium",variant:a="solid",interactive:d,disabled:c,onClick:u,href:m,component:_="a",replace:h,...C}=e,p={...C,className:(0,i.W)(s().root,s()["size-".concat(n)],s()[a],{[s().interactive]:e.interactive}),"data-state":!0===t?"checked":void 0,"data-disabled":!0===e.disabled?"":void 0};return!0===e.interactive&&void 0===e.href?(0,o.jsx)("div",{...p,onClick:t=>{if(!0===e.disabled||void 0===e.onClick)return;let n=t.target;(0,r.JY)(n)===t.currentTarget&&e.onClick(t)},tabIndex:!0===e.disabled?void 0:0}):!0===e.interactive?(0,l.createElement)(_,{...p,href:e.href,onClick:e=>{let t=e.target;(0,r.JY)(t)!==e.currentTarget&&e.preventDefault()},..."a"===_?{}:{replace:e.replace}}):(0,o.jsx)("div",{...p})},u=e=>{let{className:t,component:n="img",overlay:r,...a}=e;return(0,o.jsxs)("div",{className:s().media,children:[(0,l.createElement)(n,{...a,className:(0,i.W)(s()["mediaComponent-".concat(n)],t)}),r?(0,o.jsx)("div",{className:s().mediaOverlay,children:r}):void 0]})},m=e=>(0,o.jsx)("div",{...e,className:s().actions}),_=e=>{let{action:t,loading:n=!1,startIcon:r,subtitle:i,title:l,error:d=!1,...c}=e,u=d?"tomato11":"grey11";return(0,o.jsxs)("div",{...c,className:s().footer,children:[(r||n)&&(0,o.jsxs)("div",{className:s().startIconBox,children:[n&&(0,o.jsx)(a.bg,{color:"grey11"}),!n&&r&&(0,o.jsx)(a.aX,{name:r,size:"small",color:u})]}),(0,o.jsxs)("div",{className:s().footerTexts,children:[(0,o.jsx)(a.bL,{component:"span",noWrap:!0,variant:"bold",children:l}),(0,o.jsx)(a.bL,{color:u,component:"span",noWrap:!0,variant:"small",children:i})]}),t]})},h=e=>{let{children:t,...n}=e;return(0,o.jsx)("div",{...n,className:s().status,children:(0,o.jsx)(a.bL,{align:"center",color:"inherit",component:"span",noWrap:!0,variant:"smallBold",children:t})})}},99195:function(e,t,n){"use strict";n.d(t,{O:function(){return l}});var o=n(52322),r=n(56803),a=n(56448),i=n(93671);let l=e=>{let{badgeColor:t,badgeTitle:n,tooltipContent:l}=function(e){let t=d[e.modelType];switch(e.modelStatus){case a.GJ.New:return{badgeColor:"green",badgeTitle:"New",tooltipContent:"This ".concat(t," exists only locally. Upon sync, it will be pushed to your remote repository.")};case a.GJ.Modified:return{badgeColor:"amber",badgeTitle:"Modified",tooltipContent:"This ".concat(t," has been modified locally. Upon sync, changes will be pushed to your remote repository.")};case a.GJ.Synced:return{badgeColor:"purple",badgeTitle:"Synced",tooltipContent:"This ".concat(t," is in sync with the remote repository.")};case a.GJ.Deleted:return{badgeColor:"tomato",badgeTitle:"Deleted",tooltipContent:"This ".concat(t," has been deleted locally.")};case a.GJ.Unknown:if(!e.isOnline)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (no internet connection)."};if(e.authStatus===i.t.UNAUTHORIZED)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (not connected to Prismic)."};if(e.authStatus===i.t.FORBIDDEN)return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (you don't have access to the repository)."};default:return{badgeColor:"grey",badgeTitle:"Unknown",tooltipContent:"Data from the remote repository could not be fetched (unknown error)."}}}(e);return(0,o.jsx)(r.c3,{content:l,side:"bottom",children:(0,o.jsx)(r.m,{color:t,title:n})})},d={CustomType:"type",Slice:"slice"}},51507:function(e,t,n){"use strict";n.d(t,{b:function(){return C}});var o=n(52322),r=n(56803),a=n(39097),i=n.n(a),l=n(62434),d=n(63908),s=n(99195),c=n(27763);let u=e=>(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 5.5C4 4.67157 4.67157 4 5.5 4H18.5C19.3284 4 20 4.67157 20 5.5V12.4413C20 12.4512 19.9997 12.461 19.9991 12.4707C20.0072 12.6083 19.9586 12.7485 19.8536 12.8536C19.6583 13.0488 19.3417 13.0488 19.1464 12.8536L16.3536 10.0607C16.1583 9.8654 15.8417 9.8654 15.6464 10.0607L11.8536 13.8536C11.6583 14.0488 11.3417 14.0488 11.1464 13.8536L9.35355 12.0607C9.15829 11.8654 8.84171 11.8654 8.64645 12.0607L5 15.7071V18.5C5 18.7761 5.22386 19 5.5 19H12.5C12.7761 19 13 19.2239 13 19.5C13 19.7761 12.7761 20 12.5 20H5.5C4.67157 20 4 19.3284 4 18.5V15.5003V15.4997V5.5ZM11.5 12.7929L14.9393 9.35355C15.5251 8.76777 16.4749 8.76777 17.0607 9.35355L19 11.2929V5.5C19 5.22386 18.7761 5 18.5 5H5.5C5.22386 5 5 5.22386 5 5.5V14.2929L7.93934 11.3536C8.52513 10.7678 9.47487 10.7678 10.0607 11.3536L11.5 12.7929ZM16.5 13C16.7761 13 17 13.2239 17 13.5V16H19.5C19.7761 16 20 16.2239 20 16.5C20 16.7761 19.7761 17 19.5 17H17V19.5C17 19.7761 16.7761 20 16.5 20C16.2239 20 16 19.7761 16 19.5V17H13.5C13.2239 17 13 16.7761 13 16.5C13 16.2239 13.2239 16 13.5 16H16V13.5C16 13.2239 16.2239 13 16.5 13Z",fill:"currentColor"})}),m=e=>({hash:e.hash}),_=e=>e?Object.entries(e).reduce((e,t)=>{let[n,o]=t;return o.hash?{...e,[n]:{...o,...m(o)}}:e},{}):{},h={build:e=>({...e,screenshots:_(e.screenshots)}),variation(e,t){if(e.model.variations.length)return t?e.model.variations.find(e=>e.id===t):e.model.variations[0]}},C=e=>{let t;let{action:n,isComingSoon:a=!1,isDeleted:m=!1,onUpdateScreenshot:_,selected:C=!1,slice:v,variant:b,variationId:f}=e,g=h.variation(v,f);if(!g)return null;let j=(0,d.d7)(v,g),y=a||m,k=!y&&!!_,S="outlined"===b,T=void 0!==f;return t="selection"===e.mode?{disabled:y,interactive:!0,onClick:()=>{e.onSelectedChange(!C)}}:y?{interactive:!1}:{component:i(),href:c.Y.getBuilderPagePathname({libraryName:v.href,sliceName:v.model.name,variationId:g.id}),interactive:!0,replace:e.replace},(0,o.jsxs)(l.Zb,{"aria-label":"".concat(v.model.name," ").concat(g.name," slice card"),checked:C,"data-testid":"shared-slice-card",...t,..."outlined"===b?{size:"small",variant:"outlined"}:{},children:[void 0!==j?(0,o.jsx)(l.ZB,{alt:"Preview image",overlay:k&&!S?(0,o.jsx)(r.D,{alignItems:"center",justifyContent:"center",children:(0,o.jsx)(p,{onClick:_})}):void 0,src:j}):(0,o.jsx)(l.ZB,{component:"div",children:(0,o.jsxs)(r.D,{alignItems:"center",flexDirection:"column",gap:8,justifyContent:"center",children:[(0,o.jsx)(r.bL,{color:"grey11",component:"span",children:"No screenshot available"}),k&&!S?(0,o.jsx)(p,{onClick:_}):void 0]})}),(0,o.jsx)(l.eW,{action:"checkbox"===n.type&&"selection"===e.mode?(0,o.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,o.jsx)(r.U,{checked:C,disabled:y,onCheckedChange:e.onSelectedChange})}):"menu"===n.type?(0,o.jsxs)(r.ar,{modal:!0,children:[(0,o.jsx)(r.av,{disabled:y,children:(0,o.jsx)(r.aZ,{hiddenLabel:"Slice actions",icon:"moreVert"})}),(0,o.jsxs)(r.as,{align:"end","data-testid":"slice-action-icon-dropdown",children:[k&&S?(0,o.jsx)(r.at,{onSelect:_,startIcon:(0,o.jsx)(u,{}),children:"Update screenshot"}):void 0,(0,o.jsx)(r.at,{onSelect:n.onRename,startIcon:(0,o.jsx)(r.aX,{name:"edit"}),children:"Rename"}),!0===n.removeDisabled&&T?(0,o.jsx)(r.c3,{content:"The slice needs to have at least one variation.",side:"bottom",stableMount:!0,children:(0,o.jsx)(x,{disabled:!0,onSelect:n.onRemove})}):(0,o.jsx)(x,{disabled:!0===n.removeDisabled,onSelect:n.onRemove})]})]}):"remove"===n.type?(0,o.jsx)(r.aZ,{icon:"close",onClick:()=>!y&&n.onRemove(),hiddenLabel:"Remove slice"}):"status"===n.type?(0,o.jsx)(s.O,{authStatus:n.authStatus,isOnline:n.isOnline,modelStatus:n.modelStatus,modelType:"Slice"}):void 0,subtitle:(0,o.jsxs)(o.Fragment,{children:[T?g.id:"".concat(v.model.variations.length," variation").concat(v.model.variations.length>1?"s":""),a?(0,o.jsxs)(r.bL,{color:"purple11",component:"span",variant:"small",children:[" ","• (coming soon)"]}):void 0]}),title:T?g.name:v.model.name}),k&&!T&&(0,d.cx)(v)>0?(0,o.jsx)(l.Lm,{children:"Missing screenshot"}):void 0]})},p=e=>(0,o.jsx)(r.E,{onClick:e.onClick,renderStartIcon:()=>(0,o.jsx)(u,{color:r.t.color.grey11}),color:"grey",children:"Update screenshot"}),x=e=>(0,o.jsx)(r.at,{...e,color:"tomato",startIcon:(0,o.jsx)(r.aX,{name:"delete"}),children:"Delete"})},27763:function(e,t,n){"use strict";n.d(t,{Y:function(){return o}});let o={getBuilderPagePathname:e=>"/slices/".concat(e.libraryName.replaceAll("/","--"),"/").concat(e.sliceName,"/").concat(e.variationId)}},30527:function(e,t,n){"use strict";n.d(t,{Z:function(){return s},W:function(){return d}});var o=n(52322),r=n(2784),a=n(75289);let i=e=>{let{bg:t,background:n,sx:r,withRadius:i,radius:l,children:d}=e;return(0,o.jsx)(a.xu,{sx:{p:4,bg:t||n,...i?{borderBottomLeftRadius:l,borderBottomRightRadius:l}:null,...r},children:d})},l=(0,r.createContext)("6px"),d=()=>(0,r.useContext)(l),s=e=>{let{Header:t=null,SubHeader:n=null,Body:r=null,Footer:d=null,borderFooter:s=!1,radius:c="6px",bodySx:u={},footerSx:m={},sx:_=null,bg:h,background:C,children:p,...x}=e;return(0,o.jsx)(l.Provider,{value:c,children:(0,o.jsxs)(a.Zb,{sx:{border:e=>{var t;return"1px solid ".concat(String(null===(t=e.colors)||void 0===t?void 0:t.borders))},borderRadius:c,..._},...x,children:[t||null,n||null,(0,o.jsxs)(i,{bg:h,background:C,sx:u,withRadius:!d,children:[r?(0,o.jsx)(r,{}):null,p||null]}),d?(0,o.jsx)(i,{bg:h,background:C,sx:{...s?{borderTop:e=>{let{colors:t}=e;return"1px solid ".concat(String(null==t?void 0:t.borders))}}:null,...m},radius:c,withRadius:!0,children:"object"==typeof d?d:(0,o.jsx)(d,{})}):null]})})}},7974:function(e,t,n){"use strict";n.d(t,{Sn:function(){return l},lS:function(){return o},nG:function(){return r},pq:function(){return d},rd:function(){return i},xo:function(){return a}});let o=["components","update","insert"],r=["png","jpg","jpeg"],a=/^[A-Za-z0-9]+(?:_[A-Za-z0-9]+)*$/,i="placeholders/What_are_Slices_mrvome",l="SM_HELP_VIDEOS/mock_data",d="slice-machine-simulator"},67968:function(e){e.exports={flex:"Card_flex__opby1",grid:"Card_grid__VAvIS",column:"Card_column__W4ACG Card_flex__opby1",root:"Card_root__YVuvU Card_column__W4ACG Card_flex__opby1","size-small":"Card_size-small__aIlxd","size-medium":"Card_size-medium__xegz0",solid:"Card_solid__GNGar",outlined:"Card_outlined__W_dxI",interactive:"Card_interactive__rXw5L",media:"Card_media__l0kHL Card_column__W4ACG Card_flex__opby1","mediaComponent-div":"Card_mediaComponent-div__Y2_PZ Card_grid__VAvIS","mediaComponent-img":"Card_mediaComponent-img__ezOTu",mediaOverlay:"Card_mediaOverlay__Aa__Q Card_grid__VAvIS",nonMedia:"Card_nonMedia__Fv3Mz Card_flex__opby1",actions:"Card_actions__XdhOt Card_nonMedia__Fv3Mz Card_flex__opby1",footer:"Card_footer__U0HS1 Card_nonMedia__Fv3Mz Card_flex__opby1",footerTexts:"Card_footerTexts__rTXup Card_column__W4ACG Card_flex__opby1",status:"Card_status__PNN2a Card_column__W4ACG Card_flex__opby1",startIconBox:"Card_startIconBox__1_L4u"}}}]);

package/out/_next/static/chunks/882-151468121d542ed6.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[882],{60882:function(e,t,l){"use strict";l.d(t,{H:function(){return e8}});var n=l(52322),a=l(56803),i=l(97729),o=l.n(i),r=l(5632),s=l(2784),c=l(56580),d=l(43388),u=l(77630),m=l(23094),h=l(59294),p=l(51384),x=l(74217),v=l(94160),b=l(68968),y=l(23710),f=l(54597),g=l(98564);let j=(0,s.createContext)(void 0);function S(e){let{children:t,initialCustomType:l}=e,[a,i]=(0,s.useState)(l),o=(0,u.y6)(a),r=g.$[o],{actionQueueStatus:c,setNextAction:d}=(0,y.c)({errorMessage:r.autoSaveFailed}),{refreshState:m}=(0,f.Z)(),h=(0,x.R9)(m),{syncChanges:p}=(0,b.g)(),S=(0,s.useCallback)(e=>{let{customType:t,onSaveCallback:l,updateMeta:n}=e;i(t),d(async()=>{let{errors:e}=await (0,v.KA)({customType:t,updateMeta:n});if(e.length>0)throw e;h(await (0,v.y0)()),p(),null==l||l()})},[d,h,p]),I=(0,s.useMemo)(()=>({actionQueueStatus:c,customType:a,setCustomType:S}),[c,a,S]);return(0,n.jsx)(j.Provider,{value:I,children:"function"==typeof t?t(I):t})}function I(){let e=(0,s.useContext)(j);if(!e)throw Error("CustomTypeProvider not found");return e}var C=l(30195);function T(){var e;let[t,l]=(0,s.useState)(!1),{customType:i,setCustomType:o}=I(),[r,c]=null!==(e=(0,u.j5)(i))&&void 0!==e?e:[],d=c?(0,u.N3)(c):"",[m,h]=(0,s.useState)(null!=d?d:""),[p,v]=(0,s.useState)();(0,x.pQ)(t,()=>{t||(h(null!=d?d:""),v(void 0))});let b=(0,s.useCallback)(()=>(0,n.jsx)(a.aX,{name:c?"language":"add",size:"small",color:"grey11"}),[c]);return(0,n.jsxs)(a.ae,{open:t,onOpenChange:l,size:"small",trigger:(0,n.jsx)(a.E,{color:"grey",textColor:"placeholder",textWeight:"normal",renderStartIcon:b,sx:{marginInline:"auto"},children:c?d:"Add an UID"}),children:[(0,n.jsx)(a.al,{title:"Edit the UID label"}),(0,n.jsx)(a.aj,{children:(0,n.jsxs)(a.aJ,{onSubmit:function(){p||(o({customType:c?(0,u.eK)(m,i):(0,u.H8)(m,i)}),l(!1))},children:[(0,n.jsx)(a.D,{flexDirection:"column",padding:16,gap:4,children:(0,n.jsx)(a.aM,{type:"text",label:"Label *",placeholder:"UID",value:m,onValueChange:function(e){h(e),v(function(e){let t=D.safeParse(e,{errorMap:k});if(t.error)return t.error.errors[0].message}(e))},error:p,description:"A label for the UID"})}),(0,n.jsxs)(a.ah,{children:[(0,n.jsx)(a.ai,{size:"medium"}),(0,n.jsx)(a.af,{type:"submit",size:"medium",disabled:!!p,children:"Save"})]})]})})]})}let D=C.z.string().max(35).min(1),k=e=>{switch(e.code){case C.z.ZodIssueCode.too_big:return{message:"The label can't be longer than ".concat(e.maximum," characters")};case C.z.ZodIssueCode.too_small:return{message:"This field is required"};default:return{message:"Invalid value"}}};var w=l(94840),_=l(59532),L=l(63397),A=l(75289);let E=e=>{let{name:t,label:l,placeholder:a,error:i,...o}=e;return(0,n.jsxs)(A.xu,{mb:3,children:[(0,n.jsx)(A.__,{htmlFor:t,mb:2,children:l}),(0,n.jsx)(L.gN,{name:t,type:"text",placeholder:a,as:A.II,autoComplete:"off",...o}),i?(0,n.jsx)(A.xv,{sx:{color:"error",mt:1},children:i}):null]})};var N=e=>{let{isOpen:t,onSubmit:l,close:a,tabIds:i}=e;return(0,n.jsx)(_.Z,{isOpen:t,widthInPx:"530px",formId:"create-tab",close:a,onSubmit:e=>{l(e),a()},initialValues:{id:""},validate:e=>{let{id:t}=e;return t?i.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,n.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})}})},M=e=>{let{isOpen:t,onSubmit:l,close:a}=e;return(0,n.jsx)(_.Z,{omitFooter:!0,isOpen:t,widthInPx:"530px",formId:"create-tab",close:a,cardProps:{bodySx:{p:0}},onSubmit:e=>{l(e),a()},initialValues:{},content:{title:"Remove Tab"},children:()=>(0,n.jsxs)(A.xu,{sx:{px:4,py:4},children:[(0,n.jsx)(A.X6,{as:"h4",children:"Remove this tab?"}),(0,n.jsx)(A.xv,{as:"p",color:"textClear",sx:{mt:2},children:"This action cannot be undone."}),(0,n.jsx)(A.zx,{type:"button",variant:"buttons.actionDelete",sx:{mt:3},onClick:()=>{l({}),a()},children:"Yes, remove tab"})]})})},z=e=>{let{isOpen:t,onSubmit:l,close:a,tabIds:i,initialTabKey:o}=e;return(0,n.jsx)(_.Z,{omitFooter:!0,isOpen:t,widthInPx:"530px",formId:"create-tab",close:a,cardProps:{bodySx:{p:0}},onSubmit:e=>{l(e),a()},initialValues:{id:o},validate:e=>{let{id:t}=e;return t?i.includes(t.toLowerCase())?{id:"Tab exists already"}:void 0:{id:"Tab ID is required"}},content:{title:"Rename Tab"},children:e=>{let{errors:t,values:i,setFieldValue:o,isValid:r}=e;return(0,n.jsxs)(A.xu,{sx:{px:4,py:4},children:[(0,n.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=>{i.id!==e.target.value&&o("id",e.target.value.trim())},onChange:e=>{o("id",e.target.value)}}),(0,n.jsx)(A.zx,{type:"button",sx:{mt:3,width:"100%"},disabled:!r,onClick:()=>{i.id&&i.id.length&&l({id:i.id.trim()}),a()},children:"Save"})]})}})},Z=l(28316),O=l(88932),P=l(35289),F=l(17378),K=l(45440),B=l(16086),R=l(358),U=l(5495),V=l(39302),X=l(3285),G=l(40141),H=l(65077),Y=l(22654),q=l(63470),Q=l(91589),W=l(27213),$=l(31860);let J=e=>{let{openCreateSliceModal:t,openCreateSliceFromImageModal:l,openUpdateSliceZoneModal:i,openSlicesTemplatesModal:o,projectHasAvailableSlices:r,isSlicesTemplatesSupported:s}=e,c=(0,Y.l)(),d=(0,q.k)(),u=(0,W.F)({menuType:"ActionList",sectionsNamingExperiment:d});return(0,n.jsxs)(a.s,{"data-testid":"slice-zone-blank-slate",sx:{width:648},children:[(0,n.jsx)(a.x,{lineColor:"purple9",backgroundColor:"purple5",name:"add",size:"large"}),(0,n.jsxs)(a.z,{size:"big",children:["Add ",(0,$._)(d.value)]}),(0,n.jsxs)(a.w,{children:[(0,$._)((0,$.f)(d.value))," are website sections that you can reuse on different pages with different content. Each on different pages with different content. Each"," ",d.value," has its own component in your code."]}),(0,n.jsx)(a.v,{children:(0,n.jsxs)(a.A,{children:[c.eligible&&(0,n.jsx)(a.b,{renderStartIcon:()=>u.fromImage.BackgroundIcon,onClick:l,description:u.fromImage.description,children:u.fromImage.title}),(0,n.jsx)(a.b,{renderStartIcon:()=>u.fromScratch.BackgroundIcon,onClick:t,description:u.fromScratch.description,children:u.fromScratch.title}),s&&(0,n.jsx)(a.b,{renderStartIcon:()=>u.fromTemplate.BackgroundIcon,onClick:o,description:u.fromTemplate.description,children:u.fromTemplate.title}),r&&(0,n.jsx)(a.b,{renderStartIcon:()=>u.fromExisting.BackgroundIcon,onClick:i,description:u.fromExisting.description,children:u.fromExisting.title})]})})]})};var ee=l(98250);function et(e){let{customType:t,tabId:l,slices:n}=e,a={...t};return n.forEach(e=>{a={...a,tabs:a.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}),a}var el=l(18566),en=l(80148);async function ea(){try{let{templates:e,errors:t}=await en.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 ei=l(6256),eo=l(39204),er=l(7723),es=l(33986),ec=l(30527),ed=l(55862);let eu=e=>{let{deleteSliceZone:t,closeDeleteSliceZoneModal:l}=e;return(0,n.jsx)(ed.Z,{isOpen:!0,shouldCloseOnOverlayClick:!0,style:{content:{maxWidth:612}},onRequestClose:l,children:(0,n.jsx)(ec.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,n.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,n.jsx)(A.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:"Do you really want to delete Slice Zone?"}),(0,n.jsx)(A.x8,{type:"button",onClick:l})]}),Footer:()=>(0,n.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,n.jsx)(es.z,{label:"Cancel",variant:"secondary",onClick:l,sx:{mr:"10px",fontWeight:"bold",color:"grey12",borderRadius:6}}),(0,n.jsx)(es.z,{label:"Delete",variant:"danger",onClick:t,sx:{minHeight:39,minWidth:78}})]}),children:(0,n.jsx)(A.nv,{children:"You're about to delete Slice Zone."})})})};var em=l(43776),eh=l(62434),ep=l(63908),ex=l(63019),ev=l(65375),eb=l.n(ev);let ey=e=>{var t;let{isOpen:l,close:i,onSubmit:o,isLoading:r,slice:d,libraries:u}=e,{remoteSlices:m}=(0,c.v9)(e=>({remoteSlices:(0,er.sT)(e)})),h={from:null===(t=u[0])||void 0===t?void 0:t.name,sliceName:(0,R.MP)(d.key)},[p,v]=(0,s.useState)(h),[b,y]=(0,s.useState)();function f(e){v(e),y((0,ex.h)(e,u,m))}return(0,x.pQ)(l,()=>{l||(v(h),y(void 0))}),(0,n.jsxs)(a.ae,{open:l,onOpenChange:e=>!e&&i(),size:{width:448,height:"auto"},children:[(0,n.jsx)(a.al,{title:"Upgrade slice"}),(0,n.jsx)(a.aj,{children:(0,n.jsx)(a.aJ,{onSubmit:function(){b&&Object.keys(b).length>0||o({libraryID:p.from,sliceID:p.sliceName})},children:(0,n.jsxs)(a.D,{flexDirection:"column",children:[(0,n.jsxs)(a.bn,{className:eb().scrollArea,children:[(0,n.jsx)(a.bL,{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,n.jsx)(a.bL,{variant:"normal",color:"grey11",children:"This will not migrate your component. You will need to do that manually."}),(0,n.jsxs)(a.D,{flexDirection:"column",gap:4,children:[(0,n.jsx)(a.aM,{label:"Slice name *",placeholder:"Pascalised Slice API ID (e.g. ".concat((0,R.MP)(d.key),")"),error:null==b?void 0:b.sliceName,value:p.sliceName,onValueChange:e=>f({...p,sliceName:e.slice(0,30)}),"data-testid":"slice-name-input"}),(0,n.jsx)(a.bL,{variant:"normal",color:"grey11",children:"A display name for the slice"})]}),(0,n.jsxs)(a.D,{flexDirection:"column",gap:4,children:[(0,n.jsx)("label",{className:eb().label,children:(0,n.jsx)(a.bL,{variant:"bold",children:"Slice library *"})}),(0,n.jsx)(a.bq,{size:"medium",color:"grey",startIcon:"folder",flexContent:!0,value:p.from,onValueChange:e=>{e&&f({...p,from:e})},children:u.map(e=>(0,n.jsx)(a.bt,{value:e.name,children:e.name},e.name))}),(0,n.jsx)(a.bL,{variant:"normal",color:"grey11",children:"The library where we'll store your slice"})]})]}),(0,n.jsxs)(a.ah,{children:[(0,n.jsx)(a.ai,{size:"medium"}),(0,n.jsx)(a.af,{type:"submit",size:"medium",loading:r,disabled:b&&Object.keys(b).length>0,children:"Upgrade"})]})]})})})]})};var ef=l(96009),eg=l.n(ef);let ej=e=>{var t,l;let{isOpen:i,close:o,onSubmit:r,isLoading:c,slice:d,sliceName:u,libraries:m,localSharedSlices:h}=e,p={libraryID:null===(t=h[0])||void 0===t?void 0:t.from,sliceID:null===(l=h[0])||void 0===l?void 0:l.model.id,variationID:eg()(d.key),variationName:u},[v,b]=(0,s.useState)(!0),[y,f]=(0,s.useState)(p),[g,j]=(0,s.useState)({});function S(e){f(e),j(eS(e,m))}return(0,x.pQ)(i,()=>{i||(f(p),j({}))}),(0,n.jsxs)(a.ae,{open:i,onOpenChange:e=>!e&&o(),size:{width:448,height:"auto"},children:[(0,n.jsx)(a.al,{title:"Convert to slice variation"}),(0,n.jsx)(a.aj,{children:(0,n.jsx)(a.aJ,{onSubmit:function(){Object.keys(g).length>0||r(y)},children:(0,n.jsxs)(a.D,{display:"flex",flexDirection:"column",children:[(0,n.jsxs)(a.bn,{className:eb().scrollArea,children:[(0,n.jsx)(a.bL,{variant:"normal",color:"grey11",children:"If you have multiple slices that are similar, you can combine them as variations of the same slice."}),(0,n.jsxs)(a.D,{display:"flex",flexDirection:"column",gap:4,children:[(0,n.jsxs)("label",{className:eb().label,children:[(0,n.jsx)(a.bL,{variant:"bold",children:"Target slice *"}),"string"==typeof g.libraryID?(0,n.jsx)(a.bL,{variant:"small",color:"tomato10",children:g.libraryID}):null,"string"==typeof g.sliceID?(0,n.jsx)(a.bL,{variant:"small",color:"tomato10",children:g.sliceID}):null]}),(0,n.jsx)(a.bq,{size:"medium",color:"grey",startIcon:"viewDay",flexContent:!0,value:"".concat(y.libraryID,"::").concat(y.sliceID),onValueChange:e=>{if(e){let[t,l]=e.split("::");S({...y,libraryID:t,sliceID:l})}},children:h.map(e=>(0,n.jsxs)(a.bt,{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,n.jsx)(a.bL,{variant:"normal",color:"grey11",children:"Choose the slice to which you would like to add this variation."})]}),(0,n.jsx)(a.D,{display:"flex",flexDirection:"column",gap:4,children:(0,n.jsx)(a.aM,{label:"Variation name *",placeholder:u,error:g.variationName,value:y.variationName,onValueChange:e=>{let t={...y,variationName:e.slice(0,30)};v&&(t.variationID=eg()(t.variationName)),S(t)},"data-testid":"variation-name-input"})}),(0,n.jsx)(a.D,{display:"flex",flexDirection:"column",gap:4,children:(0,n.jsx)(a.aM,{label:"ID *",placeholder:eg()(d.key),error:g.variationID,value:y.variationID,onValueChange:e=>{b(!1),S({...y,variationID:e.slice(0,30)})},"data-testid":"variation-id-input"})})]}),(0,n.jsxs)(a.ah,{children:[(0,n.jsx)(a.ai,{size:"medium"}),(0,n.jsx)(a.af,{type:"submit",size:"medium",loading:c,disabled:Object.keys(g).length>0,children:"Convert"})]})]})})})]})},eS=(e,t)=>{let l={};e.libraryID||(l.libraryID="Cannot be empty.");let n=t.find(t=>t.path===e.libraryID);l.libraryID||n||(l.libraryID="Does not exist."),e.sliceID||(l.sliceID="Cannot be empty.");let a=null==n?void 0:n.components.find(t=>t.model.id===e.sliceID);if(l.sliceID||a||(l.sliceID="Does not exist."),e.variationName||(l.variationName="Cannot be empty."),e.variationID){var i;(null!==(i=null==a?void 0:a.model.variations.map(e=>e.id))&&void 0!==i?i:[]).includes(e.variationID)&&(l.variationID="Slice variation ID is already taken.")}else l.variationID="Cannot be empty.";return l},eI=e=>{var t,l;let{isOpen:i,close:o,onSubmit:r,isLoading:c,identicalSlices:d}=e,u=null!==(l=null===(t=d[0])||void 0===t?void 0:t.path)&&void 0!==l?l:"",[m,h]=(0,s.useState)(u),[p,v]=(0,s.useState)();return(0,x.pQ)(i,()=>{i||(h(u),v(void 0))}),(0,n.jsxs)(a.ae,{open:i,onOpenChange:e=>!e&&o(),size:{width:448,height:"auto"},children:[(0,n.jsx)(a.al,{title:"Merge with an existing slice"}),(0,n.jsx)(a.aj,{children:(0,n.jsx)(a.aJ,{onSubmit:function(){if(p)return;let[e,t,l]=m.split("::");r({libraryID:e,sliceID:t,variationID:l})},children:(0,n.jsxs)(a.D,{display:"flex",flexDirection:"column",children:[(0,n.jsxs)(a.bn,{className:eb().scrollArea,children:[(0,n.jsx)(a.bL,{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,n.jsxs)(a.D,{display:"flex",flexDirection:"column",gap:4,children:[(0,n.jsxs)("label",{className:eb().label,children:[(0,n.jsx)(a.bL,{variant:"bold",children:"Target slice*"}),"string"==typeof p?(0,n.jsx)(a.bL,{variant:"small",color:"tomato10",children:p}):null]}),(0,n.jsx)(a.bq,{size:"medium",color:"grey",startIcon:"viewDay",flexContent:!0,value:m,onValueChange:function(e){h(e),e||v("Cannot be empty.")},children:d.map(e=>(0,n.jsx)(a.bt,{value:e.path,children:e.path.split("::").join(" > ")},e.path))}),(0,n.jsx)(a.bL,{variant:"normal",color:"grey11",children:"Choose a slice that you would like to merge this into."})]})]}),(0,n.jsxs)(a.ah,{children:[(0,n.jsx)(a.ai,{size:"medium"}),(0,n.jsx)(a.af,{type:"submit",size:"medium",loading:c,disabled:!!p,children:"Merge"})]})]})})})]})},eC=e=>{var t;let{slice:l,path:i}=e,{refreshState:o}=(0,f.Z)(),[r,d]=(0,s.useState)(!1),[u,m]=(0,s.useState)(),{setCustomType:h}=I(),{libraries:p}=(0,c.v9)(e=>({libraries:(0,er.Sd)(e)})),x="Slice"===l.value.type&&null!==(t=l.value.fieldset)&&void 0!==t?t:l.key,b=p.filter(e=>e.isLocal),y=b.map(e=>e.components).flat(),g=eT(l,x,y),j=async e=>{var t,n,a;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:r}=await en.managerClient.slices.convertLegacySliceToSharedSlice({model:l.value,src:{...i,sliceID:l.key},dest:{libraryID:e.libraryID,sliceID:e.sliceID,variationName:null!==(n=e.variationName)&&void 0!==n?n:"Default",variationID:null!==(a=e.variationID)&&void 0!==a?a:"default"}});if(r.length)throw console.error("Could not convert slice `".concat(x,"`"),r),O.Am.error("Could not convert slice `".concat(x,"`")),r;let{model:s,errors:c}=await en.managerClient.customTypes.readCustomType({id:i.customTypeID});if(c.length||!s){console.error("Could not refresh custom type view `".concat(i.customTypeID,"`"),c),O.Am.error("Could not refresh custom type view `".concat(i.customTypeID,"`"));return}switch(o(await (0,v.y0)()),d(!1),m(void 0),u){case"as_new_slice":O.Am.success("".concat(x," has been upgraded to a new slice ").concat(e.libraryID," > ").concat(e.sliceID));break;case"as_new_variation":O.Am.success("".concat(x," has been converted as a variation of ").concat(e.libraryID," > ").concat(e.sliceID));break;default:O.Am.success("".concat(x," has been merged with ").concat(e.libraryID," > ").concat(e.sliceID))}h({customType:s})},S={path:i,slice:l,sliceName:x,libraries:b,localSharedSlices:y,identicalSlices:g,close:()=>m(void 0),onSubmit:j,isLoading:r};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.ar,{children:[(0,n.jsx)(a.av,{children:(0,n.jsx)(a.E,{"data-testid":"convert-legacy-slice",startIcon:"refresh",endIcon:"arrowDropDown",size:"medium",color:"grey",children:"Migrate legacy slice"})}),(0,n.jsxs)(a.as,{align:"start",children:[(0,n.jsx)(a.at,{startIcon:(0,n.jsx)(a.aX,{name:"folder",size:"large"}),description:"Use it with new types",onSelect:()=>m("as_new_slice"),children:"Upgrade slice"}),(0,n.jsx)(a.at,{startIcon:(0,n.jsx)(a.aX,{name:"viewDay",size:"large"}),description:"Add it to another slice",onSelect:()=>m("as_new_variation"),disabled:!y.length,children:"Convert to slice variation"}),(0,n.jsx)(a.at,{startIcon:(0,n.jsx)(a.aX,{name:"driveFileMove",size:"large"}),description:"Combine identical slices",onSelect:()=>m("merge_with_identical"),disabled:!g.length,children:"Merge with another slice"})]})]}),(0,n.jsx)(ey,{...S,isOpen:"as_new_slice"===u}),(0,n.jsx)(ej,{...S,isOpen:"as_new_variation"===u}),(0,n.jsx)(eI,{...S,isOpen:"merge_with_identical"===u})]})},eT=(e,t,l)=>(0,s.useMemo)(()=>{let n=[],a=(0,ep.ux)(e.value,t);for(let e of l)for(let t of e.model.variations){let l=(0,ep.ux)(t,e.model.name);a.primary===l.primary&&a.items===l.items&&n.push({libraryID:e.from,sliceID:e.model.id,variationID:t.id,path:"".concat(e.from,"::").concat(e.model.id,"::").concat(t.id)})}return n},[e,t,l]),eD=e=>{let{slice:t,path:l}=e,[i]=(0,em.E)("legacySliceUpgrader"),o=i.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,n.jsxs)(eh.Zb,{children:[(0,n.jsx)(eh.ZB,{component:"div",children:(0,n.jsx)(a.D,{alignItems:"center",justifyContent:"center",children:(0,n.jsx)(a.bL,{color:"grey11",component:"span",children:"No screenshot available"})})}),(0,n.jsxs)(eh.T$,{children:[(0,n.jsx)(a.c3,{content:o,side:"bottom",children:(0,n.jsx)(a.m,{color:"purple",title:"Legacy Slice"})}),i.enabled?(0,n.jsx)(eC,{slice:t,path:l}):null]}),(0,n.jsx)(eh.eW,{subtitle:"1 variation",title:(0,ep.Dj)(t.value)})]})};var ek=l(51507),ew=l(21151);let e_=e=>{let{slices:t,format:l,path:a,onRemoveSharedSlice:i}=e,o=t.some(e=>"SharedSlice"!==e.type),r=g.$[l],[c]=(0,em.E)("legacySliceUpgrader");return(0,s.useEffect)(()=>{o&&(c.enabled?O.Am.info("This ".concat(r.name({start:!1,plural:!1})," contains legacy slices that can be upgraded.")):O.Am.warning("This ".concat(r.name({start:!1,plural:!1})," contains slices that are incompatible.")))},[o]),(0,n.jsx)(ew.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,n.jsx)(eD,{slice:t,path:a})}{let t=e.payload;return(0,n.jsx)(ek.b,{action:{type:"remove",onRemove:()=>{i(t.model.id)}},mode:"navigation",slice:t,variant:"solid"})}},sx:{padding:"16px"}})};async function eL(e){try{let{templateIDs:t,localLibrariesNames:l,location:n,onSuccess:a}=e,{data:i,errors:o}=await en.managerClient.sliceTemplateLibrary.createSlices({templateIDs:t});if(o.length>0||void 0===i)throw o;i.sliceIDs.forEach((e,a)=>{v.Xe.track({event:"slice:created",id:e,name:e,library:l[0],location:n,mode:"template",sliceTemplate:t[a]})}),await a(i.sliceIDs)}catch(t){let e="Internal Error: Slice(s) not created";console.error(e,t),O.Am.error(e)}}var eA=l(26109);let eE=[{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 eN=e=>{let{availableSlices:t,values:l,placeholderSlices:a}=e;return(0,n.jsx)(L.F2,{name:"sliceKeys",render:e=>(0,n.jsx)(ew.Z,{gridTemplateMinPx:"200px",elems:t,defineElementKey:e=>"".concat(e.from,"-").concat(e.model.name),renderElem:t=>{var i;let o=null!==(i=null==a?void 0:a.some(e=>e.model.id===t.model.id))&&void 0!==i&&i,r=l.sliceKeys.includes(t.model.id);return(0,n.jsx)(ek.b,{action:{type:"checkbox"},isComingSoon:o,mode:"selection",onSelectedChange:n=>{n?e.push(t.model.id):e.remove(l.sliceKeys.indexOf(t.model.id))},selected:r,slice:t,variant:"outlined"})}})})};let eM=e=>{let{formId:t,close:l,onSuccess:a,availableSlicesTemplates:i,localLibraries:o,location:r}=e,{createSliceSuccess:s}=(0,f.Z)(),c=(0,q.k)();return(0,n.jsx)(_.Z,{isOpen:!0,buttonLabel:"Add",formId:t,close:l,onSubmit:e=>{let{sliceKeys:t}=e;eL({templateIDs:t,localLibrariesNames:o.map(e=>e.name),location:r,onSuccess:async e=>{s((await (0,v.y0)()).libraries),a(await Promise.all(e.map(async e=>(await en.managerClient.slices.readSlice({libraryID:o[0].name,sliceID:e})).model).filter(e=>void 0!==e)))}})},initialValues:{sliceKeys:[]},content:{title:"Use template ".concat((0,$._)(c.value))},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,n.jsx)(A.xv,{sx:{color:"error"},children:t.sliceKeys}):void 0},children:e=>{let{values:t}=e;return(0,n.jsx)(eN,{values:t,placeholderSlices:eE,availableSlices:[...i.map(e=>({extension:"",fileName:"",from:"",href:"",pathToSlice:"",model:eA.id.toSM(e.model),screenshots:Object.entries(e.screenshots).reduce((e,t)=>({...e,[t[0]]:{url:t[1]}}),{})})),...eE]})}})};var ez=e=>{let{formId:t,close:l,onSubmit:a,availableSlices:i}=e,o=(0,q.k)();return(0,n.jsx)(_.Z,{isOpen:!0,buttonLabel:"Add",formId:t,close:l,onSubmit:e=>{let{sliceKeys:t}=e;a(t.map(e=>{var t;return null===(t=i.find(t=>t.model.id===e))||void 0===t?void 0:t.model}).filter(e=>void 0!==e))},initialValues:{sliceKeys:[]},content:{title:"Select existing ".concat((0,$._)(o.value))},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,n.jsx)(A.xv,{sx:{color:"error"},children:t.sliceKeys}):void 0},children:e=>{let{values:t}=e;return(0,n.jsx)(eN,{values:t,availableSlices:i})}})};let eZ=(e,t)=>{let l=(t||[]).reduce((e,t)=>[...e,...t.components],[]),{slicesInSliceZone:n,notFound:a}=e.value.reduce((e,t)=>{let{key:n,value:a}=t;if("SharedSlice"===a.type){let t=l.find(e=>e.model.id===n);return t?{...e,slicesInSliceZone:[...e.slicesInSliceZone,{type:"SharedSlice",payload:t}]}:{...e,notFound:[...e.notFound,{key:n}]}}return{...e,slicesInSliceZone:[...e.slicesInSliceZone,{type:"Slice",payload:{key:n,value:a}}]}},{slicesInSliceZone:[],notFound:[]});return{availableSlices:l,slicesInSliceZone:n,notFound:a}};var eO=e=>{var t;let{customType:l,onCreateSliceZone:i,onDeleteSliceZone:o,onRemoveSharedSlice:r,sliceZone:d,tabId:u}=e,m=(0,Y.l)(),h=(0,el.QT)(ea,[]),[p,x]=(0,s.useState)(!1),[b,y]=(0,s.useState)(!1),[g,j]=(0,s.useState)(!1),[S,C]=(0,s.useState)(!1),{remoteSlices:T,libraries:D}=(0,c.v9)(e=>({remoteSlices:(0,er.sT)(e),libraries:(0,er.Sd)(e),slices:(0,er.xC)(e)})),{setCustomType:k}=I(),{completeStep:_}=(0,ee.k)(),{openLoginModal:L}=(0,f.Z)(),A=(0,q.k)(),E=(0,W.F)({menuType:"Dropdown",sectionsNamingExperiment:A}),N=D.filter(e=>e.isLocal),{availableSlices:M,slicesInSliceZone:z,notFound:Z}=(0,s.useMemo)(()=>d?eZ(d,D):{availableSlices:[],slicesInSliceZone:[],notFound:[]},[d,D]),[F,K]=(0,s.useState)(!1);(0,s.useEffect)(()=>{(null==Z?void 0:Z.length)&&Z.forEach(e=>{let{key:t}=e;r(t)})},[Z]);let B=z.filter(e=>"SharedSlice"===e.type).map(e=>e.payload),R=M.filter(e=>!B.some(t=>t.model.id===e.model.id)),U=()=>{y(!0)},V=()=>{j(!0)},X=async()=>{await en.managerClient.user.checkIsLoggedIn()?C(!0):L()},G=()=>{x(!0),v.Xe.track({event:"custom-type:open-add-from-templates",customTypeId:l.id,customTypeFormat:l.format})},es=()=>{y(!1)},ec=()=>{j(!1)},ed=()=>{C(!1)},em=()=>{x(!1)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(P.Bu,{actions:d?(0,n.jsxs)(a.ar,{children:[(0,n.jsx)(a.av,{children:(0,n.jsx)(a.E,{color:"purple",startIcon:"add","data-testid":"add-new-slice-dropdown",children:"Add"})}),(0,n.jsxs)(a.as,{align:"end",children:[m.eligible&&(0,n.jsx)(a.at,{renderStartIcon:()=>E.fromImage.BackgroundIcon,onSelect:()=>void X(),description:E.fromImage.description,children:E.fromImage.title}),(0,n.jsx)(a.at,{renderStartIcon:()=>E.fromScratch.BackgroundIcon,onSelect:V,description:E.fromScratch.description,children:E.fromScratch.title}),h.length>0?(0,n.jsx)(a.at,{onSelect:G,renderStartIcon:()=>E.fromTemplate.BackgroundIcon,description:E.fromTemplate.description,children:E.fromTemplate.title}):void 0,R.length>0?(0,n.jsx)(a.at,{onSelect:U,renderStartIcon:()=>E.fromExisting.BackgroundIcon,description:E.fromExisting.description,children:E.fromExisting.title}):void 0]})]}):void 0,toggle:"page"!==l.format||"Main"!==u?(0,n.jsx)(a.bC,{checked:!!d,onCheckedChange:e=>{e?i():K(!0)},size:"small","data-testid":"slice-zone-switch"}):void 0,children:(0,$._)((0,$.f)(A.value))}),d?z.length>0?(0,n.jsx)(H.xR,{children:(0,n.jsx)(e_,{slices:z,format:l.format,path:{customTypeID:l.id,tabID:u,sliceZoneID:null!==(t=null==d?void 0:d.key)&&void 0!==t?t:""},onRemoveSharedSlice:r})}):(0,n.jsx)(a.D,{flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"center",padding:{block:32},children:(0,n.jsx)(J,{openUpdateSliceZoneModal:U,openCreateSliceModal:V,openCreateSliceFromImageModal:()=>void X(),openSlicesTemplatesModal:G,projectHasAvailableSlices:R.length>0,isSlicesTemplatesSupported:h.length>0})}):void 0,b&&(0,n.jsx)(ez,{formId:"tab-slicezone-form-".concat(u),availableSlices:R,onSubmit:e=>{let t=et({customType:l,tabId:u,slices:e});k({customType:w.Dc.fromSM(t),onSaveCallback:()=>{O.Am.success("Slice(s) added to slice zone")}}),_("createSlice"),es()},close:es}),p&&(0,n.jsx)(eM,{formId:"tab-slicezone-form-".concat(u),availableSlicesTemplates:h,localLibraries:N,location:"".concat(l.format,"_type"),onSuccess:e=>{let t=et({customType:l,tabId:u,slices:e});k({customType:w.Dc.fromSM(t),onSaveCallback:()=>{O.Am.success((0,n.jsx)(eo.GX,{message:"".concat((0,$.f)(A.value)," template(s) added to ").concat(A.value," zone and created at: "),path:"".concat(N[0].name,"/")}))}}),_("createSlice"),em()},close:em}),F&&(0,n.jsx)(eu,{closeDeleteSliceZoneModal:()=>{K(!1)},deleteSliceZone:()=>{o(),K(!1)}}),(null==N?void 0:N.length)!==0&&g&&(0,n.jsx)(ei.c,{onSuccess:e=>{let t=et({customType:l,tabId:u,slices:[e]});k({customType:w.Dc.fromSM(t),onSaveCallback:()=>{O.Am.success((0,n.jsx)(eo.GX,{message:"New ".concat(A.value," added to ").concat(A.value," zone and created at: "),path:"".concat(N[0].name,"/")}))}}),ec()},localLibraries:N,location:"".concat(l.format,"_type"),remoteSlices:T,onClose:ec}),(0,n.jsx)(Q.S,{open:S,location:"".concat(l.format,"_type"),onSuccess:e=>{let{slices:t,library:a}=e,i=et({customType:l,tabId:u,slices:t.map(e=>e.model)});k({customType:w.Dc.fromSM(i),onSaveCallback:()=>{O.Am.success((0,n.jsx)(eo.GX,{message:"".concat((0,$.f)(A.value),"(s) added to ").concat(A.value," zone and created at: "),path:a}))}}),ed()},onClose:ed})]})};let eP=[K.C.UID,K.C.Image,K.C.Text,K.C.StructuredText,K.C.Link,K.C.Select,K.C.Boolean,K.C.Number,K.C.Color,K.C.Date,K.C.Table,K.C.Embed,K.C.Timestamp,K.C.GeoPoint,K.C.ContentRelationship,K.C.LinkToMedia,K.C.Group,K.C.NestedGroup];var eF=e=>{var t,l,i,o;let{tabId:r}=e,{customType:c,setCustomType:d}=I(),m=w.Dc.toSM(c),h=null===(t=m.tabs.find(e=>e.key===r))||void 0===t?void 0:t.sliceZone,p=null!==(i=null===(l=m.tabs.find(e=>e.key===r))||void 0===l?void 0:l.value)&&void 0!==i?i:[],x="page"===m.format&&m.repeatable?p.filter(e=>"uid"!==e.key):p,v=m.tabs.reduce((e,t)=>[...e,...t.value],[]),b=e=>{var t;let{apiId:l,value:n}=e,a=null===(t=n.config)||void 0===t?void 0:t.label;if((0,B.Ss)(K.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 i=K.C[n.type];try{i.schema.validateSync(n,{stripUnknown:!1})}catch(e){throw Error('Add field: Model is invalid for field "'.concat(n.type,'".'))}let o=w.L$.fromSM(n);d({customType:(0,u.xS)({customType:c,newField:o,newFieldId:l,sectionId:r}),onSaveCallback:()=>{O.Am.success("".concat("Group"===n.type?"Group":"Field"," added"))}}),(0,U.V)({id:l,field:o})},y=e=>{let{apiId:t,newKey:l,value:n,inGroupFieldAction:a,updateMeta:i}=e;if((0,B.Ss)(K.C,n.type))return;let o=w.L$.fromSM(n);d({customType:(0,u.L4)({customType:c,previousFieldId:t,newFieldId:l,newField:o,sectionId:r}),onSaveCallback:()=>{"add"===a&&O.Am.success("Field added")},updateMeta:i}),a||(0,V.Z)({previousId:t,id:l,field:o})};return(0,n.jsx)(F.S,{children:(0,n.jsx)(s.Suspense,{fallback:(0,n.jsx)(a.D,{padding:32,children:(0,n.jsx)(a.bg,{})}),children:(0,n.jsxs)(P.aV,{border:!1,style:{flexGrow:1},children:[(0,n.jsx)(G.Z,{zoneType:"customType",zoneTypeFormat:null!==(o=c.format)&&void 0!==o?o:"custom",tabId:r,title:"Static zone",dataTip:"",fields:x,poolOfFieldsToCheck:v,showHints:!0,EditModal:X.Z,widgetsArray:eP,onDeleteItem:e=>{d({customType:(0,u.AK)({customType:c,fieldId:e,sectionId:r})})},onSave:e=>""===e.apiId?b({...e,apiId:e.newKey}):y(e),onDragEnd:e=>{if((0,B.uS)(e))return;let{source:t,destination:l}=e;if(!l)return;let n=(0,u.gR)({customType:c,sourceIndex:t.index,destinationIndex:l.index,sectionId:r});(0,Z.flushSync)(()=>d({customType:n}))},renderHintBase:e=>{let{item:t}=e;return"data".concat((0,R.Ti)(t.key))},renderFieldAccessor:e=>"data".concat((0,R.Ti)(e)),testId:"static-zone-content",isRepeatableCustomType:c.repeatable}),(0,n.jsx)(eO,{customType:m,tabId:r,sliceZone:h,onRemoveSharedSlice:e=>{d({customType:(0,u.EN)({customType:c,sectionId:r,sliceId:e})})},onCreateSliceZone:()=>{d({customType:(0,u.Tr)(c,r)})},onDeleteSliceZone:()=>{d({customType:(0,u.E3)(c,r)})}})]})})})};let eK=()=>{var e,t,l;let{customType:i,setCustomType:o}=I(),r=w.Dc.toSM(i),[c,d]=(0,s.useState)(null===(e=r.tabs[0])||void 0===e?void 0:e.key),[m,h]=(0,s.useState)(),p=(null===(l=r.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,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.c9,{sx:p?{flexGrow:1}:void 0,children:["page"===i.format?(0,n.jsx)(a.ca,{title:i.repeatable?(0,n.jsx)(T,{}):void 0}):void 0,(0,n.jsxs)(a.cb,{onValueChange:d,value:c,children:[(0,n.jsx)(a.cd,{onAddNewTab:()=>{h({type:"CREATE_CUSTOM_TYPE_TAB"})},children:r.tabs.map(e=>(0,n.jsx)(a.ce,{menu:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.at,{onSelect:()=>{h({type:"UPDATE_CUSTOM_TYPE_TAB",tabKey:e.key})},startIcon:(0,n.jsx)(a.aX,{name:"edit"}),children:"Rename"}),(0,n.jsx)(a.at,{color:"tomato",disabled:function(e){if(r.tabs.length<=1)return!0;let t=r.tabs.find(e=>e.value.find(e=>"uid"===e.key));return"page"===i.format&&i.repeatable&&(null==t?void 0:t.key)===e}(e.key),onSelect:()=>{h({type:"DELETE_CUSTOM_TYPE_TAB",tabKey:e.key})},startIcon:(0,n.jsx)(a.aX,{name:"delete"}),children:"Remove"})]}),value:e.key,children:e.key},e.key))}),r.tabs.map(e=>(0,n.jsx)(a.cc,{value:e.key,children:(0,n.jsx)(eF,{tabId:e.key})},e.key))]})]}),(null==m?void 0:m.type)==="CREATE_CUSTOM_TYPE_TAB"?(0,n.jsx)(N,{close:()=>{h(void 0)},isOpen:!0,onSubmit:e=>{let{id:t}=e;o({customType:(0,u.vB)(i,t)}),d(t)},tabIds:r.tabs.map(e=>e.key.toLowerCase())}):void 0,(null==m?void 0:m.type)==="UPDATE_CUSTOM_TYPE_TAB"?(0,n.jsx)(z,{close:()=>{h(void 0)},initialTabKey:m.tabKey,isOpen:!0,onSubmit:e=>{let{id:t}=e;o({customType:(0,u.HO)(i,m.tabKey,t)}),c===m.tabKey&&d(t)},tabIds:r.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,n.jsx)(M,{close:()=>{h(void 0)},isOpen:!0,onSubmit:()=>{if(o({customType:(0,u.F$)(i,m.tabKey)}),c===m.tabKey){var e;let t=null===(e=r.tabs.find(e=>e.key!==m.tabKey))||void 0===e?void 0:e.key;void 0!==t&&d(t)}}}):void 0]})};var eB=l(16442),eR=l(78254),eU=l(60867),eV=l(9975),eX=l(34919),eG=l.n(eX);let eH=e=>{let{tabs:t,...l}=e;return(0,n.jsxs)(eV.fC,{...l,className:eG().root,defaultValue:t[0].label,orientation:"vertical",children:[(0,n.jsx)(eV.aV,{className:eG().list,"aria-label":"content tabs",children:t.map((e,t)=>{let{label:l}=e;return(0,n.jsx)(eV.xz,{className:eG().trigger,value:l,children:(0,n.jsx)(a.bL,{className:eG().triggerText,component:"span",color:"inherit",children:l})},"".concat(l,"-trig").concat(t+1))})}),t.map((e,t)=>{let{label:l,content:i}=e;return(0,n.jsx)(eV.VY,{className:eG().content,value:l,children:(0,n.jsx)(a.bn,{className:eG().scrollArea,children:i})},"".concat(l,"-content").concat(t+1))})]})};var eY=l(25661),eq=l(88241),eQ=l(32554),eW=l(44621),e$=l.n(eW);let eJ=e=>{var t,l;let{inline:i,...o}=e,r=(0,eQ.p)();if(!0===i)return(0,n.jsx)("code",{...o,className:e$().inlineCode});let s=(()=>{var e,t,l,n,a;if((null===(t=o.node)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.meta)!==void 0){let e=null===(n=o.node)||void 0===n?void 0:null===(l=n.data)||void 0===l?void 0:l.meta;return{fileName:e.substring(1,e.length-1),language:null===(a=o.className)||void 0===a?void 0:a.split("-")[1]}}return null})(),c=null===(t=/language-(\w+)/.exec(null!==(l=o.className)&&void 0!==l?l:""))||void 0===t?void 0:t[1];return(0,n.jsx)(a.W,{...o,onCopy:()=>{v.Xe.track({event:"page-type:copy-snippet",framework:r})},language:c,code:String(o.children).replace(/\n$/,""),title:null==s?void 0:s.fileName})},e0=e=>{let{markdown:t}=e;return(0,n.jsx)(eY.D,{children:t,linkTarget:"_blank",remarkPlugins:[eq.Z],components:{code:e=>(0,n.jsx)(eJ,{...e}),h1:e=>(0,n.jsx)(a.bL,{children:e.children,component:"h1",variant:"h1"}),h2:e=>(0,n.jsx)(a.bL,{children:e.children,component:"h2",variant:"h2"}),h3:e=>(0,n.jsx)(a.bL,{children:e.children,component:"h3",variant:"h3"}),h4:e=>(0,n.jsx)(a.bL,{children:e.children,component:"h4",variant:"h4"}),h5:e=>(0,n.jsx)(a.bL,{children:e.children,component:"h4",variant:"h4"}),p:e=>(0,n.jsx)(a.bL,{className:e$().section,children:e.children,component:"p",variant:"normal"}),pre:e=>(0,n.jsx)(a.bL,{className:e$().section,children:e.children,component:"pre",variant:"normal"})}})};async function e1(e){let t=JSON.parse(e),{errors:l,documentation:n}=await en.managerClient.documentation.read({kind:t.kind,data:t.data});if(l.length>0)throw l;return n}var e4=l(65480),e3=l.n(e4);let e6=e=>{var t;let{model:l}=e,i=(0,eQ.p)(),o=(t={kind:"PageSnippet",data:{model:l}},(0,el.QT)(e1,[JSON.stringify(t)])),{completeStep:r}=(0,ee.k)();return 0===o.length?null:(0,n.jsxs)(a.ae,{size:"small",trigger:(0,n.jsx)(a.E,{color:"grey",onClick:()=>{r("codePage"),v.Xe.track({event:"page-type:open-snippet",framework:i})},startIcon:"code",children:"Page snippet"}),children:[(0,n.jsx)(a.al,{icon:"code",title:"Page snippet"}),(0,n.jsx)("section",{className:e3().content,children:o.length>1?(0,n.jsx)(eH,{style:{flex:1},tabs:o.map((e,t)=>{let{label:l,content:a}=e;return{label:null!=l?l:"Tab ".concat(t+1),content:(0,n.jsx)(e0,{markdown:a})}})}):(0,n.jsx)(a.bn,{style:{flex:1,padding:16},children:(0,n.jsx)(e0,{markdown:o[0].content})})})]})},e2=e=>{let{model:t}=e;return(0,n.jsx)("div",{children:(0,n.jsx)(F.S,{children:(0,n.jsx)(s.Suspense,{fallback:(0,n.jsx)(a.E,{color:"grey",startIcon:"code",children:"Page snippet"}),children:(0,n.jsx)(e6,{model:t})})})})},e8=()=>{let e=(0,r.useRouter)(),{selectedCustomType:t}=(0,c.v9)(t=>({selectedCustomType:(0,eR.Jk)(t,(0,h.Ag)(e.query))}));return((0,s.useEffect)(()=>{t&&(0,eB.TG)(t)||e.replace("/")},[t,e]),t&&(0,eB.TG)(t))?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o(),{children:(0,n.jsxs)("title",{children:[t.local.label," - Slice Machine"]})}),(0,n.jsx)(e5,{customType:t.local})]}):(0,n.jsx)(p.LN,{})},e5=e=>{let{customType:t}=e;return null===t?(0,n.jsx)(p.LN,{}):(0,n.jsx)(p.LN,{children:(0,n.jsx)(S,{initialCustomType:w.Dc.fromSM(t),children:e=>{var l;let{actionQueueStatus:i,customType:o,setCustomType:r}=e,s=(0,u.y6)(o),c=h.cd[t.format],x=g.$[t.format];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(p.wd,{children:[(0,n.jsx)(p.Xq,{url:c.tablePagePathname}),(0,n.jsxs)(p.Cx,{children:[(0,n.jsx)(d.g,{children:x.name({start:!0,plural:!0})}),(0,n.jsx)(d.g,{active:!0,children:null!==(l=o.label)&&void 0!==l?l:o.id})]}),(0,n.jsxs)(p.K2,{children:[(0,n.jsx)(m.X,{status:i}),"page"===o.format?(0,n.jsx)(e2,{model:o}):void 0,(0,n.jsx)(eU._,{isChangesLocal:!0,format:s,customType:o,setLocalCustomType:r})]})]}),(0,n.jsx)(p.RN,{children:(0,n.jsx)(a.D,{flexDirection:"column",minWidth:0,children:(0,n.jsx)(eK,{})})})]})}})})}},43776:function(e,t,l){"use strict";l.d(t,{E:function(){return a}});var n=l(31470);function a(e){var t,l;let[a,i]=(0,n.f)(),o=async t=>{let l={...a,labs:{...a.labs}};t?l.labs[e]=t:e in l.labs&&delete l.labs[e],0===Object.keys(l.labs).length&&delete l.labs,await i(l)};return[{enabled:null!==(l=null==a?void 0:null===(t=a.labs)||void 0===t?void 0:t[e])&&void 0!==l&&l},o]}},31470:function(e,t,l){"use strict";l.d(t,{f:function(){return i}});var n=l(18566),a=l(80148);function i(){return[(0,n.QT)(o,[]),async e=>{await a.managerClient.project.writeSliceMachineConfig({config:e}),(0,n.VA)(o,[],e)}]}async function o(){return a.managerClient.project.getSliceMachineConfig()}},34919: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"}},65480:function(e){e.exports={content:"PageSnippetDialog_content__jIN6d"}},44621:function(e){e.exports={section:"MarkdownRenderer_section__uNS1M",inlineCode:"MarkdownRenderer_inlineCode__lmGTi"}},65375:function(e){e.exports={scrollArea:"ConvertLegacySliceButton_scrollArea__xf3vM",label:"ConvertLegacySliceButton_label__BK0Gd"}}}]);

package/out/_next/static/chunks/pages/changelog-063c5e11dfc8fd55.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[477],{37782:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changelog",function(){return r(93081)}])},38193:function(e,n,r){"use strict";r.d(n,{Z:function(){return l}});var t=r(52322),i=r(61183);r(2784);var s=r(59326),o=r(75289);i.Z.registerLanguage("svelte",e=>({subLanguage:"xml",contains:[e.COMMENT("<!--","-->",{relevance:10}),{begin:/^(\s*)(<script(\s*context="module")?>)/gm,end:/^(\s*)(<\/script>)/gm,subLanguage:"javascript",excludeBegin:!0,excludeEnd:!0,contains:[{begin:/^(\s*)(\$:)/gm,end:/(\s*)/gm,className:"keyword"}]},{begin:/^(\s*)(<style.*>)/gm,end:/^(\s*)(<\/style>)/gm,subLanguage:"css",excludeBegin:!0,excludeEnd:!0},{begin:/\{/gm,end:/\}/gm,subLanguage:"javascript",contains:[{begin:/[\{]/,end:/[\}]/,skip:!0},{begin:/([#:\/@])(if|else|each|await|then|catch|debug|html)/gm,className:"keyword",relevance:10}]}]}));let a=["javascript","bash","xml","html","json"];var l=e=>{var n;let{children:r,lang:l,sx:c,codeStyle:x,codeClass:d,Header:p}=e,{theme:g}=(0,s.B7)(),u=l?i.Z.highlight(r,{language:"vue"===l?"html":l}).value:i.Z.highlightAuto(r,a).value;return(0,t.jsxs)(o.kC,{as:"pre",sx:c,children:[p?(0,t.jsx)(p,{}):null,(0,t.jsx)("code",{className:"hljs".concat(d?" ".concat(d):""),style:{overflowX:"auto",padding:"3px 5px",borderRadius:"6px",border:"1px solid",borderColor:String(null===(n=g.colors)||void 0===n?void 0:n.textClear),...x},dangerouslySetInnerHTML:{__html:u}})]})}},93081:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return O}});var t,i,s=r(52322),o=r(97729),a=r.n(o),l=r(56803),c=r(2784),x=r(56580),d=r(65077),p=r(18566),g=r(80148);async function u(){return await g.managerClient.versions.getAllStableSliceMachineVersionsWithKind()}function h(){return(0,p.QT)(u,[])}var v=r(51384),f=r(9149),m=r(75289);async function j(){return await g.managerClient.versions.getLatestNonBreakingSliceMachineVersion()}var b=r(85606),k=r(59082),C=r(12170);let y=e=>{let{type:n,hasUpToDateVersions:r}=e;return(0,s.jsx)(m.xv,{sx:{padding:"0px 4px",borderRadius:"2px",fontSize:"8px",fontWeight:600,lineHeight:"16px",textTransform:"uppercase",...(n===i.Latest||n===i.LatestNonBreaking)&&{bg:"grey02",color:"code.gray"},...n===i.Current&&r&&{bg:"lightGreen",color:"code.green"},...n===i.Current&&!r&&{bg:"lightOrange",color:"code.orange"}},children:n})},S=e=>{let{isSelected:n,onClick:r,versionNumber:t,tags:i,hasUpToDateVersions:o}=e;return(0,s.jsxs)(m.kC,{sx:{p:1,borderRadius:"4px",cursor:"pointer",transition:"200ms all",justifyContent:"space-between",alignItems:"center",...n?{color:"purple",bg:(0,C.DZ)("purple",.95)}:{"&:hover":{bg:"grey01"}}},onClick:r,children:[(0,s.jsx)(m.xv,{children:t}),(0,s.jsx)(m.kC,{sx:{gap:"8px"},children:i.map(e=>(0,s.jsx)(y,{type:e,hasUpToDateVersions:o},e))})]})};(t=i||(i={})).Latest="LATEST",t.LatestNonBreaking="LATEST-NON-BREAKING",t.Current="CURRENT";let T=e=>{var n;let{selectedVersion:r,selectVersion:t}=e,i=h(),{sliceMachineUpdateAvailable:o,adapterUpdateAvailable:a}=(0,k.P)(),c=(0,p.QT)(j,[]),x=(0,b.d)(),d=null===(n=i[0])||void 0===n?void 0:n.version;return(0,s.jsxs)(m.kC,{sx:{minWidth:"228px",borderRight:"1px dashed",borderColor:l.t.color.grey6,flexDirection:"column",paddingRight:"48px"},children:[(0,s.jsxs)(m.kC,{sx:{flexDirection:"column",borderBottom:"1px dashed",borderColor:l.t.color.grey6,paddingBottom:"28px"},children:[(0,s.jsx)(m.xv,{sx:{fontSize:"20px",fontWeight:500,lineHeight:"32px"},children:"Changelog"}),(0,s.jsx)(m.xv,{sx:{fontSize:"16px",fontWeight:500,lineHeight:"24px",marginTop:"28px"},children:"All versions"})]}),(0,s.jsx)(m.kC,{sx:{mt:"24px",flexDirection:"column",gap:"4px",overflow:"auto"},children:i.map((e,n)=>(0,s.jsx)(S,{isSelected:(null==r?void 0:r.version)===e.version,onClick:()=>t(e),versionNumber:e.version,tags:function(e){let n=[];return e===d?n.push("LATEST"):e===c&&n.push("LATEST-NON-BREAKING"),e===x&&n.push("CURRENT"),n}(e.version),hasUpToDateVersions:!o&&!a},"versionBadge-".concat(e.version,"-").concat(n)))})]})};var N=r(951);async function w(e){return await g.managerClient.versions.getSliceMachineReleaseNotesForVersion({version:e})}var E=r(19870);let L=e=>{let{releaseNotes:n}=e;return(0,s.jsx)(m.xv,{sx:{"h1, h2, h3":{fontSize:"16px",fontWeight:600,lineHeight:"20px"},p:{fontSize:"14px",fontWeight:400,lineHeight:"20px"},b:{fontSize:"14px",fontWeight:600,lineHeight:"20px"},code:{color:"code.orange"},li:{listStyleType:"disc",marginLeft:"25px",paddingLeft:"5px"}},dangerouslySetInnerHTML:{__html:E.TU.parse(n)}})};var R=r(32554),_=r(38193);let z=e=>{let{selectedVersion:n,packageManager:r}=e,t=h(),i=(0,R.p)(),{sliceMachineUpdateAvailable:o,adapterUpdateAvailable:a}=(0,k.P)(),l=n.version===t[0].version,c=function(e,n){let r=n.join(" ");switch(e){case"bun":return"bun add --development ".concat(r);case"npm":return"npm install --save-dev ".concat(r);case"pnpm":case"pnpm@6":return"pnpm add --save-dev ".concat(r);case"yarn":case"yarn@berry":return"yarn add --dev ".concat(r)}}(r,function(e){let{sliceMachineVersionToInstall:n,isLatestSliceMachineVersion:r,adapterName:t}=e,i=["slice-machine-ui@".concat(n)];return r&&i.push("".concat(t,"@latest")),i}({sliceMachineVersionToInstall:l?"latest":n.version,isLatestSliceMachineVersion:l,adapterName:i}));return(0,s.jsxs)(s.Fragment,{children:[a&&!o&&l&&(0,s.jsxs)(m.kC,{sx:{padding:"16px",bg:"lightOrange",color:"darkOrange",fontSize:"13px",lineHeight:"24px",borderRadius:"4px",gap:"16px"},children:[(0,s.jsx)(N.CSE,{size:"24px"}),"It looks like you are using an outdated version of the adapter. Run this command to update your adapter:"]}),(0,s.jsxs)(m.kC,{sx:{flexDirection:"column",gap:"16px",padding:"16px",bg:"grey01"},children:[(0,s.jsx)(m.xv,{sx:{fontSize:"16px",fontWeight:500,lineHeight:"20px"},children:"How to install"}),(0,s.jsxs)(m.kC,{sx:{gap:"8px"},children:[(0,s.jsx)(_.Z,{codeStyle:{color:"white",flex:1,padding:"8px"},sx:{flex:1},children:c}),(0,s.jsx)(m.zx,{variant:"secondary",onClick:()=>void navigator.clipboard.writeText(c),children:"Copy"})]})]})]})},H=e=>{let{versionKind:n}=e,r={fontSize:"14px",padding:"2px 4px",borderRadius:"4px",textTransform:"uppercase",..."MAJOR"===n?{color:"purple",bg:(0,C.DZ)("purple",.85)}:{color:"grey05",bg:"grey02"}};return(0,s.jsx)(m.xv,{sx:r,children:n})},B=()=>(0,s.jsxs)(m.kC,{sx:{paddingLeft:"32px"},children:["Could not fetch release notes."," ",(0,s.jsx)("a",{href:"https://github.com/prismicio/slice-machine/releases",target:"_blank",rel:"noopener noreferrer",children:"Find out more on GitHub"})]}),M=e=>{var n;let{selectedVersion:r,packageManager:t}=e,i=(n=r.version,(0,p.QT)(w,[n]));return(0,s.jsxs)(m.kC,{sx:{flexDirection:"column"},children:[(0,s.jsxs)(m.kC,{sx:{padding:"0px 0px 32px 32px",borderBottom:"1px dashed",borderColor:l.t.color.grey6,justifyContent:"space-between",alignItems:"center"},children:[(0,s.jsx)(m.xv,{sx:{fontSize:"24px",fontWeight:600,lineHeight:"32px"},children:"Version ".concat(r.version)}),!!r.kind&&(0,s.jsx)(H,{versionKind:r.kind})]}),(0,s.jsxs)(m.kC,{sx:{flexDirection:"column",padding:"24px 0px 0px 32px",gap:"24px"},children:[(null==i?void 0:i.includes("# Breaking Change"))&&(0,s.jsxs)(m.kC,{sx:{padding:"16px",bg:"lightOrange",color:"darkOrange",fontSize:"13px",lineHeight:"24px",borderRadius:"4px",gap:"16px"},"data-testid":"breaking-changes-warning",children:[(0,s.jsx)(N.CSE,{size:"24px"}),"This update includes breaking changes. To update correctly, follow the steps below."]}),(0,s.jsx)(z,{selectedVersion:r,packageManager:t}),void 0!==i?(0,s.jsx)(L,{releaseNotes:i}):(0,s.jsx)(B,{})]})]})};function A(){let{packageManager:e}=(0,x.v9)(e=>({packageManager:(0,f.Ak)(e)})),n=h(),r=n[0],[t,i]=(0,c.useState)(null!=r?r:void 0);(0,c.useEffect)(()=>{i(r)},[r]);let o=0===n.length||!t;return(0,s.jsx)(v.LN,{children:(0,s.jsx)(v.RN,{children:(0,s.jsxs)(d.xR,{sx:{display:"flex",minWidth:0},children:[(0,s.jsx)(T,{selectedVersion:t,selectVersion:e=>i(e)}),o?(0,s.jsx)(B,{}):(0,s.jsx)(l.ay,{renderError:()=>(0,s.jsx)(B,{}),children:(0,s.jsx)(c.Suspense,{fallback:(0,s.jsx)(l.bg,{}),children:(0,s.jsx)(M,{selectedVersion:t,packageManager:e})})})]})})})}function O(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a(),{children:(0,s.jsx)("title",{children:"Changelog - Slice Machine"})}),(0,s.jsx)(A,{})]})}}},function(e){e.O(0,[898,183,870,888,774,179],function(){return e(e.s=37782)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/changes-564336edb0ed18b0.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[849],{21985:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/changes",function(){return n(45031)}])},72641:function(e,t,n){"use strict";n.d(t,{R$:function(){return a},Qj:function(){return x},T9:function(){return d},nf:function(){return h},u2:function(){return c},_T:function(){return u}});var i=n(52322),s=n(56803),r=n(6277),l=n(83478),o=n.n(l);let a=e=>{let{backgroundImage:t,style:n,...s}=e,l=void 0!==t;return(0,i.jsx)("article",{...s,className:(0,r.W)(o().root,{[o().withBackground]:l}),style:{backgroundImage:l?"url(".concat(t,")"):void 0,...n}})},c=e=>(0,i.jsx)("div",{...e,className:o().image}),d=e=>(0,i.jsx)("div",{...e,className:o().content}),u=e=>(0,i.jsx)(s.bL,{...e,variant:"h3"}),h=e=>(0,i.jsx)(s.bL,{...e,color:"grey11"}),x=e=>(0,i.jsx)("div",{...e,className:o().actions,color:"grey"})},99251:function(e,t,n){"use strict";n.d(t,{Q:function(){return l}});let i={GitHub:"gitHub"};var s=n(52322),r=n(80148);let l={gitHub:{connect:async()=>await o("gitHub"),Icon:e=>(0,s.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,s.jsx)("path",{d:"M12 4C7.57486 4 4 7.57486 4 12C4 15.5246 6.30057 18.5257 9.47429 19.6C9.87429 19.6754 10.0251 19.4251 10.0251 19.2251V17.8754C7.8 18.3497 7.32457 16.8 7.32457 16.8C6.94971 15.8743 6.42514 15.6251 6.42514 15.6251C5.70057 15.1246 6.47543 15.1497 6.47543 15.1497C7.27543 15.2 7.69943 15.9749 7.69943 15.9749C8.42514 17.2 9.57486 16.8503 10.0251 16.6491C10.1006 16.1246 10.2994 15.7749 10.5246 15.5749C8.74971 15.3749 6.87543 14.6754 6.87543 11.6251C6.87543 10.7497 7.17486 10.0503 7.69943 9.47543C7.62514 9.27543 7.34971 8.45029 7.77486 7.34971C7.77486 7.34971 8.44914 7.12457 9.97486 8.17486C10.6266 7.99627 11.2991 7.90405 11.9749 7.90057C12.6491 7.90057 13.3497 8 13.9749 8.17486C15.5006 7.14971 16.1749 7.34971 16.1749 7.34971C16.6 8.45029 16.3246 9.27543 16.2503 9.47543C16.776 10.024 17.0754 10.7497 17.0754 11.624C17.0754 14.6994 15.2 15.3749 13.4251 15.5749C13.6994 15.8251 13.9749 16.2994 13.9749 17.0491V19.2503C13.9749 19.4754 14.1246 19.7246 14.5246 19.6251C17.7006 18.5246 20 15.5246 20 12C20 7.57486 16.4251 4 12 4Z",fill:"currentColor"})}),name:"GitHub",supported:a("gitHub")},bitbucket:{connect:async()=>await o("bitbucket"),Icon:e=>(0,s.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.77596 5.47599C4.84147 5.44648 4.91265 5.43167 4.9845 5.4326L19.3525 5.43506C19.4243 5.43413 19.4955 5.44894 19.561 5.47845C19.6265 5.50796 19.6848 5.55146 19.7317 5.60588C19.7786 5.6603 19.8131 5.72433 19.8326 5.79348C19.8521 5.86262 19.8563 5.93521 19.8448 6.00614L19.1802 10.0751H9.71803L10.5722 14.6018H11.1162L11.1162 14.6018H13.7846L14.56 10.0751H19.1803L17.7575 18.8357C17.7387 18.9522 17.6786 19.058 17.5882 19.1339C17.4979 19.2098 17.3832 19.2507 17.2652 19.2492H7.23692C7.2134 19.249 7.19001 19.2476 7.16682 19.2449C7.03392 19.2298 6.90803 19.175 6.80603 19.0868C6.68704 18.9851 6.60772 18.8448 6.58203 18.6904L4.49219 6.00367C4.48069 5.93275 4.48485 5.86016 4.50438 5.79102C4.52392 5.72187 4.55835 5.65784 4.60527 5.60342C4.65218 5.54899 4.71044 5.5055 4.77596 5.47599Z",fill:"currentColor"})}),name:"Bitbucket",supported:a("bitbucket")},gitLab:{connect:async()=>await o("gitLab"),Icon:e=>(0,s.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.7881 10.5954L16.5431 5.20756C16.6328 4.93081 17.0594 4.93081 17.1492 5.20756L18.9076 10.5954H14.7881ZM6.6192 5.20756L4.86353 10.5954H8.97968L7.22468 5.20756C7.1349 4.93081 6.70898 4.93081 6.6192 5.20756ZM4.0299 13.2981L4.86352 10.5954H4.86353H8.979H14.7881H18.9076L19.7392 13.2981C19.7796 13.4207 19.7802 13.553 19.7408 13.676C19.7014 13.799 19.624 13.9063 19.5198 13.9826L11.893 19.5257L11.8879 19.5319L11.8923 19.5378L11.8865 19.5336L11.8835 19.5371L11.8852 19.5326L4.24927 13.9826C4.0299 13.8246 3.95092 13.5458 4.0299 13.2981Z",fill:"currentColor"})}),name:"GitLab",supported:a("gitLab")}};async function o(e){if(!a(e))throw Error("Not implemented.");let t=await r.managerClient.git.getProviderAppInstallURL({provider:e});window.open(t,"git-provider-app-installation")}function a(e){return!!Object.values(i).includes(e)}},45276:function(e,t,n){"use strict";n.d(t,{G:function(){return l}});var i=n(18566),s=n(31470),r=n(80148);function l(){let[e]=(0,s.f)();return{linkedGitRepos:(0,i.QT)(o,[e.repositoryName]),linkRepo:async t=>{await r.managerClient.git.linkRepo({prismic:{domain:e.repositoryName},git:t}),await (0,i.gw)(o,[e.repositoryName])},unlinkRepo:async t=>{await r.managerClient.git.unlinkRepo({prismic:{domain:e.repositoryName},git:t}),await (0,i.gw)(o,[e.repositoryName])}}}async function o(e){return await r.managerClient.git.fetchLinkedRepos({prismic:{domain:e}})}},31470:function(e,t,n){"use strict";n.d(t,{f:function(){return r}});var i=n(18566),s=n(80148);function r(){return[(0,i.QT)(l,[]),async e=>{await s.managerClient.project.writeSliceMachineConfig({config:e}),(0,i.VA)(l,[],e)}]}async function l(){return s.managerClient.project.getSliceMachineConfig()}},33986:function(e,t,n){"use strict";n.d(t,{z:function(){return a}});var i=n(52322),s=n(2784),r=n(75289);let l=(e,t)=>e?"".concat(e,"-").concat(t):"",o=e=>{switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},a=(0,s.forwardRef)((e,t)=>{let{label:n,Icon:s,type:a,form:c,isLoading:d=!1,disabled:u=!1,onClick:h,sx:x={},iconSize:m=16,iconFill:g,variant:p="primary",...j}=e;return(0,i.jsx)(r.zx,{ref:t,sx:{...x,display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",...d?{cursor:"wait !important"}:{}},type:a,form:c,disabled:u||d,onClick:d?void 0:h,variant:p,...j,children:d?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.$j,{size:m,color:o(p),"data-testid":l(j["data-testid"],"spinner")}),s&&n]}):(0,i.jsxs)(i.Fragment,{children:[s&&(0,i.jsx)(s,{size:m,fill:g,"data-testid":l(j["data-testid"],"icon")}),n]})})})},21151:function(e,t,n){"use strict";var i=n(52322),s=n(75289);t.Z=function(e){let{elems:t,renderElem:n,defineElementKey:r,gridTemplateMinPx:l="320px",gridGap:o="16px",sx:a}=e;return(0,i.jsx)(s.xu,{as:"section",sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(l,", 1fr))"),gridGap:o,pt:2,...a},children:t.map((e,t)=>e?(0,i.jsx)("span",{children:n(e,t)},"".concat(r(e),"-").concat(t+1)):null)})}},45031:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return ej}});var i=n(52322),s=n(56803),r=n(97729),l=n.n(r),o=n(5632),a=n(2784),c=n(88932),d=n(65077),u=n(94160),h=n(43388),x=n(72641);function m(e){let{isPostPush:t,documentsListEndpoint:n}=e,r=t?p:g;return(0,i.jsxs)(x.R$,{style:{alignSelf:"center",marginTop:s.t.space[72]},children:[(0,i.jsx)(x.u2,{children:(0,i.jsx)(s.a_,{src:r.img,sizing:"cover"})}),(0,i.jsxs)(x.T9,{children:[(0,i.jsx)(x._T,{children:r.title}),(0,i.jsx)(x.nf,{children:r.description}),t&&(0,i.jsx)(x.Qj,{children:(0,i.jsx)(s.E,{onClick:()=>{u.Xe.track({event:"post-push:empty-state-cta-clicked"}),window.open(n,"_blank")},size:"large",children:"Create content in the Page Builder"})})]})]})}let g={img:"/blank-slate-changes-uptodate.png",title:"Everything is up-to-date",description:"No changes are staged. Saved updates will appear here, ready to be pushed to the Page Builder."},p={img:"/blank-slate-push-success.png",title:"Success! Your changes have been pushed to the Page Builder.",description:"Add content to your website to bring it to life!"};var j=n(17378),f=n(99251),b=n(83758),v=n(45276);let y=e=>(0,i.jsx)(j.S,{renderError:S,children:(0,i.jsx)(a.Suspense,{fallback:(0,i.jsx)(D,{}),children:(0,i.jsx)(C,{...e})})}),C=e=>(0,b.M)().eligible?(0,i.jsx)(w,{...e}):(0,i.jsx)(k,{...e}),w=e=>{let{linkedGitRepos:t}=(0,v.G)();if(!(t.length>0))return(0,i.jsx)(k,{...e});{let e=f.Q[t[0].provider];return(0,i.jsx)(s.c3,{content:"This project uses the Git workflow. Update Prismic by pushing your changes to ".concat(e.name,"."),side:"bottom",children:(0,i.jsx)(k,{disabled:!0})})}},k=(0,a.forwardRef)((e,t)=>(0,i.jsx)(s.E,{...e,ref:t,startIcon:"upload",children:"Push"}));function S(){return(0,i.jsx)(s.c3,{content:"An error occurred while fetching the list of connected Git repositories.",side:"bottom",children:(0,i.jsx)(k,{disabled:!0})})}let D=()=>(0,i.jsx)(s.bx,{height:32,width:71.32});var L=n(98250),_=n(98033),T=n(68968),R=n(13434),B=n(19468),I=n(978),N=n(30613),O=n(51384),H=n(93671),E=n(54597);let F=e=>{let{authStatus:t}=e,{openLoginModal:n}=(0,E.Z)();return(0,i.jsxs)(s.D,{flexDirection:"column",height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[t===H.t.FORBIDDEN?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.bL,{variant:"h3",align:"center",children:"It seems like you are logged out"}),(0,i.jsx)(s.bL,{align:"center",children:"Log in to connect to your repository."})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.bL,{variant:"h3",align:"center",children:"It seems like you don't have access to this repository"}),(0,i.jsx)(s.bL,{align:"center",children:"Check that the repository name is correct, then contact your repository administrator."})]}),(0,i.jsxs)(s.bL,{align:"center",children:["If that doesn't work, it's possible that Slice Machine is having trouble accessing Prismic's servers."," ",(0,i.jsx)(s.bL,{href:"https://community.prismic.io/",children:"Contact our support team"}),"."]}),t===H.t.FORBIDDEN&&(0,i.jsx)(s.E,{onClick:()=>n(),children:"Log in to Prismic"})]})};var P=n(91914),A=n(75289);let z=()=>(0,i.jsx)(A.kC,{sx:{justifyContent:"center",alignItems:"center",flex:1},children:(0,i.jsxs)(A.kC,{sx:{flexDirection:"column",alignItems:"center",transform:"translateY(-50%)"},children:[(0,i.jsx)(P.wQ1,{size:48}),(0,i.jsx)(A.xv,{sx:{fontWeight:600,fontSize:"24px",lineHeight:"32px",mb:"8px",mt:"2px",textAlign:"center"},children:"No internet connection"}),(0,i.jsx)(A.xv,{sx:{fontSize:"13px",lineHeight:"24px",textAlign:"center"},children:"Connect to the internet to sync your changes."})]})});var Z=n(951),G=n(63908),M=n(63470),W=n(51507),U=n(21442);let X=e=>{let{children:t}=e;return(0,i.jsx)(A.kC,{sx:{alignItems:"center",justifyContent:"space-between",mt:"8px",bg:"grey02",borderRadius:4,padding:"12px 16px",width:"100%"},children:t})};var Q=n(39097),Y=n.n(Q),V=n(99195),J=n(59294),$=n(16442);let q=e=>{let{ct:t,status:n,authStatus:s,isOnline:r}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A.xu,{as:"td",style:{width:"40%"},children:(0,i.jsx)(A.xv,{sx:{fontWeight:500},children:t.label})}),(0,i.jsx)(A.xu,{as:"td",style:{width:"40%"},children:t.id}),(0,i.jsx)(A.xu,{as:"td",style:{width:"20%"},children:(0,i.jsx)(V.O,{authStatus:s,isOnline:r,modelStatus:n,modelType:"CustomType"})})]})},K=e=>{let{customTypes:t,modelsStatuses:n,authStatus:s,isOnline:r}=e;return(0,i.jsxs)(A.xu,{as:"table","data-legacy-component":!0,children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{className:"transparent small",children:[(0,i.jsx)(A.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"Name"}),(0,i.jsx)(A.xu,{as:"th",sx:{width:"40%",fontWeight:600},children:"API ID"}),(0,i.jsx)(A.xu,{as:"th",sx:{width:"20%",fontWeight:600},children:"Status"})]})}),(0,i.jsx)("tbody",{children:t.map(e=>(0,$.TG)(e)?(0,i.jsx)(Y(),{passHref:!0,href:J.cd[e.local.format].getBuilderPagePathname(e.local.id),legacyBehavior:!0,children:(0,i.jsx)("tr",{tabIndex:0,"data-testid":"custom-type-".concat(e.local.id),children:(0,i.jsx)(q,{ct:e.local,status:n.customTypes[e.local.id],authStatus:s,isOnline:r},e.local.id)})},e.local.id):(0,i.jsx)("tr",{tabIndex:0,className:"disabled","data-testid":"custom-type-".concat(e.remote.id),children:(0,i.jsx)(q,{ct:e.remote,status:n.customTypes[e.remote.id],authStatus:s,isOnline:r},e.remote.id)},e.remote.id))})]})};var ee=n(21151),et=n(68105),en=n(56448),ei=n(31860),es=n(96317);function er(){let e=(0,es.L)("slicemachine-dev-collaboration"),[t,n]=(0,a.useState)(!1),r=null==e?void 0:e.payload;return((0,a.useEffect)(()=>{(null==e?void 0:e.value)==="on"&&void 0!==r&&u.Xe.track({event:"dev-collab:workflow-stub-displayed"})},[e,r]),(null==e?void 0:e.value)!=="on"||void 0===r)?null:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(s.D,{alignItems:"flex-start",border:{bottom:!0,left:!0,right:!0,top:!0},borderRadius:6,borderStyle:"dashed",flexDirection:"column",flexShrink:0,gap:8,padding:16,width:320,children:[(0,i.jsxs)(s.D,{flexDirection:"column",gap:2,children:[(0,i.jsx)(s.bL,{variant:"smallBold",children:r.cardTitle}),(0,i.jsx)(s.bL,{color:"grey11",variant:"small",children:r.cardDescription})]}),(0,i.jsx)(s.E,{color:"grey",onClick:()=>{u.Xe.track({event:"dev-collab:set-up-workflow-opened"}),n(!0)},children:r.cardButtonLabel})]}),(0,i.jsxs)(s.ae,{onOpenChange:e=>{e||n(!1)},open:t,size:{height:"auto",width:448},children:[(0,i.jsx)(s.al,{title:r.dialogTitle}),(0,i.jsx)(s.aj,{children:(0,i.jsxs)(s.D,{flexDirection:"column",children:[(0,i.jsx)(s.D,{flexDirection:"column",padding:16,children:(0,i.jsx)(s.bL,{children:r.dialogDescription})}),(0,i.jsxs)(s.ah,{children:[(0,i.jsx)(s.ai,{size:"medium"}),(0,i.jsx)(s.af,{size:"medium",onClick:()=>{u.Xe.track({event:"dev-collab:join-beta-clicked"}),window.open(r.dialogButtonLink,"_blank"),n(!1)},children:r.dialogButtonLabel})]})]})})]})]})}let el=e=>{let{unSyncedCustomTypes:t,unSyncedSlices:n,modelsStatuses:r,authStatus:l,isOnline:o}=e,{modalPayload:c,onOpenModal:d}=(0,U.H)(),u=(0,M.k)(),{sliceFilterFn:h,defaultVariationSelector:x}=c,m=n.filter(e=>r.slices[e.model.id]!==en.GJ.Deleted);return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(s.D,{gap:16,alignItems:"flex-start",children:[(0,i.jsxs)(s.D,{flexDirection:"column",flexGrow:1,children:[t.length>0&&(0,i.jsxs)(s.D,{flexDirection:"column",children:[(0,i.jsx)(X,{children:(0,i.jsxs)(s.D,{children:[(0,i.jsx)(s.bL,{variant:"h5",children:"Types"}),(0,i.jsx)(s.bL,{variant:"h5",sx:{marginLeft:8},children:t.length})]})}),(0,i.jsx)(K,{customTypes:t,modelsStatuses:r,authStatus:l,isOnline:o})]}),n.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.D,{padding:{bottom:8},children:(0,i.jsxs)(X,{children:[(0,i.jsxs)(s.D,{children:[(0,i.jsx)(s.bL,{variant:"h5",children:(0,ei._)((0,ei.f)(u.value))}),(0,i.jsx)(s.bL,{variant:"h5",sx:{marginLeft:8},children:n.length})]}),(0,i.jsxs)(s.D,{children:[n.some(e=>(0,G.cx)(e)>0&&r.slices[e.model.id]!==en.GJ.Deleted)&&(0,i.jsxs)(s.bL,{color:"amber11",sx:{marginRight:8,alignSelf:"center"},children:[(0,i.jsx)(Z.sQg,{size:16,style:{marginRight:"4px",position:"relative",top:"3px"}}),"Missing Screenshots"]}),(0,i.jsx)(s.E,{color:"dark",startIcon:"photoCamera",onClick:()=>d({sliceFilterFn:e=>e}),children:"Update all screenshots"})]})]})}),(0,i.jsx)(ee.Z,{gridGap:"32px 16px",elems:n,gridTemplateMinPx:"305px",defineElementKey:e=>e.model.name,renderElem:e=>{let t=r.slices[e.model.id];return(0,i.jsx)(W.b,{action:{type:"status",authStatus:l,isOnline:o,modelStatus:t},isDeleted:t===en.GJ.Deleted,mode:"navigation",onUpdateScreenshot:()=>{d({sliceFilterFn:t=>t.filter(t=>t.model.id===e.model.id)})},slice:e,variant:"solid"})}}),(0,i.jsx)(et.Z,{slices:h(m),defaultVariationSelector:x})]})]}),(0,i.jsx)(j.S,{children:(0,i.jsx)(a.Suspense,{children:(0,i.jsx)(er,{})})})]})})};var eo=n(56580),ea=n(33986),ec=n(79797),ed=n(30527);let eu=e=>{let{isOpen:t,title:n,footer:s,explanations:r,onClose:l}=e;return(0,i.jsx)(ec.Z,{placement:"right",open:t,level:null,onClose:l,width:496,children:(0,i.jsx)(ed.Z,{radius:"0px",bodySx:{bg:"white",padding:24,flex:1,display:"flex",flexDirection:"column",overflow:"scroll"},footerSx:{p:0},sx:{flexDirection:"column",display:"flex",height:"100%",border:"none"},borderFooter:!0,Header:(0,i.jsxs)(A.kC,{sx:{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.kC,{sx:{alignItems:"center"},children:(0,i.jsx)(A.X6,{sx:{fontSize:"14px",fontWeight:"bold",ml:1},children:n})}),(0,i.jsx)(A.x8,{type:"button",onClick:()=>l()})]}),Footer:()=>(0,i.jsx)(A.kC,{sx:{flexDirection:"column",justifyContent:"center",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:"white",padding:20},children:s}),children:r})})};var eh=n(78254);n(98564);let ex=e=>{let{ctName:t,numberOfDocuments:n,link:s,isOverLimit:r=!1}=e;return(0,i.jsxs)(A.Zb,{sx:{mb:12},variant:"drawerCard","data-testid":"AssociatedDocumentsCard-".concat(t),children:[(0,i.jsxs)(A.kC,{sx:{flexDirection:"column"},children:[(0,i.jsx)(A.xv,{children:t}),(0,i.jsxs)(A.xv,{sx:{color:"textClear",fontSize:"12px",lineHeight:"16px"},children:[n," documents"]})]}),(0,i.jsx)(A.rU,{href:s,target:"_blank",variant:"cardSmall",sx:{color:r?"danger":"purple08"},children:"View documents"})]})},em=e=>{let{pushChanges:t,modalData:n,onClose:s}=e,{remoteOnlyCustomTypes:r}=(0,eo.v9)(e=>({remoteOnlyCustomTypes:(0,eh.Ch)(e).filter($.yp)}));if((null==n?void 0:n.type)!=="HARD")return null;let l=n.details.customTypes.map(e=>{var t;let n=r.find(t=>(0,$.n5)(t)===e.id);return void 0===n?null:(0,i.jsx)(ex,{isOverLimit:!0,ctName:null!==(t=n.remote.label)&&void 0!==t?t:n.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,i.jsx)(eu,{isOpen:"HARD"===n.type,title:"Manual action required",onClose:s,footer:(0,i.jsx)(ea.z,{label:"Try again",variant:"primary",onClick:()=>{t(!1)},sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}}),explanations:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(A.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:["Your type",n.details.customTypes.length>1&&"s"," cannot be deleted."]}),(0,i.jsxs)(A.xv,{sx:{mb:24},children:[n.details.customTypes.length>1?"These types have":"This type has"," ","too many associated Documents. Archive and delete these Documents manually and then try deleting the types again."]}),l]})})},eg=e=>{let{onToggle:t,isConfirmed:n,sx:s}=e;return(0,i.jsxs)(A.kC,{sx:{borderRadius:6,flexDirection:"column",backgroundColor:"grey03",padding:12,width:"100%",...s},children:[(0,i.jsx)(A.xv,{sx:{fontWeight:"bold",mb:2},children:"Are you sure to proceed?"}),(0,i.jsxs)(A.__,{sx:{mt:"4px",py:1},variant:"large",children:[(0,i.jsx)(A.XZ,{defaultChecked:n,onChange:t,variant:"forms.checkbox.dark"}),"Delete these Documents"]})]})},ep=e=>{let{pushChanges:t,modalData:n,onClose:s}=e,[r,l]=(0,a.useState)(!1),{remoteOnlyCustomTypes:o}=(0,eo.v9)(e=>({remoteOnlyCustomTypes:(0,eh.Ch)(e).filter($.yp)}));if((null==n?void 0:n.type)!=="SOFT")return null;let c=n.details.customTypes.map(e=>{var t;let n=o.find(t=>(0,$.n5)(t)===e.id);return void 0===n?null:(0,i.jsx)(ex,{isOverLimit:!0,ctName:null!==(t=n.remote.label)&&void 0!==t?t:n.remote.id,link:e.url,numberOfDocuments:e.numberOfDocuments},e.id)});return(0,i.jsx)(eu,{isOpen:"SOFT"===n.type,title:"Confirm deletion",onClose:s,footer:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eg,{onToggle:()=>{l(!r)},isConfirmed:r,sx:{mb:10}}),(0,i.jsx)(ea.z,{label:"Push changes",variant:"primary",onClick:()=>{t(r)},disabled:!r,sx:{fontWeight:"bold",color:"white",borderRadius:6,width:"100%"}})]}),explanations:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A.xv,{sx:{fontWeight:"bold",mb:1,lineHeight:"24px"},children:"This action will also delete Documents."}),(0,i.jsxs)(A.xv,{sx:{mb:24},children:[n.details.customTypes.length>1?"These types have":"This type has"," ","associated Documents, which will also be deleted. This might create broken links in your repository."]}),c]})})};var ej=()=>{let{unSyncedSlices:e,unSyncedCustomTypes:t,changedCustomTypes:n,changedSlices:r,modelsStatuses:x}=(0,R.X)(),g=(0,I.L)(),p=(0,B.n)(),{pushChangesSuccess:j,refreshState:f}=(0,E.Z)(),[b,v]=(0,a.useState)(!1),[C,w]=(0,a.useState)(void 0),{autoSyncStatus:k}=(0,T.g)(),S=(0,o.useRouter)(),[D,P]=(0,a.useState)(!1),[A,Z]=(0,a.useState)(!1),{repositoryUrl:G}=(0,N.U)(),{completeStep:M}=(0,L.k)(),W=e.length+t.length;(0,a.useEffect)(()=>{("synced"===k||"failed"===k||"syncing"===k)&&S.push("/")},[k,S]);let U=async e=>{try{v(!0),w(void 0);let t=await (0,_.t)({confirmDeleteDocuments:e,changedCustomTypes:n,changedSlices:r});if(void 0!==t)w(t);else{let e=await (0,u.y0)();f(e),j(),P(!0),Z(!0),M("reviewAndPush")}}catch(e){console.error("Something went wrong when manually pushing your changes",e),c.Am.error("Something went wrong when pushing your changes. Check your terminal logs.")}v(!1)},X=(0,a.useMemo)(()=>g?p===H.t.UNAUTHORIZED||p===H.t.FORBIDDEN?(0,i.jsx)(F,{authStatus:p}):0===W?(0,i.jsx)(m,{isPostPush:D,documentsListEndpoint:G}):(0,i.jsx)(el,{unSyncedSlices:e,unSyncedCustomTypes:t,modelsStatuses:x,authStatus:p,isOnline:g}):(0,i.jsx)(z,{}),[g,p,W,e,t,x,D,G]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l(),{children:(0,i.jsx)("title",{children:"Changes - Slice Machine"})}),(0,i.jsxs)(O.LN,{children:[(0,i.jsxs)(O.wd,{children:[(0,i.jsx)(O.Cx,{children:(0,i.jsx)(h.g,{children:"Changes"})}),(0,i.jsxs)(O.K2,{children:[(0,i.jsx)(y,{disabled:0===W||!g||p===H.t.UNAUTHORIZED||p===H.t.FORBIDDEN||b,loading:b,onClick:()=>{U(!1)}}),(0,i.jsx)(s.bQ,{anchor:(0,i.jsx)(s.D,{position:"fixed",top:32,right:32,width:322}),open:A,variant:"card",seconds:20,title:"Success! \uD83C\uDF89",subtitle:"Your changes have been pushed.",action:{title:"Create content in the Page Builder",onClick:()=>{u.Xe.track({event:"post-push:toast-cta-clicked"}),window.open(G,"_blank")}},cancel:{onClick:()=>Z(!1)},onOpenChange:Z})]})]}),(0,i.jsx)(O.RN,{children:(0,i.jsxs)(d.xR,{sx:{display:"flex",flexDirection:"column"},children:[X,(0,i.jsx)(ep,{pushChanges:e=>void U(e),modalData:C,onClose:()=>w(void 0)}),(0,i.jsx)(em,{pushChanges:e=>void U(e),modalData:C,onClose:()=>w(void 0)})]})})]})]})}},83478:function(e){e.exports={column:"BlankSlate_column__genEe",root:"BlankSlate_root__CmSqW BlankSlate_column__genEe",fadeIn:"BlankSlate_fadeIn__mAfi5",withBackground:"BlankSlate_withBackground__mLYij",image:"BlankSlate_image__Jn90S BlankSlate_column__genEe",content:"BlankSlate_content__0Yt2d BlankSlate_column__genEe",desc:"BlankSlate_desc___Dl7e",actions:"BlankSlate_actions__OYRj4"}}},function(e){e.O(0,[898,789,123,918,34,658,888,774,179],function(){return e(e.s=21985)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/labs-9630bfb1005be02b.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[274],{41535:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/labs",function(){return i(69560)}])},43776:function(e,n,i){"use strict";i.d(n,{E:function(){return a}});var r=i(31470);function a(e){var n,i;let[a,t]=(0,r.f)(),l=async n=>{let i={...a,labs:{...a.labs}};n?i.labs[e]=n:e in i.labs&&delete i.labs[e],0===Object.keys(i.labs).length&&delete i.labs,await t(i)};return[{enabled:null!==(i=null==a?void 0:null===(n=a.labs)||void 0===n?void 0:n[e])&&void 0!==i&&i},l]}},31470:function(e,n,i){"use strict";i.d(n,{f:function(){return t}});var r=i(18566),a=i(80148);function t(){return[(0,r.QT)(l,[]),async e=>{await a.managerClient.project.writeSliceMachineConfig({config:e}),(0,r.VA)(l,[],e)}]}async function l(){return a.managerClient.project.getSliceMachineConfig()}},69560:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return g}});var r=i(52322),a=i(56803),t=i(97729),l=i.n(t),s=i(2784),c=i(43388),o=i(17378),d=i(51384),u=i(88932);let h=e=>{let{title:n,enabled:i,onToggle:t,children:l}=e;return(0,r.jsx)(a.G,{variant:"outlined",children:(0,r.jsxs)(a.D,{gap:8,padding:16,children:[(0,r.jsx)(a.D,{padding:{top:6},children:(0,r.jsx)(a.aX,{name:"viewDay",size:"medium",color:"grey11"})}),(0,r.jsxs)(a.D,{flexDirection:"column",flexGrow:1,children:[(0,r.jsx)(a.bL,{variant:"h3",children:n}),(0,r.jsx)(a.bL,{variant:"normal",children:l})]}),(0,r.jsx)(a.D,{width:128,justifyContent:"end",children:(0,r.jsx)(a.bC,{size:"medium",checked:i,onCheckedChange:e=>t(e)})})]})})};var b=i(43776);let f=()=>{let[e,n]=function(e,n){let[i,r]=(0,b.E)(e);return[i,async e=>{try{await r(e),u.Am.success(e?"Labs: enabled ".concat(n):"Labs: disabled ".concat(n))}catch(i){console.error(i),u.Am.error(e?"Labs: failed to enable ".concat(n):"Labs: failed to disable ".concat(n))}}]}("legacySliceUpgrader","Legacy Slice Upgrader");return(0,r.jsxs)(a.D,{flexDirection:"column",gap:32,children:[(0,r.jsx)("header",{children:(0,r.jsx)(a.bL,{variant:"normal",children:"Slice Machine Labs gives you early access to new features before they're widely released. Experimental features are works-in-progress and potentially unstable, so you may find some bugs and breaking changes along the way."})}),(0,r.jsx)(a.D,{flexDirection:"column",gap:16,children:(0,r.jsxs)(h,{title:"Legacy Slice Upgrader",enabled:e.enabled,onToggle:e=>void n(e),children:["The Legacy Slice Upgrader allows you to convert old slices (legacy and composite slices) to slices managed by Slice Machine (shared slices). This feature is experimental, and we strongly recommend that you test it with a"," ",(0,r.jsx)("a",{href:"https://prismic.io/docs/environments",target:"_blank",children:"Prismic environment"})," ","or you'll be at risk of losing past content."]})})]})},g=()=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l(),{children:(0,r.jsx)("title",{children:"Labs - Slice Machine"})}),(0,r.jsx)(o.S,{renderError:()=>(0,r.jsx)(x,{children:(0,r.jsx)(a.D,{alignItems:"center",justifyContent:"center",children:(0,r.jsx)(a.ax,{title:"Request failed",description:"An error occurred while fetching your labs configuration."})})}),children:(0,r.jsx)(s.Suspense,{fallback:(0,r.jsx)(x,{withHeader:!0,children:(0,r.jsx)(a.bg,{})}),children:(0,r.jsx)(x,{withHeader:!0,children:(0,r.jsx)(f,{})})})})]}),x=e=>{let{children:n,withHeader:i=!1}=e;return(0,r.jsxs)(d.LN,{children:[i?(0,r.jsx)(d.wd,{children:(0,r.jsx)(d.Cx,{children:(0,r.jsx)(c.g,{children:"Labs"})})}):null,(0,r.jsx)(d.RN,{children:n})]})}}},function(e){e.O(0,[888,774,179],function(){return e(e.s=41535)}),_N_E=e.O()}]);

package/out/_next/static/chunks/pages/settings-01f4aeb9112a1f87.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[662],{24994:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/settings",function(){return n(62578)}])},99251:function(e,t,n){"use strict";n.d(t,{Q:function(){return l}});let i={GitHub:"gitHub"};var r=n(52322),o=n(80148);let l={gitHub:{connect:async()=>await s("gitHub"),Icon:e=>(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{d:"M12 4C7.57486 4 4 7.57486 4 12C4 15.5246 6.30057 18.5257 9.47429 19.6C9.87429 19.6754 10.0251 19.4251 10.0251 19.2251V17.8754C7.8 18.3497 7.32457 16.8 7.32457 16.8C6.94971 15.8743 6.42514 15.6251 6.42514 15.6251C5.70057 15.1246 6.47543 15.1497 6.47543 15.1497C7.27543 15.2 7.69943 15.9749 7.69943 15.9749C8.42514 17.2 9.57486 16.8503 10.0251 16.6491C10.1006 16.1246 10.2994 15.7749 10.5246 15.5749C8.74971 15.3749 6.87543 14.6754 6.87543 11.6251C6.87543 10.7497 7.17486 10.0503 7.69943 9.47543C7.62514 9.27543 7.34971 8.45029 7.77486 7.34971C7.77486 7.34971 8.44914 7.12457 9.97486 8.17486C10.6266 7.99627 11.2991 7.90405 11.9749 7.90057C12.6491 7.90057 13.3497 8 13.9749 8.17486C15.5006 7.14971 16.1749 7.34971 16.1749 7.34971C16.6 8.45029 16.3246 9.27543 16.2503 9.47543C16.776 10.024 17.0754 10.7497 17.0754 11.624C17.0754 14.6994 15.2 15.3749 13.4251 15.5749C13.6994 15.8251 13.9749 16.2994 13.9749 17.0491V19.2503C13.9749 19.4754 14.1246 19.7246 14.5246 19.6251C17.7006 18.5246 20 15.5246 20 12C20 7.57486 16.4251 4 12 4Z",fill:"currentColor"})}),name:"GitHub",supported:c("gitHub")},bitbucket:{connect:async()=>await s("bitbucket"),Icon:e=>(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.77596 5.47599C4.84147 5.44648 4.91265 5.43167 4.9845 5.4326L19.3525 5.43506C19.4243 5.43413 19.4955 5.44894 19.561 5.47845C19.6265 5.50796 19.6848 5.55146 19.7317 5.60588C19.7786 5.6603 19.8131 5.72433 19.8326 5.79348C19.8521 5.86262 19.8563 5.93521 19.8448 6.00614L19.1802 10.0751H9.71803L10.5722 14.6018H11.1162L11.1162 14.6018H13.7846L14.56 10.0751H19.1803L17.7575 18.8357C17.7387 18.9522 17.6786 19.058 17.5882 19.1339C17.4979 19.2098 17.3832 19.2507 17.2652 19.2492H7.23692C7.2134 19.249 7.19001 19.2476 7.16682 19.2449C7.03392 19.2298 6.90803 19.175 6.80603 19.0868C6.68704 18.9851 6.60772 18.8448 6.58203 18.6904L4.49219 6.00367C4.48069 5.93275 4.48485 5.86016 4.50438 5.79102C4.52392 5.72187 4.55835 5.65784 4.60527 5.60342C4.65218 5.54899 4.71044 5.5055 4.77596 5.47599Z",fill:"currentColor"})}),name:"Bitbucket",supported:c("bitbucket")},gitLab:{connect:async()=>await s("gitLab"),Icon:e=>(0,r.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.7881 10.5954L16.5431 5.20756C16.6328 4.93081 17.0594 4.93081 17.1492 5.20756L18.9076 10.5954H14.7881ZM6.6192 5.20756L4.86353 10.5954H8.97968L7.22468 5.20756C7.1349 4.93081 6.70898 4.93081 6.6192 5.20756ZM4.0299 13.2981L4.86352 10.5954H4.86353H8.979H14.7881H18.9076L19.7392 13.2981C19.7796 13.4207 19.7802 13.553 19.7408 13.676C19.7014 13.799 19.624 13.9063 19.5198 13.9826L11.893 19.5257L11.8879 19.5319L11.8923 19.5378L11.8865 19.5336L11.8835 19.5371L11.8852 19.5326L4.24927 13.9826C4.0299 13.8246 3.95092 13.5458 4.0299 13.2981Z",fill:"currentColor"})}),name:"GitLab",supported:c("gitLab")}};async function s(e){if(!c(e))throw Error("Not implemented.");let t=await o.managerClient.git.getProviderAppInstallURL({provider:e});window.open(t,"git-provider-app-installation")}function c(e){return!!Object.values(i).includes(e)}},45276:function(e,t,n){"use strict";n.d(t,{G:function(){return l}});var i=n(18566),r=n(31470),o=n(80148);function l(){let[e]=(0,r.f)();return{linkedGitRepos:(0,i.QT)(s,[e.repositoryName]),linkRepo:async t=>{await o.managerClient.git.linkRepo({prismic:{domain:e.repositoryName},git:t}),await (0,i.gw)(s,[e.repositoryName])},unlinkRepo:async t=>{await o.managerClient.git.unlinkRepo({prismic:{domain:e.repositoryName},git:t}),await (0,i.gw)(s,[e.repositoryName])}}}async function s(e){return await o.managerClient.git.fetchLinkedRepos({prismic:{domain:e}})}},31470:function(e,t,n){"use strict";n.d(t,{f:function(){return o}});var i=n(18566),r=n(80148);function o(){return[(0,i.QT)(l,[]),async e=>{await r.managerClient.project.writeSliceMachineConfig({config:e}),(0,i.VA)(l,[],e)}]}async function l(){return r.managerClient.project.getSliceMachineConfig()}},62578:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return er}});var i=n(52322),r=n(56803),o=n(97729),l=n.n(o),s=n(5632),c=n(2784),a=n(43388),d=n(37792),u=n(35050),x=n.n(u);let h=e=>(0,i.jsx)("div",{...e,className:x().root}),g=e=>{let{children:t,...n}=e;return(0,i.jsx)("div",{...n,className:x().legend,children:(0,i.jsx)(r.bL,{color:"grey11",component:"span",noWrap:!0,variant:"smallBold",children:t})})},m=e=>(0,i.jsx)("div",{...e,className:x().header}),j=e=>(0,i.jsx)("div",{...e,className:x().content}),p=e=>(0,i.jsx)("ul",{...e,className:x().list}),_=e=>{let{action:t,children:n,...o}=e;return(0,i.jsxs)("li",{...o,className:x().listItem,children:[(0,i.jsx)(r.bL,{component:"span",noWrap:!0,variant:"bold",sx:{flexGrow:1},children:n}),t]})},f=e=>{let{action:t,children:n,...o}=e;return(0,i.jsxs)("div",{...o,className:x().footer,children:[(0,i.jsx)(r.bL,{color:"grey11",component:"span",noWrap:!0,variant:"small",sx:{flexGrow:1},children:n}),t]})};var w=n(17378);let C=e=>{let{title:t,description:n,action:o}=e;return(0,i.jsxs)(r.D,{flexDirection:"column",padding:{block:72,inline:100},children:[(0,i.jsx)(r.bL,{align:"center",variant:"emphasized",children:t}),(0,i.jsx)(r.bL,{align:"center",color:"grey11",children:n}),o?(0,i.jsx)(r.F,{sx:{alignSelf:"center",marginTop:8},children:o}):void 0]})};var b=n(98863),v=n(88932),y=n(99251);let S=()=>(0,i.jsx)(r.F,{children:(0,b.XP)(y.Q).map(e=>(0,i.jsx)(k,{provider:e,sx:{flexBasis:0,flexGrow:1}},e))}),k=e=>{let{provider:t,sx:n}=e,{connect:o,Icon:l,name:s,supported:a}=y.Q[t],[d,u]=(0,c.useState)(!1);return(0,i.jsxs)(r.E,{color:"grey",disabled:!a,loading:d,onClick:()=>{(async()=>{u(!0);try{await o()}catch(t){let e="Could not connect to ".concat(s);console.error(e,t),v.Am.error(e),u(!1)}})()},renderStartIcon:()=>(0,i.jsx)(l,{color:r.t.color.grey11}),sx:n,children:[s,a?void 0:(0,i.jsx)(r.bL,{color:"inherit",variant:"small",children:" (soon)"})]})},L=e=>{let{date:t,...n}=e;return(0,i.jsx)(r.bL,{...n,color:"inherit",variant:"inherit",children:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new Date;return F.format(Math.round((+I(e)-+I(t))/864e5),"day")}(t)})},F=new Intl.RelativeTimeFormat("en",{numeric:"auto",style:"narrow"});function I(e){let t=new Date(e);return t.setHours(0,0,0,0),t}var Z=n(63397),R=n(31470),N=n(80148),D=n(30613);let H=e=>{let{linkRepo:t,repo:n,trigger:o}=e,l=y.Q[n.provider],{updateToken:s}=function(e){let[t]=(0,R.f)();return{updateToken:async n=>{await N.managerClient.git.updateWriteAPIToken({prismic:{domain:t.repositoryName},git:e.git,token:n})}}}({git:n}),{repositoryUrl:c}=(0,D.U)();return(0,i.jsxs)(r.ae,{size:{width:448,height:"auto"},trigger:o,children:[(0,i.jsx)(r.al,{title:"Prismic Write API token required"}),(0,i.jsx)(r.aj,{children:(0,i.jsx)(Z.J9,{initialValues:{writeAPIToken:""},validate:e=>{if(0===e.writeAPIToken.length)return{writeAPIToken:"Cannot be empty"}},onSubmit:async e=>{try{await t(n),await s(e.writeAPIToken)}catch(t){let e="Could not connect to ".concat(n.name);console.error(e,t),v.Am.error(e)}},children:e=>(0,i.jsxs)("form",{onSubmit:e.handleSubmit,children:[(0,i.jsxs)(r.D,{flexDirection:"column",gap:4,padding:16,children:[(0,i.jsx)(r.aM,{disabled:e.isSubmitting,error:"string"==typeof e.errors.writeAPIToken,label:"Paste your Write API token",onValueChange:t=>{e.setFieldValue("writeAPIToken",t)},placeholder:"Write API token",value:e.values.writeAPIToken}),(0,i.jsxs)(r.bL,{color:"grey11",children:["Required to sync models from ",l.name," to Prismic."]})]}),(0,i.jsxs)(r.ah,{children:[(0,i.jsx)(r.ag,{href:new URL("/settings/apps",c).href,children:"Create a Prismic Write API token"}),(0,i.jsx)(r.ai,{size:"medium"}),(0,i.jsx)(r.af,{disabled:!e.isValid,loading:e.isSubmitting,onClick:()=>void e.submitForm(),size:"medium",children:"Save Token"})]})]})})})]})},T=e=>{let{repo:t,trigger:n,unlinkRepo:o}=e,[l,s]=(0,c.useState)(!1);return(0,i.jsxs)(r.ae,{size:{width:448,height:"auto"},trigger:n,children:[(0,i.jsx)(r.al,{title:"Remove Git Connection"}),(0,i.jsx)(r.aj,{children:(0,i.jsx)(r.D,{flexDirection:"column",padding:16,children:(0,i.jsx)(r.bL,{children:"You will not be able to push your code alongside your models anymore. Note that you can reconnect your Git repository at any time. Are you sure you want to continue?"})})}),(0,i.jsxs)(r.ah,{children:[(0,i.jsx)(r.ai,{size:"medium"}),(0,i.jsx)(r.af,{size:"medium",color:"tomato",loading:l,onClick:()=>{(async()=>{s(!0);try{await o(t)}catch(n){let e="Could not disconnect from ".concat(t.name);console.error(e,n),v.Am.error(e)}s(!1)})()},children:"Disconnect"})]})]})};var A=n(45276);let P=e=>{let{mode:t,repos:n}=e,{linkRepo:o,unlinkRepo:l}=(0,A.G)();return(0,i.jsx)(p,{children:"link"===t?n.map(e=>(0,i.jsxs)(_,{action:(0,i.jsx)(H,{linkRepo:o,repo:e,trigger:(0,i.jsx)(r.E,{color:"grey",children:"Connect"})}),children:[e.name,(0,i.jsxs)(r.bL,{color:"grey11",children:[" • ",(0,i.jsx)(L,{date:e.pushedAt})]})]},"".concat(e.provider,"@").concat(e.id))):n.map(e=>(0,i.jsx)(_,{action:(0,i.jsx)(T,{repo:e,trigger:(0,i.jsx)(r.E,{color:"grey",children:"Disconnect"}),unlinkRepo:l}),children:e.name},"".concat(e.provider,"@").concat(e.owner,"/").concat(e.name)))})},W=()=>(0,i.jsx)(p,{children:[...[,,,,].keys()].map(e=>(0,i.jsx)(_,{action:(0,i.jsx)(r.bx,{height:32,width:67.59}),children:(0,i.jsx)(r.bx,{height:24,sx:{verticalAlign:"middle"},width:129.92})},e))}),G=e=>{let{disabled:t,owners:n=[],selectedOwner:o,onSelectedOwnerChange:l,sx:s}=e;return(0,i.jsx)(r.bq,{color:"grey",constrainContentWidth:!0,disabled:t,flexContent:!0,onValueChange:e=>{let[t,i]=e.split("@"),r=n.find(e=>e.provider===t&&e.id===i);r&&(null==l||l(r))},placeholder:"Owner",renderStartIcon:()=>(0,i.jsx)(M,{owner:o}),size:"large",sx:s,value:o?E(o):void 0,children:n.map(e=>(0,i.jsx)(r.bt,{renderStartIcon:()=>(0,i.jsx)(M,{owner:e}),size:"large",value:E(e),children:e.name},E(e)))})},M=e=>{var t;let{owner:n}=e,{Icon:o}=y.Q[null!==(t=null==n?void 0:n.provider)&&void 0!==t?t:"gitHub"];return(0,i.jsx)(o,{color:r.t.color.grey11})};function E(e){return"".concat(e.provider,"@").concat(e.id)}var V=n(18566);async function B(e,t,n,i){return await N.managerClient.git.fetchRepos({provider:e,owner:t,query:n,page:i})}let z=e=>{let{owners:t}=e,[n,r]=(0,c.useState)(t[0]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m,{children:(0,i.jsx)(G,{owners:t,selectedOwner:n,onSelectedOwnerChange:r,sx:{width:"calc(50% - 8px)"}})}),(0,i.jsx)(c.Suspense,{fallback:(0,i.jsx)(Q,{gitOwnerSelect:!1}),children:(0,i.jsx)(O,{owner:n})})]})},O=e=>{var t;let{owner:n}=e,r=(t={provider:n.provider,owner:n.name},(0,V.QT)(B,[t.provider,t.owner,t.query,t.page]));return r.length>0?(0,i.jsx)(P,{mode:"link",repos:r}):(0,i.jsx)(j,{children:(0,i.jsx)(C,{title:"No Results Found",description:"Try selecting a different Git account or organization on the top left."})})},Q=e=>{let{gitOwnerSelect:t}=e;return(0,i.jsxs)(i.Fragment,{children:[t?(0,i.jsx)(m,{children:(0,i.jsx)(G,{disabled:!0,sx:{width:"calc(50% - 8px)"}})}):void 0,(0,i.jsx)(W,{})]})};async function q(){return await N.managerClient.git.fetchOwners()}var K=n(54597);let U=()=>(0,i.jsxs)(h,{children:[(0,i.jsx)(g,{children:"Connected Git Repository"}),(0,i.jsx)(w.S,{renderError:J,children:(0,i.jsx)(c.Suspense,{fallback:(0,i.jsx)(Q,{gitOwnerSelect:!0}),children:(0,i.jsx)(Y,{})})}),(0,i.jsx)(f,{action:(0,i.jsx)(r.c3,{content:"Documentation is coming soon.",side:"bottom",children:(0,i.jsx)(r.aZ,{disabled:!0,icon:"openInNew"})}),children:"Learn more about Prismic for Git"})]}),Y=()=>{let{linkedGitRepos:e}=(0,A.G)();return e.length>0?(0,i.jsx)(P,{mode:"unlink",repos:e}):(0,i.jsx)(X,{})},X=()=>{let e=(0,V.QT)(q,[]);return e.length>0?(0,i.jsx)(z,{owners:e}):(0,i.jsx)(j,{children:(0,i.jsx)(S,{})})};function J(e,t){return(0,d.ff)(e)?(0,i.jsx)($,{}):(0,d.TW)(e)?(0,i.jsx)(ee,{}):(0,i.jsx)(et,{reset:t})}let $=()=>{let{openLoginModal:e}=(0,K.Z)();return(0,i.jsx)(j,{children:(0,i.jsx)(C,{title:"It seems like you are logged out",description:"Log in to connect a Git repository.",action:(0,i.jsx)(r.E,{onClick:e,children:"Log in to Prismic"})})})},ee=()=>(0,i.jsx)(j,{children:(0,i.jsx)(C,{title:"It seems like you do not have permission",description:"An owner or admin is required to connect a Git repository."})}),et=e=>{let{reset:t}=e;return(0,i.jsx)(j,{children:(0,i.jsx)(C,{title:"Unable to fetch data",description:"An error occurred while fetching the list of connected Git repositories.",action:(0,i.jsx)(r.E,{color:"grey",onClick:t,children:"Retry"})})})};var en=n(83758),ei=n(51384);let er=()=>{let e=(0,en.M)(),t=(0,s.useRouter)();return((0,c.useEffect)(()=>{e.eligible||t.replace("/")},[e.eligible,t]),e.eligible)?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l(),{children:(0,i.jsx)("title",{children:"Settings - Slice Machine"})}),(0,i.jsxs)(ei.LN,{children:[(0,i.jsx)(ei.wd,{children:(0,i.jsx)(ei.Cx,{children:(0,i.jsx)(a.g,{children:"Settings"})})}),(0,i.jsx)(ei.RN,{children:(0,i.jsx)(r.D,{flexDirection:"column",maxWidth:600,children:(0,i.jsx)(U,{})})})]})]}):null}},35050:function(e){e.exports={flex:"FieldSet_flex__r2Zbg",column:"FieldSet_column__esHjW FieldSet_flex__r2Zbg",root:"FieldSet_root__MYqY8 FieldSet_column__esHjW FieldSet_flex__r2Zbg",row:"FieldSet_row__DZZjD FieldSet_flex__r2Zbg",borderBottom:"FieldSet_borderBottom__WVCMK",legend:"FieldSet_legend__4k9_l FieldSet_row__DZZjD FieldSet_flex__r2Zbg FieldSet_borderBottom__WVCMK",header:"FieldSet_header__cR_f3 FieldSet_row__DZZjD FieldSet_flex__r2Zbg FieldSet_borderBottom__WVCMK",content:"FieldSet_content__WzxRs FieldSet_column__esHjW FieldSet_flex__r2Zbg",list:"FieldSet_list__mILoo FieldSet_column__esHjW FieldSet_flex__r2Zbg",listItem:"FieldSet_listItem__QOhSB FieldSet_row__DZZjD FieldSet_flex__r2Zbg FieldSet_borderBottom__WVCMK",borderTop:"FieldSet_borderTop__KfoL_",footer:"FieldSet_footer__1VWxY FieldSet_row__DZZjD FieldSet_flex__r2Zbg FieldSet_borderTop__KfoL_"}}},function(e){e.O(0,[397,888,774,179],function(){return e(e.s=24994)}),_N_E=e.O()}]);