slice-machine-ui 1.18.1-dev-next-release.3 → 1.18.1-dev-next-release.5

package/src/modules/toaster/index.tsx

@@ -43,7 +43,7 @@ export const closeToasterCreator = createAction("TOASTER/CLOSE")<{
 
 // Sagas
 export function* openToasterSaga(
-  action: ReturnType<typeof openToasterCreator>
+  action: ReturnType<typeof openToasterCreator>,
 ) {
   switch (action.payload.type) {
     case ToasterType.SUCCESS:
@@ -68,13 +68,13 @@ export function* openToasterSaga(
 }
 
 export function* updateToasterSaga(
-  action: ReturnType<typeof updateToasterCreator>
+  action: ReturnType<typeof updateToasterCreator>,
 ) {
   toast.update(action.payload.toasterId, action.payload.options);
 }
 
 export function* closeToasterSaga(
-  action: ReturnType<typeof updateToasterCreator>
+  action: ReturnType<typeof updateToasterCreator>,
 ) {
   toast.dismiss(action.payload.toasterId);
 }

package/src/modules/toaster/utils.tsx

@@ -23,7 +23,7 @@ export const handleRemoteResponse =
             return ToasterType.WARNING;
           }
           return ToasterType.SUCCESS;
-        })()
+        })(),
       );
     }
   };

package/src/modules/useSliceMachineActions.ts

@@ -112,13 +112,15 @@ const useSliceMachineActions = () => {
     dispatch(modalOpenCreator({ modalKey: ModalKeysEnum.DELETE_SLICE }));
   const openDeleteDocumentsDrawer = () =>
     dispatch(
-      modalOpenCreator({ modalKey: ModalKeysEnum.SOFT_DELETE_DOCUMENTS_DRAWER })
+      modalOpenCreator({
+        modalKey: ModalKeysEnum.SOFT_DELETE_DOCUMENTS_DRAWER,
+      }),
     );
   const openDeleteDocumentsDrawerOverLimit = () =>
     dispatch(
       modalOpenCreator({
         modalKey: ModalKeysEnum.HARD_DELETE_DOCUMENTS_DRAWER,
-      })
+      }),
     );
   const openSimulatorSetupModal = () =>
     dispatch(modalOpenCreator({ modalKey: ModalKeysEnum.SIMULATOR_SETUP }));
@@ -138,13 +140,13 @@ const useSliceMachineActions = () => {
     dispatch(
       skipReviewCreator({
         reviewType,
-      })
+      }),
     );
   const sendAReview = (reviewType: UserReviewType) =>
     dispatch(
       sendAReviewCreator({
         reviewType,
-      })
+      }),
     );
   const setUpdatesViewed = (versions: UserContextStoreType["updatesViewed"]) =>
     dispatch(updatesViewedCreator(versions));
@@ -159,16 +161,16 @@ const useSliceMachineActions = () => {
     id: string,
     label: string,
     repeatable: boolean,
-    format: CustomTypeFormat
+    format: CustomTypeFormat,
   ) =>
     dispatch(
-      createCustomTypeCreator.request({ id, label, repeatable, format })
+      createCustomTypeCreator.request({ id, label, repeatable, format }),
     );
 
   // Custom type module
   const initCustomTypeStore = (
     model: CustomTypeSM,
-    remoteModel: CustomTypeSM | undefined
+    remoteModel: CustomTypeSM | undefined,
   ) => dispatch(initCustomTypeStoreCreator({ model, remoteModel }));
   const cleanupCustomTypeStore = () =>
     dispatch(cleanupCustomTypeStoreCreator());
@@ -183,21 +185,21 @@ const useSliceMachineActions = () => {
     dispatch(
       saveCustomTypeCreator.success({
         customType: CustomTypes.toSM(customType),
-      })
+      }),
     );
 
   const deleteCustomTypeSuccess = (id: string) =>
     dispatch(
       deleteCustomTypeCreator.success({
         customTypeId: id,
-      })
+      }),
     );
 
   const renameAvailableCustomTypeSuccess = (customType: CustomType) =>
     dispatch(
       renameAvailableCustomType({
         renamedCustomType: CustomTypes.toSM(customType),
-      })
+      }),
     );
 
   /** End of sucess actions */
