@liiift-studio/sanity-font-manager 2.5.0 → 2.5.1

package/dist/index.js

@@ -59,7 +59,8 @@
 
 
 
-var _chunkFH4QKHOHjs = require('./chunk-FH4QKHOH.js');
+
+var _chunkJCDZ7SWZjs = require('./chunk-JCDZ7SWZ.js');
 
 // src/components/BatchUploadFonts.jsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -113,7 +114,7 @@ var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, styl
         if (fileType === "woff2") {
           console.log(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating CSS for: ${fontObject.title}`);
           setStatus(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating CSS for: ${fontObject.title}`);
-          newFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+          newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
             woff2File: file,
             fileInput: newFileInput,
             fontName: fontObject.title,
@@ -127,7 +128,7 @@ var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, styl
         if (fileType === "ttf") {
           console.log(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating font data for: ${fontObject.title}`);
           setStatus(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating font data for: ${fontObject.title}`);
-          const metadata = await _chunkFH4QKHOHjs.generateFontData.call(void 0, {
+          const metadata = await _chunkJCDZ7SWZjs.generateFontData.call(void 0, {
             fontId: fontObject._id,
             url: baseAsset.url,
             fontKit,
@@ -240,7 +241,7 @@ var createOrUpdateFontDocument = async (font, client, setError) => {
     delete font.fontKit;
     delete font.originalFilename;
     if (font.variableFont && font.variableInstances) {
-      const instanceMappings = await _chunkFH4QKHOHjs.parseVariableFontInstances.call(void 0, font, client);
+      const instanceMappings = await _chunkJCDZ7SWZjs.parseVariableFontInstances.call(void 0, font, client);
       if (instanceMappings.length > 0) {
         font.variableInstanceReferences = instanceMappings;
       }
@@ -405,9 +406,9 @@ var renameFontDocuments = async ({
           const res = await fetch(ttfAsset.url);
           file = await res.blob();
         }
-        const fontBuffer = await _chunkFH4QKHOHjs.readFontFile.call(void 0, file);
-        const font = await _chunkFH4QKHOHjs.parseFont.call(void 0, fontBuffer, `${fontDoc._id}.ttf`);
-        const { weightName, subfamilyName, fontTitle } = _chunkFH4QKHOHjs.extractFontMetadata.call(void 0, 
+        const fontBuffer = await _chunkJCDZ7SWZjs.readFontFile.call(void 0, file);
+        const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, `${fontDoc._id}.ttf`);
+        const { weightName, subfamilyName, fontTitle } = _chunkJCDZ7SWZjs.extractFontMetadata.call(void 0, 
           font,
           typefaceName,
           weightKeywordList,
@@ -587,7 +588,7 @@ var groupFontsBySubfamily = (fonts) => {
     if ((_a = font.title) == null ? void 0 : _a.includes("VF")) {
       subfamilies[`VF_${font.title}`] = [font];
     } else {
-      const subfamilyName = font.subfamily ? _chunkFH4QKHOHjs.expandAbbreviations.call(void 0, font.subfamily) : "Regular";
+      const subfamilyName = font.subfamily ? _chunkJCDZ7SWZjs.expandAbbreviations.call(void 0, font.subfamily) : "Regular";
       if (!subfamilies[subfamilyName]) subfamilies[subfamilyName] = [];
       subfamilies[subfamilyName].push(font);
     }
@@ -635,7 +636,7 @@ var updateTypefaceSubfamilies = async (doc_id, stylesObject, newSubfamiliesArray
 };
 
 // src/components/BatchUploadFonts.jsx
-var UploadModal2 = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./UploadModal-6LIX7XOK.js"))));
+var UploadModal2 = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./UploadModal-WPK2CXLR.js"))));
 var ACCEPTED_EXTENSIONS = ["ttf", "otf", "woff", "woff2", "eot", "svg"];
 var formatElapsed = (s) => {
   const m = Math.floor(s / 60);
@@ -664,7 +665,7 @@ var BatchUploadFonts = () => {
   const slug = _sanity.useFormValue.call(void 0, ["slug"]);
   const stylesObject = _sanity.useFormValue.call(void 0, ["styles"]) || { fonts: [], variableFont: [] };
   const subfamiliesArray = (stylesObject == null ? void 0 : stylesObject.subfamilies) || [];
-  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkFH4QKHOHjs.generateStyleKeywords.call(void 0, ), []);
+  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkJCDZ7SWZjs.generateStyleKeywords.call(void 0, ), []);
   _react.useEffect.call(void 0, () => {
     if (ready !== true) {
       setElapsedSeconds(0);
@@ -777,7 +778,7 @@ var BatchUploadFonts = () => {
       }
       const sortedFiles = sortFilesByType(pendingFiles);
       setPendingFiles([]);
-      const { fontsObjects, subfamilies, uniqueSubfamilies, newPreferredStyle, failedFiles } = await _chunkFH4QKHOHjs.processFontFiles.call(void 0, 
+      const { fontsObjects, subfamilies, uniqueSubfamilies, newPreferredStyle, failedFiles } = await _chunkJCDZ7SWZjs.processFontFiles.call(void 0, 
         sortedFiles,
         title,
         weightKeywordList,
@@ -796,7 +797,7 @@ var BatchUploadFonts = () => {
         setError,
         preserveFileNames
       );
-      await _chunkFH4QKHOHjs.updateTypefaceDocument.call(void 0, 
+      await _chunkJCDZ7SWZjs.updateTypefaceDocument.call(void 0, 
         doc_id,
         fontRefs,
         variableRefs,
@@ -913,7 +914,7 @@ var BatchUploadFonts = () => {
           const woff2Blob = await woff2Response.blob();
           const woff2File = new File([woff2Blob], `${fontDoc._id}.woff2`, { type: "font/woff2" });
           setStatus(`Regenerating CSS for font ${i + 1}/${fontRefs.length}: ${fontDoc.title}`);
-          const updatedFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+          const updatedFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
             woff2File,
             fileInput: fontDoc.fileInput,
             fileName: fontDoc._id,
@@ -1135,7 +1136,7 @@ var BatchUploadFonts = () => {
   ), renderTooltipLabel(
     "Preserve shortened names",
     'Abbreviations in font names are kept as-is (e.g. "XNarrow" stays "XNarrow", "Bd" stays "Bd").'
-  )), ready === "rename" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Rename Existing Fonts", style: { width: "100%" }, onClick: handleRenameExistingFonts, disabled: ready !== true })), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Update Font Prices"), ready === "price" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 2 }, /* @__PURE__ */ _react2.default.createElement(_chunkFH4QKHOHjs.PriceInput_default, { inputPrice, handleInputChange }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Update All Font Prices", style: { width: "100%" }, onClick: handleChangeFontPrice, disabled: ready !== true }))), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate CSS"), /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true, style: { lineHeight: 1.6 } }, "Rebuilds the CSS @font-face files for all fonts in the typeface fonts list."), ready === "css" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Regenerate CSS Files", style: { width: "100%" }, onClick: handleRegenerateCssFiles, disabled: ready !== true }))))));
+  )), ready === "rename" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Rename Existing Fonts", style: { width: "100%" }, onClick: handleRenameExistingFonts, disabled: ready !== true })), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Update Font Prices"), ready === "price" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 2 }, /* @__PURE__ */ _react2.default.createElement(_chunkJCDZ7SWZjs.PriceInput_default, { inputPrice, handleInputChange }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Update All Font Prices", style: { width: "100%" }, onClick: handleChangeFontPrice, disabled: ready !== true }))), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate CSS"), /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true, style: { lineHeight: 1.6 } }, "Rebuilds the CSS @font-face files for all fonts in the typeface fonts list."), ready === "css" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Regenerate CSS Files", style: { width: "100%" }, onClick: handleRegenerateCssFiles, disabled: ready !== true }))))));
 };
 
 // src/components/GenerateCollectionsPairsComponent.jsx
@@ -1487,7 +1488,7 @@ var SingleUploaderTool = (props) => {
   const doc_style = _sanity.useFormValue.call(void 0, ["style"]);
   const doc_slug = _sanity.useFormValue.call(void 0, ["slug"]);
   const doc_metaData = _sanity.useFormValue.call(void 0, ["metaData"]);
-  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkFH4QKHOHjs.generateStyleKeywords.call(void 0, ), []);
+  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkJCDZ7SWZjs.generateStyleKeywords.call(void 0, ), []);
   _react.useEffect.call(void 0, () => {
     handleSetFilenames();
   }, [fileInput]);
@@ -1541,7 +1542,7 @@ var SingleUploaderTool = (props) => {
         { id: woff2AssetRef }
       );
       const blob = await (await fetch(woff2Asset.url)).blob();
-      const newFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+      const newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
         woff2File: blob,
         fileInput,
         fontName: doc_title,
@@ -1632,16 +1633,16 @@ var SingleUploaderTool = (props) => {
       );
       if (!(ttfAsset == null ? void 0 : ttfAsset.url)) throw new Error("Could not fetch TTF file URL");
       const arrayBuffer = await (await fetch(ttfAsset.url)).arrayBuffer();
-      const font = await _chunkFH4QKHOHjs.parseFont.call(void 0, arrayBuffer, `${doc_id}.ttf`);
-      const { weightName, subfamilyName, style, variableFont } = _chunkFH4QKHOHjs.extractFontMetadata.call(void 0, 
+      const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, arrayBuffer, `${doc_id}.ttf`);
+      const { weightName, subfamilyName, style, variableFont } = _chunkJCDZ7SWZjs.extractFontMetadata.call(void 0, 
         font,
         doc_typefaceName,
         weightKeywordList,
         italicKeywordList
       );
-      const weight = _chunkFH4QKHOHjs.determineWeight.call(void 0, font, weightName);
+      const weight = _chunkJCDZ7SWZjs.determineWeight.call(void 0, font, weightName);
       await client.patch(doc_id).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
-      const fontData = await _chunkFH4QKHOHjs.generateFontData.call(void 0, {
+      const fontData = await _chunkJCDZ7SWZjs.generateFontData.call(void 0, {
         url: ttfAsset.url,
         fontKit: font,
         fontId: doc_id,
@@ -1655,7 +1656,7 @@ var SingleUploaderTool = (props) => {
           variableFont,
           variableInstances: fontData.variableInstances
         };
-        const instanceMappings = await _chunkFH4QKHOHjs.parseVariableFontInstances.call(void 0, fontObj, client);
+        const instanceMappings = await _chunkJCDZ7SWZjs.parseVariableFontInstances.call(void 0, fontObj, client);
         if (instanceMappings.length > 0) {
           await client.patch(doc_id).set({ variableInstanceReferences: instanceMappings }).commit();
         }
@@ -1774,7 +1775,7 @@ var SingleUploaderTool = (props) => {
       if (code === "woff2") {
         setMessage("Building CSS: " + doc_title + ".css");
         setStatus("Building CSS file");
-        newFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+        newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
           woff2File: file,
           fileInput: newFileInput,
           fontName: doc_title,
@@ -1788,15 +1789,15 @@ var SingleUploaderTool = (props) => {
         setStatus("CSS file built successfully");
       }
       if (code === "ttf") {
-        const fontBuffer = await _chunkFH4QKHOHjs.readFontFile.call(void 0, file);
-        const font = await _chunkFH4QKHOHjs.parseFont.call(void 0, fontBuffer, file.name);
-        const { weightName, subfamilyName, style, variableFont } = _chunkFH4QKHOHjs.extractFontMetadata.call(void 0, 
+        const fontBuffer = await _chunkJCDZ7SWZjs.readFontFile.call(void 0, file);
+        const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, file.name);
+        const { weightName, subfamilyName, style, variableFont } = _chunkJCDZ7SWZjs.extractFontMetadata.call(void 0, 
           font,
           doc_typefaceName,
           weightKeywordList,
           italicKeywordList
         );
-        const weight = _chunkFH4QKHOHjs.determineWeight.call(void 0, font, weightName);
+        const weight = _chunkJCDZ7SWZjs.determineWeight.call(void 0, font, weightName);
         const normalizedId = doc_id.startsWith("drafts.") ? doc_id.replace("drafts.", "") : doc_id;
         await client.patch(normalizedId).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
       }
@@ -2035,7 +2036,7 @@ var UploadScriptsComponent = (props) => {
   const stylesObject = _sanity.useFormValue.call(void 0, ["styles"]);
   let subfamiliesArray = (stylesObject == null ? void 0 : stylesObject.subfamilies) || [];
   const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, 
-    () => _chunkFH4QKHOHjs.generateStyleKeywords.call(void 0, ),
+    () => _chunkJCDZ7SWZjs.generateStyleKeywords.call(void 0, ),
     []
   );
   const readFontFile3 = (file) => {
@@ -2067,21 +2068,21 @@ var UploadScriptsComponent = (props) => {
       for (var i = 0; i < event.target.files.length; i++) {
         const file = event.target.files[i];
         const fontBuffer = await readFontFile3(file);
-        const font = await _chunkFH4QKHOHjs.parseFont.call(void 0, fontBuffer, file.name);
-        const fullName = _chunkFH4QKHOHjs.getNameString.call(void 0, font, 4);
-        const familyName = _chunkFH4QKHOHjs.getNameString.call(void 0, font, 1);
+        const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, file.name);
+        const fullName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 4);
+        const familyName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 1);
         console.log("Reading font:", fullName, file.name);
-        let weightName = _chunkFH4QKHOHjs.getNameString.call(void 0, font, 17) || _chunkFH4QKHOHjs.getNameString.call(void 0, font, 2) || "";
+        let weightName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 17) || _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 2) || "";
         weightName = weightName.replace("Italic", "").replace("It", "").trim();
         if ((weightName == "" || weightName.toLowerCase() == "roman") && fullName) {
           weightName = fullName.replace(title + " ", "").replace(title, "").trim();
           weightName = weightName.replace("Italic", "").replace("It", "").trim();
         }
-        const axes = _chunkFH4QKHOHjs.getVariationAxes.call(void 0, font);
+        const axes = _chunkJCDZ7SWZjs.getVariationAxes.call(void 0, font);
         let variableFont = axes !== null;
         let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
         let fontTitle = fullName;
-        const italicAngle = _chunkFH4QKHOHjs.getItalicAngle.call(void 0, font);
+        const italicAngle = _chunkJCDZ7SWZjs.getItalicAngle.call(void 0, font);
         let style = italicAngle !== 0 || fullName.toLowerCase().includes("italic") ? "Italic" : "Regular";
         if (fontTitle.toLowerCase().trim().includes(script)) {
           fontTitle = fontTitle.toLowerCase().trim().replace(script, "").trim();
@@ -2117,7 +2118,7 @@ var UploadScriptsComponent = (props) => {
         }
         if (variableFont && !fontTitle.toLowerCase().trim().endsWith(" vf")) fontTitle = fontTitle + " VF";
         if (italicKW.length > 0) {
-          italicKW = italicKW.map((item) => _chunkFH4QKHOHjs.reverseSpellingLookup.call(void 0, item));
+          italicKW = italicKW.map((item) => _chunkJCDZ7SWZjs.reverseSpellingLookup.call(void 0, item));
           fontTitle = fontTitle + italicKW.join(" ");
           style = "Italic";
         }
@@ -2151,7 +2152,7 @@ var UploadScriptsComponent = (props) => {
             variableFont,
             weightName,
             normalWeight: true,
-            weight: _chunkFH4QKHOHjs.getWeightClass.call(void 0, font) || (/hairline|extra thin|extrathin/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 100 : /thin|extra light|extralight/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 200 : /light|book/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 300 : /regular|normal/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 400 : /medium/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 500 : /semi bold|semibold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 600 : /bold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 700 : /extra bold|extrabold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 800 : /black|ultra/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 900 : 400),
+            weight: _chunkJCDZ7SWZjs.getWeightClass.call(void 0, font) || (/hairline|extra thin|extrathin/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 100 : /thin|extra light|extralight/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 200 : /light|book/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 300 : /regular|normal/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 400 : /medium/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 500 : /semi bold|semibold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 600 : /bold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 700 : /extra bold|extrabold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 800 : /black|ultra/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 900 : 400),
             files: [file],
             fontKit: font,
             scriptFileInput: { [script]: {} }
@@ -2200,7 +2201,7 @@ var UploadScriptsComponent = (props) => {
           if (file.name.endsWith(".woff2")) {
             console.log("generating css file for: ", fontObject.title);
             setStatus("generating css file for: " + fontObject.title);
-            newFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+            newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
               woff2File: file,
               fileInput: newFileInput,
               // script: script,
@@ -2452,7 +2453,7 @@ var FontScriptUploaderComponent = (props) => {
     );
     let blob = await fetch(woff2Buffer.url);
     blob = await blob.blob();
-    let newFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+    let newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
       woff2File: blob,
       fileInput: scriptFileInput,
       language,
@@ -2537,7 +2538,7 @@ var FontScriptUploaderComponent = (props) => {
     if (code === "woff2") {
       console.log("woff2");
       setMessage({ ...message, [language]: "Generating Css: " + doc_title + ".css" });
-      newFileInput = await _chunkFH4QKHOHjs.generateCssFile.call(void 0, {
+      newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
         woff2File: file,
         fileInput: newFileInput,
         language,
@@ -2909,7 +2910,7 @@ function VariableInstanceReferencesInput(props) {
         console.warn("Cannot autofill: no variableInstances data on this document");
         return;
       }
-      const mappings = await _chunkFH4QKHOHjs.parseVariableFontInstances.call(void 0, formDocument, sanityClient);
+      const mappings = await _chunkJCDZ7SWZjs.parseVariableFontInstances.call(void 0, formDocument, sanityClient);
       if (mappings.length === 0) {
         console.warn("No variable instances could be parsed from this font");
         return;
@@ -3323,12 +3324,12 @@ async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordL
   for (var i = 0; i < files.length; i++) {
     const file = files[i];
     const fontBuffer = await readFontFile2(file);
-    const font = await _chunkFH4QKHOHjs.parseFont.call(void 0, fontBuffer, file.name);
-    let weightName = _chunkFH4QKHOHjs.getNameString.call(void 0, font, 17) || _chunkFH4QKHOHjs.getNameString.call(void 0, font, 2) || "";
-    const axes = _chunkFH4QKHOHjs.getVariationAxes.call(void 0, font);
+    const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, file.name);
+    let weightName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 17) || _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 2) || "";
+    const axes = _chunkJCDZ7SWZjs.getVariationAxes.call(void 0, font);
     let variableFont = axes !== null;
-    const familyName = _chunkFH4QKHOHjs.getNameString.call(void 0, font, 1);
-    const fullName = _chunkFH4QKHOHjs.getNameString.call(void 0, font, 4);
+    const familyName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 1);
+    const fullName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 4);
     let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
     let fontTitle = fullName.toLowerCase().trim();
     weightKeywordList.forEach((keyword) => {
@@ -6173,4 +6174,5 @@ function createStylesField({
 
 
 
-exports.BatchUploadFonts = BatchUploadFonts; exports.BulkActions = _chunkFH4QKHOHjs.BulkActions; exports.DISCOUNT_REQUIREMENT_TYPES = DISCOUNT_REQUIREMENT_TYPES; exports.DISCOUNT_REQUIREMENT_TYPES_OBJECT = DISCOUNT_REQUIREMENT_TYPES_OBJECT; exports.EXECUTION_STATUS = _chunkFH4QKHOHjs.EXECUTION_STATUS; exports.ExistingDocumentResolver = _chunkFH4QKHOHjs.ExistingDocumentResolver; exports.FONT_STATUS = _chunkFH4QKHOHjs.FONT_STATUS; exports.FontReviewCard = _chunkFH4QKHOHjs.FontReviewCard_default; exports.FontScriptUploaderComponent = FontScriptUploaderComponent; exports.GenerateCollectionsPairsComponent = GenerateCollectionsPairsComponent; exports.HtmlDescription = HtmlDescription; exports.KeyValueInput = KeyValueInput; exports.KeyValueReferenceInput = KeyValueReferenceInput; exports.NestedObjectArraySelector = NestedObjectArraySelector; exports.PLAN_PHASE = _chunkFH4QKHOHjs.PLAN_PHASE; exports.PLAN_VERSION = _chunkFH4QKHOHjs.PLAN_VERSION; exports.PriceInput = _chunkFH4QKHOHjs.PriceInput_default; exports.PrimaryCollectionGeneratorTypeface = PrimaryCollectionGeneratorTypeface; exports.RECOMMENDATION = _chunkFH4QKHOHjs.RECOMMENDATION; exports.RegenerateSubfamiliesComponent = RegenerateSubfamiliesComponent; exports.SCRIPTS = SCRIPTS; exports.SCRIPTS_OBJECT = SCRIPTS_OBJECT; exports.SetOTF = SetOTF; exports.SingleUploaderTool = SingleUploaderTool; exports.StatusDisplay = StatusDisplay_default; exports.StyleCountInput = StyleCountInput; exports.UpdateScriptsComponent = UpdateScriptsComponent; exports.UploadButton = UploadButton_default; exports.UploadModal = _chunkFH4QKHOHjs.UploadModal; exports.UploadScriptsComponent = UploadScriptsComponent; exports.UploadStep1Settings = _chunkFH4QKHOHjs.UploadStep1Settings; exports.UploadStep2Review = _chunkFH4QKHOHjs.UploadStep2Review; exports.UploadStep3Execute = _chunkFH4QKHOHjs.UploadStep3Execute; exports.UploadSummary = _chunkFH4QKHOHjs.UploadSummary; exports.VariableInstanceReferencesInput = VariableInstanceReferencesInput; exports.addItalicToFontTitle = _chunkFH4QKHOHjs.addItalicToFontTitle; exports.buildUploadPlan = _chunkFH4QKHOHjs.buildUploadPlan; exports.createEmptyPlan = _chunkFH4QKHOHjs.createEmptyPlan; exports.createFontDecisions = _chunkFH4QKHOHjs.createFontDecisions; exports.createFontObject = _chunkFH4QKHOHjs.createFontObject; exports.createInitialExecutionState = _chunkFH4QKHOHjs.createInitialExecutionState; exports.createStylesField = createStylesField; exports.determineWeight = _chunkFH4QKHOHjs.determineWeight; exports.escapeCssFontName = _chunkFH4QKHOHjs.escapeCssFontName; exports.executeUploadPlan = _chunkFH4QKHOHjs.executeUploadPlan; exports.executionReducer = _chunkFH4QKHOHjs.executionReducer; exports.expandAbbreviations = _chunkFH4QKHOHjs.expandAbbreviations; exports.extractFontMetadata = _chunkFH4QKHOHjs.extractFontMetadata; exports.extractWeightFromFullName = _chunkFH4QKHOHjs.extractWeightFromFullName; exports.extractWeightName = _chunkFH4QKHOHjs.extractWeightName; exports.formatFontTitle = _chunkFH4QKHOHjs.formatFontTitle; exports.generateCssFile = _chunkFH4QKHOHjs.generateCssFile; exports.generateFontData = _chunkFH4QKHOHjs.generateFontData; exports.generateFontFile = generateFontFile; exports.generateStyleKeywords = _chunkFH4QKHOHjs.generateStyleKeywords; exports.generateSubset = generateSubset; exports.getAllFeatureTags = _chunkFH4QKHOHjs.getAllFeatureTags; exports.getCharacterSet = _chunkFH4QKHOHjs.getCharacterSet; exports.getEmptyFontKit = getEmptyFontKit; exports.getFamilyClass = _chunkFH4QKHOHjs.getFamilyClass; exports.getFontMetadata = _chunkFH4QKHOHjs.getFontMetadata; exports.getFontMetrics = _chunkFH4QKHOHjs.getFontMetrics; exports.getFsSelection = _chunkFH4QKHOHjs.getFsSelection; exports.getGlyphCount = _chunkFH4QKHOHjs.getGlyphCount; exports.getItalicAngle = _chunkFH4QKHOHjs.getItalicAngle; exports.getMacStyle = _chunkFH4QKHOHjs.getMacStyle; exports.getNameString = _chunkFH4QKHOHjs.getNameString; exports.getNamedInstances = _chunkFH4QKHOHjs.getNamedInstances; exports.getVariationAxes = _chunkFH4QKHOHjs.getVariationAxes; exports.getWeightClass = _chunkFH4QKHOHjs.getWeightClass; exports.logFontInfo = _chunkFH4QKHOHjs.logFontInfo; exports.openTypeField = openTypeField; exports.parseFont = _chunkFH4QKHOHjs.parseFont; exports.parseVariableFontInstances = _chunkFH4QKHOHjs.parseVariableFontInstances_default; exports.planReducer = _chunkFH4QKHOHjs.planReducer; exports.processFontFiles = _chunkFH4QKHOHjs.processFontFiles; exports.processItalicKeywords = _chunkFH4QKHOHjs.processItalicKeywords; exports.processSubfamilyName = _chunkFH4QKHOHjs.processSubfamilyName; exports.readFontFile = _chunkFH4QKHOHjs.readFontFile; exports.removeWeightNames = _chunkFH4QKHOHjs.removeWeightNames; exports.renameFontDocuments = renameFontDocuments; exports.resolveExistingFont = _chunkFH4QKHOHjs.resolveExistingFont; exports.reverseSpellingLookup = _chunkFH4QKHOHjs.reverseSpellingLookup; exports.sanitizeForSanityId = _chunkFH4QKHOHjs.sanitizeForSanityId; exports.sortFontObjects = _chunkFH4QKHOHjs.sortFontObjects; exports.styleCountField = styleCountField; exports.stylisticSetField = stylisticSetField; exports.updateFontPrices = updateFontPrices; exports.updateTypefaceDocument = _chunkFH4QKHOHjs.updateTypefaceDocument; exports.uploadFontFiles = uploadFontFiles; exports.useNestedObjects = useNestedObjects; exports.useSanityClient = useSanityClient;
+
+exports.BatchUploadFonts = BatchUploadFonts; exports.BulkActions = _chunkJCDZ7SWZjs.BulkActions; exports.DISCOUNT_REQUIREMENT_TYPES = DISCOUNT_REQUIREMENT_TYPES; exports.DISCOUNT_REQUIREMENT_TYPES_OBJECT = DISCOUNT_REQUIREMENT_TYPES_OBJECT; exports.EXECUTION_STATUS = _chunkJCDZ7SWZjs.EXECUTION_STATUS; exports.ExistingDocumentResolver = _chunkJCDZ7SWZjs.ExistingDocumentResolver; exports.FONT_STATUS = _chunkJCDZ7SWZjs.FONT_STATUS; exports.FontReviewCard = _chunkJCDZ7SWZjs.FontReviewCard_default; exports.FontScriptUploaderComponent = FontScriptUploaderComponent; exports.GenerateCollectionsPairsComponent = GenerateCollectionsPairsComponent; exports.HtmlDescription = HtmlDescription; exports.KeyValueInput = KeyValueInput; exports.KeyValueReferenceInput = KeyValueReferenceInput; exports.NestedObjectArraySelector = NestedObjectArraySelector; exports.PLAN_PHASE = _chunkJCDZ7SWZjs.PLAN_PHASE; exports.PLAN_VERSION = _chunkJCDZ7SWZjs.PLAN_VERSION; exports.PriceInput = _chunkJCDZ7SWZjs.PriceInput_default; exports.PrimaryCollectionGeneratorTypeface = PrimaryCollectionGeneratorTypeface; exports.RECOMMENDATION = _chunkJCDZ7SWZjs.RECOMMENDATION; exports.RegenerateSubfamiliesComponent = RegenerateSubfamiliesComponent; exports.SCRIPTS = SCRIPTS; exports.SCRIPTS_OBJECT = SCRIPTS_OBJECT; exports.SetOTF = SetOTF; exports.SingleUploaderTool = SingleUploaderTool; exports.StatusDisplay = StatusDisplay_default; exports.StyleCountInput = StyleCountInput; exports.UpdateScriptsComponent = UpdateScriptsComponent; exports.UploadButton = UploadButton_default; exports.UploadModal = _chunkJCDZ7SWZjs.UploadModal; exports.UploadScriptsComponent = UploadScriptsComponent; exports.UploadStep1Settings = _chunkJCDZ7SWZjs.UploadStep1Settings; exports.UploadStep2Review = _chunkJCDZ7SWZjs.UploadStep2Review; exports.UploadStep3Execute = _chunkJCDZ7SWZjs.UploadStep3Execute; exports.UploadStep3bInstances = _chunkJCDZ7SWZjs.UploadStep3bInstances; exports.UploadSummary = _chunkJCDZ7SWZjs.UploadSummary; exports.VariableInstanceReferencesInput = VariableInstanceReferencesInput; exports.addItalicToFontTitle = _chunkJCDZ7SWZjs.addItalicToFontTitle; exports.buildUploadPlan = _chunkJCDZ7SWZjs.buildUploadPlan; exports.createEmptyPlan = _chunkJCDZ7SWZjs.createEmptyPlan; exports.createFontDecisions = _chunkJCDZ7SWZjs.createFontDecisions; exports.createFontObject = _chunkJCDZ7SWZjs.createFontObject; exports.createInitialExecutionState = _chunkJCDZ7SWZjs.createInitialExecutionState; exports.createStylesField = createStylesField; exports.determineWeight = _chunkJCDZ7SWZjs.determineWeight; exports.escapeCssFontName = _chunkJCDZ7SWZjs.escapeCssFontName; exports.executeUploadPlan = _chunkJCDZ7SWZjs.executeUploadPlan; exports.executionReducer = _chunkJCDZ7SWZjs.executionReducer; exports.expandAbbreviations = _chunkJCDZ7SWZjs.expandAbbreviations; exports.extractFontMetadata = _chunkJCDZ7SWZjs.extractFontMetadata; exports.extractWeightFromFullName = _chunkJCDZ7SWZjs.extractWeightFromFullName; exports.extractWeightName = _chunkJCDZ7SWZjs.extractWeightName; exports.formatFontTitle = _chunkJCDZ7SWZjs.formatFontTitle; exports.generateCssFile = _chunkJCDZ7SWZjs.generateCssFile; exports.generateFontData = _chunkJCDZ7SWZjs.generateFontData; exports.generateFontFile = generateFontFile; exports.generateStyleKeywords = _chunkJCDZ7SWZjs.generateStyleKeywords; exports.generateSubset = generateSubset; exports.getAllFeatureTags = _chunkJCDZ7SWZjs.getAllFeatureTags; exports.getCharacterSet = _chunkJCDZ7SWZjs.getCharacterSet; exports.getEmptyFontKit = getEmptyFontKit; exports.getFamilyClass = _chunkJCDZ7SWZjs.getFamilyClass; exports.getFontMetadata = _chunkJCDZ7SWZjs.getFontMetadata; exports.getFontMetrics = _chunkJCDZ7SWZjs.getFontMetrics; exports.getFsSelection = _chunkJCDZ7SWZjs.getFsSelection; exports.getGlyphCount = _chunkJCDZ7SWZjs.getGlyphCount; exports.getItalicAngle = _chunkJCDZ7SWZjs.getItalicAngle; exports.getMacStyle = _chunkJCDZ7SWZjs.getMacStyle; exports.getNameString = _chunkJCDZ7SWZjs.getNameString; exports.getNamedInstances = _chunkJCDZ7SWZjs.getNamedInstances; exports.getVariationAxes = _chunkJCDZ7SWZjs.getVariationAxes; exports.getWeightClass = _chunkJCDZ7SWZjs.getWeightClass; exports.logFontInfo = _chunkJCDZ7SWZjs.logFontInfo; exports.openTypeField = openTypeField; exports.parseFont = _chunkJCDZ7SWZjs.parseFont; exports.parseVariableFontInstances = _chunkJCDZ7SWZjs.parseVariableFontInstances_default; exports.planReducer = _chunkJCDZ7SWZjs.planReducer; exports.processFontFiles = _chunkJCDZ7SWZjs.processFontFiles; exports.processItalicKeywords = _chunkJCDZ7SWZjs.processItalicKeywords; exports.processSubfamilyName = _chunkJCDZ7SWZjs.processSubfamilyName; exports.readFontFile = _chunkJCDZ7SWZjs.readFontFile; exports.removeWeightNames = _chunkJCDZ7SWZjs.removeWeightNames; exports.renameFontDocuments = renameFontDocuments; exports.resolveExistingFont = _chunkJCDZ7SWZjs.resolveExistingFont; exports.reverseSpellingLookup = _chunkJCDZ7SWZjs.reverseSpellingLookup; exports.sanitizeForSanityId = _chunkJCDZ7SWZjs.sanitizeForSanityId; exports.sortFontObjects = _chunkJCDZ7SWZjs.sortFontObjects; exports.styleCountField = styleCountField; exports.stylisticSetField = stylisticSetField; exports.updateFontPrices = updateFontPrices; exports.updateTypefaceDocument = _chunkJCDZ7SWZjs.updateTypefaceDocument; exports.uploadFontFiles = uploadFontFiles; exports.useNestedObjects = useNestedObjects; exports.useSanityClient = useSanityClient;

package/dist/index.mjs

@@ -12,6 +12,7 @@ import {
   UploadStep1Settings,
   UploadStep2Review,
   UploadStep3Execute,
+  UploadStep3bInstances,
   UploadSummary,
   addItalicToFontTitle,
   buildUploadPlan,
@@ -59,7 +60,7 @@ import {
   sanitizeForSanityId,
   sortFontObjects,
   updateTypefaceDocument
-} from "./chunk-646WCBRR.mjs";
+} from "./chunk-TMDE4A54.mjs";
 
 // src/components/BatchUploadFonts.jsx
 import React3, { useCallback, useState as useState2, useMemo as useMemo2, useRef, useEffect, lazy, Suspense } from "react";
@@ -635,7 +636,7 @@ var updateTypefaceSubfamilies = async (doc_id, stylesObject, newSubfamiliesArray
 };
 
 // src/components/BatchUploadFonts.jsx
-var UploadModal2 = lazy(() => import("./UploadModal-NME2W53V.mjs"));
+var UploadModal2 = lazy(() => import("./UploadModal-ADNRGQUI.mjs"));
 var ACCEPTED_EXTENSIONS = ["ttf", "otf", "woff", "woff2", "eot", "svg"];
 var formatElapsed = (s) => {
   const m = Math.floor(s / 60);
@@ -6114,6 +6115,7 @@ export {
   UploadStep1Settings,
   UploadStep2Review,
   UploadStep3Execute,
+  UploadStep3bInstances,
   UploadSummary,
   VariableInstanceReferencesInput,
   addItalicToFontTitle,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@liiift-studio/sanity-font-manager",
-	"version": "2.5.0",
+	"version": "2.5.1",
 	"description": "Sanity Studio plugin — full font management suite with batch upload, format conversion, metadata extraction, CSS generation, collection/pair generation, and script variant support. Supports Sanity v3, v4, and v5.",
 	"license": "MIT",
 	"author": "Liiift Studio",

package/src/components/FontReviewCard.jsx

@@ -15,9 +15,10 @@ const EXTENDED_TYPES = ['eot', 'svg', 'css', 'woff2_subset', 'woff2_web'];
  * Collapsible review card for a single font in the upload plan.
  * Table-style header row with weight/style/files/action columns.
  */
-const FontReviewCard = memo(function FontReviewCard({ entry, dispatch, allExpanded }) {
+const FontReviewCard = memo(function FontReviewCard({ entry, dispatch, allExpanded, typefaceTitle, price }) {
 	const [expanded, setExpanded] = useState(false);
 	const [showAllFileTypes, setShowAllFileTypes] = useState(false);
+	const [showDocPreview, setShowDocPreview] = useState(false);
 
 	// Sync with allExpanded toggle from BulkActions
 	useEffect(() => {
@@ -382,6 +383,45 @@ const FontReviewCard = memo(function FontReviewCard({ entry, dispatch, allExpand
 							dispatch={dispatch}
 						/>
 
+						{/* Document Preview — expandable view of all fields that will be written */}
+						<Stack space={2}>
+							<Button
+								mode="bleed"
+								fontSize={0}
+								padding={1}
+								text={showDocPreview ? 'Hide document preview' : 'Show document preview'}
+								onClick={() => setShowDocPreview(v => !v)}
+								style={{ cursor: 'pointer', alignSelf: 'flex-start' }}
+							/>
+							{showDocPreview && (
+								<Card border padding={3} radius={1} style={{ fontFamily: 'monospace', fontSize: 12 }}>
+									<Stack space={2}>
+										{[
+											['_id', entry.documentId],
+											['_type', 'font'],
+											['title', entry.title],
+											['slug', entry.documentId],
+											['typefaceName', typefaceTitle || '—'],
+											['weightName', entry.weightName || '—'],
+											['weight', entry.weight],
+											['style', entry.style],
+											['subfamily', entry.subfamily || '—'],
+											['variableFont', String(entry.variableFont)],
+											['price', price ?? '—'],
+											['sell', price > 0 ? 'true' : 'false'],
+											['normalWeight', 'true'],
+											['files', (entry.files || []).map(f => f.name).join(', ') || '—'],
+										].map(([key, value]) => (
+											<Flex key={key} gap={2}>
+												<Text size={0} muted style={{ width: 120, flexShrink: 0 }}>{key}</Text>
+												<Text size={0} style={{ wordBreak: 'break-all' }}>{String(value)}</Text>
+											</Flex>
+										))}
+									</Stack>
+								</Card>
+							)}
+						</Stack>
+
 						{/* Actions — only show reset if user has overridden suggestions */}
 						<Flex justify="flex-end" gap={2}>
 							{hasUserOverrides && (

package/src/components/UploadModal.jsx

@@ -1,4 +1,4 @@
-// Upload modal — 3-step state machine: Settings → Review → Execute
+// Upload modal — multi-step state machine: Upload Files → Review → Execute → Map Instances → Summary
 
 import React, { useReducer, useCallback, useState, useMemo, useRef, useEffect } from 'react';
 import { Dialog, Box, Flex, Text, Badge, Button } from '@sanity/ui';
@@ -9,6 +9,7 @@ import { generateStyleKeywords } from '../utils/generateKeywords';
 import UploadStep1Settings from './UploadStep1Settings';
 import UploadStep2Review from './UploadStep2Review';
 import UploadStep3Execute from './UploadStep3Execute';
+import UploadStep3bInstances from './UploadStep3bInstances';
 import UploadSummary from './UploadSummary';
 
 /** Step labels for the step indicator */
@@ -16,6 +17,7 @@ const STEPS = [
 	{ key: 1, label: 'Upload Files' },
 	{ key: 2, label: 'Review' },
 	{ key: 3, label: 'Upload' },
+	{ key: 4, label: 'Map Instances' },
 ];
 
 /** Maps plan phase to active step number */
@@ -49,11 +51,19 @@ export default function UploadModal({
 	const [processingCancelled, setProcessingCancelled] = useState(false);
 	const [executionResult, setExecutionResult] = useState(null);
 	const [retryTempIds, setRetryTempIds] = useState(null);
+	const [instanceMappingPhase, setInstanceMappingPhase] = useState(false);
+	const [instanceMappingResult, setInstanceMappingResult] = useState(null);
 	const cancelRef = useRef(false);
 	const focusRef = useRef(null);
 
 	const { weightKeywordList, italicKeywordList } = useMemo(() => generateStyleKeywords(), []);
-	const currentStep = phaseToStep(plan.phase);
+	const hasVFs = useMemo(() =>
+		Object.values(plan.fonts).some(f => f.variableFont && f.status !== 'error'),
+		[plan.fonts]
+	);
+	const baseStep = phaseToStep(plan.phase);
+	// Instance mapping is step 4 — only shown after execution completes with VFs
+	const currentStep = instanceMappingPhase ? 4 : (plan.phase === PLAN_PHASE.COMPLETE && !instanceMappingResult ? baseStep : baseStep);
 	const isExecuting = plan.phase === PLAN_PHASE.EXECUTING;
 
 	// Prevent accidental close during upload
@@ -85,7 +95,7 @@ export default function UploadModal({
 
 	/** Start processing — transition to Step 2 and build the plan */
 	const handleStartProcessing = useCallback(async (files, settings) => {
-		dispatch({ type: 'SET_SETTINGS', settings });
+		dispatch({ type: 'SET_SETTINGS', settings: { ...settings, typefaceTitle } });
 		dispatch({ type: 'SET_PHASE', phase: PLAN_PHASE.PROCESSING, totalFiles: files.length });
 		cancelRef.current = false;
 		setProcessingCancelled(false);
@@ -135,10 +145,22 @@ export default function UploadModal({
 		dispatch({ type: 'SET_PHASE', phase: PLAN_PHASE.EXECUTING });
 	}, []);
 
-	/** Receive execution result and mark complete */
+	/** Receive execution result — transition to instance mapping if VFs exist, otherwise complete */
 	const handleExecutionComplete = useCallback((result) => {
 		setExecutionResult(result);
-		dispatch({ type: 'SET_PHASE', phase: PLAN_PHASE.COMPLETE });
+		if (hasVFs && result.success !== false) {
+			// Show instance mapping step before summary
+			setInstanceMappingPhase(true);
+			dispatch({ type: 'SET_PHASE', phase: PLAN_PHASE.COMPLETE });
+		} else {
+			dispatch({ type: 'SET_PHASE', phase: PLAN_PHASE.COMPLETE });
+		}
+	}, [hasVFs]);
+
+	/** Handle instance mapping completion */
+	const handleInstanceMappingComplete = useCallback((result) => {
+		setInstanceMappingResult(result);
+		setInstanceMappingPhase(false);
 	}, []);
 
 	if (!open) return null;
@@ -163,7 +185,7 @@ export default function UploadModal({
 				<Flex direction="column" gap={3} style={{ width: '100%' }}>
 					<Text weight="semibold" size={2}>Upload Fonts</Text>
 					<Flex gap={1} style={{ width: '100%' }}>
-						{STEPS.map((step, i) => {
+						{STEPS.filter(step => step.key !== 4 || hasVFs).map((step, i) => {
 							const isActive = currentStep === step.key;
 							const isCompleted = currentStep > step.key;
 							const isClickable = !isExecuting && step.key < currentStep;
@@ -245,15 +267,29 @@ export default function UploadModal({
 					/>
 				)}
 
+				{/* Step 4: Variable Font Instance Mapping (only if VFs in batch) */}
+				{plan.phase === PLAN_PHASE.COMPLETE && instanceMappingPhase && (
+					<UploadStep3bInstances
+						plan={plan}
+						executionResult={executionResult}
+						client={client}
+						typefaceTitle={typefaceTitle}
+						onComplete={handleInstanceMappingComplete}
+					/>
+				)}
+
 				{/* Post-completion Summary */}
-				{plan.phase === PLAN_PHASE.COMPLETE && (
+				{plan.phase === PLAN_PHASE.COMPLETE && !instanceMappingPhase && (
 					<UploadSummary
 						plan={plan}
 						result={executionResult}
+						instanceMappingResult={instanceMappingResult}
 						onClose={handleClose}
 						onRetry={(failedTempIds) => {
 							setRetryTempIds(failedTempIds || null);
 							setExecutionResult(null);
+							setInstanceMappingPhase(false);
+							setInstanceMappingResult(null);
 							dispatch({ type: 'SET_PHASE', phase: PLAN_PHASE.EXECUTING });
 						}}
 						client={client}

package/src/components/UploadStep2Review.jsx

@@ -431,6 +431,8 @@ export default function UploadStep2Review({
 								entry={entry}
 								dispatch={dispatch}
 								allExpanded={allExpanded}
+								typefaceTitle={plan.settings?.typefaceTitle}
+								price={plan.settings?.price}
 							/>
 						))}
 					</Stack>