npm - slice-machine-ui - Versions diffs - 2.0.1-beta.1 → 2.0.1-beta.3 - Mend

slice-machine-ui 2.0.1-beta.1 → 2.0.1-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/src/hooks/useMarketingContent.ts CHANGED Viewed

@@ -17,6 +17,11 @@ type MarketingContent = {
       };
     };
   };
+  masterSliceLibrary?: {
+    exampleLinkUrl: string;
+    codeLinkUrl: string;
+    previewVideoUrl: string;
+  };
 };
 const CONTENT_BY_ADAPTER: Record<string, MarketingContent> = {
@@ -38,6 +43,13 @@ const CONTENT_BY_ADAPTER: Record<string, MarketingContent> = {
         },
       },
     },
+    masterSliceLibrary: {
+      exampleLinkUrl: "https://slicify-app.vercel.app/slice-library",
+      codeLinkUrl:
+        "https://github.com/prismicio-solution-engineering/slicify-library#readme",
+      previewVideoUrl:
+        "https://res.cloudinary.com/dmtf1daqp/video/upload/v1715957263/Slice_library_video_oemhy0.mp4",
+    },
   },
 };

package/src/icons/MasterSliceLibraryIcon.tsx ADDED Viewed

@@ -0,0 +1,19 @@
+import type { FC, SVGProps } from "react";
+export const MasterSliceLibraryIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.0111 16.3952C7.97946 16.5429 8.01624 16.6969 8.11117 16.8143C8.2061 16.9318 8.34901 17 8.5 17H23.5C23.651 17 23.7939 16.9318 23.8888 16.8143C23.9838 16.6969 24.0205 16.5429 23.9889 16.3952L22.6583 10.1857C22.5101 9.4941 21.8989 9 21.1916 9H14H10.8084C10.1011 9 9.48992 9.4941 9.34171 10.1857L8.0111 16.3952ZM22.8815 16H9.1185L10.3195 10.3952C10.3689 10.1647 10.5727 10 10.8084 10H14H21.1916C21.4274 10 21.6311 10.1647 21.6805 10.3952L22.8815 16ZM8 22.5C8 22.2239 8.22386 22 8.5 22H23.5C23.7761 22 24 22.2239 24 22.5C24 22.7761 23.7761 23 23.5 23H8.5C8.22386 23 8 22.7761 8 22.5ZM8 19.5C8 19.2239 8.22386 19 8.5 19H23.5C23.7761 19 24 19.2239 24 19.5C24 19.7761 23.7761 20 23.5 20H8.5C8.22386 20 8 19.7761 8 19.5Z"
+      fill="currentColor"
+    />
+  </svg>
+);

package/src/legacy/components/Navigation/index.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Box } from "@prismicio/editor-ui";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { type FC, Suspense } from "react";
+import { type FC, Suspense, useState } from "react";
 import { useSelector } from "react-redux";
 import { telemetry } from "@/apiClient";