@@ -211,7 +213,7 @@ const useSliceMachineActions = () => {
   const addCustomTypeField = (
     tabId: string,
     fieldId: string,
-    field: TabField
+    field: TabField,
   ) => dispatch(addFieldCreator({ tabId, fieldId, field }));
   const deleteCustomTypeField = (tabId: string, fieldId: string) =>
     dispatch(deleteFieldCreator({ tabId, fieldId }));
@@ -223,10 +225,10 @@ const useSliceMachineActions = () => {
     tabId: string,
     previousFieldId: string,
     newFieldId: string,
-    value: TabField
+    value: TabField,
   ) =>
     dispatch(
-      replaceFieldCreator({ tabId, previousFieldId, newFieldId, value })
+      replaceFieldCreator({ tabId, previousFieldId, newFieldId, value }),
     );
   const createSliceZone = (tabId: string) =>
     dispatch(createSliceZoneCreator({ tabId }));
@@ -238,25 +240,25 @@ const useSliceMachineActions = () => {
     tabId: string,
     groupId: string,
     fieldId: string,
-    field: NestableWidget
+    field: NestableWidget,
   ) => dispatch(addFieldIntoGroupCreator({ tabId, groupId, fieldId, field }));
   const deleteFieldIntoGroup = (
     tabId: string,
     groupId: string,
-    fieldId: string
+    fieldId: string,
   ) => dispatch(deleteFieldIntoGroupCreator({ tabId, groupId, fieldId }));
   const reorderFieldIntoGroup = (
     tabId: string,
     groupId: string,
     start: number,
-    end: number
+    end: number,
   ) => dispatch(reorderFieldIntoGroupCreator({ tabId, groupId, start, end }));
   const replaceFieldIntoGroup = (
     tabId: string,
     groupId: string,
     previousFieldId: string,
     newFieldId: string,
-    value: NestableWidget
+    value: NestableWidget,
   ) =>
     dispatch(
       replaceFieldIntoGroupCreator({
@@ -265,7 +267,7 @@ const useSliceMachineActions = () => {
         previousFieldId,
         newFieldId,
         value,
-      })
+      }),
     );
 
   // Slice module
@@ -276,7 +278,7 @@ const useSliceMachineActions = () => {
     variationId: string,
     widgetsArea: WidgetsArea,
     key: string,
-    value: NestableWidget
+    value: NestableWidget,
   ) => {
     dispatch(addSliceWidgetCreator({ variationId, widgetsArea, key, value }));
   };
@@ -286,7 +288,7 @@ const useSliceMachineActions = () => {
     widgetsArea: WidgetsArea,
     previousKey: string,
     newKey: string,
-    value: NestableWidget
+    value: NestableWidget,
   ) => {
     dispatch(
       replaceSliceWidgetCreator({
@@ -295,7 +297,7 @@ const useSliceMachineActions = () => {
         previousKey,
         newKey,
         value,
-      })
+      }),
     );
   };
 
@@ -303,7 +305,7 @@ const useSliceMachineActions = () => {
     variationId: string,
     widgetsArea: WidgetsArea,
     start: number,
-    end: number | undefined
+    end: number | undefined,
   ) => {
     dispatch(
       reorderSliceWidgetCreator({
@@ -311,35 +313,35 @@ const useSliceMachineActions = () => {
         widgetsArea,
         start,
         end,
-      })
+      }),
     );
   };
 
   const removeSliceWidget = (
     variationId: string,
     widgetsArea: WidgetsArea,
-    key: string
+    key: string,
   ) => {
     dispatch(
       removeSliceWidgetCreator({
         variationId,
         widgetsArea,
         key,
-      })
+      }),
     );
   };
 
   const deleteSliceWidgetMock = (
     variationId: string,
     widgetArea: WidgetsArea,
-    newKey: string
+    newKey: string,
   ) => {
     dispatch(
       deleteSliceWidgetMockCreator({
         variationId,
         widgetArea,
         newKey,
-      })
+      }),
     );
   };
 
@@ -349,7 +351,7 @@ const useSliceMachineActions = () => {
     previousKey: string,
     newKey: string,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    mockValue: any
+    mockValue: any,
   ) => {
     dispatch(
       updateSliceWidgetMockCreator({
@@ -359,7 +361,7 @@ const useSliceMachineActions = () => {
         newKey,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         mockValue,
-      })
+      }),
     );
   };
 
