@prismicio/editor-fields 0.4.82 → 0.4.83

package/dist/fields/RichTextField/extensions/Image/useImageView.d.ts

@@ -20,27 +20,27 @@ export declare function useImageView(props: useImageViewProps): {
     updateContent: (content?: ImageBlockData) => void;
     onClear: () => void;
     uploadImage: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<{
+        url: string;
         id: string;
-        size: number;
         tags: {
             id: string;
             name: string;
-            last_modified: number;
             created_at: number;
+            last_modified: number;
             count: number;
             uploader_id?: string | undefined;
         }[];
-        url: string;
+        size: number;
         kind: string;
-        filename: string;
         last_modified: number;
+        filename: string;
         notes?: string | undefined;
-        width?: number | undefined;
         height?: number | undefined;
+        width?: number | undefined;
         credits?: string | undefined;
         alt?: string | undefined;
-        extension?: string | undefined;
         uploader_id?: string | undefined;
+        extension?: string | undefined;
         search_highlight?: {
             notes?: string | undefined;
             credits?: string | undefined;

package/dist/index.cjs.js

@@ -206,4 +206,4 @@ img.ProseMirror-separator {
 `).map(t=>({type:"paragraph",content:{text:t}}))}}function A8e(e){const t=e==null?void 0:e.value.map(n=>"content"in n?n.content.text:"").join(`
 `);if(t)return{__TYPE__:"FieldContent",type:"Text",value:t}}function VJ(e){if(de.isRepeatableContent(e))return e;if(de.isLinkContent(e))return{__TYPE__:"RepeatableContent",type:"Link",value:[e]}}function zJ(e){if(de.isLinkContent(e))return e;if(de.isRepeatableContent(e)){const[t]=e.value;if(de.isLinkContent(t))return t}}function m8e(e){var s;const{content:t,id:n,field:r,onContentChange:i,readOnly:o}=e,a={id:n,readOnly:o,onContentChange:i};return(s=r.config)!=null&&s.repeat?l.jsx(lPe,{...a,field:r,content:VJ(t)}):l.jsx(jF,{...a,field:r,content:zJ(t)})}const g8e=({content:e,field:t,id:n,onContentChange:r,readOnly:i})=>{var s,c;const o=Number(e==null?void 0:e.value),a=Number.isFinite(o)?o:void 0;return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"pin"}),l.jsx(A.FieldLabel,{htmlFor:n,children:_r(t)}),l.jsx(A.FieldControl,{children:l.jsx(A.NumberInput,{id:n,value:a,min:(s=t.config)==null?void 0:s.min,max:(c=t.config)==null?void 0:c.max,padding:oQ,placeholder:Hf(t),readOnly:i,onValueChange:u=>r(v8e(u))})})]})};function v8e(e){return e===void 0?void 0:{__TYPE__:"FieldContent",type:"Number",value:String(e)}}function y8e(e){const{content:t,field:n,id:r,readOnly:i,onContentChange:o}=e,{placeholder:a,options:s}=n.config??{},c=!!(s!=null&&s.includes("")),u=C8e(n),d=b8e({content:t,placeholder:a,defaultValue:u,canHaveEmptyValue:c}),f=a&&u===void 0||a===void 0&&!c;return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"arrowDropDownCircle"}),l.jsx(A.FieldLabel,{htmlFor:r,children:_r(n)}),l.jsx(A.FieldControl,{children:l.jsxs(A.Select,{id:r,size:"large",color:"grey",value:d,disabled:i,renderTrigger:()=>l.jsx(A.SelectGhostTrigger,{id:r}),onValueChange:p=>{o(S8e({value:p,placeholder:a}))},children:[f&&l.jsx(A.SelectItem,{value:a||Ov,children:a||""}),s==null?void 0:s.map(p=>l.jsx(A.SelectItem,{value:p||Ov,children:p},p))]})})]})}function b8e(e){const{content:t,placeholder:n,defaultValue:r,canHaveEmptyValue:i}=e;let{value:o}=t??{};return o===""&&i?Ov:(o===""&&(o=void 0),o??r??n??"")}function S8e(e){const{placeholder:t}=e;let{value:n}=e;if(n!==t)return n===Ov&&(n=""),{__TYPE__:"FieldContent",type:"Select",value:n}}function C8e(e){var t,n;return((t=e.config)==null?void 0:t.default_value)===void 0||(n=e.config.options)==null?void 0:n[0]}const Ov=" ",C2=QJ(2,3),w8e={__TYPE__:"TableContent",content:QJ(1,1)};function x8e(e){const{field:t,content:n,onContentChange:r,...i}=e;function o(a){if(!a)return r(w8e);e.onContentChange(I8e(a))}return l.jsx(vO,{...i,field:R8e(t),content:_8e(n),onContentChange:o,shouldReturnEmptyContent:!0,scroll:"x-auto",padding:"zero"})}function QJ(e,t){return Array.from({length:e},()=>({key:crypto.randomUUID(),type:"tableRow",content:Array.from({length:t},()=>({key:crypto.randomUUID(),type:"tableCell",content:{__TYPE__:"StructuredTextContent",value:[{type:"paragraph",content:{text:""}}]}}))}))}function _8e(e){return{__TYPE__:"StructuredTextContent",value:[{type:"table",content:T8e(e)}]}}function T8e(e){const t=de.TableContent.decode(e);return t._tag==="Left"||!t.right.content.some(r=>r.content.some(i=>i.content.value.some(({type:o})=>o)))?C2:t.right.content}function I8e(e){return{__TYPE__:"TableContent",content:e.value.flatMap(t=>t.type==="table"?t.content:[])}}function R8e(e){var t;return{...he.TableCell,config:{...he.TableCell.config,label:(t=e.config)==null?void 0:t.label,allowTargetBlank:!0,multi:[he.TableCell.config.multi,Gc.table].join(",")}}}function E8e(e){const{id:t,readOnly:n,field:r,content:i,onContentChange:o}=e,a=i!=null&&i.value?Ex.dateFromISOString(i.value):void 0;return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"event"}),l.jsx(A.FieldLabel,{id:t,children:_r(r)}),l.jsx(A.FieldControl,{children:l.jsx(A.Box,{padding:{left:4,right:12},width:"100%",flexDirection:"column",justifyContent:"center",children:l.jsx(A.DateInput,{mode:"date-time","aria-labelledby":t,disabled:n,value:a,onValueChange:s=>{o($8e(s))}})})})]})}function $8e(e){if(e)return{__TYPE__:"FieldContent",type:"Timestamp",value:k8e(e)}}function k8e(e){const t=`${e.getUTCFullYear()}`.padStart(4,"0"),n=`${e.getUTCMonth()+1}`.padStart(2,"0"),r=`${e.getUTCDate()}`.padStart(2,"0"),i=`${e.getUTCHours()}`.padStart(2,"0"),o=`${e.getUTCMinutes()}`.padStart(2,"0");return`${t}-${n}-${r}T${i}:${o}:00+00:00`}function eS(e){const{id:t,readOnly:n,content:r,nestableWidget:i}=e,o=ze.useStableCallback(e.onContentChange),a=I.useMemo(()=>{const s={id:t,readOnly:n,onContentChange:o};return i.type==="Boolean"?l.jsx(cLe,{...s,field:i,content:de.isBooleanContent(r)?r:void 0}):i.type==="Date"?l.jsx(fLe,{...s,field:i,content:de.isDateContent(r)?r:void 0}):i.type==="Timestamp"?l.jsx(E8e,{...s,field:i,content:de.isTimestampContent(r)?r:void 0}):i.type==="Image"?l.jsx(bPe,{...s,field:i,content:de.isImageContent(r)?r:void 0}):i.type==="Link"?l.jsx(m8e,{...s,field:i,content:r}):i.type==="Number"?l.jsx(g8e,{...s,field:i,content:de.isNumberContent(r)?r:void 0}):i.type==="StructuredText"?l.jsx(vO,{...s,field:i,content:de.isRichTextContent(r)?r:void 0}):i.type==="Select"?l.jsx(y8e,{...s,field:i,content:de.isSelectContent(r)?r:void 0}):i.type==="Text"?l.jsx(qJ,{...s,field:i,content:de.isTextContent(r)?r:void 0}):i.type==="Embed"?l.jsx(wLe,{...s,field:i,content:de.isEmbedContent(r)?r:void 0}):i.type==="Color"?l.jsx(lLe,{...s,field:i,content:de.isColorContent(r)?r:void 0}):i.type==="GeoPoint"?l.jsx(xLe,{...s,field:i,content:de.isGeoPointContent(r)?r:void 0}):i.type==="IntegrationFields"?l.jsx(FPe,{...s,field:i,content:de.isIntegrationFieldContent(r)?r:void 0}):i.type==="Table"?l.jsx(x8e,{...s,field:i,content:de.isTableContent(r)?r:void 0}):null},[r,t,i,o,n]);return l.jsx(kw,{id:t,children:a})}function HJ(e){const{id:t,readOnly:n,content:r,widget:i}=e,o=ze.useStableCallback(e.onContentChange);return I.useMemo(()=>{const a={id:t,readOnly:n,onContentChange:o};return i.type==="Group"?l.jsx(yF,{...a,group:i,content:de.isGroupContent(r)?r:void 0}):l.jsx(eS,{...a,nestableWidget:i,content:de.isNestableContent(r)?r:void 0})},[r,t,i,o,n])}function yO(e){const{id:t,title:n,addItemButtonTitle:r,content:i,onContentChange:o,readOnly:a,repeatable:s=!0,repeatableZone:c}=e,u=Object.entries(c),d=I.useRef([YJ()]).current;let f=i??d;!s&&f.length>1&&(f=f.slice(0,1));const{scrollOffsetTop:p}=be();function h(x){return x.key}function m(x){const w=Mv([],crypto.randomUUID()),[v]=eLe.repeatableContentWithDefaultNestableContentValues(c,[w]);v&&o(wt.insertAtIndex(f,x,v))}function g(x){const{index:w,offset:v}=x;o(wt.move(f,w,w+v))}function y(x){o(wt.removeIndex(f,x))}function b(x,w,v,S){const C=F8e(x,[v,S]),_=j8e(f,[w,C]);o(_)}return Object.keys(c).length===0?null:l.jsx(A.Group,{title:n??"Repeatable zone",addItemButtonTitle:r??"Add item in repeatable zone",items:f,maxItems:s?void 0:1,getItemKey:h,onAddItem:m,dnd:{scrollOffsetTop:p,onReorder:o,renderDragPreview:({index:x})=>l.jsx(O8e,{title:n??"Repeatable zone",index:x}),renderDropIndicator:M8e},readOnly:a,children:(x,w)=>{const v=new Map(x.value),S=h(x);return l.jsx(A.LazyRender,{keepLoaded:!0,loadWhenSearching:!0,children:l.jsx(A.GroupItem,{index:w,title:`${w+1} • Item`,onMove:g,onDelete:y,readOnly:a,children:u.map(([C,_])=>l.jsx(HJ,{id:`${t}[${S}].${C}`,content:v.get(C),widget:_,onContentChange:R=>b(x,w,C,R),readOnly:a},C))})})}})}function j8e(e,t){const[n,r]=t;return r?e.map((i,o)=>o===n?r:i):e.filter((i,o)=>o!==n)}function F8e(e,t){const[n,r]=t;if(!r){const o=e.value.filter(([a])=>a!==n);return Mv(o,e.key)}const i=Array.from(new Map(e.value).set(n,r));return Mv(i,e.key)}function Mv(e,t){return{__TYPE__:"GroupItemContent",value:e,key:t}}function YJ(){return Mv([],crypto.randomUUID())}function O8e(e){const{title:t,index:n}=e;return l.jsxs(A.Box,{padding:{block:8,inline:12},backgroundColor:"grey3",border:!0,borderRadius:6,alignItems:"center",justifyContent:"space-between",width:"100%",children:[l.jsxs("div",{children:[l.jsx(A.Text,{variant:"smallBold",color:"grey11",children:t??"Repeatable zone"}),l.jsxs(A.Text,{variant:"small",color:"grey11",children:[n+1," • Item"]})]}),l.jsx(A.Icon,{name:"dragIndicator",size:"small",color:"grey8"})]})}function M8e(e){const{isDropTarget:t,itemIndex:n,position:r}=e,i=t?l.jsx(A.Line,{color:"purple",thickness:2,sx:{position:"absolute",left:0,right:0,bottom:n===0&&r==="before"?0:void 0}},"line"):void 0;return l.jsx(A.AnimatedElement,{enterDuration:150,children:i})}function L8e(e,t){let n=e;return n=P8e(n,t),n=D8e(n,t),n=U8e(n,t),n=B8e(n,t),n}function D8e(e,t){return he.flattenSections(t).reduce((r,[i,o])=>!e[i]&&o.type==="Group"?{...r,[i]:GJ()}:r,e)}function U8e(e,t){return de.traverseDocument({document:e,customType:t})({transformWidget({model:n,content:r}){return n?r:void 0},transformSlice(n){return n.model?n.content:void 0}})}function P8e(e,t){return de.traverseDocument({document:e,customType:t})({transformWidget({model:n,content:r}){if((n==null?void 0:n.type)==="Link"){const{repeat:i}=n.config??{};switch(r.__TYPE__){case"LinkContent":return i?VJ(r)??r:r;case"RepeatableContent":return i?r:zJ(r)??r;default:return r}}return r}})}function B8e(e,t){return de.fillDocumentWithDefaultValues(t,e)}function GJ(){return{__TYPE__:"GroupContentType",value:[YJ()]}}const JJ={unclassified:{title:"Draft",color:"amber"},published:{title:"Live",color:"green"},release:{title:"Planned",color:"purple"},archived:{title:"Archived",color:"grey"}},Rx={unclassified:["unclassified","published"],archived:["unclassified","published"],release:["release","published"],published:["published","unclassified"]};function bO(e){const{documentId:t,versionId:n,baseUrl:r,status:i,releaseId:o}=e,a={s:i,v:n,r:o},s=oi.createRouteParams({params:a}),c=new URLSearchParams(s).toString();return new URL(`pages/${t}?${c}`,r)}function W8e(e){const{children:t,...n}=e;return l.jsx(Fn.QueryErrorResetBoundary,{children:({reset:r})=>l.jsx(A.ErrorBoundary,{...n,onReset:r,children:t})})}function K8e(e){const{href:t,tracking:n}=e;return l.jsx(A.Box,{justifyContent:"center",padding:{block:6},children:l.jsxs(A.Text,{href:t,variant:"smallBold",color:"grey11",onClick:()=>void n.track({event:"shared-onboarding:follow-tutorial",source:n.source}),children:["Or watch our in-depth course",l.jsx(A.Icon,{name:"playCircle",color:"grey11",size:"small",sx:{marginLeft:4}})]})})}function N8e(e){const{step:t,stepIndex:n,isOpen:r,onActionClick:i,onClose:o,contentRef:a}=e,[s,c]=I.useState(!1),[u,d]=I.useState(e.isStepComplete);I.useEffect(()=>{r&&d(e.isStepComplete)},[e.isStepComplete,r]);async function f(){if(r)try{c(!0),await i(u)}finally{c(!1)}}return l.jsxs(A.Dialog,{open:r,onOpenChange:o,size:"small",children:[l.jsx(A.DialogHeader,{title:"Onboarding"}),l.jsxs(A.DialogContent,{children:[l.jsx(A.ScrollArea,{children:l.jsxs(A.Box,{ref:a,as:"article",flexDirection:"column",padding:16,gap:16,children:[l.jsx(A.DialogDescription,{asChild:!0,children:l.jsxs("section",{children:[l.jsxs(A.Text,{sx:{marginBottom:4},color:"purple9",variant:"bold",children:["Step ",n+1]}),l.jsx(A.Text,{variant:"h3",children:t.title}),t.content]})}),t.videoUrl&&l.jsx(A.Video,{src:t.videoUrl,sizing:"contain",borderRadius:4,autoPlay:!0,loop:!0})]})}),l.jsxs(A.DialogActions,{children:[l.jsx(A.DialogCancelButton,{size:"medium",children:"Close"}),!t.defaultCompleted&&l.jsx(A.DialogActionButton,{size:"medium",onClick:f,loading:s,color:u?"darkGrey":"purple",children:u?"Undo step":"Complete step"})]})]})]})}function q8e(e){const{steps:t,completedSteps:n,onToggleStep:r,tracking:i,stepOverrides:o}=e,[a,s]=I.useState(!1),[c,u]=I.useState(t[0]),d=I.useRef(null);if(!c)return null;const f=t.findIndex(({id:y})=>y===c.id);function p(y){return n.includes(y.id)}function h(y){u(y),s(!0),i.track({event:"shared-onboarding:step-opened",stepId:y.id,stepTitle:y.title,source:i.source})}async function m(y=!1){var b;if(c&&(await r(c),!y)){(b=d.current)==null||b.animate([{opacity:0},{opacity:1}],{duration:400});const x=g();x?h(x):s(!1)}}function g(){let y=f+1;for(;y<t.length;){const b=t[y];if(b&&!p(b))return b;y++}}return l.jsxs(l.Fragment,{children:[l.jsx(N8e,{contentRef:d,isOpen:a,step:c,stepIndex:f,isStepComplete:p(c),onClose:()=>s(!1),onActionClick:m}),l.jsxs(A.DropdownMenu,{children:[l.jsx(A.DropdownMenuTrigger,{children:l.jsx(A.Button,{size:"large",color:"grey",sx:{width:"100%"},renderStartIcon:V8e,children:n.length>0?"Continue":"Start now"})}),l.jsxs(A.DropdownMenuContent,{side:"right",minWidth:256,collisionPadding:8,children:[l.jsx(A.DropdownMenuLabel,{children:l.jsx(A.Text,{variant:"small",color:"grey11",sx:{marginInline:8},children:"Progress"})}),t.map((y,b)=>{const x=p(y);return l.jsx(A.DropdownMenuItem,{onSelect:(o==null?void 0:o[y.id])??(()=>h(y)),description:y.description,completed:x,endAdornment:l.jsx(A.Icon,{name:"chevronRight",size:"small",color:"grey11"}),children:`${b+1} ${y.title}`},y.id)})]})]})]})}function V8e(){return l.jsx(A.Icon,{name:"arrowForward",size:"small",color:"grey11"})}function z8e(e){const{steps:t,completedSteps:n,tutorialLink:r,tracking:i,onToggleStep:o,onClose:a,stepOverrides:s}=e,c=n.length===t.length;return l.jsx(A.Card,{variant:c?"elevated":"animated-light",paddingBlock:16,onClose:a,children:l.jsxs(A.CardContent,{children:[l.jsxs("div",{children:[l.jsx(A.Text,{variant:"bold",children:`Build your first page in ${t.length.toString()} simple steps`}),l.jsx(A.Text,{color:"grey11",variant:"small",children:"Render a live page with content coming from Prismic."})]}),l.jsx(A.ProgressBar,{value:n.length,max:t.length,displayLabel:!0,getValueLabel:(u,d)=>`${u}/${d}`}),l.jsx(q8e,{steps:t,completedSteps:n,onToggleStep:o,tracking:i,stepOverrides:s}),r&&l.jsx(K8e,{href:r,tracking:i})]})})}function Q8e(e){const{framework:t,projectName:n,starterId:r,repositoryName:i}=e,{frameworkNameLabel:o,createProjectCodeSnippet:a}=H8e(e),s=[{id:"createPrismicProject",title:"Create your Prismic project",description:"Create and set up your project",defaultCompleted:!0,content:l.jsx(A.Text,{children:"A Prismic project is a space for managing and organizing the content of your website."})},{id:"chooseLocale",title:"Select your main locale",description:"Choose your first locale",defaultCompleted:!!r,content:l.jsx(A.Text,{children:"Locales allow you to create and manage multilingual versions of your content within a single Prismic project."})},{id:"createProject",title:`Create a ${o}project`,description:"Create and set up your project",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1727768069/DEV_TOOLS/ONBOARDING_GUIDE/Pagebuilder_onboarding_step_3_puh6fx.mp4",content:l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{sx:{marginBottom:16},children:"Now that you have a Prismic project to manage the content of your website, let's create the code project that will be querying your content."}),!!a&&l.jsx(Gp,{code:`${a} ${i??"<my-project>"}`,language:"bash"}),l.jsx(A.Text,{variant:"small",sx:{marginTop:16},children:"(example for Next.js below)"})]})},{id:"setupSliceMachine",title:"Set up & run Slice Machine",description:"Prepare the code to fetch content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1727768069/DEV_TOOLS/ONBOARDING_GUIDE/page_builder_onboarding_step_4_yl8fb8.mp4",content:l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{sx:{marginBottom:16},children:`Slice Machine is the Prismic tool for creating your content models.
           Install it in your ${o}project by running these commands:`}),l.jsx(Gp,{code:`cd ${n??"<your project name>"}
-npx @slicemachine/init@latest --repository ${i??"<my-project>"}`,language:"bash",title:"Terminal",showLineNumbers:!1})]})},{id:"createPageType",title:"Create a Page Type",description:"Build the structure of your page",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Create_page_type_xdn13j.mp4",content:l.jsx(A.Text,{children:"A page type is a base content structure editors will use to create pages in the Page Builder (Prismic's content creation UI). A page type can be reusable (e.g., for multiple blog posts) or single (e.g., for a one-time page like the homepage)."})},{id:"codePage",title:"Code Your Page Type",description:"Prepare code to fetch content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Step2_code_your_page_jatiur.mp4",content:l.jsx(A.Text,{children:"Prepare your code to query the content from the Prismic API."})},{id:"createSlice",title:"Create a Slice",description:"Build a reusable website section",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918322/DEV_TOOLS/ONBOARDING_GUIDE/Step3_add_slice_qzmvxf.mp4",content:l.jsx(A.Text,{children:"Slices are website sections that can be reused on different pages with different content. Each slice has a code component automatically generated by Slice Machine. Start with a template and look at your code to see how it's structured."})},{id:"reviewAndPush",title:"Review and Push changes",description:"Enable editors to create content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/DevTools_Squad_push_changes_ovvmul.mp4",content:l.jsx(A.Text,{children:"Your page types and slices currently exist only in your local project. Push them to your repository to make them available for your content editors."})},{id:"createContent",title:"Create Content",description:"Publish a page to the Prismic API",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1732631905/DEV_TOOLS/ONBOARDING_GUIDE/step_9_create_content_y8m3m0.mp4",content:l.jsx(A.Text,{children:"In Prismic, content creation takes place in the Prismic Page Builder UI. Open the Page Builder and start creating your first page."})},{id:"renderPage",title:"Render Your Page",description:"View your page in the browser",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918321/DEV_TOOLS/ONBOARDING_GUIDE/Step_6_Render_Page_tnauh9.mp4",content:l.jsxs(A.Text,{children:["Now that your content is published, you can run your project in your terminal and visit the page on your local server (e.g.,"," ",l.jsx(A.Text,{component:"code",children:"localhost:3000/example-page"}),"). Your content should now be visible!"]})}],c={next:"https://prismic.dev/course/next",nuxt:"https://prismic.dev/course/nuxt",sveltekit:"https://prismic.dev/course/sveltekit"};return{steps:s,defaultCompletedStepIds:s.flatMap(u=>u.defaultCompleted?[u.id]:[]),tutorialLink:t?c[t]:void 0}}function H8e(e){const{framework:t}=e;if(!t||t==="other")return{frameworkNameLabel:"",createProjectCodeSnippet:""};const n=R2[t];return{frameworkNameLabel:n?`${n} `:"",createProjectCodeSnippet:E2[t]}}const ZC=3e3,w2=400;function Y8e(e){const{onboardingState:t,tracking:n,onToggleStep:r,onToggleGuide:i,fallback:o=null,stepOverrides:a,repositoryName:s,projectName:c}=e,{context:u,isDismissed:d}=t,{steps:f,defaultCompletedStepIds:p,tutorialLink:h}=Q8e({...u,repositoryName:s,projectName:c}),m=x(t.completedSteps),g=G8e(y,w2);if(ze.useOnChange(d,()=>!d&&g.reset()),u.framework==="other")return l.jsx(l.Fragment,{children:o});function y(){i()}async function b(w){const v=await r(w.id);v.includes(w.id)&&n.track({event:"shared-onboarding:step-completed",stepId:w.id,stepTitle:w.title,source:n.source}),x(v).length===f.length&&(n.track({event:"shared-onboarding:completed",source:n.source}),g.start())}function x(w){const v=f.map(({id:S})=>S);return Array.from(new Set([...w.filter(S=>v.includes(S)),...p]))}return d?null:l.jsx(A.AnimatedElement,{enterDuration:0,exitDuration:w2,children:g.status!=="hidden"&&l.jsxs("div",{ref:g.refs.container,style:{position:"relative"},children:[l.jsx(z8e,{steps:f,completedSteps:m,tutorialLink:h,tracking:n,onToggleStep:b,onClose:g.status!=="animating"?y:void 0,stepOverrides:a}),l.jsx("div",{ref:g.refs.cannon,style:{position:"absolute",bottom:0,left:0}})]})})}function G8e(e,t=400){const n=mZ.useConfetti({config:{duration:ZC}}),[r,i]=I.useState("visible"),o=I.useRef(!1),a=I.useCallback(()=>{i("animating"),setTimeout(()=>i("hidden"),ZC-t),o.current||(setTimeout(e,ZC),o.current=!0)},[e,t]),s=()=>{n.throwConfetti(),a()},c=I.useCallback(()=>{i("visible"),o.current=!1},[]);return{refs:{container:n.confettiContainerRef,cannon:n.confettiCannonRef},status:r,start:s,reset:c}}function ZJ(e){const{type:t,value:n}=e,r=t===na?hh.max:Ah.max;return l.jsx(A.Box,{alignItems:"center",children:l.jsx(A.Tooltip,{title:J8e[t],content:e7e[t],stableMount:!0,children:l.jsx(A.Badge,{title:`${n.length} characters`,size:"medium",color:n.length>r?"tomato":"green",sx:{alignSelf:"center"}})})})}const J8e={[na]:"Meta title length",[ls]:"Meta description length"},Z8e=`${hh.min}-${hh.max}`,X8e=`${Ah.min}-${Ah.max}`,e7e={[na]:`For optimal mobile SEO, keep your meta title within ${Z8e} characters to prevent it from being cut off in search results.`,[ls]:`To ensure your meta description isn’t truncated in mobile search results, aim for ${X8e} characters. This helps improve visibility and click-through rates.`};function XJ(e){const{title:t,description:n}=e;return l.jsx(A.Card,{paddingBlock:8,paddingInline:8,variant:"highlighted",children:l.jsxs(A.CardContent,{gap:4,children:[l.jsx(A.Text,{color:"indigo11",variant:"h4",noSelect:!0,children:Ft.overflow(t,hh.max)}),l.jsx(A.Text,{color:"green11",noSelect:!0,children:"https://www.yourdomain.com/"}),l.jsx(A.Text,{variant:"small",color:"grey11",noSelect:!0,children:Ft.overflow(n,Ah.max)})]})})}const eZ=I.createContext({editedUID:{current:!1},onEditUID:()=>{}});function tZ(e){return Object.values(e.json).some(t=>{var n;return((n=t.uid)==null?void 0:n.type)==="UID"})}function t7e(e){const{content:t,customType:n}=e;return tZ(n)&&!t.uid}function nZ(e){const{documentId:t,documentsWithUid:n,uid:r}=e;return n.filter(i=>t!==i.id&&r7e({document:i,uid:r})&&n7e({...e,document:i}))}function n7e(e){const{customTypeId:t,languageId:n,document:r}=e,i=t===r.custom_type_id,o=n===r.language.id;return i&&o}function r7e(e){const{document:t,uid:n}=e,r=t.versions.filter(i=>i.uid===n);return r.length===0?!0:r.some(i=>i.status!=="archived")}function tS(e,t){return`${e}___${t}`}const rZ=I.createContext({ids:[],isSelected:()=>!1,update:()=>{}});function nS(){return I.useContext(rZ)}function i7e(e){const{content:t,id:n,nonRepeatableZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(eS,{id:`${n}.${s}`,readOnly:o,nestableWidget:c,content:de.isNestableContent(u)?u:void 0,onContentChange:d=>{i(o7e(t,s,d))}},s)})})}function o7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function a7e(e){const{compositeSlice:t,content:n,onContentChange:r,sliceKey:i,id:o,readOnly:a,header:s}=e,c=nS();function u(){i&&c.update({id:i,requestedFrom:"sliceFieldSet"})}return l.jsxs(A.FieldSet,{id:i&&tS("sliceFieldSet",i),selected:i?c.isSelected(i):!1,onFocus:u,legend:s7e(t),header:s,children:[l.jsx(i7e,{id:o,readOnly:a,nonRepeatableZone:t["non-repeat"]??{},content:n.nonRepeat,onContentChange:d=>{r({...n,nonRepeat:d})}}),l.jsx(yO,{id:o,readOnly:a,repeatableZone:t.repeat??{},content:n.repeat,onContentChange:d=>{r({...n,repeat:d})}})]})}function s7e(e){var t;return((t=e.config)==null?void 0:t.label)??e.fieldset??e.type}const iZ={__TYPE__:"ImageContent",edit:{background:"",crop:{x:0,y:0},zoom:0},height:0,width:0,origin:{height:0,width:0,id:"",url:""},url:""};function c7e(e){const{field:t}=e;if(t.type==="Image")return iZ}function u7e(e){const{content:t,legacySlice:n,sliceKey:r,id:i,readOnly:o,onContentChange:a,header:s}=e,c=nS();function u(){r&&c.update({id:r,requestedFrom:"sliceFieldSet"})}const d=n.type==="Group"?$w(n):_r(n);return l.jsx(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?c.isSelected(r):!1,onFocus:u,legend:d,header:s,children:n.type==="Group"?l.jsx(yF,{id:i,readOnly:o,onContentChange:a,group:n,content:de.isGroupContent(t)?t:void 0}):l.jsx(eS,{id:i,readOnly:o,nestableWidget:n,content:de.isNestableContent(t)?t:void 0,onContentChange:f=>{const p=c7e({field:n});!f&&p&&a(p),f&&a(f)}})})}function l7e(e){const{content:t,id:n,slicePrimaryZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(HJ,{id:`${n}.${s}`,readOnly:o,widget:c,content:de.isSlicePrimaryContent(u)?u:void 0,onContentChange:d=>{i(d7e(t,s,d))}},s)})})}function d7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function oZ(e){const{config:t,content:n,sliceKey:r,readOnly:i=!1,sharedSlice:o,onContentChange:a,...s}=e,c=f7e(o,n.variation),u=I.useId(),f={id:s.id??u,readOnly:i},p=nS();function h(){r&&p.update({id:r,requestedFrom:"sliceFieldSet"})}return c===void 0?null:l.jsx(Nv.Provider,{value:t,children:l.jsx(nLe,{children:l.jsxs(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?p.isSelected(r):!1,onFocus:h,legend:p7e(o,c),children:[l.jsx(A.LazyRender,{heightEstimate:400,gap:16,keepLoaded:!0,loadWhenSearching:!0,children:l.jsx(l7e,{...f,slicePrimaryZone:c.primary??{},content:n.primary,onContentChange:m=>{a({...n,primary:m})}})}),l.jsx(yO,{...f,repeatableZone:c.items??{},content:n.items,onContentChange:m=>{a({...n,items:m})}})]})})})}function f7e(e,t){return I.useMemo(()=>e.variations.find(n=>n.id===t),[e,t])}function p7e(e,t){return[e.name,t.name].join(" • ")}function x2(e){var c,u;const{sliceZone:t,onChange:n,slices:r,sliceContent:i}=e,o=(u=(c=t.config)==null?void 0:c.labels)==null?void 0:u[i.name];if(!o)return null;const a=o.find(d=>d.name===i.maybeLabel);function s(d){const f=r.value.map(p=>p.key===i.key?{...p,maybeLabel:d}:p);n({...r,value:f})}return l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{component:"span",variant:"smallBold",children:"•"}),l.jsxs(A.DropdownMenu,{children:[l.jsx(A.DropdownMenuTrigger,{children:l.jsx(A.Button,{color:"grey",size:"small",endIcon:"arrowDropDown",invisible:!0,children:(a==null?void 0:a.display)??"Slice variation"})}),l.jsxs(A.DropdownMenuContent,{align:"start",maxHeight:256,children:[l.jsx(A.DropdownMenuItem,{onSelect:()=>s(void 0),endIcon:i.maybeLabel===void 0?l.jsx(A.Icon,{name:"check"}):void 0,children:"..."}),o==null?void 0:o.map(d=>l.jsx(A.DropdownMenuItem,{onSelect:()=>s(d.name),endIcon:d.name===i.maybeLabel?l.jsx(A.Icon,{name:"check"}):void 0,children:d.display??"[Missing display value]"},d.name))]})]})]})}function h7e(e){const{content:t,id:n,onContentChange:r,readOnly:i,sliceZone:o}=e,a=be();return l.jsx(l.Fragment,{children:t==null?void 0:t.value.map((s,c)=>{var p,h;const u=(h=(p=o.config)==null?void 0:p.choices)==null?void 0:h[s.name];if(u===void 0)return null;const d={...s.widget,key:s.key},f={id:`${n}[${s.key}]`,key:s.key,sliceKey:s.key,onContentChange:m=>{const g={...s,widget:m},y=A7e(t,[c,g]);r(y)},readOnly:i};return u.type==="SharedSlice"?de.isSharedSliceContent(d)?l.jsx(oZ,{...f,config:a,sharedSlice:u,content:d}):null:u.type==="Slice"?de.isCompositeSliceContent(d)?l.jsx(a7e,{...f,compositeSlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null:de.isSimpleSliceContent(d)?l.jsx(u7e,{...f,legacySlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null})})}function A7e(e,[t,n]){return{__TYPE__:"SliceContentType",value:e.value.map((r,i)=>i===t?n:r)}}function m7e(e){const{content:t,metadataFieldType:n,documentId:r="new-document",documentContent:i,documentCustomType:o,documentLocale:a,...s}=e,{showAlert:c}=A.useAlert(),[u,d]=I.useState(!1),f=be(),p=I.useMemo(()=>dQ(i,o),[i,o]),h=fQ(p);async function m(){if(!f.aiSeoMetadataEnabled)return;const{trackMetadataGeneration:g,authStrategy:y,documentBaseUrl:b,repository:x}=f;d(!0);try{const w=await lQ(x,b,y,{pageTextContent:p,contentLocale:a});e.onContentChange({__TYPE__:"FieldContent",type:"Text",value:w[n]}),g({documentId:r,locale:a,suggestion:w[n],type:n})}catch{c({id:n,title:"Error",subtitle:`Failed to generate SEO metadata for ${_2[n]}`})}d(!1)}return l.jsx(qJ,{...s,content:t,placeholder:`${_2[n]}..`,endAdornment:l.jsxs(l.Fragment,{children:[l.jsx(ZJ,{type:n,value:(t==null?void 0:t.value)||""}),l.jsx(A.Tooltip,{content:h?"Generate SEO metadata from your page content.":"Your page content is too short to generate SEO metadata.",children:l.jsx(A.Button,{disabled:!h,onClick:m,size:"small",color:"grey",startIcon:"autoFixHigh",loading:u,sx:{alignSelf:"center",marginInline:8},children:"Generate"})})]})})}const _2={[na]:"Meta title",[ls]:"Meta description"};function g7e(e){const{id:t,field:n,content:r,onContentChange:i,readOnly:o}=e,a=ze.useDebounceState({state:(r==null?void 0:r.value)??"",synchronize:!0}),{onEditUID:s}=I.useContext(eZ);function c(d){s();const f=Ft.slugify(d);i(b7e(f)),a.set(f)}function u(d){o||(c(d.clipboardData.getData("Text").trim()),d.preventDefault())}return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"tag"}),l.jsx(A.FieldLabel,{htmlFor:t,children:_r(n)}),l.jsx(A.FieldControl,{children:l.jsx(Cc,{id:t,variant:"success",placeholder:Hf(n,"Enter a unique identifier"),value:a.value,onPaste:u,onValueChange:c,endAdornment:l.jsx(A.AnimatedElement,{enterDuration:150,children:l.jsx(v7e,{uid:a.debouncedValue})}),readOnly:o})})]})}function v7e(e){const{uid:t}=e,n=be();return t?n.uidField?l.jsx(A.ErrorBoundary,{children:l.jsx(I.Suspense,{children:l.jsx(y7e,{uid:t})})}):null:l.jsx(A.Badge,{color:"tomato",title:"Required",size:"medium"})}function y7e(e){const t=S7e(e),n=be();if(!t.documentId)return null;const r=bO({status:t.status,releaseId:t.releaseId,documentId:t.documentId,versionId:t.versionId,baseUrl:n.baseUrl});return l.jsx("a",{href:r.href,target:"_blank",rel:"noreferrer",children:l.jsx(A.Badge,{color:"tomato",size:"medium",title:l.jsxs(A.Text,{color:"tomato11",variant:"small",children:["Value already used in"," ",l.jsx(A.Text,{color:"tomato11",variant:"small",underline:!0,children:"another document"})]})})})}function b7e(e){return e===""?void 0:{__TYPE__:"UIDContent",value:e}}function S7e(e){var p,h,m,g;const{uid:t}=e,n=be();n.uidField||xt("uidField");const{coreApiBaseUrl:r,authStrategy:i,customTypeId:o,localeId:a,documentId:s}=n,{data:c}=_F({baseUrl:r,authStrategy:i,uids:[t]}),u=c.results,f=nZ({customTypeId:o,languageId:a,documentsWithUid:u,documentId:s,uid:t})[0];return f?{documentId:f.id,versionId:(p=f.versions[0])==null?void 0:p.version_id,status:(h=f.versions[0])==null?void 0:h.status,releaseId:((m=f.versions[0])==null?void 0:m.status)==="release"?(g=f.versions[0])==null?void 0:g.release_id:void 0}:{}}function C7e(e){const{id:t,readOnly:n,staticZone:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,d=be(),f=I.useMemo(()=>Object.entries(r),[r]),p=I.useRef(i);if(I.useEffect(()=>{p.current=i},[i]),f.length===0)return null;const h=x7e(f),m=lv(i[na])||"Meta title..",g=lv(i[ls])||"Meta description..";return l.jsxs(A.FieldSet,{legend:"Page data",children:[h&&l.jsx(XJ,{title:m,description:g}),f.map(([y,b])=>{const x={id:`${t}.${y}`,onContentChange:v=>{const{[y]:S,...C}=p.current;o({...C,...v!==void 0&&{[y]:v}})},readOnly:n},w=i[y];return b.type==="UID"?l.jsx(kw,{id:y,children:l.jsx(g7e,{...x,content:de.isUIDContent(w)?w:void 0,field:b})},y):b.type==="Group"?I.createElement(yF,{...x,id:y,content:de.isGroupContent(w)?w:void 0,group:b,key:y}):d.aiSeoMetadataEnabled&&w7e(y)&&b.type==="Text"?l.jsx(kw,{id:y,children:l.jsx(m7e,{...x,content:de.isTextContent(w)?w:void 0,field:b,metadataFieldType:y,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u})},y):I.createElement(eS,{...x,id:y,content:de.isNestableContent(w)?w:void 0,key:y,nestableWidget:b})})]})}function w7e(e){return e===na||e===ls}const x7e=e=>{var t,n;return((t=e[0])==null?void 0:t[0])===na&&((n=e[1])==null?void 0:n[0])===ls};function _7e(e){const{id:t,readOnly:n,section:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,[d,f]=I7e(r),[p,h]=R7e(i);return l.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",zIndex:0},children:[l.jsx(C7e,{id:t,readOnly:n,staticZone:d,documentId:a,content:p,onContentChange:m=>o({...h,...m}),documentContent:s,documentCustomType:c,documentLocale:u}),f.map(([m,g])=>{const y=h[m];return l.jsx(h7e,{id:m,readOnly:n,sliceZone:g,content:y,onContentChange:b=>o({...p,...h,[m]:b})},m)})]})}function T7e(e){return e.type==="Choice"||e.type==="Slices"}function I7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>(T7e(i)?n.push([r,i]):Object.assign(t,{[r]:i}),[t,n]),[{},[]])}function R7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>{const o={[r]:i};return Object.assign(de.isSlicesContent(i)?n:t,o),[t,n]},[{},{}])}function E7e(e){const{config:t,readOnly:n=!1,customType:r,sectionName:i,documentId:o,content:a,locale:s,onContentChange:c}=e,u=I.useId();if(Sd.isEmpty(r.json))return null;const d=$7e(r,i),[f,p]=k7e(d,a);return l.jsx(Nv.Provider,{value:t,children:l.jsx(tLe,{customTypeFormat:r.format,children:l.jsx(_7e,{id:u,readOnly:n,section:d,documentId:o,content:f,onContentChange:h=>c({...p,...h}),documentContent:a,documentCustomType:r,documentLocale:s})})})}function $7e(e,t){const n=e.json[t];if(n===void 0)throw new Error(`Cannot find a section with name '${t}'.`);return n}function k7e(e,t){return Object.entries(t).reduce(([n,r],[i,o])=>{const a=e[i]!==void 0,s={[i]:o};return[{...n,...a?s:{}},{...r,...a?{}:s}]},[{},{}])}exports.APIExplorer=jOe;exports.DeferredBarChart=FOe;exports.DeferredCodeBlock=Gp;exports.Document=HLe;exports.DocumentEditor=E7e;exports.EditorConfigContext=Nv;exports.EditorErrorBoundary=W8e;exports.MediaLibrary=AH;exports.MetadataBadge=ZJ;exports.MetadataPreview=XJ;exports.OnboardingGuide=Y8e;exports.OnboardingStepId=oDe;exports.SelectionManagerProvider=QQ;exports.SharedSliceEditor=oZ;exports.SliceSelectionContext=rZ;exports.TeamSpace=$1;exports.UIDContext=eZ;exports.createSearchParams=SQ;exports.createTeamSpace=xDe;exports.defaultGroupContentWithOneItem=GJ;exports.defaultImageContentWidget=iZ;exports.deleteTeamSpace=TDe;exports.documentKeys=wo;exports.documentMetaSchema=wF;exports.documentStatus=JJ;exports.extractTextFromField=lv;exports.fetchCustomTypes=sFe;exports.frameworkCreateProjectCodeSnippet=E2;exports.frameworkLabels=R2;exports.generateSEOMetadata=lQ;exports.getConflictingUidDocuments=nZ;exports.getCustomTypesOptions=bm;exports.getDocumentById=Im;exports.getDocumentList=xF;exports.getDocumentListOptions=CQ;exports.getOnboarding=aDe;exports.getPageTextContent=dQ;exports.getProfile=DQ;exports.getRepository=E1;exports.getRepositoryTags=RQ;exports.getRepositoryV2=iDe;exports.getRoleLabel=dDe;exports.getRoles=FQ;exports.getRolesOptions=vDe;exports.getSliceSelectionDOMId=tS;exports.getStaticCustomTypeOptions=aF;exports.getTeamSpaces=OQ;exports.getTeamSpacesOptions=CDe;exports.hasUIDField=tZ;exports.invalidateCustomTypes=uFe;exports.invalidateDocumentListData=JLe;exports.isAdminRole=uDe;exports.isDocumentSearchVersion=Ow;exports.isDocumentVersion=gQ;exports.isMissingUID=t7e;exports.isPageContentRelevantForAISeo=fQ;exports.isValidSimulatorURL=IQ;exports.languageSchema=CF;exports.makeSearchFullTextDocumentsQueryString=bQ;exports.metaDescriptionConfig=Ah;exports.metaDescriptionProperty=ls;exports.metaTitleConfig=hh;exports.metaTitleProperty=na;exports.onboardingStateSchema=$Q;exports.onboardingToggleResultSchema=jQ;exports.onboardingToggleStepResultSchema=kQ;exports.prefetchCustomTypes=aFe;exports.prepareDocument=L8e;exports.profileResponse=LQ;exports.repositoryFramework=R1;exports.repositorySchemaV2=EQ;exports.roleMap=EDe;exports.searchDocumentStatus=Rx;exports.searchDocuments=wQ;exports.searchDocumentsQueryOptions=xQ;exports.searchFullTextDocuments=yQ;exports.sliceItemContentSchema=YLe;exports.suppressErrors=bee;exports.throwConfigError=xt;exports.toggleOnboarding=cDe;exports.toggleOnboardingStep=sDe;exports.updateDocumentListData=GLe;exports.updateRoles=yDe;exports.updateTeamSpace=_De;exports.useCustomType=cFe;exports.useCustomTypes=f1;exports.useDocumentList=_F;exports.useInvalidateRoles=bDe;exports.useInvalidateTeamSpaces=wDe;exports.usePrefetchStaticCustomType=pFe;exports.useProfile=RF;exports.useSelectionManager=wc;exports.useSliceSelection=nS;exports.useStaticCustomType=fFe;
+npx @slicemachine/init@latest --repository ${i??"<my-project>"}`,language:"bash",title:"Terminal",showLineNumbers:!1})]})},{id:"createPageType",title:"Create a Page Type",description:"Build the structure of your page",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Create_page_type_xdn13j.mp4",content:l.jsx(A.Text,{children:"A page type is a base content structure editors will use to create pages in the Page Builder (Prismic's content creation UI). A page type can be reusable (e.g., for multiple blog posts) or single (e.g., for a one-time page like the homepage)."})},{id:"codePage",title:"Code Your Page Type",description:"Prepare code to fetch content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/Step2_code_your_page_jatiur.mp4",content:l.jsx(A.Text,{children:"Prepare your code to query the content from the Prismic API."})},{id:"createSlice",title:"Create a Slice",description:"Build a reusable website section",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918322/DEV_TOOLS/ONBOARDING_GUIDE/Step3_add_slice_qzmvxf.mp4",content:l.jsx(A.Text,{children:"Slices are website sections that can be reused on different pages with different content. Each slice has a code component automatically generated by Slice Machine. Start with a template and look at your code to see how it's structured."})},{id:"reviewAndPush",title:"Review and Push changes",description:"Enable editors to create content",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918320/DEV_TOOLS/ONBOARDING_GUIDE/DevTools_Squad_push_changes_ovvmul.mp4",content:l.jsx(A.Text,{children:"Your page types and slices currently exist only in your local project. Push them to your repository to make them available for your content editors."})},{id:"createContent",title:"Create Content",description:"Publish a page to the Prismic API",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1732631905/DEV_TOOLS/ONBOARDING_GUIDE/step_9_create_content_y8m3m0.mp4",content:l.jsx(A.Text,{children:"In Prismic, content creation takes place in the Prismic Page Builder UI. Open the Page Builder and start creating your first page."})},{id:"renderPage",title:"Render Your Page",description:"View your page in the browser",videoUrl:"https://res.cloudinary.com/dmtf1daqp/video/upload/v1721918321/DEV_TOOLS/ONBOARDING_GUIDE/Step_6_Render_Page_tnauh9.mp4",content:l.jsxs(A.Text,{children:["Now that your content is published, you can run your project in your terminal and visit the page on your local server (e.g.,"," ",l.jsx(A.Text,{component:"code",children:"localhost:3000/example-page"}),"). Your content should now be visible!"]})}],c={next:"https://prismic.dev/course/next",nuxt:"https://prismic.dev/course/nuxt",sveltekit:"https://prismic.dev/course/sveltekit"};return{steps:s,defaultCompletedStepIds:s.flatMap(u=>u.defaultCompleted?[u.id]:[]),tutorialLink:t?c[t]:void 0}}function H8e(e){const{framework:t}=e;if(!t||t==="other")return{frameworkNameLabel:"",createProjectCodeSnippet:""};const n=R2[t];return{frameworkNameLabel:n?`${n} `:"",createProjectCodeSnippet:E2[t]}}const ZC=3e3,w2=400;function Y8e(e){const{onboardingState:t,tracking:n,onToggleStep:r,onToggleGuide:i,fallback:o=null,stepOverrides:a,repositoryName:s,projectName:c}=e,{context:u,isDismissed:d}=t,{steps:f,defaultCompletedStepIds:p,tutorialLink:h}=Q8e({...u,repositoryName:s,projectName:c}),m=x(t.completedSteps),g=G8e(y,w2);if(ze.useOnChange(d,()=>!d&&g.reset()),u.framework==="other")return l.jsx(l.Fragment,{children:o});function y(){i()}async function b(w){const v=await r(w.id);v.includes(w.id)&&n.track({event:"shared-onboarding:step-completed",stepId:w.id,stepTitle:w.title,source:n.source}),x(v).length===f.length&&(n.track({event:"shared-onboarding:completed",source:n.source}),g.start())}function x(w){const v=f.map(({id:S})=>S);return Array.from(new Set([...w.filter(S=>v.includes(S)),...p]))}return d?null:l.jsx(A.AnimatedElement,{enterDuration:0,exitDuration:w2,children:g.status!=="hidden"&&l.jsxs("div",{ref:g.refs.container,style:{position:"relative"},children:[l.jsx(z8e,{steps:f,completedSteps:m,tutorialLink:h,tracking:n,onToggleStep:b,onClose:g.status!=="animating"?y:void 0,stepOverrides:a}),l.jsx("div",{ref:g.refs.cannon,style:{position:"absolute",bottom:0,left:0}})]})})}function G8e(e,t=400){const n=mZ.useConfetti({config:{duration:ZC}}),[r,i]=I.useState("visible"),o=I.useRef(!1),a=I.useCallback(()=>{i("animating"),setTimeout(()=>i("hidden"),ZC-t),o.current||(setTimeout(e,ZC),o.current=!0)},[e,t]),s=()=>{n.throwConfetti(),a()},c=I.useCallback(()=>{i("visible"),o.current=!1},[]);return{refs:{container:n.confettiContainerRef,cannon:n.confettiCannonRef},status:r,start:s,reset:c}}function ZJ(e){const{type:t,value:n}=e,r=t===na?hh.max:Ah.max;return l.jsx(A.Box,{alignItems:"center",children:l.jsx(A.Tooltip,{title:J8e[t],content:e7e[t],stableMount:!0,children:l.jsx(A.Badge,{title:`${n.length} characters`,size:"medium",color:n.length>r?"tomato":"green",sx:{alignSelf:"center"}})})})}const J8e={[na]:"Meta title length",[ls]:"Meta description length"},Z8e=`${hh.min}-${hh.max}`,X8e=`${Ah.min}-${Ah.max}`,e7e={[na]:`For optimal mobile SEO, keep your meta title within ${Z8e} characters to prevent it from being cut off in search results.`,[ls]:`To ensure your meta description isn’t truncated in mobile search results, aim for ${X8e} characters. This helps improve visibility and click-through rates.`};function XJ(e){const{title:t,description:n}=e;return l.jsx(A.Card,{paddingBlock:8,paddingInline:8,variant:"highlighted",children:l.jsxs(A.CardContent,{gap:4,children:[l.jsx(A.Text,{color:"indigo11",variant:"h4",noSelect:!0,children:Ft.overflow(t,hh.max)}),l.jsx(A.Text,{color:"green11",noSelect:!0,children:"https://www.yourdomain.com/"}),l.jsx(A.Text,{variant:"small",color:"grey11",noSelect:!0,children:Ft.overflow(n,Ah.max)})]})})}const eZ=I.createContext({editedUID:{current:!1},onEditUID:()=>{}});function tZ(e){return Object.values(e.json).some(t=>{var n;return((n=t.uid)==null?void 0:n.type)==="UID"})}function t7e(e){const{content:t,customType:n}=e;return tZ(n)&&!t.uid}function nZ(e){const{documentId:t,documentsWithUid:n,uid:r}=e;return n.filter(i=>t!==i.id&&r7e({document:i,uid:r})&&n7e({...e,document:i}))}function n7e(e){const{customTypeId:t,languageId:n,document:r}=e,i=t===r.custom_type_id,o=n===r.language.id;return i&&o}function r7e(e){const{document:t,uid:n}=e,r=t.versions.filter(i=>i.uid===n);return r.length===0?!0:r.some(i=>i.status!=="archived")}function tS(e,t){return`${e}___${t}`}const rZ=I.createContext({ids:[],isSelected:()=>!1,update:()=>{}});function nS(){return I.useContext(rZ)}function i7e(e){const{content:t,id:n,nonRepeatableZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(eS,{id:`${n}.${s}`,readOnly:o,nestableWidget:c,content:de.isNestableContent(u)?u:void 0,onContentChange:d=>{i(o7e(t,s,d))}},s)})})}function o7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function a7e(e){const{compositeSlice:t,content:n,onContentChange:r,sliceKey:i,id:o,readOnly:a,header:s}=e,c=nS();function u(){i&&c.update({id:i,requestedFrom:"sliceFieldSet"})}return l.jsxs(A.FieldSet,{id:i&&tS("sliceFieldSet",i),selected:i?c.isSelected(i):!1,onFocus:u,legend:s7e(t),header:s,children:[l.jsx(i7e,{id:o,readOnly:a,nonRepeatableZone:t["non-repeat"]??{},content:n.nonRepeat,onContentChange:d=>{r({...n,nonRepeat:d})}}),l.jsx(yO,{id:o,readOnly:a,repeatableZone:t.repeat??{},content:n.repeat,onContentChange:d=>{r({...n,repeat:d})}})]})}function s7e(e){var t;return((t=e.config)==null?void 0:t.label)??e.fieldset??e.type}const iZ={__TYPE__:"ImageContent",edit:{background:"",crop:{x:0,y:0},zoom:0},height:0,width:0,origin:{height:0,width:0,id:"",url:""},url:""};function c7e(e){const{field:t}=e;if(t.type==="Image")return iZ}function u7e(e){const{content:t,legacySlice:n,sliceKey:r,id:i,readOnly:o,onContentChange:a,header:s}=e,c=nS();function u(){r&&c.update({id:r,requestedFrom:"sliceFieldSet"})}const d=n.type==="Group"?$w(n):_r(n);return l.jsx(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?c.isSelected(r):!1,onFocus:u,legend:d,header:s,children:n.type==="Group"?l.jsx(yF,{id:i,readOnly:o,onContentChange:a,group:n,content:de.isGroupContent(t)?t:void 0}):l.jsx(eS,{id:i,readOnly:o,nestableWidget:n,content:de.isNestableContent(t)?t:void 0,onContentChange:f=>{const p=c7e({field:n});!f&&p&&a(p),f&&a(f)}})})}function l7e(e){const{content:t,id:n,slicePrimaryZone:r,onContentChange:i,readOnly:o}=e,a=I.useMemo(()=>Object.entries(r),[r]);return l.jsx(l.Fragment,{children:a.map(([s,c])=>{const u=t[s];return l.jsx(HJ,{id:`${n}.${s}`,readOnly:o,widget:c,content:de.isSlicePrimaryContent(u)?u:void 0,onContentChange:d=>{i(d7e(t,s,d))}},s)})})}function d7e(e,t,n){return n?{...e,[t]:n}:Sd.removeKey(e,t)}function oZ(e){const{config:t,content:n,sliceKey:r,readOnly:i=!1,sharedSlice:o,onContentChange:a,...s}=e,c=f7e(o,n.variation),u=I.useId(),f={id:s.id??u,readOnly:i},p=nS();function h(){r&&p.update({id:r,requestedFrom:"sliceFieldSet"})}return c===void 0?null:l.jsx(Nv.Provider,{value:t,children:l.jsx(nLe,{children:l.jsxs(A.FieldSet,{id:r&&tS("sliceFieldSet",r),selected:r?p.isSelected(r):!1,onFocus:h,legend:p7e(o,c),children:[l.jsx(A.LazyRender,{heightEstimate:400,gap:16,keepLoaded:!0,loadWhenSearching:!0,children:l.jsx(l7e,{...f,slicePrimaryZone:c.primary??{},content:n.primary,onContentChange:m=>{a({...n,primary:m})}})}),l.jsx(yO,{...f,repeatableZone:c.items??{},content:n.items,onContentChange:m=>{a({...n,items:m})}})]})})})}function f7e(e,t){return I.useMemo(()=>e.variations.find(n=>n.id===t),[e,t])}function p7e(e,t){return[e.name,t.name].join(" • ")}function x2(e){var c,u;const{sliceZone:t,onChange:n,slices:r,sliceContent:i}=e,o=(u=(c=t.config)==null?void 0:c.labels)==null?void 0:u[i.name];if(!o)return null;const a=o.find(d=>d.name===i.maybeLabel);function s(d){const f=r.value.map(p=>p.key===i.key?{...p,maybeLabel:d}:p);n({...r,value:f})}return l.jsxs(l.Fragment,{children:[l.jsx(A.Text,{component:"span",variant:"smallBold",children:"•"}),l.jsxs(A.DropdownMenu,{children:[l.jsx(A.DropdownMenuTrigger,{children:l.jsx(A.Button,{color:"grey",size:"small",endIcon:"arrowDropDown",invisible:!0,children:(a==null?void 0:a.display)??"Slice variation"})}),l.jsxs(A.DropdownMenuContent,{align:"start",maxHeight:256,children:[l.jsx(A.DropdownMenuItem,{onSelect:()=>s(void 0),endIcon:i.maybeLabel===void 0?l.jsx(A.Icon,{name:"check"}):void 0,children:"..."}),o==null?void 0:o.map(d=>l.jsx(A.DropdownMenuItem,{onSelect:()=>s(d.name),endIcon:d.name===i.maybeLabel?l.jsx(A.Icon,{name:"check"}):void 0,children:d.display??"[Missing display value]"},d.name))]})]})]})}function h7e(e){const{content:t,id:n,onContentChange:r,readOnly:i,sliceZone:o}=e,a=be();return l.jsx(l.Fragment,{children:t==null?void 0:t.value.map((s,c)=>{var p,h;const u=(h=(p=o.config)==null?void 0:p.choices)==null?void 0:h[s.name];if(u===void 0)return null;const d=s.widget,f={id:`${n}[${s.key}]`,key:s.key,sliceKey:s.key,onContentChange:m=>{const g={...s,widget:m},y=A7e(t,[c,g]);r(y)},readOnly:i};return u.type==="SharedSlice"?de.isSharedSliceContent(d)?l.jsx(oZ,{...f,config:a,sharedSlice:u,content:d}):null:u.type==="Slice"?de.isCompositeSliceContent(d)?l.jsx(a7e,{...f,compositeSlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null:de.isSimpleSliceContent(d)?l.jsx(u7e,{...f,legacySlice:u,content:d,header:l.jsx(x2,{sliceContent:s,sliceZone:o,slices:t,onChange:r})}):null})})}function A7e(e,[t,n]){return{__TYPE__:"SliceContentType",value:e.value.map((r,i)=>i===t?n:r)}}function m7e(e){const{content:t,metadataFieldType:n,documentId:r="new-document",documentContent:i,documentCustomType:o,documentLocale:a,...s}=e,{showAlert:c}=A.useAlert(),[u,d]=I.useState(!1),f=be(),p=I.useMemo(()=>dQ(i,o),[i,o]),h=fQ(p);async function m(){if(!f.aiSeoMetadataEnabled)return;const{trackMetadataGeneration:g,authStrategy:y,documentBaseUrl:b,repository:x}=f;d(!0);try{const w=await lQ(x,b,y,{pageTextContent:p,contentLocale:a});e.onContentChange({__TYPE__:"FieldContent",type:"Text",value:w[n]}),g({documentId:r,locale:a,suggestion:w[n],type:n})}catch{c({id:n,title:"Error",subtitle:`Failed to generate SEO metadata for ${_2[n]}`})}d(!1)}return l.jsx(qJ,{...s,content:t,placeholder:`${_2[n]}..`,endAdornment:l.jsxs(l.Fragment,{children:[l.jsx(ZJ,{type:n,value:(t==null?void 0:t.value)||""}),l.jsx(A.Tooltip,{content:h?"Generate SEO metadata from your page content.":"Your page content is too short to generate SEO metadata.",children:l.jsx(A.Button,{disabled:!h,onClick:m,size:"small",color:"grey",startIcon:"autoFixHigh",loading:u,sx:{alignSelf:"center",marginInline:8},children:"Generate"})})]})})}const _2={[na]:"Meta title",[ls]:"Meta description"};function g7e(e){const{id:t,field:n,content:r,onContentChange:i,readOnly:o}=e,a=ze.useDebounceState({state:(r==null?void 0:r.value)??"",synchronize:!0}),{onEditUID:s}=I.useContext(eZ);function c(d){s();const f=Ft.slugify(d);i(b7e(f)),a.set(f)}function u(d){o||(c(d.clipboardData.getData("Text").trim()),d.preventDefault())}return l.jsxs(A.Field,{children:[l.jsx(A.FieldIcon,{name:"tag"}),l.jsx(A.FieldLabel,{htmlFor:t,children:_r(n)}),l.jsx(A.FieldControl,{children:l.jsx(Cc,{id:t,variant:"success",placeholder:Hf(n,"Enter a unique identifier"),value:a.value,onPaste:u,onValueChange:c,endAdornment:l.jsx(A.AnimatedElement,{enterDuration:150,children:l.jsx(v7e,{uid:a.debouncedValue})}),readOnly:o})})]})}function v7e(e){const{uid:t}=e,n=be();return t?n.uidField?l.jsx(A.ErrorBoundary,{children:l.jsx(I.Suspense,{children:l.jsx(y7e,{uid:t})})}):null:l.jsx(A.Badge,{color:"tomato",title:"Required",size:"medium"})}function y7e(e){const t=S7e(e),n=be();if(!t.documentId)return null;const r=bO({status:t.status,releaseId:t.releaseId,documentId:t.documentId,versionId:t.versionId,baseUrl:n.baseUrl});return l.jsx("a",{href:r.href,target:"_blank",rel:"noreferrer",children:l.jsx(A.Badge,{color:"tomato",size:"medium",title:l.jsxs(A.Text,{color:"tomato11",variant:"small",children:["Value already used in"," ",l.jsx(A.Text,{color:"tomato11",variant:"small",underline:!0,children:"another document"})]})})})}function b7e(e){return e===""?void 0:{__TYPE__:"UIDContent",value:e}}function S7e(e){var p,h,m,g;const{uid:t}=e,n=be();n.uidField||xt("uidField");const{coreApiBaseUrl:r,authStrategy:i,customTypeId:o,localeId:a,documentId:s}=n,{data:c}=_F({baseUrl:r,authStrategy:i,uids:[t]}),u=c.results,f=nZ({customTypeId:o,languageId:a,documentsWithUid:u,documentId:s,uid:t})[0];return f?{documentId:f.id,versionId:(p=f.versions[0])==null?void 0:p.version_id,status:(h=f.versions[0])==null?void 0:h.status,releaseId:((m=f.versions[0])==null?void 0:m.status)==="release"?(g=f.versions[0])==null?void 0:g.release_id:void 0}:{}}function C7e(e){const{id:t,readOnly:n,staticZone:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,d=be(),f=I.useMemo(()=>Object.entries(r),[r]),p=I.useRef(i);if(I.useEffect(()=>{p.current=i},[i]),I.useEffect(()=>{window.dispatchEvent(new Event("prismic-static-zone-rendered"))},[]),f.length===0)return null;const h=x7e(f),m=lv(i[na])||"Meta title..",g=lv(i[ls])||"Meta description..";return l.jsxs(A.FieldSet,{legend:"Page data",children:[h&&l.jsx(XJ,{title:m,description:g}),f.map(([y,b])=>{const x={id:`${t}.${y}`,onContentChange:v=>{const{[y]:S,...C}=p.current;o({...C,...v!==void 0&&{[y]:v}})},readOnly:n},w=i[y];return b.type==="UID"?l.jsx(kw,{id:y,children:l.jsx(g7e,{...x,content:de.isUIDContent(w)?w:void 0,field:b})},y):b.type==="Group"?I.createElement(yF,{...x,id:y,content:de.isGroupContent(w)?w:void 0,group:b,key:y}):d.aiSeoMetadataEnabled&&w7e(y)&&b.type==="Text"?l.jsx(kw,{id:y,children:l.jsx(m7e,{...x,content:de.isTextContent(w)?w:void 0,field:b,metadataFieldType:y,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u})},y):I.createElement(eS,{...x,id:y,content:de.isNestableContent(w)?w:void 0,key:y,nestableWidget:b})})]})}function w7e(e){return e===na||e===ls}const x7e=e=>{var t,n;return((t=e[0])==null?void 0:t[0])===na&&((n=e[1])==null?void 0:n[0])===ls};function _7e(e){const{id:t,readOnly:n,section:r,content:i,onContentChange:o,documentId:a,documentContent:s,documentCustomType:c,documentLocale:u}=e,[d,f]=I7e(r),[p,h]=R7e(i);return l.jsxs("div",{style:{display:"flex",flexDirection:"column",position:"relative",zIndex:0},children:[l.jsx(C7e,{id:t,readOnly:n,staticZone:d,documentId:a,content:p,onContentChange:m=>o({...h,...m}),documentContent:s,documentCustomType:c,documentLocale:u}),f.map(([m,g])=>{const y=h[m];return l.jsx(h7e,{id:m,readOnly:n,sliceZone:g,content:y,onContentChange:b=>o({...p,...h,[m]:b})},m)})]})}function T7e(e){return e.type==="Choice"||e.type==="Slices"}function I7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>(T7e(i)?n.push([r,i]):Object.assign(t,{[r]:i}),[t,n]),[{},[]])}function R7e(e){return Object.entries(e).reduce(([t,n],[r,i])=>{const o={[r]:i};return Object.assign(de.isSlicesContent(i)?n:t,o),[t,n]},[{},{}])}function E7e(e){const{config:t,readOnly:n=!1,customType:r,sectionName:i,documentId:o,content:a,locale:s,onContentChange:c}=e,u=I.useId();if(Sd.isEmpty(r.json))return null;const d=$7e(r,i),[f,p]=k7e(d,a);return l.jsx(Nv.Provider,{value:t,children:l.jsx(tLe,{customTypeFormat:r.format,children:l.jsx(_7e,{id:u,readOnly:n,section:d,documentId:o,content:f,onContentChange:h=>c({...p,...h}),documentContent:a,documentCustomType:r,documentLocale:s})})})}function $7e(e,t){const n=e.json[t];if(n===void 0)throw new Error(`Cannot find a section with name '${t}'.`);return n}function k7e(e,t){return Object.entries(t).reduce(([n,r],[i,o])=>{const a=e[i]!==void 0,s={[i]:o};return[{...n,...a?s:{}},{...r,...a?{}:s}]},[{},{}])}exports.APIExplorer=jOe;exports.DeferredBarChart=FOe;exports.DeferredCodeBlock=Gp;exports.Document=HLe;exports.DocumentEditor=E7e;exports.EditorConfigContext=Nv;exports.EditorErrorBoundary=W8e;exports.MediaLibrary=AH;exports.MetadataBadge=ZJ;exports.MetadataPreview=XJ;exports.OnboardingGuide=Y8e;exports.OnboardingStepId=oDe;exports.SelectionManagerProvider=QQ;exports.SharedSliceEditor=oZ;exports.SliceSelectionContext=rZ;exports.TeamSpace=$1;exports.UIDContext=eZ;exports.createSearchParams=SQ;exports.createTeamSpace=xDe;exports.defaultGroupContentWithOneItem=GJ;exports.defaultImageContentWidget=iZ;exports.deleteTeamSpace=TDe;exports.documentKeys=wo;exports.documentMetaSchema=wF;exports.documentStatus=JJ;exports.extractTextFromField=lv;exports.fetchCustomTypes=sFe;exports.frameworkCreateProjectCodeSnippet=E2;exports.frameworkLabels=R2;exports.generateSEOMetadata=lQ;exports.getConflictingUidDocuments=nZ;exports.getCustomTypesOptions=bm;exports.getDocumentById=Im;exports.getDocumentList=xF;exports.getDocumentListOptions=CQ;exports.getOnboarding=aDe;exports.getPageTextContent=dQ;exports.getProfile=DQ;exports.getRepository=E1;exports.getRepositoryTags=RQ;exports.getRepositoryV2=iDe;exports.getRoleLabel=dDe;exports.getRoles=FQ;exports.getRolesOptions=vDe;exports.getSliceSelectionDOMId=tS;exports.getStaticCustomTypeOptions=aF;exports.getTeamSpaces=OQ;exports.getTeamSpacesOptions=CDe;exports.hasUIDField=tZ;exports.invalidateCustomTypes=uFe;exports.invalidateDocumentListData=JLe;exports.isAdminRole=uDe;exports.isDocumentSearchVersion=Ow;exports.isDocumentVersion=gQ;exports.isMissingUID=t7e;exports.isPageContentRelevantForAISeo=fQ;exports.isValidSimulatorURL=IQ;exports.languageSchema=CF;exports.makeSearchFullTextDocumentsQueryString=bQ;exports.metaDescriptionConfig=Ah;exports.metaDescriptionProperty=ls;exports.metaTitleConfig=hh;exports.metaTitleProperty=na;exports.onboardingStateSchema=$Q;exports.onboardingToggleResultSchema=jQ;exports.onboardingToggleStepResultSchema=kQ;exports.prefetchCustomTypes=aFe;exports.prepareDocument=L8e;exports.profileResponse=LQ;exports.repositoryFramework=R1;exports.repositorySchemaV2=EQ;exports.roleMap=EDe;exports.searchDocumentStatus=Rx;exports.searchDocuments=wQ;exports.searchDocumentsQueryOptions=xQ;exports.searchFullTextDocuments=yQ;exports.sliceItemContentSchema=YLe;exports.suppressErrors=bee;exports.throwConfigError=xt;exports.toggleOnboarding=cDe;exports.toggleOnboardingStep=sDe;exports.updateDocumentListData=GLe;exports.updateRoles=yDe;exports.updateTeamSpace=_De;exports.useCustomType=cFe;exports.useCustomTypes=f1;exports.useDocumentList=_F;exports.useInvalidateRoles=bDe;exports.useInvalidateTeamSpaces=wDe;exports.usePrefetchStaticCustomType=pFe;exports.useProfile=RF;exports.useSelectionManager=wc;exports.useSliceSelection=nS;exports.useStaticCustomType=fFe;