@@ -16,11 +16,13 @@ import {
 import { ErrorBoundary } from "@/ErrorBoundary";
 import { CUSTOM_TYPES_CONFIG } from "@/features/customTypes/customTypesConfig";
 import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { MasterSliceLibraryPreviewModal } from "@/features/masterSliceLibrary/SliceLibraryPreviewModal";
 import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
+import { useMarketingContent } from "@/hooks/useMarketingContent";
 import { useRepositoryInformation } from "@/hooks/useRepositoryInformation";
 import { FolderIcon } from "@/icons/FolderIcon";
 import { LightningIcon } from "@/icons/Lightning";
-import { MathPlusIcon } from "@/icons/MathPlusIcon";
+import { MasterSliceLibraryIcon } from "@/icons/MasterSliceLibraryIcon";
 import { SettingsIcon } from "@/icons/SettingsIcon";
 import VideoItem from "@/legacy/components/Navigation/VideoItem";
 import { userHasSeenTutorialsToolTip } from "@/modules/userContext";
@@ -44,6 +46,9 @@ const Navigation: FC = () => {
   const { repositoryName, repositoryDomain, repositoryUrl } =
     useRepositoryInformation();
   const gitIntegrationExperiment = useGitIntegrationExperiment();
+  const [isSliceLibraryDialogOpen, setIsSliceLibraryDialogOpen] =
+    useState(false);
+  const { masterSliceLibrary } = useMarketingContent();
   return (
     <SideNav>
@@ -118,19 +123,31 @@ const Navigation: FC = () => {
       </ErrorBoundary>
       <SideNavList position="bottom">
-        <SideNavListItem>
-          <SideNavLink
-            title="Invite team"
-            href={`${repositoryUrl}/settings/users`}
-            Icon={MathPlusIcon}
-            onClick={() => {
-              void telemetry.track({
-                event: "users-invite-button-clicked",
-              });
-            }}
-            target="_blank"
-          />
-        </SideNavListItem>
+        {masterSliceLibrary !== undefined && (
+          <SideNavListItem>
+            <MasterSliceLibraryPreviewModal
+              isOpen={isSliceLibraryDialogOpen}
+              onClose={() => {
+                setIsSliceLibraryDialogOpen(false);
+              }}
+            />
+            <SideNavLink
+              title="Master Slice Library"
+              href={"/"}
+              Icon={MasterSliceLibraryIcon}
+              onClick={(e) => {
+                void telemetry.track({
+                  event: "slice-library:beta:modal-opened",
+                });
+                setIsSliceLibraryDialogOpen(true);
+                // We don't want it to actually navigate anywhere, but `href` is required
+                e.preventDefault();
+              }}
+            />
+          </SideNavListItem>
+        )}
         <ErrorBoundary>
           <Suspense>

package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx CHANGED Viewed

@@ -211,7 +211,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
           </Box>
         }
       >
-        <List style={{ flexGrow: 1 }}>
+        <List border={false} style={{ flexGrow: 1 }}>
           {query.newPageType === undefined ? (
             <Zone
               zoneType="customType"

package/out/_next/static/chunks/661-78c8c89d258133b8.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[661],{28173:function(e,n,t){"use strict";t.d(n,{aV:function(){return s},Bu:function(){return c}});var i=t(62230),r=t(85244),o=t(98240),l=t(52322),a=t(22715);t(45158),t(70166);var s=function(e){return(0,l.jsx)("div",(0,r.Z)((0,i.Z)({},e),{className:"_2a96i71 _1ecs97dffi _1ecs97dffk _1ecs97d3j4 _1ecs97d3qh _1ecs97dfh9 _1ecs97dfil _1ecs97dfiz _1ecs97dfft _1ecs97dfg9"}))},c=function(e){var n=e.actions,t=e.children,s=e.toggle,c=(0,o.Z)(e,["actions","children","toggle"]);return(0,l.jsxs)("div",(0,r.Z)((0,i.Z)({},c),{className:"_2a96i73 _2a96i72 _1ecs97dffi _1ecs97dffk _1ecs97dffu _1ecs97dffq _1ecs97d6yk _1ecs97d75x _1ecs97dfj3 _1ecs97dffj _1ecs97dfnk _1ecs97dfyx _1ecs97d18 _1ecs97d8l _1ecs97dfir _1ecs97dfpl _1ecs97dfyk",children:[(0,l.jsx)(a.xv,{color:"grey11",component:"span",noWrap:!0,variant:"bold",children:t}),s,Boolean(n)?(0,l.jsx)("div",{className:"_1ecs97dffi _1ecs97dffk _1ecs97dffu _1ecs97dffq _1ecs97dffv _1ecs97dfpl _1ecs97dfg1 _1ecs97dflk",children:n}):null]}))}},47976:function(e,n,t){"use strict";t.d(n,{X:function(){return o}});var i=t(52322),r=t(22715),o=function(e){var n,t=e.status;switch(t){case"pending":n={icon:(0,i.jsx)(r._3,{color:"grey11"}),text:"Saving..."};break;case"failed":n={icon:(0,i.jsx)(r.I5,{name:"close",color:"tomato11",size:"medium"}),text:"Failed to save"};break;case"done":n={icon:(0,i.jsx)(r.I5,{name:"check",color:"green11",size:"medium"}),text:"Auto-saved"}}return(0,i.jsxs)(r.xu,{gap:8,alignItems:"center",children:[n.icon,(0,i.jsx)(r.xv,{color:"grey11",children:n.text})]})}},57899:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var i=t(62230),r=t(52322),o=t(61183);t(2784);var l=t(59326),a=t(75289),s=function(e){return{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},]},]}};o.Z.registerLanguage("svelte",s);var c=["javascript","bash","xml","html","json"],d=function(e){var n,t=e.children,s=e.lang,d=e.sx,u=e.codeStyle,f=e.codeClass,p=e.Header,x=(0,l.B7)().theme,m=s?o.Z.highlight(t,{language:"vue"===s?"html":s}).value:o.Z.highlightAuto(t,c).value;return(0,r.jsxs)(a.kC,{as:"pre",sx:d,children:[p?(0,r.jsx)(p,{}):null,(0,r.jsx)("code",{className:"hljs".concat(f?" ".concat(f):""),style:(0,i.Z)({overflowX:"auto",padding:"3px 5px",borderRadius:"6px",border:"1px solid",borderColor:String(null===(n=x.colors)||void 0===n?void 0:n.textClear)},u),dangerouslySetInnerHTML:{__html:m}})]})}},74757:function(e,n,t){"use strict";t.d(n,{J:function(){return c},k:function(){return s}});var i=t(62230),r=t(85244),o=t(98240),l=t(52322);t(2784);var a=t(75289),s=function(e){var n=e.children,t=e.sx,s=(0,o.Z)(e,["children","sx"]);return(0,l.jsx)(a.xu,(0,r.Z)((0,i.Z)({sx:(0,i.Z)({display:["block","block","flex"],flexWrap:"wrap",justifyContent:"space-between"},t)},s),{children:n}))},c=function(e){var n=e.children,t=e.cols;return(0,l.jsx)(a.xu,{sx:{flex:"0 ".concat(100/(void 0===t?2:t)-1,"%"),mb:1},children:n})}},46577:function(e,n,t){"use strict";t.d(n,{$w:function(){return i},Hq:function(){return u},tM:function(){return d}});var i,r=t(62230),o=t(85244),l=t(52322),a=t(63397);t(2784);var s,c=t(75289);(s=i||(i={}))[s.ERROR=0]="ERROR",s[s.DISABLED=1]="DISABLED",s[s.WARNING=2]="WARNING";var d=function(e){var n={"&::placeholder":{color:"#C9D0D8"}};switch(e){case i.DISABLED:return(0,o.Z)((0,r.Z)({},n),{border:"1px solid #E6E6EA",backgroundColor:"#F3F5F7"});case i.ERROR:return(0,o.Z)((0,r.Z)({},n),{border:"1px solid #E26049","&:focus":{outline:"none",borderColor:"#E26049",boxShadow:"0 0 0 3px rgba(226, 96, 73, 0.2), inset 0 1px 2px rgba(226, 96, 73, 0.2)"}});case i.WARNING:return(0,o.Z)((0,r.Z)({},n),{border:"1px solid orange","&:focus":{outline:"none",borderColor:"orange",boxShadow:"0 0 0 3px rgba(255, 165, 0, 0.2), inset 0 1px 2px rgba(255, 165, 0, 0.2)"}});default:return n}},u=function(e){var n=e.sx,t=e.field,s=e.meta,u=e.formField,f=e.fieldName,p=e.fields,x=e.initialValues,m=e.isDisabled,h=s.error?i.ERROR:m||u.disabled?i.DISABLED:void 0;return(0,l.jsxs)(c.xu,{sx:void 0===n?{}:n,children:[(0,l.jsxs)(c.__,{variant:"label.primary",htmlFor:f,children:[u.label||f,s.touched&&s.error?(0,l.jsx)(c.xv,{as:"span",variant:"text.labelError",children:s.error}):null]}),(0,l.jsx)(a.gN,(0,o.Z)((0,r.Z)({id:f,name:f,type:"text",placeholder:u.placeholder||u.label||f},u.fieldLevelValidation&&x?{validate:function(e){return u.fieldLevelValidation&&u.fieldLevelValidation({value:e,fields:p,initialId:x.id})}}:null,t),{as:c.II,sx:d(h),disabled:m||u.disabled}))]})}},3402:function(e,n,t){"use strict";t.d(n,{kp:function(){return c},sP:function(){return u},w8:function(){return f},Hq:function(){return p.Hq}});var i=t(62230),r=t(85244),o=t(52322),l=t(63397),a=t(2784),s=t(75289),c=function(e){var n=e.field,t=e.meta,c=e.fieldName,d=e.label,u=e.focusOnNewEntry,f=void 0===u||u,p=e.inputPlaceholder,x=e.buttonLabel,m=(0,a.useState)(t.value.length),h=m[0],g=m[1],v=(0,a.useRef)(Array(t.value.length));return(0,a.useEffect)(function(){v.current=v.current.slice(0,t.value.length)},[t.value.length]),(0,a.useEffect)(function(){var e=v.current.length;f&&e>h&&v.current[e-1].focus(),g(e)},[v.current.length,f,h]),(0,o.jsxs)(a.Fragment,{children:[(0,o.jsxs)(s.__,{variant:"label.primary",htmlFor:c,children:[d,t.touched&&t.error?(0,o.jsx)(s.xv,{as:"span",variant:"text.labelError",children:t.error}):null]}),(0,o.jsx)(l.F2,(0,r.Z)((0,i.Z)({name:c,id:c},n),{render:function(e){return(0,o.jsxs)("div",{children:[n.value&&n.value.length>0?n.value.map(function(n,t){return(0,o.jsxs)(s.kC,{my:2,children:[(0,o.jsx)(s.II,{placeholder:p,name:"".concat(c,".").concat(t),value:n,ref:function(e){return v.current[t]=e},onChange:function(n){var i=n.target.value;return e.replace(t,i)}}),(0,o.jsx)(s.zx,{ml:2,type:"button",variant:"secondary",onClick:function(){return e.remove(t)},children:"-"})]},"".concat(c,"-").concat(+t+1))}):null,(0,o.jsx)(s.zx,{type:"button",onClick:function(){return e.insert(n.value.length,"")},children:x})]})}}))]})},d=t(98240),u=function(e){e.initialValues;var n=e.meta,t=e.label,a=e.fieldName,c=e.onChange,u=(0,d.Z)(e,["initialValues","meta","label","fieldName","onChange"]);return(0,o.jsxs)(s.__,(0,r.Z)((0,i.Z)({variant:"label.border"},u),{children:[(0,o.jsx)(l.gN,{as:s.XZ,type:"checkbox",name:a,onChange:function(){return c(!n.value)},checked:n.value}),t]}))},f=function(e){var n=e.field,t=e.label,i=e.defaultValue,r=e.onChange,l=e.controlledValue,s=e.setControlledValue,c=e.buildControlledValue,d=(0,a.useState)(i||n.defaultValue||!1),f=d[0],p=d[1];return(0,a.useEffect)(function(){c?s(c(l,f)):s(c)},[f,l,c]),(0,o.jsx)(u,{meta:{value:f},fieldName:n.name,onChange:function(e){return p(e)&&r&&r(e)},label:"function"==typeof t?t(l,f):t})},p=t(46577)},12374:function(e,n,t){"use strict";var i=t(62230),r=t(85244),o=t(98240),l=t(52322),a=t(2784),s=t(75289),c=(0,a.forwardRef)(function(e,n){var t=e.children,a=e.Component,c=void 0===a?s.kC:a,d=e.sx,u=(0,o.Z)(e,["children","Component","sx"]);return(0,l.jsx)(c,(0,r.Z)((0,i.Z)({as:"li",sx:(0,i.Z)({p:3,mx:3,alignItems:"center",variant:"styles.listItem"},void 0===d?{}:d),ref:n},u),{children:t}))});n.Z=c},97470:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var i=t(62230),r=t(85244),o=t(52322),l=t(5446),a=t(2784),s=t(40023),c=t(951),d=t(8799),u=t(18978),f=t(59326),p=t(75289),x=t(12374),m=t(89363),h=t(98240),g=t(33710),v=t(82119),b=function(e){var n=e.text,t=e.as,l=e.sx,s=(0,h.Z)(e,["text","as","sx"]),c=(0,a.useRef)(null),d=(0,a.useState)(null),u=d[0],f=d[1],x=function(){f(c.current&&c.current.offsetWidth<c.current.scrollWidth)};return(0,a.useEffect)(function(){return x(),window.addEventListener("resize",x),function(){window.removeEventListener("resize",x)}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(p.xv,(0,r.Z)((0,i.Z)({"data-for":n,"data-tip":!0,sx:(0,i.Z)({flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},void 0===l?{}:l),as:t,ref:c},s),{children:n})),u&&(0,o.jsx)(v.X,{children:(0,o.jsx)(g.Z,{id:n,type:"dark",multiline:!0,border:!0,borderColor:"black",place:"bottom",effect:"solid",children:n})})]})},y=function(e){var n,t,i=e.text,r=e.sliceFieldName,l=e.theme,a=e.WidgetIcon;return(0,o.jsxs)(p.kC,{sx:{alignItems:"center",position:"relative"},children:[(0,o.jsx)(a,{size:28,style:{color:null===(n=l.colors)||void 0===n?void 0:n.primary,marginRight:"8px",borderRadius:"4px",padding:"4px",border:"2px solid",borderColor:null===(t=l.colors)||void 0===t?void 0:t.primary}}),(0,o.jsx)(b,{text:i,as:"p",sx:{py:0,px:1,fontWeight:"label",fontSize:"15px"},"data-testid":"field-name"}),(0,o.jsx)(p.xv,{as:"p",sx:{display:["none","none","initial"],fontSize:"14px",ml:1,color:"textClear"},"data-testid":"field-id",children:r})]})},j=function(e){var n=e.item,t=e.index,h=e.deleteItem,g=e.enterEditMode,v=e.modelFieldName,b=e.renderFieldAccessor,j=e.HintElement,Z=e.CustomEditElement,k=e.CustomEditElements,C=e.widget,I=e.draggableId,S=e.testId,E=e.isRepeatableCustomType,F=e.children,w=(0,f.B7)().theme,T=n.key,A=n.value,_=A.config,N=A.type;return(0,o.jsx)(a.Fragment,{children:(0,o.jsx)(s._l,{draggableId:I,index:t,children:function(e){var s,f,I,A,R;return(0,o.jsx)(a.Fragment,{children:(0,o.jsxs)(x.Z,(0,r.Z)((0,i.Z)({"data-testid":S,ref:e.innerRef},e.draggableProps),{Component:p.xu,sx:{p:0,mx:0,my:3},children:[(0,o.jsxs)(p.kC,{sx:{width:"100%"},children:[(0,o.jsx)(m.Z,(0,i.Z)({label:"Reorder slice field (drag and drop)",Icon:u.Fm7,color:null===(s=w.colors)||void 0===s?void 0:s.icons,mr:1,mt:3},e.dragHandleProps)),(0,o.jsxs)(p.xu,{sx:{bg:"headSection",width:"100%",borderRadius:"3px",border:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,o.jsxs)(p.kC,{sx:{p:3,alignItems:"center",justifyContent:"space-between",width:"100%"},children:[(0,o.jsx)(y,{theme:w,text:(null==_?void 0:_.label)||T,sliceFieldName:b&&b(T),WidgetIcon:C.Meta.icon}),(0,o.jsxs)(p.kC,{children:[k||null,Z||(0,o.jsx)(m.Z,{size:22,Icon:c.$iz,label:"Edit field",sx:{cursor:"pointer",color:null===(f=w.colors)||void 0===f?void 0:f.icons},onClick:function(){return g([T,n.value],v,t)}}),!(!0===E&&"UID"==N)&&(0,o.jsxs)(l.v2,{children:[(0,o.jsx)(l.j2,{className:"sliceMenuButton","data-testid":"field-menu-button",style:{padding:"0",cursor:"pointer",width:"32px",height:"32px",border:"none",background:"transparent",outline:"0"},children:(0,o.jsx)(d.FQA,{size:20,color:null===(I=w.colors)||void 0===I?void 0:I.icons,style:{pointerEvents:"none"}})}),(0,o.jsx)(l.qy,{style:{background:null===(A=w.colors)||void 0===A?void 0:A.gray,border:"1px solid",borderRadius:"3px",borderColor:null===(R=w.colors)||void 0===R?void 0:R.borders,outline:"0"},children:(0,o.jsx)(l.sN,{style:{padding:"6px",cursor:"pointer"},onSelect:function(){return h(T)},children:"Delete field"})})]})]})]}),j||null]})]}),F]}))})}})})}},89363:function(e,n,t){"use strict";var i=t(62230),r=t(85244),o=t(98240),l=t(52322),a=t(75289),s=function(e,n){return n?{border:function(e){var n=e.colors;return"1px solid ".concat(n.error)}}:e?{border:function(e){var n=e.colors;return"1px solid ".concat(n.primary)}}:{border:function(e){var n=e.colors;return"1px solid ".concat(n.borders)}}},c=function(e){var n=e.sx,t=e.onClick,c=e.label,d=e.Icon,u=e.error,f=e.size,p=void 0===f?16:f,x=e.fitButton,m=e.active,h=e.useActive,g=e.activeSx,v=(0,o.Z)(e,["sx","onClick","label","Icon","error","size","fitButton","active","useActive","activeSx"]);return(0,l.jsx)(a.hU,(0,r.Z)((0,i.Z)({onClick:void 0===t?function(){return null}:t,"aria-label":c,type:"button",sx:(0,i.Z)({},void 0!==x&&x?{width:p,height:p}:null,void 0!==h&&h&&(void 0===g?s:g)(void 0!==m&&m,void 0===u?null:u),void 0===n?null:n)},v),{children:(0,l.jsx)(d,{size:p})}))};n.Z=c},46784:function(e,n,t){"use strict";var i=t(62230),r=t(17064),o=t(52322),l=t(63397),a=t(2784),s=t(75289),c=t(3402),d=t(98079),u=function(e){var n=e.fieldName,t=e.formField,u=e.fields,f=e.initialValues,p=(0,r.Z)((0,l.U$)(n),3),x=p[0],m=p[1],h=p[2],g=t.component;return(0,o.jsx)(s.xu,{sx:(0,i.Z)({mt:2,alignItems:"center"},t.type===d.h.CHECKBOX?{display:"flex",height:"130%"}:null),children:g?(0,o.jsx)(g,{meta:m,field:x,helpers:h,fieldName:n,formField:t,initialValues:f}):(0,o.jsxs)(a.Fragment,{children:[t.type===d.h.INPUT?(0,o.jsx)(c.Hq,{meta:m,field:x,fields:u,formField:t,fieldName:n,initialValues:f}):null,t.type===d.h.CHECKBOX&&(0,o.jsx)(c.sP,{meta:m,label:t.label,fieldName:n,initialValues:f,onChange:function(e){return h.setValue(e)}})]})})};n.Z=u},73393:function(e,n,t){"use strict";t.d(n,{Z:function(){return B}});var i=t(62230),r=t(85244),o=t(17064),l=t(52322),a=t(37149),s=t.n(a),c=t(59326),d=t(75289),u=t(65413),f=t(2784),p=t(92928),x=t(98898),m=t(98240),h=function(e){var n=e.children,t=(0,m.Z)(e,["children"]);return(0,l.jsx)(d.xu,(0,r.Z)((0,i.Z)({as:"ul",sx:{p:0,m:0,px:function(e){return"calc(".concat(e.space[3],"px + 8px)")},borderBottom:"1px solid #DFE1E5",position:"relative"}},t),{children:n}))};h.tabsRole="TabList";var g=function(e){var n=e.children,t=(0,m.Z)(e,["children"]),o=(0,c.B7)().theme;return(0,l.jsx)(p.OK,(0,r.Z)((0,i.Z)({},t),{style:(0,i.Z)({margin:"0 32px 0 0",top:"0",padding:"8px 0px",border:"none",bottom:"-1px",opacity:"0.8",transition:"all 150ms cubic-bezier(0.215,0.60,0.355,1)",borderRadius:"0"},t.selected?{borderBottom:"3px solid ".concat(o.colors.primary),color:o.colors.text,fontWeight:"500",opacity:"1",backgroundColor:"transparent"}:{borderBottom:"3px solid transparent"}),children:n}))};g.tabsRole="Tab";var v=function(e){var n=e.children,t=e.Footer,r=e.Header,o=e.tabs,a=e.bodySx,s=e.footerSx,c=e.defaultIndex,u=void 0===c?0:c,m=(0,f.useState)(u),v=m[0],b=m[1];return(0,l.jsx)(x.Z,{borderFooter:!0,footerSx:(0,i.Z)({p:0},s),bodySx:(0,i.Z)({p:0},a),sx:{border:"none"},Header:r,Footer:t,children:(0,l.jsxs)(p.mQ,{defaultIndex:u,onSelect:function(e){return b(e)},children:[(0,l.jsx)(h,{children:(o||[]).map(function(e){return(0,l.jsx)(g,{children:e},e)})}),f.Children.map(n,function(e,n){return(0,l.jsx)(d.xu,{sx:{p:function(e){return"calc(".concat(e.space[3],"px + 8px)")},display:n===v?"block":"none"},children:(0,l.jsx)(p.x4,{children:e})})})]})})},b=(0,f.memo)(v),y=t(74757),j=function(e){var n,t,i=e.text,r=e.sliceFieldName,o=e.theme,a=e.WidgetIcon;return(0,l.jsxs)(d.kC,{sx:{alignItems:"center"},children:[(0,l.jsx)(a,{size:28,style:{color:null===(n=o.colors)||void 0===n?void 0:n.primary,marginRight:"8px",borderRadius:"4px",padding:"4px",border:"2px solid",borderColor:null===(t=o.colors)||void 0===t?void 0:t.primary}}),(0,l.jsx)(d.xv,{as:"p","data-testid":"item-header-text",sx:{py:0,px:1,fontWeight:"label",fontSize:"15px"},children:i}),(0,l.jsx)(d.xv,{as:"p",sx:{display:["none","none","initial"],fontSize:"14px",ml:1,color:"textClear"},children:r})]})},Z=t(83399),k=t(77495),C=t(5632),I=t(65186),S=t(63094),E=function(){var e=(0,C.useRouter)();return(0,l.jsxs)(d.xu,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"60px"},children:[(0,l.jsx)(I.wr$,{size:48,color:"#C9D0D8"}),(0,l.jsx)(d.xu,{sx:{height:"12px"}}),(0,l.jsx)(d.xv,{color:"text",sx:{fontWeight:600,fontSize:"24px",lineHeight:"32px",textAlign:"center"},children:"Your mock data has moved"}),(0,l.jsx)(d.xu,{sx:{height:"8px"}}),(0,l.jsx)(d.xv,{color:"text",sx:{fontWeight:400,fontSize:"14px",lineHeight:"24px",textAlign:"center"},children:"You can now edit directly your mock data in the new Slice Simulator."}),(0,l.jsx)(d.xu,{sx:{height:"24px"}}),(0,l.jsx)(d.zx,{onClick:function(n){n.preventDefault(),window.open("".concat(e.asPath,"/simulator"),S.pq)},children:"Go to the Slice Simulator"})]})},F=t(52586),w=t(13302),T=t(8830),A=t(46784),_=t(67557),N=t(77033),R=t(63397),M=function(e){var n=e.formId,t=e.initialValues,a=e.validationSchema,s=e.onSave,c=e.FormFields,u=e.children;return(0,l.jsx)(d.xu,{children:(0,l.jsx)(R.J9,{initialValues:t,validationSchema:a,onSubmit:function(e,n){var t;s({newKey:e.id,value:Object.entries((0,m.Z)(e,["id"])).reduce(function(e,n){var t=(0,o.Z)(n,2),l=t[0],a=t[1];if((void 0===a?"undefined":(0,N.Z)(a))!==Boolean&&!a){var s,d=null===(s=c[l])||void 0===s?void 0:s.defaultValue;if(void 0!==d)return(0,r.Z)((0,i.Z)({},e),(0,_.Z)({},l,d))}return(0,r.Z)((0,i.Z)({},e),(0,_.Z)({},l,a))},{})})},children:function(e){return(0,l.jsx)(R.l0,{id:n,children:u((0,r.Z)((0,i.Z)({},e),{initialValues:t}))})}})})},q=(0,f.memo)(M);s().setAppElement("#__next");var B=function(e){var n=e.close,t=e.data,a=e.fields,s=e.onSave,f=e.zoneType,p=(0,c.B7)().theme;if(!t.isOpen)return null;var x=(0,o.Z)(t.field,2),m=x[0],h=x[1],g=(0,T.t)(F,h.config,h.type);if(!g)return(0,l.jsxs)("div",{children:[h.type," not found"]});var v=g.Meta.icon,C=g.FormFields,I=g.Form,S=g.schema,_=(0,i.Z)({},(0,k.f7)((0,w.B9)(C,"id")),g.prepareInitialValues?g.prepareInitialValues(h.config):h.config),N=function(){try{return{res:S.validateSync({type:h.type,config:_},{stripUnknown:!0})}}catch(e){return{err:e}}}(),R=N.res,M=N.err;M&&(console.error("[EditModal] Failed to validate field of type ".concat(h.type,".\n Please update model.json accordingly.")),console.error(M));var B={id:m,config:R?R.config:_},D=(0,o.Z)(C.id.validate.matches,2),O=D[0],z=D[1],V=u.object().shape({id:u.string().matches(O,z).min(3).max(35).required(),config:S.fields.config}),L="".concat("edit-modal-form","-").concat(Math.random().toString());return(0,l.jsx)(Z.Z,{isOpen:!0,shouldCloseOnOverlayClick:!0,onRequestClose:n,contentLabel:"Widget Form Modal",children:(0,l.jsx)(q,{apiId:m,formId:L,initialValues:B,validationSchema:V,FormFields:C,onSave:function(e){var t=e.newKey,r=e.value;s({apiId:m,newKey:t,value:(0,i.Z)({},h,r)}),n()},children:function(e){var t=e.values,s=t.id,c=t.config.label,u=e.isValid,x=e.isSubmitting,m=e.initialValues,h=I?(0,l.jsx)(I,(0,r.Z)((0,i.Z)({},e),{fields:a}),"field-model-tab-content"):(0,l.jsx)(y.k,{children:Object.entries(C).map(function(e){var n=(0,o.Z)(e,2),t=n[0],i=n[1];return(0,l.jsx)(y.J,{children:(0,l.jsx)(A.Z,{fieldName:(0,k.lm)(t),formField:i,fields:a,initialValues:m})},t)})},"field-model-tab-content"),g=["Field Model"],Z=[h];if("slice"===f){var S=(0,l.jsx)(d.xu,{children:(0,l.jsx)(E,{})},"mock-data-tab-content");g.push("Mock Data"),Z.push(S)}return(0,l.jsx)(b,{borderFooter:!0,footerSx:{position:"sticky",bottom:0,p:0},tabs:g,Header:function(e){var t=e.radius;return(0,l.jsxs)(d.kC,{sx:{position:"sticky",zIndex:1,top:0,p:3,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:t,borderTopRightRadius:t},children:[(0,l.jsx)(j,{theme:p,text:c||s,WidgetIcon:v}),(0,l.jsx)(d.x8,{onClick:n,type:"button"})]})},Footer:(0,l.jsxs)(d.kC,{sx:{position:"sticky",bottom:0,alignItems:"space-between",bg:"headSection",p:3},children:[(0,l.jsx)(d.xu,{sx:{ml:"auto"}}),(0,l.jsx)(d.zx,{mr:2,type:"button",onClick:n,variant:"secondary",children:"Cancel"}),(0,l.jsx)(d.zx,{form:L,type:"submit",disabled:!u&&x,sx:{fontWeight:"400",paddingBlock:"8px",paddingInline:"16px",fontSize:"14px",borderRadius:"4px"},children:"Done"})]}),children:Z})}})})}},35308:function(e,n,t){"use strict";t.d(n,{Z:function(){return x}});var i=t(62230),r=t(85244),o=t(52322),l=t(37149),a=t.n(l),s=t(75289),c=t(98898),d=t(74757),u=t(83399),f=t(59326),p=function(e){var n=e.title,t=e.description,i=e.icon,r=e.onSelect,l=(0,f.B7)().theme;return(0,o.jsxs)(s.kC,{sx:{p:3,my:2,alignItems:"center",cursor:"pointer",borderRadius:"3px",border:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)},"&:hover":{border:function(e){var n=e.colors;return"1px solid ".concat(n.primary)},boxShadow:"0 0 0 3px rgba(81, 99, 186, 0.2)"}},"data-testid":n,onClick:r,children:[(0,o.jsx)(i,{label:'Select field of type "'.concat(n,'"'),style:{color:l.colors.primary,marginRight:"8px",borderRadius:"4px",padding:"5px",border:"2px solid",borderColor:l.colors.primary},size:32}),(0,o.jsxs)(s.xu,{ml:1,children:[(0,o.jsx)(s.X6,{as:"h4",sx:{fontSize:1},children:(0,o.jsx)("b",{children:n})}),(0,o.jsx)(s.xv,{as:"p",variant:"xs",children:t})]})]})};a().setAppElement("#__next");var x=function(e){var n=e.data,t=e.close,l=e.onSelect,a=e.widgetsArray;return n.isOpen?(0,o.jsx)(u.Z,{isOpen:!0,shouldCloseOnOverlayClick:!0,onRequestClose:t,contentLabel:"Widget Form Modal",children:(0,o.jsx)(c.Z,{borderFooter:!0,footerSx:{p:3},bodySx:{pt:2,pb:4,px:4},sx:{border:"none"},Header:function(e){var n=e.radius;return(0,o.jsxs)(s.kC,{sx:{position:"sticky",top:0,zIndex:1,p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)}},children:[(0,o.jsx)(s.X6,{children:"Add a new field"}),(0,o.jsx)(s.x8,{onClick:t})]})},children:(0,o.jsx)(d.k,{children:a.filter(function(e){return e}).map(function(e){var n=e.Meta,t=e.TYPE_NAME,a=e.CUSTOM_NAME;return(0,o.jsx)(d.J,{children:(0,o.jsx)(p,(0,r.Z)((0,i.Z)({},n),{onSelect:function(){return l(a||t)}}))},a||t)})})})}):null}},13166:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var i=t(22710),r=t(99267),o=t(52322),l=t(2784),a=t(49857),s=t(81038),c=t(77245),d=t(8799),u=t(65186),f=t(59326),p=t(75289),x=t(57899),m={position:"relative",top:"3px"},h=function(e){var n,t,i,r=e.code,a=e.lang,s=(0,f.B7)().theme,h=(0,l.useState)(!1),g=h[0],v=h[1],b=function(){r&&navigator.clipboard.writeText(r).then(function(){v(!0),setTimeout(function(){v(!1)},1200)})};return r?(0,o.jsxs)(p.kC,{sx:{p:2,px:3,alignItems:"center",borderTop:"1px solid",borderColor:"borders",justifyContent:"space-between"},children:[(0,o.jsxs)(p.kC,{sx:{alignItems:"center",display:["none","none","flex"],maxWidth:"80%"},children:[(0,o.jsx)(d.vcz,{size:26,color:null==s?void 0:null===(n=s.colors)||void 0===n?void 0:n.icons,style:{border:"1px solid",borderColor:null==s?void 0:null===(t=s.colors)||void 0===t?void 0:t.borders,borderRadius:"3px",padding:"4px",marginRight:"2px"}}),(0,o.jsx)(x.Z,{sx:{margin:"0px 8px",border:"none",borderRadius:"3px",fontSize:"13px"},lang:a,children:r})]}),(0,o.jsx)(p.xu,{children:(0,o.jsxs)(p.zx,{"aria-label":g?"Code snippet copied":"Copy code snippet",onClick:b,variant:"textButton",children:[g?(0,o.jsx)(u.HhX,{size:16,color:null==s?void 0:null===(i=s.colors)||void 0===i?void 0:i.success,style:m}):(0,o.jsx)(c.LhG,{size:16,style:m}),(0,o.jsx)(p.xv,{as:"span",sx:{display:["none","inline","none","inline"]},children:"\xa0Copy"})]})})]}):null},g=function(e){var n=e.show,t=e.renderHintBase,l=e.item,c=t({item:l}),d=(0,a.ZP)(c,(0,i.Z)(function(){return(0,r.__generator)(this,function(e){switch(e.label){case 0:return[4,s.j.snippets.readSnippets({fieldPath:c.split("."),model:l.value})];case 1:return[2,e.sent()]}})})),u=d.data,f=d.error;if(f&&console.error(f),!u||f)return null;var p=u.snippets||[];return p[0]?(0,o.jsx)("div",{style:{display:n?"initial":"none"},children:(0,o.jsx)(h,{code:p[0].code,lang:p[0].language})}):null}},76167:function(e,n,t){"use strict";t.d(n,{Z:function(){return Z}});var i=t(62230),r=t(85244),o=t(98240),l=t(52322),a=t(22715),s=t(63397),c=t(2784),d=t(75289),u=t(59326),f=t(46577),p=t(77495),x=t(77735),m=t(52586),h=t(17384),g=t(18978),v=t(33710),b=t(82119),y=function(e){var n=e.error;return n?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(b.X,{children:(0,l.jsx)(v.Z,{type:"light",multiline:!0,border:!0,borderColor:"tomato"})}),(0,l.jsx)(g.Zlu,{color:"tomato","data-tip":n,style:{position:"absolute",right:"8px"},size:16})]}):null},j=function(e){var n=e.innerRef,t=(0,o.Z)(e,["innerRef"]);return(0,l.jsx)(d.II,(0,r.Z)((0,i.Z)({},t),{ref:n}))},Z=function(e){var n=e.widgetTypeName,t=e.fields,o=e.onSave,g=e.onCancelNewField,v=(0,c.useRef)(null),b=(0,u.B7)().theme,Z=(0,c.useState)(!0),k=Z[0],C=Z[1];(0,c.useEffect)(function(){v.current&&v.current.focus()},[v]);var I=m[n];if(!I)return console.error('Widget of type "'.concat(n,'" not found. This is a problem on our side!')),(0,l.jsx)("div",{children:"Unexpected error. Contact us for more info."});var S=I.FormFields,E=I.Meta.icon,F={id:S.id,label:S.label},w=(0,r.Z)((0,i.Z)({},(0,p.f7)(F),"UID"===n?{id:"uid"}:{}),{widgetTypeName:n}),T=(0,p.gc)(F),A=function(e,n,t){t(k&&!F.id.disabled?(0,r.Z)((0,i.Z)({},n),{label:e.target.value,id:(0,h.lV)(e.target.value)}):(0,r.Z)((0,i.Z)({},n),{label:e.target.value}))},_=function(e,n){n("id",e.target.value),C(!1)};return(0,l.jsx)(s.J9,{onSubmit:o,validationSchema:T,initialValues:w,children:function(e){var n,o,c=e.errors,u=e.values,p=e.setValues,m=e.setFieldValue,h=e.submitForm;return(0,l.jsx)(s.l0,{"data-testid":"new-field-form",children:(0,l.jsxs)(d.kC,{as:"li",sx:{bg:"white",p:3,px:3,mx:0,ml:"34px",alignItems:"center",variant:"styles.listItem",border:function(e){var n,t;return"1px solid ".concat((null===(n=e.colors)||void 0===n?void 0:null===(t=n.borders)||void 0===t?void 0:t.toString())||"")},flexWrap:"wrap",gap:"12px",justifyContent:"flex-start"},children:[(0,l.jsx)(E,{style:{color:null===(n=b.colors)||void 0===n?void 0:n.primary,borderRadius:"4px",padding:"4px",border:"2px solid",borderColor:null===(o=b.colors)||void 0===o?void 0:o.primary},size:28}),(0,l.jsxs)(d.kC,{sx:{alignItems:"center",flexGrow:1,gap:2,position:"relative"},children:[(0,l.jsx)(d.xv,{as:"p",sx:{fontWeight:500,whiteSpace:"nowrap"},children:"Field Name"}),(0,l.jsx)(s.gN,{onChange:function(e){return A(e,u,p)},onKeyDown:function(e){"Enter"===e.key&&h()},name:"label",placeholder:"Field Name",type:"text",validate:function(e){if(!e.length)return"This field is required"},as:j,innerRef:v,sx:(0,r.Z)((0,i.Z)({},(0,f.tM)(F.label.disabled?f.$w.DISABLED:c.label?f.$w.ERROR:void 0)),{flexGrow:1,minWidth:"128px",width:"initial"}),"aria-label":"label-input","data-testid":"new-field-name-input"}),(0,l.jsx)(y,{error:c.label})]}),(0,l.jsxs)(d.kC,{sx:{alignItems:"center",flexGrow:1,gap:2,position:"relative"},children:[(0,l.jsx)(d.xv,{as:"p",sx:{fontWeight:500,whiteSpace:"nowrap"},children:"Field ID"}),(0,l.jsx)(s.gN,{onChange:function(e){return _(e,m)},onKeyDown:function(e){"Enter"===e.key&&h()},name:"id",placeholder:"e.g. buttonLink",type:"text",disabled:F.id.disabled,validate:function(e){return(0,x.u)({value:e,fields:t,initialId:null})},as:j,sx:(0,r.Z)((0,i.Z)({},(0,f.tM)(F.id.disabled?f.$w.DISABLED:c.id?f.$w.ERROR:void 0)),{flexGrow:1,minWidth:"128px",width:"initial"}),"data-testid":"new-field-id-input"}),(0,l.jsx)(y,{error:c.id})]}),(0,l.jsxs)(d.kC,{sx:{gap:2},children:[(0,l.jsx)(a.zx,{onClick:g,color:"grey",children:"Cancel"}),(0,l.jsx)(a.zx,{onClick:function(){h()},children:"Add"})]})]})})}})}},79560:function(e,n,t){"use strict";t.d(n,{Z:function(){return w}});var i=t(62230),r=t(85244),o=t(17064),l=t(81541),a=t(52322),s=t(22715),c=t(13980),d=t(2784),u=t(65077),f=t(82770),p=t(28173),x=t(9461),m=t(35308),h=t(40023),g=t(75289),v=t(12374),b=t(97470),y=t(52586),j=t(8830),Z=t(13166),k=function(e){var n=e.fields,t=e.title,o=e.tabId,l=e.enterEditMode,s=e.enterSelectMode,c=e.onDragEnd,d=e.renderFieldAccessor,u=e.onDeleteItem,f=e.onSave,p=e.showHints,x=e.newField,m=e.renderHintBase,k=e.isRepeatable,C=e.testId,I=e.isRepeatableCustomType;return(0,a.jsx)(h.Z5,{onDragEnd:c,children:(0,a.jsx)(h.bK,{droppableId:t,children:function(e,t){return(0,a.jsxs)(g.xu,(0,r.Z)((0,i.Z)({as:"ul",ref:e.innerRef},e.droppableProps),{"data-testid":C,sx:{paddingInline:"16px !important"},children:[n.map(function(e,n){var c=e.value,x=c.config,h=c.type,C=(0,j.t)(y,x,h);if(!C)return(0,a.jsx)(v.Z,{children:(0,a.jsxs)(g.xv,{children:['Field type "',h,'" not supported']})});var S={item:e,index:n,tabId:o,widget:C,showHints:p,key:e.key,enterSelectMode:s,renderFieldAccessor:d,enterEditMode:l,parentSnapshot:t,deleteItem:u,saveItem:f,draggableId:"list-item-".concat(e.key),isRepeatableCustomType:I,testId:"list-item-".concat(e.key)},E=(0,a.jsx)(Z.Z,{item:e,show:p,isRepeatable:k,renderHintBase:m,Widgets:y,typeName:C.CUSTOM_NAME||C.TYPE_NAME});if(C.CustomListItem){var F=C.CustomListItem;return(0,a.jsx)(F,(0,r.Z)((0,i.Z)({},S),{HintElement:E}))}return(0,a.jsx)(b.Z,(0,r.Z)((0,i.Z)({},S),{HintElement:E}))}),e.placeholder,x]}))}})})},C=t(76167),I=t(99399),S=t.n(I),E=function(e){var n=e.zoneType,t=e.heading,i=void 0===t?"Your ".concat(n," has no fields yet"):t,r=e.onActionClick,o=e.actionTestId;return(0,a.jsxs)("div",{className:S().root,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(s.xv,{variant:"bold",children:i}),(0,a.jsx)(s.xv,{color:"grey11",children:"A field is an input for content (e.g. text, images, links)."})]}),(0,a.jsx)(s.zx,{color:"grey",onClick:function(){return r()},"data-testid":o,startIcon:"add",children:"Add a field"})]})},F=function(e){var n,t,c=e.zoneType,h=e.zoneTypeFormat,g=e.tabId,v=e.title,b=e.fields,y=e.poolOfFieldsToCheck,j=e.widgetsArray,Z=e.isRepeatable,I=e.onDeleteItem,S=e.onSaveNewField,F=e.onDragEnd,w=e.EditModal,T=e.onSave,A=e.dataTip,_=e.renderHintBase,N=e.renderFieldAccessor,R=e.testId,M=e.isRepeatableCustomType,q=e.emptyStateHeading,B=e.emptyStateActionTestId,D=Object.entries(y).find(function(e){return"UID"===(0,o.Z)(e,2)[1].value.type})?j.filter(function(e){return"UID"!==e.TYPE_NAME}):j,O=(0,d.useState)(!1),z=O[0],V=O[1],L=(0,d.useState)({isOpen:!1}),P=L[0],H=L[1],J=(0,d.useState)({isOpen:!1}),W=J[0],U=J[1],$=(0,d.useState)(null),G=$[0],Y=$[1],K=function(e){H({isOpen:!0,field:e});var n=(0,o.Z)(e,2),t=n[0],i=n[1];f.Xe.track({event:"field:settings-opened",id:t,name:i.config.label,type:i.type,isInAGroup:!1,contentType:(0,x.T)(window.location.pathname)})},X=function(){U({isOpen:!0})},Q=function(){H({isOpen:!1})},ee=function(){return U({isOpen:!1})},en=function(e){Y({widgetTypeName:e,fields:b}),U({isOpen:!1})},et=function(){return Y(null)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.Bu,{actions:b.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.xv,{color:"grey11",component:"span",noWrap:!0,children:"Show code snippets?"}),(0,a.jsx)(s.rs,{checked:z,onCheckedChange:V,size:"small",style:{flexShrink:0},"data-testid":"code-snippets-switch"}),(0,a.jsx)(s.zx,{"data-testid":"add-".concat(Z?"Repeatable":"Static","-field"),onClick:X,startIcon:"add",color:"grey",disabled:null!==G,children:"Add a field"})]}):void 0,children:v}),0!==b.length||G?b.length>0||G?(0,a.jsx)(u.xR,{children:(0,a.jsx)(k,{tabId:g,isRepeatable:Z,fields:b,showHints:z,dataTip:A,title:v,renderFieldAccessor:N,renderHintBase:_,enterEditMode:K,enterSelectMode:X,onDragEnd:F,onDeleteItem:I,onSave:T,testId:R,isRepeatableCustomType:M,newField:G&&(0,a.jsx)(C.Z,(0,r.Z)((0,i.Z)({},G),{fields:y||b,onSave:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];S.apply(void 0,(0,l.Z)(n)),Y(null)},onCancelNewField:et}))})}):void 0:(0,a.jsx)(E,{zoneType:(n=c,t=h,"customType"===n?"page"===t?"page type":"custom type":n),heading:q,onActionClick:function(){return X()},actionTestId:B}),(0,a.jsx)(w,{data:P,close:Q,onSave:T,fields:y,zoneType:c}),(0,a.jsx)(m.Z,{data:W,close:ee,onSelect:en,widgetsArray:D})]})};F.propTypes={isRepeatable:c.bool,title:c.string.isRequired,dataTip:c.string.isRequired,onSave:c.func.isRequired,onSaveNewField:c.func.isRequired,onDragEnd:c.func.isRequired,onDeleteItem:c.func.isRequired,poolOfFieldsToCheck:(0,c.arrayOf)((0,c.shape)({key:c.string,value:c.object})),renderHintBase:c.func.isRequired,renderFieldAccessor:c.func.isRequired,widgetsArray:c.array.isRequired,fields:(0,c.arrayOf)((0,c.shape)({key:c.string.isRequired,value:(0,c.shape)({config:c.object,fields:c.array,type:c.string.isRequired})}))};var w=F},8830:function(e,n,t){"use strict";t.d(n,{t:function(){return i}});var i=function(e,n,t){if("Link"===t)switch(null==n?void 0:n.select){case"document":return e.ContentRelationship;case"media":return e.LinkToMedia;default:return e.Link}return e[t]}},77735:function(e,n,t){"use strict";t.d(n,{J:function(){return l},u:function(){return o}});var i=t(63094),r=t(43947),o=function(e){var n=e.value,t=e.fields,i=e.initialId;return n?t.find(function(e){return e.key===n})&&n!==i?'Field "'.concat(n,'" already exists.'):void 0:"Field is required"},l={label:(0,r.II)("Label",{required:"This field is required",max:!0},void 0,void 0,"Label for content creators (defaults to field type)"),id:(0,r.II)("API ID*",{min:!0,max:!0,required:"This field is required",matches:[i.xo,"No special characters allowed (except _)"]},o,void 0,"A unique identifier for the field (e.g. buttonLink)"),placeholder:(0,r.II)("Placeholder",{required:"This field is required",max:[100,"String is too long. Max: 100"]},void 0,void 0,"Placeholder text for content creators")}},43947:function(e,n,t){"use strict";t.d(n,{II:function(){return c},Jg:function(){return o}});var i=t(77495),r=t(98079),o=function(e){var n=!(arguments.length>1)||void 0===arguments[1]||arguments[1],t=!(arguments.length>2)||void 0===arguments[2]||arguments[2];return{type:r.h.CHECKBOX,validate:{required:(0,i.MJ)(n,s)},required:n,label:e,defaultValue:t,yupType:"boolean"}},l=[3,"String is too short. Min: 3"],a=[35,"String is too long. Max: 35"],s=["Field is required"],c=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{min:l,max:a,required:s},t=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,d=n||{},u=d.min,f=d.max,p=d.required,x=d.matches;return{type:r.h.INPUT,label:e,validate:{required:(0,i.MJ)(p,s),min:(0,i.MJ)(u,l),max:(0,i.MJ)(f,a),matches:x},defaultValue:o,fieldLevelValidation:t,yupType:"string",placeholder:c}}},77495:function(e,n,t){"use strict";t.d(n,{MJ:function(){return u},f7:function(){return f},gc:function(){return p},lm:function(){return d}});var i=t(67557),r=t(62230),o=t(85244),l=t(17064),a=t(81541),s=t(65413),c=t(98079),d=function(e){return"id"===e?"id":"config.".concat(e)},u=function(e,n){return Array.isArray(e)?e:"boolean"==typeof e&&e?n:null},f=function(e){return Object.entries(e).reduce(function(e,n){var t,a=(0,l.Z)(n,2),s=a[0],d=null===(t=a[1]).defaultValue?void 0:void 0!==t.defaultValue?t.defaultValue:t.type===c.h.CHECKBOX||(t.type===c.h.INPUT?"":t.type===c.h.SELECT?[]:void 0);return void 0!==d?(0,o.Z)((0,r.Z)({},e),(0,i.Z)({},s,d)):e},{})},p=function(e){return s.object().shape(Object.entries(e).filter(function(e){return e}).reduce(function(e,n){var t=(0,l.Z)(n,2),c=t[0],d=t[1],u=d.validate,f=d.yupType;if(!u)return e;if("function"==typeof u)return(0,o.Z)((0,r.Z)({},e),(0,i.Z)({},c,u(c,d)));var p=s[f]();return Object.entries(u).filter(function(e){return e&&e[1]}).forEach(function(e){var n,t=(0,l.Z)(e,2),i=t[0],r=t[1];if(r&&p[i]){p=(n=p)[i].apply(n,(0,a.Z)(Array.isArray(r)?r:[r]));return}console.warn('Invalid Yup validator for field "'.concat(c,'"'))}),(0,o.Z)((0,r.Z)({},e),(0,i.Z)({},c,p))},{})).required().default(void 0).noUnknown(!0)}},98079:function(e,n,t){"use strict";var i,r;t.d(n,{h:function(){return i}}),(r=i||(i={})).CHECKBOX="checkbox",r.INPUT="input",r.SELECT="select"},36195:function(e,n,t){"use strict";var i=t(89150);n.Z=[i.StructuredText,i.Image,i.Link,i.LinkToMedia,i.ContentRelationship,i.Select,i.Boolean,i.Date,i.Timestamp,i.Embed,i.Number,i.GeoPoint,i.Color,i.Text,]},89150:function(e,n,t){"use strict";t.r(n),t.d(n,{Boolean:function(){return g},Color:function(){return Z},ContentRelationship:function(){return J},Date:function(){return $},Embed:function(){return K},GeoPoint:function(){return Q},Image:function(){return eh},Link:function(){return B},LinkToMedia:function(){return ej},Number:function(){return eI},Select:function(){return e_},StructuredText:function(){return eG},Text:function(){return eX},Timestamp:function(){return e0},UID:function(){return e7}});var i,r,o,l,a,s=t(8799),c=t(65413),d=t(77495),u=t(77735),f=t(43947),p=t(13302),x={icon:s.XGl,title:"Boolean",description:"An input that is either true or false"},m={label:u.J.label,id:u.J.id,placeholder_false:(0,f.II)("False Placeholder",{required:!1},null,"false","Value the content creator sees (Output as 'false' in the API)."),placeholder_true:(0,f.II)("True Placeholder",{required:!1},null,"true","Value the content creator sees (Output as 'true' in the API)"),default_value:(0,f.Jg)("Default to true")},h=c.object().shape({type:c.string().matches(/^Boolean$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)(m,"id"))}),g={TYPE_NAME:"Boolean",create:function(e){return{type:"Boolean",config:{label:e,default_value:!1,placeholder_true:"true",placeholder_false:"false"}}},Meta:x,schema:h,FormFields:m},v=t(65186),b={icon:v.jqW,title:"Color",description:"A color picker"},y=(0,p.zg)("Color"),j=y.TYPE_NAME,Z={create:function(e){return{type:"Color",config:{label:e,placeholder:""}}},FormFields:y.FormFields,TYPE_NAME:j,schema:y.schema,Meta:b},k=t(62230),C=t(85244),I=t(56580),S=t(52312),E=t(28849),F=t(34543),w=t(17064),T=t(52322),A=t(74757),_=t(46784),N=(0,C.Z)((0,k.Z)({},u.J),{allowTargetBlank:(0,f.Jg)("Allow target blank",!1,!1)}),R=function(e){var n=e.initialValues,t=e.fields;return(0,T.jsx)(A.k,{children:Object.entries(N).map(function(e){var i=(0,w.Z)(e,2),r=i[0],o=i[1];return(0,T.jsx)(A.J,{children:(0,T.jsx)(_.Z,{fieldName:(0,d.lm)(r),formField:o,fields:t,initialValues:n})},r)})})},M={icon:F.eR7,title:"Link",description:"A link to web, media or Prismic document"},q=c.object().shape({label:c.string().optional(),useAsTitle:c.boolean().optional(),placeholder:c.string().optional(),select:c.string().optional().oneOf(["media","document","web",null]).nullable(),customtypes:c.array(c.string()).strict().optional(),masks:c.array(c.string()).optional(),tags:c.array(c.string()).optional(),allowTargetBlank:c.boolean().strict().optional()}).required().default(void 0).noUnknown(!0),B={Meta:M,FormFields:N,schema:c.object().shape({type:c.string().matches(/^Link$/,{excludeEmptyString:!0}).required(),config:q.optional()}),Form:R,create:function(e){return{type:"Link",config:{label:e,placeholder:"",select:null}}},TYPE_NAME:"Link"},D=t(36131),O=t(75289),z={label:u.J.label,id:u.J.id,customtypes:{validate:function(){return c.array().of(c.string())}}},V=function(e){var n=e.initialValues,t=e.values,i=e.fields,r=e.setFieldValue,o=(0,I.v9)(E.Ch).filter(S.TG),l=o.map(function(e){return{value:e.local.id,label:e.local.label}}),a=t.config.customtypes?t.config.customtypes.map(function(e){var n=o.find(function(n){return n.local.id===e});return{value:null==n?void 0:n.local.id,label:null==n?void 0:n.local.label}}):null;return(0,T.jsxs)(A.k,{children:[Object.entries(z).filter(function(e){return"customtypes"!==e[0]}).map(function(e){var t=(0,w.Z)(e,2),r=t[0],o=t[1];return(0,T.jsx)(A.J,{children:(0,T.jsx)(_.Z,{fieldName:(0,d.lm)(r),formField:o,fields:i,initialValues:n})},r)}),(0,T.jsx)(A.J,{children:(0,T.jsxs)(O.xu,{sx:{mt:2,alignItems:"center"},children:[(0,T.jsx)(O.__,{htmlFor:"origin",mb:"1",children:"Types"}),(0,T.jsx)(D.ZP,{isMulti:!0,name:"origin",options:l,onChange:function(e){e&&r("config.customtypes",e.map(function(e){return e.value}))},value:a,theme:function(e){return(0,C.Z)((0,k.Z)({},e),{colors:(0,C.Z)((0,k.Z)({},e.colors),{text:"text",primary:"background"})})}})]})})]})},L={icon:v.I2R,title:"Content Relationship",description:"Define content relations & internal links"},P=q.shape({label:c.string().max(35,"String is too long. Max: 35"),select:c.string().required().matches(/^document$/,{excludeEmptyString:!0}),customtypes:c.array(c.string()).strict().optional()}),H=c.object().shape({type:c.string().matches(/^Link$/,{excludeEmptyString:!0}).required(),config:P}),J={create:function(e){return{type:"Link",config:{label:e,select:"document"}}},Meta:L,schema:H,TYPE_NAME:"Link",FormFields:z,CUSTOM_NAME:"ContentRelationship",Form:V,prepareInitialValues:function(e){var n=(0,I.v9)(E.Ch).filter(S.TG);return(null==e?void 0:e.customtypes)?(0,C.Z)((0,k.Z)({},e),{customtypes:e.customtypes.filter(function(e){return n.find(function(n){return n.local.id===e})})}):e}},W=(0,p.zg)("Date"),U=W.FormFields,$={create:function(e){return{type:"Date",config:{label:e,placeholder:""}}},FormFields:U,TYPE_NAME:"Date",schema:W.schema,Meta:{icon:v.f$3,title:"Date",description:"A calendar date picker"}},G=(0,p.zg)("Embed"),Y=G.FormFields,K={create:function(e){return{type:"Embed",config:{label:e,placeholder:""}}},FormFields:Y,TYPE_NAME:"Embed",schema:G.schema,Meta:{icon:F.xqv,title:"Embed",description:"Embed videos, songs, tweets, slides, …"}},X={label:u.J.label,id:u.J.id},Q={create:function(e){return{type:"GeoPoint",config:{label:e}}},FormFields:X,TYPE_NAME:"GeoPoint",schema:c.object().shape({type:c.string().matches(/^GeoPoint$/,{excludeEmptyString:!0}).required(),config:c.object().shape({label:c.string()}).required().default(void 0).noUnknown(!0)}),Meta:{icon:v.c7Z,title:"GeoPoint",description:"A field for storing geo-coordinates"}},ee=t(2784),en=t(63397),et=t(98240),ei=t(3402),er=t(89363),eo=function(e){var n=e.onClick,t=e.error,i=e.onDelete,r=e.active,o=e.text,l=e.sx;return(0,T.jsx)(er.Z,{useActive:!0,fitButton:!0,error:t,onClick:n,active:r,sx:(0,k.Z)({position:"relative",width:"64px",height:"64px"},l),Icon:function(){return(0,T.jsxs)(ee.Fragment,{children:[(0,T.jsxs)(O.kC,{sx:{flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[(0,T.jsx)(s.jnY,{size:22}),(0,T.jsx)(O.xv,{mt:1,children:o})]}),i?(0,T.jsx)(O.Ct,{onClick:i,variant:"circle-right",children:(0,T.jsx)(v.B4e,{})}):null]})}})},el=function(e){var n=e.onClick;return(0,T.jsx)(er.Z,{fitButton:!0,onClick:n,sx:{width:"64px",height:"64px",border:function(e){var n=e.colors;return"1px solid ".concat(String(null==n?void 0:n.borders))}},Icon:function(){return(0,T.jsx)(O.kC,{sx:{flexDirection:"column",justifyContent:"center",alignItems:"center"},children:(0,T.jsx)(s.iTs,{size:34,color:"#5263BA","aria-label":"Add a thumbnail"})})}})},ea=function(e){var n=e.prefix,t=e.required,i=e.display,r=(0,w.Z)((0,en.U$)(n),2),o=(r[0],r[1]),l=void 0!==t&&t?"*":"";return i?(0,T.jsxs)(ee.Fragment,{children:[(0,T.jsx)(es,{name:"".concat(n,".name"),label:"Name".concat(l),placeholder:"main",sx:{mb:3},isConstraint:"config.constraint"===n,meta:o}),(0,T.jsx)(ec,{name:"".concat(n,".width"),label:"Width (px)".concat(l),placeholder:" ",sx:{mb:3}}),(0,T.jsx)(ec,{name:"".concat(n,".height"),label:"Height (px)".concat(l),placeholder:" "})]}):null},es=function(e){var n=e.name,t=e.label,i=e.placeholder,r=e.meta,o=e.isConstraint,l=(0,et.Z)(e,["name","label","placeholder","meta","isConstraint"]),a=(0,w.Z)((0,en.U$)(n),1)[0];return(0,T.jsx)(ei.Hq,(0,C.Z)((0,k.Z)({},l),{fieldName:n,meta:r,formField:{label:t,placeholder:i},field:o?{value:"main",readOnly:!0}:{value:a.value},variant:o?"disabled":"primary"}))},ec=function(e){var n=e.name,t=e.label,i=e.placeholder,r=(0,et.Z)(e,["name","label","placeholder"]),o=(0,w.Z)((0,en.U$)(n),2),l=o[0],a=o[1];return(0,T.jsx)(ei.Hq,(0,C.Z)((0,k.Z)({},r),{fieldName:n,formField:{label:t,placeholder:i},meta:a,field:{min:0,type:"number",value:l.value||"",onKeyDown:function(e){("e"===e.key||"-"===e.key||"+"===e.key)&&e.preventDefault()}}}))},ed=function(){return c.number().nullable().transform(function(e,n){return""===n?null:e})},eu={label:u.J.label,id:u.J.id,constraint:{validate:function(){return c.object().defined().shape({width:ed(),height:ed()})}},thumbnails:{validate:function(){return c.array().defined().of(c.object().test({name:"Thumbnails",message:"Must set name and width or height at minimum",test:function(e){if(!e.name)return!1;var n="number"==typeof e.width&&e.width,t="number"==typeof e.height&&e.height;return e.name&&(n||t)}}))}}},ef={name:"",width:"",height:""},ep=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width,t=e.height,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!i||n||t?n||t?"".concat(n||"auto","x").concat(t||"auto"):"...":"auto"},ex=function(e){var n=e.initialValues,t=e.values,i=e.errors,r=e.fields,o=e.touched,l=(0,ee.useState)(0),a=l[0],s=l[1],c=t.config,u=c.thumbnails,f=c.constraint;return(0,ee.useEffect)(function(){s(u.length)},[u.length]),(0,T.jsxs)(A.k,{children:[Object.entries(eu).map(function(e){var t=(0,w.Z)(e,2),i=t[0],o=t[1];return(0,T.jsx)(A.J,{children:(0,T.jsx)(_.Z,{fieldName:(0,d.lm)(i),formField:o,fields:r,initialValues:n})},i)}),(0,T.jsxs)(A.J,{children:[(0,T.jsx)(O.__,{htmlFor:"thumbnails",variant:"label.primary",sx:{mt:1,display:"flex",alignItems:"center"},children:"Responsive views*"}),(0,T.jsx)(O.Zb,{p:3,children:(0,T.jsx)(en.F2,{name:"config.thumbnails",render:function(n){var t=n.push,r=n.remove;return(0,T.jsxs)(ee.Fragment,{children:[(0,T.jsxs)(O.kC,{mb:3,children:[(0,T.jsx)(eo,{active:0===a,text:ep(f,!0),sx:{mr:2},onClick:function(){return s(0)}}),u.map(function(e,n){return(0,T.jsx)(eo,{sx:{mr:3},active:a===+n+1,text:ep(e),error:!!i.thumbnails&&!!o.thumbnails&&!!o.thumbnails[n]&&!!i.thumbnails&&!!i.thumbnails[n],onDelete:function(){return r(n)},onClick:function(){return s(+n+1)}},"thumbnail-button-".concat(+n+1))}),(0,T.jsx)(el,{onClick:function(){t(ef)}})]}),(0,T.jsx)(ea,(0,C.Z)((0,k.Z)({},e),{display:0===a,prefix:"config.constraint"})),u.map(function(n,t){return(0,ee.createElement)(ea,(0,C.Z)((0,k.Z)({},e),{required:!0,key:"thumbnail-".concat(+t+1),display:a===+t+1,prefix:"config.thumbnails[".concat(t,"]")}))})]})}})})]})]})},em=c.object().shape({type:c.string().matches(/^Image$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)(eu,"id"))}),eh={Meta:{icon:s.jnY,title:"Image",description:"A responsive image field with constraints"},Form:ex,schema:em,create:function(e){return{type:"Image",config:{label:e,constraint:{},thumbnails:[]}}},FormFields:eu,TYPE_NAME:"Image"},eg=(0,k.Z)({},u.J),ev=function(e){var n=e.initialValues,t=e.fields;return(0,T.jsx)(A.k,{children:Object.entries(eg).map(function(e){var i=(0,w.Z)(e,2),r=i[0],o=i[1];return(0,T.jsx)(A.J,{children:(0,T.jsx)(_.Z,{fieldName:(0,d.lm)(r),formField:o,fields:t,initialValues:n})},r)})})},eb={icon:v.x2k,title:"Link to media",description:"A link to files, document and media"},ey=q.shape({select:c.string().required().matches(/^media$/,{excludeEmptyString:!0})}),ej={Meta:eb,FormFields:eg,schema:c.object().shape({type:c.string().matches(/^Link$/,{excludeEmptyString:!0}).required(),config:ey.optional()}),Form:ev,create:function(e){return{type:"Link",config:{label:e,placeholder:"",select:"media"}}},TYPE_NAME:"Link",CUSTOM_NAME:"LinkToMedia"},eZ=t(951),ek=(0,p.zg)("Number"),eC=ek.FormFields,eI={create:function(e){return{type:"Number",config:{label:e,placeholder:""}}},FormFields:eC,TYPE_NAME:"Number",schema:ek.schema,Meta:{icon:eZ.JUs,title:"Number",description:"A number input field"}},eS=t(98079),eE=function(e){return"use first value as default ".concat(e?'("'.concat(e,'")'):"")},eF=function(e,n){return n?e:void 0},ew=(0,C.Z)((0,k.Z)({},u.J),{default_value:{type:eS.h.CHECKBOX,yupType:"string",defaultValue:null,validate:function(){return c.string().test({name:"default_value",message:'Default value is not part of field "options" in Select',test:function(e){return void 0===e||this.parent&&this.parent.options&&this.parent.options.find(function(n){return n===e})}})},component:function(e){var n,t=null===(n=(0,en.u6)().values.config)||void 0===n?void 0:n.options[0];return(0,T.jsx)(ei.w8,(0,C.Z)((0,k.Z)({},e),{defaultValue:e.field.value,controlledValue:t,setControlledValue:e.helpers.setValue,buildControlledValue:eF,label:eE}))}},options:{yupType:"array",defaultValue:["1","2"],validate:{required:["Select requires a minimum of 2 options"],min:[2,"Choose at least 2 options"],test:{name:"non-empty values",message:"Values cannot be empty",test:function(e){return!e.some(function(e){return!e||!e.length})}}},component:function(e){return(0,T.jsx)(ei.kp,(0,k.Z)({label:"Options",inputPlaceholder:"Select option output in API (e.g. 'blueTheme')",buttonLabel:"Add option"},e))}}}),eT={icon:v.dzP,title:"Select",description:"A dropdown field of options for content creators."},eA=c.object().shape({type:c.string().matches(/^Select$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)(ew,"id"))}),e_={FormFields:ew,create:function(e){return{type:"Select",config:{label:e,placeholder:"",options:["1","2"]}}},schema:eA,Meta:eT,TYPE_NAME:"Select"},eN=t(81541),eR=t(47927),eM=t(76635),eq=function(e){return function(n){var t=n.size;return(0,T.jsx)("span",{style:{fontSize:t},children:e})}},eB=[{value:"paragraph",label:"P",icon:eq("p")},{value:"preformatted",label:"PRE",icon:eq("pre")},{value:"heading1",label:"H1",icon:eq("h1")},{value:"heading2",label:"H2",icon:eq("h2")},{value:"heading3",label:"H3",icon:eq("h3")},{value:"heading4",label:"H4",icon:eq("h4")},{value:"heading5",label:"H5",icon:eq("h5")},{value:"heading6",label:"H6",icon:eq("h6")},{value:"strong",label:"Strong",icon:eq((0,T.jsx)("b",{children:"b"}))},{value:"em",label:"em",icon:eq((0,T.jsx)("em",{style:{fontFamily:"serif"},children:"I"}))},{value:"hyperlink",label:"hyperlink",icon:eq((0,T.jsx)(F.eR7,{}))},{value:"image",label:"image",icon:eq((0,T.jsx)(F.LFN,{}))},{value:"embed",label:"embed",icon:eq((0,T.jsx)(F.xqv,{}))},{value:"list-item",label:"list",icon:eq((0,T.jsx)(F.SnF,{}))},{value:"o-list-item",label:"o",icon:eq((0,T.jsx)(s.KyO,{}))},{value:"rtl",label:"rtl",icon:eq("rtl")},],eD=eB.map(function(e){return e.value}),eO=function(e){return!eD.find(function(n){return!e.includes(n)})},ez=function(e){var n=e.split(",");return eB.reduce(function(e,t){var i=t.value;return n.includes(i)?(0,eN.Z)(e).concat([i]):e},[])};function eV(e,n){return(0,eR.has)("parent",e)&&(0,eM.isObject)(e.parent)&&(0,eR.has)(n,e.parent)&&(0,eM.isString)(e.parent[n])?e.parent[n]:null}function eL(e){return function(){return c.string().test({name:e,message:"Options cannot be empty",test:function(n,t){var i=eV(t,e),r=eV(t,"single"===e?"multi":"single");return!!r&&"string"==typeof r||"string"==typeof i&&(!!i&&!!i.length||!!r&&!!r.length)&&!i.split(",").find(function(e){return!eD.includes(e)})}})}}var eP,eH=(0,C.Z)((0,k.Z)({},u.J),{allowTargetBlank:(0,f.Jg)("Allow target blank for links"),single:{validate:eL("single")},multi:{validate:eL("multi")}}),eJ=["config.single","config.multi"],eW=function(e){var n,t=e.initialValues,i=e.values,r=e.errors,o=e.fields,l=e.setFieldValue,a=i.config,s=a.single,c=a.multi,u=s?ez(s):c&&ez(c)||eD,f=(0,ee.useState)(!s),p=f[0],x=f[1],m=(0,ee.useState)(u),h=m[0],g=m[1];return(0,ee.useEffect)(function(){var e=p?1:0;l(eJ[e],h.join(",")),setTimeout(function(){l(eJ[1-e],void 0)},100)},[p,h]),(0,T.jsxs)(A.k,{children:[Object.entries(eH).map(function(e){var n=(0,w.Z)(e,2),i=n[0],r=n[1];return(0,T.jsx)(A.J,{children:(0,T.jsx)(_.Z,{fieldName:(0,d.lm)(i),formField:r,fields:o,initialValues:t})},i)}),(0,T.jsxs)(A.J,{children:[(0,T.jsxs)(O.__,{htmlFor:"accept",variant:"label.primary",sx:{mt:1,display:"flex",alignItems:"center"},children:["Accept*",(0,T.jsx)(O.zx,{type:"button",variant:"buttons.textButton",onClick:function(){if(eO(h))return g([]);g(eD)},children:eO(h)?"Unselect All":"Select all"})]}),eB.map(function(e){return(0,T.jsx)(er.Z,{fitButton:!0,useActive:!0,label:e.label,size:14,Icon:e.icon,sx:{p:"16px",mb:2,mr:2,variant:"buttons.selectIcon"},active:h.includes(e.value),onClick:function(){if(h.find(function(n){return n===e.value}))return g(h.filter(function(n){return n!==e.value}));g((0,eN.Z)(h).concat([e.value]))}},e.value)}),(null===(n=r.config)||void 0===n?void 0:n[p?"multi":"single"])?(0,T.jsx)(O.xu,{sx:{position:"absolute"},children:(0,T.jsx)(O.xv,{as:"span",variant:"text.labelError",pl:0,children:r.config[p?"multi":"single"]})}):null]}),(0,T.jsx)(A.J,{children:(0,T.jsx)(O.kC,{sx:{mt:2,alignItems:"center",height:"100%"},children:(0,T.jsxs)(O.__,{variant:"label.border",children:[(0,T.jsx)(O.XZ,{checked:p,onChange:function(){return x(!p)}}),"Allow multiple paragraphs"]})})})]})},eU={icon:v.BAW,title:"Rich Text",description:"A rich text field with formatting options"},e$=c.object().shape({type:c.string().matches(/^StructuredText$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)((0,k.Z)({},eH,{labels:{yupType:"array",validate:{}}}),"id"))}),eG={create:function(e){return{type:"StructuredText",config:{label:e,placeholder:"",allowTargetBlank:!0,multi:eD.join(",")}}},FormFields:eH,Meta:eU,schema:e$,TYPE_NAME:"StructuredText",Form:eW},eY=u.J,eK=c.object().shape({type:c.string().matches(/^Text$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)(eY,"id"))}),eX={create:function(e){return{type:"Text",config:{label:e,placeholder:""}}},Meta:{icon:v.SQS,title:"Key Text",description:"A simple text string field"},schema:eK,TYPE_NAME:"Text",FormFields:eY},eQ=u.J,e0={create:function(e){return{type:"Timestamp",config:{label:e,placeholder:""}}},schema:c.object().shape({type:c.string().matches(/^Timestamp$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)(eQ,"id"))}),FormFields:eQ,TYPE_NAME:"Timestamp",Meta:{icon:v.f$3,title:"Timestamp",description:"A calendar date picker with time"}},e1={label:u.J.label,id:(0,C.Z)((0,k.Z)({},u.J.id),{validate:{required:"This field is required",matches:[/^uid$/,"Api ID must be 'uid' for this field."]},disabled:!0}),placeholder:u.J.placeholder},e2=c.object().shape({type:c.string().matches(/^UID$/,{excludeEmptyString:!0}).required(),config:(0,d.gc)((0,p.B9)(e1,"id"))}),e7={create:function(e){return{type:"UID",config:{label:e,placeholder:""}}},Meta:{icon:v.izl,title:"UID",description:"Unique Identifier"},schema:e2,TYPE_NAME:"UID",FormFields:e1}},52586:function(e,n,t){"use strict";t.r(n),t.d(n,{Boolean:function(){return l.Boolean},Color:function(){return l.Color},ContentRelationship:function(){return l.ContentRelationship},Date:function(){return l.Date},Embed:function(){return l.Embed},GeoPoint:function(){return l.GeoPoint},Group:function(){return O},Image:function(){return l.Image},Link:function(){return l.Link},LinkToMedia:function(){return l.LinkToMedia},Number:function(){return l.Number},Select:function(){return l.Select},StructuredText:function(){return l.StructuredText},Text:function(){return l.Text},Timestamp:function(){return l.Timestamp},UID:function(){return l.UID}});var i,r,o,l=t(89150),a=t(65186),s=t(65413),c=t(62230),d=t(85244),u=t(17064),f=t(52322),p=t(75289),x=t(74757),m=t(46784),h=t(77495),g=t(77735),v=t(43947),b=(0,d.Z)((0,c.Z)({},g.J),{repeat:(0,v.Jg)("Repeatable",!1,!0)}),y=function(e){var n=e.initialValues,t=e.fields,i=e.values,r=e.setFieldValue,o=i.config.repeat;return(0,f.jsxs)(x.k,{children:[Object.entries(b).filter(function(e){return"repeat"!==(0,u.Z)(e,1)[0]}).map(function(e){var i=(0,u.Z)(e,2),r=i[0],o=i[1];return(0,f.jsx)(x.J,{children:(0,f.jsx)(m.Z,{fieldName:(0,h.lm)(r),formField:o,fields:t,initialValues:n})},r)}),(0,f.jsx)(x.J,{children:(0,f.jsx)(p.xu,{sx:{mt:2,alignItems:"center",display:"flex",height:"130%"},children:(0,f.jsxs)(p.__,{variant:"label.border",sx:{mb:0},children:[(0,f.jsx)(p.XZ,{checked:o,onChange:function(){return r("config.repeat",!o)}}),"Repeatable"]})})})]})},j=t(98240),Z=t(81541),k=t(2784),C=t(40023),I=t(28316),S=t(82770),E=t(97470),F=t(73393),w=t(35308),T=t(13166),A=t(76167),_=t(8830),N=t(24244),R=t(36195),M=t(13302),q=t(17384),B=t(9461),D=function(e){var n=e.tabId,t=e.widget,o=(e.parentSnapshot,e.showHints),a=e.isRepeatable,s=e.item,x=e.draggableId,m=e.saveItem,h=e.HintElement,g=(0,j.Z)(e,["tabId","widget","parentSnapshot","showHints","isRepeatable","item","draggableId","saveItem","HintElement"]),v=(0,k.useState)(!1),b=v[0],y=v[1],D=(0,k.useState)(null),O=D[0],z=D[1],V=(0,k.useState)({isOpen:!1}),L=V[0],P=V[1],H=function(e){z({widgetTypeName:e}),y(!1)},J=function(){z(null)},W=function(){P({isOpen:!1})},U=function(e){var n,t,o,a,c=e.id,d=e.label,u=l[e.widgetTypeName].create(d),f=(n={group:N.Fl.fromSM(s.value),fieldId:c,field:u},null!==(t=(i=a=structuredClone(n.group)).config)&&void 0!==t||(i.config={}),null!==(o=(r=a.config).fields)&&void 0!==o||(r.fields={}),a.config.fields[n.fieldId]=n.field,a);m({apiId:s.key,newKey:s.key,value:N.Fl.toSM(f)}),S.Xe.track({event:"field:added",id:c,name:d,type:u.type,isInAGroup:!0,contentType:(0,B.T)(window.location.pathname)})},$=function(e){var n=e.apiId,t=e.newKey,i=e.value,r=function(e){var n,t,i=structuredClone(e.group);if(!(null===(n=i.config)||void 0===n?void 0:n.fields)||!(null===(t=e.group.config)||void 0===t?void 0:t.fields))return i;for(var r in i.config.fields={},e.group.config.fields)r===e.previousFieldId?i.config.fields[e.newFieldId]=e.field:i.config.fields[r]=e.group.config.fields[r];return i}({group:N.Fl.fromSM(s.value),previousFieldId:n,newFieldId:t,field:i});m({apiId:s.key,newKey:s.key,value:N.Fl.toSM(r)})},G=function(e){if(!(0,M.uS)(e)){var n=e.source,t=e.destination;if(t){var i=n.index,r=t.index,o=function(e){var n,t=structuredClone(e.group);if(!(null===(n=t.config)||void 0===n?void 0:n.fields))return t;var i=Object.entries(t.config.fields),r=(0,u.Z)(i.splice(e.sourceIndex,1),1)[0];return i.splice(e.destinationIndex,0,r),t.config.fields=Object.fromEntries(i),t}({group:N.Fl.fromSM(s.value),sourceIndex:i,destinationIndex:r});(0,I.flushSync)(function(){m({apiId:s.key,newKey:s.key,value:N.Fl.toSM(o)})})}}},Y=function(e){var n,t,i,r,o=(n={group:N.Fl.fromSM(s.value),fieldId:e},null===(t=(r=structuredClone(n.group)).config)||void 0===t||null===(i=t.fields)||void 0===i||delete i[n.fieldId],r);m({apiId:s.key,newKey:s.key,value:N.Fl.toSM(o)})},K=function(e){P({isOpen:!0,field:e});var n=(0,u.Z)(e,2),t=n[0],i=n[1];S.Xe.track({event:"field:settings-opened",id:t,name:i.config.label,type:i.type,isInAGroup:!0,contentType:(0,B.T)(window.location.pathname)})};return(0,f.jsxs)(k.Fragment,{children:[(0,f.jsx)(E.Z,(0,d.Z)((0,c.Z)({item:s,widget:t,draggableId:x},g),{HintElement:h,CustomEditElements:[(0,f.jsx)(p.zx,{mr:2,variant:"buttons.darkSmall",onClick:function(){return y(!0)},children:"Add Field"},"custom-edit-element-".concat(s.key)),],children:(0,f.jsx)(p.xu,{sx:{ml:4},children:(0,f.jsx)(C.Z5,{onDragEnd:G,children:(0,f.jsx)(C.bK,{droppableId:"".concat(n,"-").concat(s.key,"-zone"),children:function(e){return(0,f.jsxs)("ul",(0,d.Z)((0,c.Z)({ref:e.innerRef},e.droppableProps),{children:[s.value.config.fields.map(function(e,n){var t=e.value,i=t.config,r=t.type,u=(0,_.t)(l,i,r);if(!u)return null;var p={item:e,index:n,widget:u,key:e.key,enterEditMode:K,deleteItem:Y,renderFieldAccessor:function(n){return"item".concat((0,q.Ti)(e.key))},draggableId:"group-".concat(s.key,"-").concat(e.key,"-").concat(n),testId:"list-item-group-".concat(s.key,"-").concat(e.key)},x=(0,f.jsx)(T.Z,{item:e,show:o,isRepeatable:a,renderHintBase:function(e){var n=e.item;return"item".concat((0,q.Ti)(n.key))},Widgets:l,typeName:u.CUSTOM_NAME||u.TYPE_NAME});return(0,f.jsx)(E.Z,(0,d.Z)((0,c.Z)({},p),{HintElement:x}))}),e.placeholder,O&&(0,f.jsx)(A.Z,(0,d.Z)((0,c.Z)({},O),{fields:s.value.config.fields||[],onSave:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];U.apply(void 0,(0,Z.Z)(n)),z(null)},onCancelNewField:J}))]}))}})})})})),(0,f.jsx)(w.Z,{data:{isOpen:b},close:function(){return y(!1)},onSelect:H,widgetsArray:R.Z}),(0,f.jsx)(F.Z,{data:L,close:W,onSave:$,fields:s.value.config.fields})]})},O={Meta:{icon:a.cC1,title:"Group",description:"A repeatable set of fields"},Form:y,FormFields:b,schema:s.object().shape({type:s.string().matches(/^Group$/,{excludeEmptyString:!0}).required(),config:s.object().shape({fields:s.array(),label:s.string(),placeholder:s.string(),repeat:s.boolean().optional()})}),create:function(e){return{type:"Group",config:{label:e,repeat:!0,fields:[]}}},CustomListItem:D,TYPE_NAME:"Group"}},13302:function(e,n,t){"use strict";t.d(n,{B9:function(){return s},Ss:function(){return d},uS:function(){return c},zg:function(){return u}});var i=t(98240),r=t(9849),o=t(65413),l=t(77495),a=t(77735),s=function(e,n){return e[n],(0,i.Z)(e,[n].map(r.Z))},c=function(e){return!e.destination||e.source.index===e.destination.index||e.source.droppableId!==e.destination.droppableId},d=function(e,n){return!e[n]&&(console.log('Could not find widget with type name "'.concat(n,'".')),!0)},u=function(e){return{TYPE_NAME:e,FormFields:a.J,schema:o.object().shape({type:o.string().test({name:"type",test:function(n){return n===e}}),config:(0,l.gc)(s(a.J,"id"))}),create:function(){return{type:e,config:(0,l.f7)(s(a.J,"id"))}}}}},9461:function(e,n,t){"use strict";function i(e){if(e.startsWith("/slices/"))return"slice";if(e.startsWith("/custom-types/"))return"custom type";if(e.startsWith("/page-types/"))return"page type";throw Error("Did not detect a content type from: ".concat(e))}t.d(n,{T:function(){return i}})},70166:function(){},45158:function(){},99399:function(e){e.exports={root:"ZoneEmptyState_root__K6dwt"}}}]);