@@ -367,7 +369,7 @@ const useSliceMachineActions = () => {
     variationId: string,
     component: ComponentUI,
     screenDimensions: ScreenDimensions,
-    method: ScreenshotGenerationMethod
+    method: ScreenshotGenerationMethod,
   ) => {
     dispatch(
       generateSliceScreenshotCreator.request({
@@ -375,7 +377,7 @@ const useSliceMachineActions = () => {
         component,
         screenDimensions,
         method,
-      })
+      }),
     );
   };
 
@@ -383,7 +385,7 @@ const useSliceMachineActions = () => {
     variationId: string,
     component: ComponentUI,
     file: Blob,
-    method: ScreenshotGenerationMethod
+    method: ScreenshotGenerationMethod,
   ) => {
     dispatch(
       generateSliceCustomScreenshotCreator.request({
@@ -391,27 +393,27 @@ const useSliceMachineActions = () => {
         component,
         file,
         method,
-      })
+      }),
     );
   };
 
   const updateSlice = (
     component: ComponentUI,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    setData: (data: any) => void
+    setData: (data: any) => void,
   ) => {
     dispatch(
       updateSliceCreator.request({
         component,
         setData,
-      })
+      }),
     );
   };
 
   const copyVariationSlice = (
     key: string,
     name: string,
-    copied: VariationSM
+    copied: VariationSM,
   ) => {
     dispatch(copyVariationSliceCreator({ key, name, copied }));
   };
@@ -422,14 +424,14 @@ const useSliceMachineActions = () => {
   const renameSlice = (
     libName: string,
     sliceId: string,
-    newSliceName: string
+    newSliceName: string,
   ) =>
     dispatch(
       renameSliceCreator.request({
         sliceId,
         newSliceName,
         libName,
-      })
+      }),
     );
 
   const deleteSlice = (sliceId: string, sliceName: string, libName: string) =>
@@ -438,7 +440,7 @@ const useSliceMachineActions = () => {
         sliceId,
         sliceName,
         libName,
-      })
+      }),
     );
 
   const pushChanges = (payload: ChangesPushSagaPayload) =>
@@ -447,7 +449,7 @@ const useSliceMachineActions = () => {
   // Toaster store
   const openToaster = (
     content: string | React.ReactNode,
-    type: GenericToastTypes
+    type: GenericToastTypes,
   ) => dispatch(openToasterCreator({ content, type }));
 
   // Simulator
@@ -464,7 +466,7 @@ const useSliceMachineActions = () => {
         libraries: serverState.libraries,
         remoteSlices: serverState.remoteSlices,
         clientError: serverState.clientError,
-      })
+      }),
     );
   };
 

package/src/modules/userContext/index.ts

@@ -43,15 +43,15 @@ export const updatesViewedCreator = createAction("USER_CONTEXT/VIEWED_UPDATES")<
 >();
 
 export const hasSeenTutorialsToolTipCreator = createAction(
-  "USER_CONTEXT/VIEW_TUTORIALS_TOOL_TIP"
+  "USER_CONTEXT/VIEW_TUTORIALS_TOOL_TIP",
 )();
 
 export const hasSeenSimulatorToolTipCreator = createAction(
-  "USER_CONTEXT/VIEW_SIMULATOR_TOOL_TIP"
+  "USER_CONTEXT/VIEW_SIMULATOR_TOOL_TIP",
 )();
 
 export const hasSeenChangesToolTipCreator = createAction(
-  "USER_CONTEXT/VIEW_CHANGES_TOOL_TIP"
+  "USER_CONTEXT/VIEW_CHANGES_TOOL_TIP",
 )();
 
 type userContextActions = ActionType<
@@ -73,23 +73,23 @@ export const getUserReview = (state: SliceMachineStoreType): UserReviewState =>
   };
 
 export const getUpdatesViewed = (
-  state: SliceMachineStoreType
+  state: SliceMachineStoreType,
 ): UserContextStoreType["updatesViewed"] => state.userContext.updatesViewed;
 
 export const userHasSeenTutorialsToolTip = (
-  state: SliceMachineStoreType
+  state: SliceMachineStoreType,
 ): boolean => state.userContext.hasSeenTutorialsToolTip || false;
 
 export const userHasSeenSimulatorToolTip = (
-  state: SliceMachineStoreType
+  state: SliceMachineStoreType,
 ): boolean => state.userContext.hasSeenSimulatorToolTip || false;
 
 export const userHasSeenChangesToolTip = (
-  state: SliceMachineStoreType
+  state: SliceMachineStoreType,
 ): boolean => state.userContext.hasSeenChangesToolTip || false;
 
 export const getLastSyncChange = (
-  state: SliceMachineStoreType
+  state: SliceMachineStoreType,
 ): number | null => state.userContext.lastSyncChange;
 
 // Reducer
@@ -150,7 +150,7 @@ export const userContextReducer: Reducer<
 };
 
 const getAuthStatus = (
-  clientError: ErrorWithStatus | undefined
+  clientError: ErrorWithStatus | undefined,
 ): AuthStatus => {
   switch (clientError?.status) {
     case undefined: {

package/src/redux/store.ts

@@ -23,7 +23,7 @@ declare const window: {
 };
 
 export default function configureStore(
-  preloadedState: Partial<SliceMachineStoreType> = {}
+  preloadedState: Partial<SliceMachineStoreType> = {},
 ): { store: Store<SliceMachineStoreType>; persistor: Persistor } {
   const middlewares = [sagaMiddleware, routerMiddleware];
   const enhancers = [applyMiddleware(...middlewares)];
@@ -48,7 +48,7 @@ export default function configureStore(
     persistedReducer,
     preloadedState,
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call
-    composeEnhancers(...enhancers)
+    composeEnhancers(...enhancers),
   );
   const persistor = persistStore(store);
   sagaMiddleware.run(rootSaga);

package/src/theme.ts

@@ -993,6 +993,6 @@ const AppTheme = (): Theme =>
         bg: "muted",
       },
     },
-  } as Theme);
+  }) as Theme;
 
 export default AppTheme;

package/src/utils/editor.ts

@@ -1,7 +1,7 @@
 import { SharedSliceContent } from "@prismicio/types-internal/lib/content";
 
 export const defaultSharedSliceContent = (
-  variationId: string
+  variationId: string,
 ): SharedSliceContent => ({
   __TYPE__: "SharedSliceContent",
   variation: variationId,

package/src/utils/fieldNameCreator.ts

@@ -3,7 +3,7 @@ export const createFriendlyFieldNameWithId = (fieldId: string): string => {
     /[\s\-_]+(\w)/g,
     function (_match: string, p1: string) {
       return p1.toUpperCase();
-    }
+    },
   );
 
   return fieldIdWithoutSpecialCharacter
@@ -15,7 +15,7 @@ export const createFriendlyFieldNameWithId = (fieldId: string): string => {
         // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (p1) return p1.toUpperCase();
         return match;
-      }
+      },
     )
     .trim();
 };

package/test/__setup__.ts

@@ -46,7 +46,7 @@ beforeEach(async (ctx) => {
     createSliceMachineManagerMSWHandler({
       url: "http://localhost:3000/_manager",
       sliceMachineManager: manager,
-    })
+    }),
   );
 
   await fs.mkdir(os.homedir(), { recursive: true });
@@ -84,6 +84,17 @@ vi.mock("fs/promises", async () => {
   };
 });
 
+// jsdom environment removes Node native modules which is desired.
+// However, because we create a plugin before each tests and that
+// they rely on Prettier, which relies on `node:url`, we need to
+// bypass jsdom restricted browser environment by mocking `node:url`
+// to itself.
+vi.mock("url", async () => {
+  const actual: typeof import("node:url") = await vi.importActual("node:url");
+
+  return actual;
+});
+
 vi.mock("analytics-node", () => {
   const MockSegmentClient = vi.fn();
 
@@ -93,7 +104,7 @@ vi.mock("analytics-node", () => {
       if (callback) {
         callback();
       }
-    }
+    },
   );
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
@@ -102,7 +113,7 @@ vi.mock("analytics-node", () => {
       if (callback) {
         callback();
       }
-    }
+    },
   );
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
@@ -111,7 +122,7 @@ vi.mock("analytics-node", () => {
       if (callback) {
         callback();
       }
-    }
+    },
   );
 
   return {
@@ -148,7 +159,7 @@ vi.stubGlobal(
       }
     } else {
       throw new Error(
-        "`fetch` with RequestInfo is not supported in this test environment."
+        "`fetch` with RequestInfo is not supported in this test environment.",
       );
     }
 