package/out/_next/static/css/824d6e761aed01d2.css DELETED Viewed

@@ -1 +0,0 @@

- ._1k08lzu3{height:calc(var(--_7j49md4m) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md4b) - var(--_7j49md47));width:calc(var(--_7j49md4b) - var(--_7j49md47))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4m) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1e);bottom:var(--_7j49md53);height:var(--_7j49md4i);left:calc(-1 * var(--_7j49md4z));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1j)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md19);border-color:var(--_7j49md1d);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4s) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4s) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md53))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3m)}._2a96i73:not(:first-child){border-top:1px solid var(--_7j49md1d)}.ZoneEmptyState_root__K6dwt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.BlankSlate_column__ysDb2{all:unset;box-sizing:border-box;display:flex;flex-direction:column}.BlankSlate_root__DJ7wC{max-width:498px;min-height:400px;animation:BlankSlate_fadeIn__KMuKu ease-in-out 300;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow:hidden;background-color:var(--light-grey1)}.BlankSlate_withBackground___V5y5{width:100%;max-width:100%;height:100%;text-align:center;background-size:cover;background-color:transparent;border-radius:0;border-style:none}.BlankSlate_image__rOe9w{border-bottom:1px solid var(--grey6);overflow:hidden}.BlankSlate_content__wmOAI{padding:32px}.BlankSlate_withBackground___V5y5 .BlankSlate_content__wmOAI{padding:64px}.BlankSlate_title__5oTre{font-size:18px;font-weight:600;line-height:32px}.BlankSlate_desc__f6ZWf{font-weight:400;line-height:24px}.BlankSlate_withBackground___V5y5 .BlankSlate_desc__f6ZWf{max-width:464px;align-self:center}.BlankSlate_actions__6zYZr{all:unset;align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-top:16px}.BlankSlate_withBackground___V5y5 .BlankSlate_actions__6zYZr{justify-content:center}.Card_flex__rWbYX{all:unset;display:flex}.Card_grid__2SfEP{all:unset;display:grid}.Card_column__Svw4j{flex-direction:column}.Card_root__nmIAy{position:relative;box-sizing:border-box;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow-x:hidden}.Card_size-small__gpkDz{height:240px}.Card_size-medium__O933V{height:320px}.Card_solid__Tx416{background-color:var(--grey3)}.Card_solid__Tx416[data-state=checked]{border-color:var(--purple10)}.Card_outlined__Qc3KT{background-color:var(--grey2)}.Card_outlined__Qc3KT[data-state=checked]{border-color:var(--purple8)}.Card_interactive__o6QZt:focus-visible{box-shadow:var(--box-shadow-purple-focus)}.Card_interactive__o6QZt[data-disabled]{opacity:.5}.Card_interactive__o6QZt:not([data-disabled]){cursor:pointer}.Card_interactive__o6QZt.Card_solid__Tx416:focus-visible{background-color:var(--grey5);border-color:var(--purple10)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:active{background-color:var(--grey4);border-color:var(--purple9)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:focus-visible{background-color:var(--grey1);border-color:var(--purple8)}.Card_interactive__o6QZt.Card_outlined__Qc3KT:hover{background-color:var(--grey4)}.Card_media__lIyZ7{flex-basis:0;flex-grow:1;min-height:0;position:relative;order:0}.Card_solid__Tx416>.Card_media__lIyZ7{padding:32px}.Card_outlined__Qc3KT>.Card_media__lIyZ7{background-color:var(--light-grey3);margin-inline:16px;margin-top:16px;padding:16px}.Card_mediaComponent-div__4DTTy{flex-grow:1}.Card_mediaComponent-img__GFdbs{height:100%;-o-object-fit:contain;object-fit:contain}.Card_mediaComponent-img__GFdbs:not([src]){visibility:hidden}.Card_mediaOverlay__ax3Tc{inset:0;position:absolute;visibility:hidden}.Card_mediaOverlay__ax3Tc:before{background-color:var(--light-grey12);content:"";inset:0;opacity:.1;position:absolute}.Card_interactive__o6QZt:focus-visible .Card_mediaOverlay__ax3Tc,.Card_interactive__o6QZt:not([data-disabled]) .Card_mediaOverlay__ax3Tc:has(:focus-visible),.Card_interactive__o6QZt:not([data-disabled]) .Card_media__lIyZ7:hover>.Card_mediaOverlay__ax3Tc{visibility:visible}.Card_nonMedia__ts5oN{align-items:center;box-sizing:border-box;flex-direction:row}.Card_solid__Tx416>.Card_nonMedia__ts5oN{background-color:var(--light-grey1)}.Card_solid__Tx416>.Card_nonMedia__ts5oN:not(:first-child){border-top-color:var(--light-grey6);border-top-style:solid;border-top-width:inherit}.Card_actions__7mTeM{height:48px;justify-content:space-between;order:1}.Card_solid__Tx416>.Card_actions__7mTeM{padding-left:12px;padding-right:8px}.Card_outlined__Qc3KT>.Card_actions__7mTeM{padding-inline:16px}.Card_footer__2UBoj{gap:8px;height:60px;order:2}.Card_solid__Tx416>.Card_footer__2UBoj{padding-inline:12px}.Card_outlined__Qc3KT>.Card_footer__2UBoj{padding-inline:16px}.Card_footerTexts__Lf0fw{flex-basis:0;flex-grow:1;min-width:0;margin-bottom:4px}.Card_status__cmKRp{height:24px;inset-inline:0;justify-content:center;padding-inline:8px;position:absolute;background-color:var(--purple4);color:var(--purple11)}.ConvertLegacySliceButton_scrollArea__gW7L4{width:448px;height:100%;display:flex;gap:8px;padding-inline:16px;padding-block:16px}.ConvertLegacySliceButton_label__yP2Pt{display:inline-flex;align-items:center;gap:4px}.ContentTabs_flex__kAimf{all:unset;display:flex}.ContentTabs_column__x5QZL{flex-direction:column}.ContentTabs_root__GPtve{background-color:var(--grey1);min-height:0}.ContentTabs_list__XarTi{border-bottom:1px solid var(--grey5);padding-inline:16px}.ContentTabs_trigger__8hs6H{color:var(--grey11);cursor:pointer;padding-block:8px}.ContentTabs_trigger__8hs6H:not(:last-child){margin-right:16px}.ContentTabs_trigger__8hs6H[data-state=active]{box-shadow:inset 0 -1px 0 0 currentColor,0 1px 0 0 currentColor;color:var(--purple9)}.ContentTabs_triggerText__ka3DD{line-height:32px}.ContentTabs_content__mMr1s{min-height:0;outline:none;flex:1 1}.ContentTabs_content__mMr1s[data-state=inactive]{display:none}.ContentTabs_scrollArea__ZBVHa{padding:16px}.CodeBlock_block__ljak4{all:unset;box-sizing:border-box;font-family:var(--font-family-body)}.CodeBlock_blockWithDisplayRevert__zM3Ns{display:revert}.CodeBlock_root__3ZYFL{border-width:1px;border-radius:6px;border-style:solid;border-color:var(--grey6)}.CodeBlock_header__kLT1f{border-top-right-radius:4px;border-top-left-radius:4px;background-color:var(--grey2);border-bottom:1px solid var(--grey6);padding-block:4px;padding-right:4px}.CodeBlock_fileInfo__ocLpL,.CodeBlock_header__kLT1f{display:flex;align-items:center;justify-content:space-between}.CodeBlock_fileName__jmuEV{font-size:calc(14rem / 16);line-height:calc(32rem / 16)}.MarkdownRenderer_section__4QTyU{padding-bottom:16px}.MarkdownRenderer_inlineCode__Oois6{font-family:var(--font-family-code);background-color:var(--grey2);border-radius:6px;padding-block:2px;padding-inline:4px}.PageSnippetDialog_content___SDjB{display:flex;flex-direction:column;min-height:0;gap:12px;overflow:hidden;grid-area:content}

package/out/_next/static/css/e3ffbc7931a47375.css DELETED Viewed

@@ -1 +0,0 @@

package/src/components/List/List.css.ts DELETED Viewed

@@ -1,80 +0,0 @@
-import { colors, sprinkles, vars } from "@prismicio/editor-ui";
-import { style } from "@vanilla-extract/css";
-import * as windowStyles from "../Window/Window.css";
-const flex = sprinkles({ all: "unset", display: "flex" });
-const row = style([flex, sprinkles({ flexDirection: "row" })]);
-export const root = style([
-  flex,
-  sprinkles({
-    borderColor: colors.grey6,
-    borderRadius: 6,
-    borderStyle: "solid",
-    borderWidth: 1,
-    flexDirection: "column",
-    overflowX: "hidden",
-  }),
-  {
-    selectors: {
-      [`:is(${windowStyles.root}, ${windowStyles.tabsContent}) > &`]: {
-        borderRadius: vars.borderRadius[0],
-        borderStyle: vars.borderStyle.none,
-      },
-    },
-  },
-]);
-const child = style([
-  row,
-  sprinkles({
-    alignItems: "center",
-    borderBottomColor: colors.grey6,
-    borderBottomWidth: 1,
-    boxSizing: "border-box",
-    height: 48,
-    paddingRight: 8,
-  }),
-  { ":last-child": { borderBottomColor: vars.color.transparent } },
-]);
-export const header = style([
-  child,
-  sprinkles({
-    backgroundColor: colors.grey2,
-    borderBottomStyle: "solid",
-    gap: 8,
-    paddingLeft: 16,
-  }),
-  {
-    selectors: {
-      ["&:not(:first-child)"]: {
-        borderTopStyle: "solid",
-        borderTopColor: vars.color.greyLight6,
-        borderTopWidth: 1,
-      },
-    },
-  },
-]);
-export const headerActions = style([
-  row,
-  sprinkles({
-    alignItems: "center",
-    flexGrow: 1,
-    gap: 8,
-    justifyContent: "end",
-    minWidth: 0,
-  }),
-]);
-export const item = style([
-  child,
-  sprinkles({
-    backgroundColor: colors.grey1,
-    borderBottomStyle: "dashed",
-    paddingLeft: 12,
-  }),
-]);

/package/out/_next/static/{epV2cq-YjvhOopNYVMo03 → ht9SpJ77UdK-H5cR_dwtm}/_ssgManifest.js RENAMED Viewed

File without changes