@@ -174,7 +185,7 @@ vi.stubGlobal(
     } else {
       return res;
     }
-  })
+  }),
 );
 
 vi.stubGlobal(
@@ -185,5 +196,5 @@ vi.stubGlobal(
       observe: vi.fn(),
       unobserve: vi.fn(),
     };
-  })
+  }),
 );

package/test/__testutils__/createPrismicAuthLoginResponse.ts

@@ -4,7 +4,7 @@ type PrismicAuthLoginResponse = {
 };
 
 export const createPrismicAuthLoginResponse = (
-  loginResponse?: Partial<PrismicAuthLoginResponse>
+  loginResponse?: Partial<PrismicAuthLoginResponse>,
 ): PrismicAuthLoginResponse => {
   return {
     email: `name@example.com`,

package/test/__testutils__/createTestPlugin.ts

@@ -39,7 +39,7 @@ type CreateTestPluginArgs<TPluginOptions extends SliceMachinePluginOptions> =
   };
 
 export const createTestPlugin = <
-  TPluginOptions extends SliceMachinePluginOptions
+  TPluginOptions extends SliceMachinePluginOptions,
 >({
   setup,
   __autofillRequiredAdapterHooks = true,

package/test/__testutils__/createTestProject.ts

@@ -17,7 +17,7 @@ export const createTestProject = async (
   > & {
     adapter?: string | SliceMachinePlugin;
     plugins?: (string | SliceMachinePlugin)[];
-  } = {}
+  } = {},
 ): Promise<string> => {
   const state = expect.getState();
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -26,7 +26,7 @@ export const createTestProject = async (
   await fs.mkdir(os.tmpdir(), { recursive: true });
 
   const root = await fs.mkdtemp(
-    path.join(os.tmpdir(), `project-${testNameDigest}-`)
+    path.join(os.tmpdir(), `project-${testNameDigest}-`),
   );
 
   await fs.writeFile(path.join(root, "package.json"), JSON.stringify({}));
@@ -47,7 +47,7 @@ export const createTestProject = async (
       ...sliceMachineConfig,
       adapter: adapterName,
       plugins,
-    })
+    }),
   );
 
   return root;

package/test/__testutils__/index.tsx

@@ -26,7 +26,7 @@ function render(
     preloadedState,
     store = configureStore(preloadedState).store,
     ...renderOptions
-  }: RenderArgs = {}
+  }: RenderArgs = {},
 ): RenderReturnType {
   if (!document.getElementById("__next")) {
     const div = document.createElement("div");

package/test/__testutils__/mockAWSACLAPI.ts

@@ -40,7 +40,7 @@ type MockAWSACLAPIReturnType = {
 
 export const mockAWSACLAPI = (
   ctx: TestContext,
-  config?: MockAWSACLAPIConfig
+  config?: MockAWSACLAPIConfig,
 ): MockAWSACLAPIReturnType => {
   const endpoint =
     config?.endpoint ??
@@ -74,16 +74,16 @@ export const mockAWSACLAPI = (
                 fields: s3ACL.requiredFormDataFields,
               },
               imgixEndpoint: s3ACL.imgixEndpoint,
-            })
+            }),
           );
         } else {
           return res(
             ctx.json({
               message: "[MOCK ERROR MESSAGE]: Failed to generate ACL",
-            })
+            }),
           );
         }
-      })
+      }),
     );
   }
 
@@ -110,7 +110,7 @@ export const mockAWSACLAPI = (
               Buffer.isBuffer(formData.file.data) &&
               formData.file.data.equals(expectedUpload.file)
             );
-          }
+          },
         );
 
         if (!expectedFileMetadata) {
@@ -130,7 +130,7 @@ export const mockAWSACLAPI = (
                 formData[key].data ===
                 uploadEndpointConfig.requiredFormDataFields[key]
               );
-            }
+            },
           ) &&
           Buffer.isBuffer(formData.file.data) &&
           formData.file.data.equals(expectedFileMetadata.file)
@@ -139,7 +139,7 @@ export const mockAWSACLAPI = (
         } else {
           return res(ctx.status(401));
         }
-      })
+      }),
     );
   }
 
@@ -156,8 +156,8 @@ export const mockAWSACLAPI = (
           } else {
             return res(ctx.status(401));
           }
-        }
-      )
+        },
+      ),
     );
   }