slice-machine-ui 1.22.2 → 1.22.3-alpha.chore-introduce-css-modules.1

package/src/modules/selectedCustomType/reducer.ts

@@ -1,287 +0,0 @@
-import { Reducer } from "redux";
-import { SelectedCustomTypeStoreType } from "./types";
-import { getType } from "typesafe-actions";
-import {
-  createTabCreator,
-  updateTabCreator,
-  SelectedCustomTypeActions,
-  initCustomTypeStoreCreator,
-  cleanupCustomTypeStoreCreator,
-  addFieldCreator,
-  deleteTabCreator,
-  renameSelectedCustomTypeLabel,
-  createSliceZoneCreator,
-  deleteSliceZoneCreator,
-  deleteFieldCreator,
-  deleteSharedSliceCreator,
-  reorderFieldCreator,
-  replaceFieldCreator,
-  addFieldIntoGroupCreator,
-  deleteFieldIntoGroupCreator,
-  reorderFieldIntoGroupCreator,
-  replaceFieldIntoGroupCreator,
-  saveCustomTypeCreator,
-} from "./actions";
-import { Tab } from "@models/common/CustomType/tab";
-import { SliceZone } from "@models/common/CustomType/sliceZone";
-import { AnyWidget } from "@models/common/widgets/Widget";
-import * as Widgets from "@models/common/widgets/withGroup";
-import StateHelpers from "./stateHelpers";
-import { CustomType } from "@models/common/CustomType";
-import { SlicesSM } from "@lib/models/common/Slices";
-import { GroupSM } from "@lib/models/common/Group";
-import { Group } from "@lib/models/common/CustomType/group";
-
-// Reducer
-export const selectedCustomTypeReducer: Reducer<
-  SelectedCustomTypeStoreType,
-  SelectedCustomTypeActions
-> = (state = null, action) => {
-  switch (action.type) {
-    case getType(cleanupCustomTypeStoreCreator):
-      return null;
-    case getType(initCustomTypeStoreCreator):
-      return {
-        ...state,
-        model: action.payload.model,
-        initialModel: action.payload.model,
-        remoteModel: action.payload.remoteModel,
-      };
-    case getType(saveCustomTypeCreator.success): {
-      if (!state) return state;
-
-      return {
-        ...state,
-        initialModel: state.model,
-      };
-    }
-    case getType(createTabCreator):
-      if (!state) return state;
-      const { tabId } = action.payload;
-      if (state.model.tabs.find((e) => e.key === tabId)) {
-        return state;
-      }
-      return {
-        ...state,
-        model: {
-          ...state.model,
-          tabs: [...state.model.tabs, Tab.init(tabId)],
-        },
-      };
-    case getType(updateTabCreator): {
-      if (!state) return state;
-      const { tabId, newTabId } = action.payload;
-      if (newTabId === tabId) {
-        return state;
-      }
-      return {
-        ...state,
-        model: {
-          ...state.model,
-          tabs: state.model.tabs.map((t) => {
-            if (t.key === tabId) {
-              return {
-                ...t,
-                key: newTabId,
-              };
-            }
-            return t;
-          }),
-        },
-      };
-    }
-    case getType(renameSelectedCustomTypeLabel): {
-      if (!state) return state;
-      return {
-        ...state,
-        model: {
-          ...state.model,
-          label: action.payload.newLabel,
-        },
-      };
-    }
-    case getType(deleteTabCreator): {
-      if (!state) return state;
-      const { tabId } = action.payload;
-      return StateHelpers.deleteTab(state, tabId);
-    }
-    case getType(addFieldCreator): {
-      const { tabId, field, fieldId } = action.payload;
-      try {
-        if (
-          field.type === "Range" ||
-          field.type === "IntegrationFields" ||
-          field.type === "Separator"
-        ) {
-          throw new Error("Unsupported Field Type.");
-        }
-        const CurrentWidget: AnyWidget = Widgets[field.type];
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-        CurrentWidget.schema.validateSync(field, { stripUnknown: false });
-        return StateHelpers.updateTab(
-          state,
-          tabId,
-        )((tab) => Tab.addWidget(tab, fieldId, field));
-      } catch (err) {
-        console.error(
-          // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-          `[store/addWidget] Model is invalid for widget "${field.type}".\nFull error: ${err}`,
-        );
-        return state;
-      }
-    }
-    case getType(deleteFieldCreator): {
-      const { tabId, fieldId } = action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) => Tab.removeWidget(tab, fieldId));
-    }
-    case getType(replaceFieldCreator): {
-      const { tabId, previousFieldId, newFieldId, value } = action.payload;
-      try {
-        if (
-          value.type === "Range" ||
-          value.type === "IntegrationFields" ||
-          value.type === "Separator"
-        ) {
-          throw new Error("Unsupported Field Type.");
-        }
-        const CurrentWidget: AnyWidget = Widgets[value.type];
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-        CurrentWidget.schema.validateSync(value, { stripUnknown: false });
-        return StateHelpers.updateTab(
-          state,
-          tabId,
-        )((tab) => Tab.replaceWidget(tab, previousFieldId, newFieldId, value));
-      } catch (err) {
-        return state;
-      }
-    }
-    case getType(reorderFieldCreator): {
-      const { tabId, start, end } = action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) => Tab.reorderWidget(tab, start, end));
-    }
-    case getType(createSliceZoneCreator): {
-      if (!state) return state;
-      const { tabId } = action.payload;
-      const tabIndex = state.model.tabs.findIndex((t) => t.key === tabId);
-
-      if (tabIndex === -1) {
-        console.error(`No tabId ${tabId} found in tabs`);
-        return state;
-      }
-
-      const existingSliceZones = CustomType.getSliceZones(state.model).filter(
-        (e) => e,
-      );
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) => {
-        const i = findAvailableKey(tabIndex, existingSliceZones);
-        return Tab.createSliceZone(tab, `slices${i !== 0 ? i.toString() : ""}`);
-      });
-    }
-    case getType(deleteSliceZoneCreator): {
-      if (!state) return state;
-      const { tabId } = action.payload;
-      const tabIndex = state.model.tabs.findIndex((t) => t.key === tabId);
-
-      if (tabIndex === -1) {
-        console.error(`No tabId ${tabId} found in tabs`);
-        return state;
-      }
-
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) => {
-        return Tab.deleteSliceZone(tab);
-      });
-    }
-    case getType(deleteSharedSliceCreator): {
-      const { tabId, sliceId } = action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) =>
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-        Tab.updateSliceZone(tab)((sliceZone: SlicesSM) =>
-          SliceZone.removeSharedSlice(sliceZone, sliceId),
-        ),
-      );
-    }
-    case getType(addFieldIntoGroupCreator): {
-      const { tabId, groupId, fieldId, field } = action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) =>
-        Tab.updateGroup(
-          tab,
-          groupId,
-        )((group: GroupSM) =>
-          Group.addWidget(group, { key: fieldId, value: field }),
-        ),
-      );
-    }
-    case getType(replaceFieldIntoGroupCreator): {
-      const { tabId, groupId, previousFieldId, newFieldId, value } =
-        action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) =>
-        Tab.updateGroup(
-          tab,
-          groupId,
-        )((group: GroupSM) =>
-          Group.replaceWidget(group, previousFieldId, newFieldId, value),
-        ),
-      );
-    }
-    case getType(deleteFieldIntoGroupCreator): {
-      const { tabId, groupId, fieldId } = action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) =>
-        Tab.updateGroup(
-          tab,
-          groupId,
-        )((group: GroupSM) => Group.deleteWidget(group, fieldId)),
-      );
-    }
-    case getType(reorderFieldIntoGroupCreator): {
-      const { tabId, groupId, start, end } = action.payload;
-      return StateHelpers.updateTab(
-        state,
-        tabId,
-      )((tab) =>
-        Tab.updateGroup(
-          tab,
-          groupId,
-        )((group: GroupSM) => Group.reorderWidget(group, start, end)),
-      );
-    }
-    default:
-      return state;
-  }
-};
-
-const findAvailableKey = (
-  startI: number,
-  existingSliceZones: (SlicesSM | null)[],
-) => {
-  for (let i = startI; i < Infinity; i++) {
-    const key = `slices${i.toString()}`;
-    if (!existingSliceZones.find((e) => e?.key === key)) {
-      return i;
-    }
-  }
-  return -1;
-};

package/src/modules/selectedCustomType/sagas.ts

@@ -1,72 +0,0 @@
-import { call, fork, put, select, takeLatest } from "redux-saga/effects";
-import { openToasterCreator, ToasterType } from "../toaster";
-import { getType } from "typesafe-actions";
-import { withLoader } from "../loading";
-import { LoadingKeysEnum } from "../loading/types";
-import { saveCustomTypeCreator } from "./actions";
-import { selectCurrentCustomType } from "./index";
-import { saveCustomType, telemetry } from "@src/apiClient";
-import { ToastMessageWithPath } from "@components/ToasterContainer";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-
-export function* saveCustomTypeSaga() {
-  try {
-    const currentCustomType = (yield select(
-      selectCurrentCustomType,
-    )) as ReturnType<typeof selectCurrentCustomType>;
-
-    if (!currentCustomType) {
-      return;
-    }
-
-    const { errors } = (yield call(
-      saveCustomType,
-      currentCustomType,
-    )) as Awaited<ReturnType<typeof saveCustomType>>;
-    if (errors.length) {
-      throw errors;
-    }
-    void telemetry.track({
-      event: "custom-type:saved",
-      id: currentCustomType.id,
-      name: currentCustomType.label ?? currentCustomType.id,
-      format: currentCustomType.format,
-      type: currentCustomType.repeatable ? "repeatable" : "single",
-    });
-    yield put(saveCustomTypeCreator.success({ customType: currentCustomType }));
-    const formatName = CUSTOM_TYPES_MESSAGES[currentCustomType.format].name({
-      start: true,
-      plural: false,
-    });
-    yield put(
-      openToasterCreator({
-        content: ToastMessageWithPath({
-          message: `${formatName} saved successfully at `,
-          path: `./customtypes/${currentCustomType.id}/index.json`,
-        }),
-        type: ToasterType.SUCCESS,
-      }),
-    );
-  } catch (e) {
-    // Unknown errors
-    yield put(
-      openToasterCreator({
-        content: "Internal Error: Custom type not saved",
-        type: ToasterType.ERROR,
-      }),
-    );
-  }
-}
-
-// Saga watchers
-function* watchSaveCustomType() {
-  yield takeLatest(
-    getType(saveCustomTypeCreator.request),
-    withLoader(saveCustomTypeSaga, LoadingKeysEnum.SAVE_CUSTOM_TYPE),
-  );
-}
-
-// Saga Exports
-export function* watchSelectedCustomTypeSagas() {
-  yield fork(watchSaveCustomType);
-}

package/src/modules/selectedCustomType/selectors.ts

@@ -1,33 +0,0 @@
-import { SliceMachineStoreType } from "@src/redux/type";
-import equal from "fast-deep-equal";
-import { PoolOfFields } from "@src/modules/selectedCustomType/types";
-import { CustomTypeSM, TabSM } from "@lib/models/common/CustomType";
-
-// Selectors
-export const selectCurrentCustomType = (
-  store: SliceMachineStoreType,
-): CustomTypeSM | null => {
-  if (!store.selectedCustomType) return null;
-  return store.selectedCustomType.model;
-};
-
-export const selectCurrentPoolOfFields = (
-  store: SliceMachineStoreType,
-): PoolOfFields => {
-  if (!store.selectedCustomType) return [];
-  return store.selectedCustomType.model.tabs.reduce<PoolOfFields>(
-    (acc: PoolOfFields, curr: TabSM) => {
-      return [...acc, ...curr.value];
-    },
-    [],
-  );
-};
-
-export const isSelectedCustomTypeTouched = (store: SliceMachineStoreType) => {
-  if (!store.selectedCustomType) return false;
-
-  return !equal(
-    store.selectedCustomType.initialModel,
-    store.selectedCustomType.model,
-  );
-};

package/src/modules/selectedCustomType/stateHelpers.ts

@@ -1,42 +0,0 @@
-import { TabSM } from "@lib/models/common/CustomType";
-import { SelectedCustomTypeStoreType } from "@src/modules/selectedCustomType/types";
-
-const updateTab =
-  (state: SelectedCustomTypeStoreType, tabId: string) =>
-  (mutate: (v: TabSM) => TabSM): SelectedCustomTypeStoreType => {
-    if (!state) return state;
-
-    const tabs = state.model.tabs.map((tab) => {
-      if (tab.key === tabId) return mutate(tab);
-      else return tab;
-    });
-
-    return {
-      ...state,
-      model: {
-        ...state.model,
-        tabs,
-      },
-    };
-  };
-
-const deleteTab = (
-  state: SelectedCustomTypeStoreType,
-  tabId: string,
-): SelectedCustomTypeStoreType => {
-  if (!state) return state;
-  const tabs = state.model.tabs.filter((v) => v.key !== tabId);
-
-  return {
-    ...state,
-    model: {
-      ...state.model,
-      tabs,
-    },
-  };
-};
-
-export default {
-  deleteTab,
-  updateTab,
-};

package/src/modules/selectedCustomType/types.ts

@@ -1,9 +0,0 @@
-import { CustomTypeSM, TabField } from "@lib/models/common/CustomType";
-
-export type PoolOfFields = ReadonlyArray<{ key: string; value: TabField }>;
-
-export type SelectedCustomTypeStoreType = {
-  model: CustomTypeSM;
-  initialModel: CustomTypeSM;
-  remoteModel: CustomTypeSM | undefined;
-} | null;

package/src/modules/selectedSlice/actions.ts

@@ -1,106 +0,0 @@
-import { ActionType, createAction, createAsyncAction } from "typesafe-actions";
-import { NestableWidget } from "@prismicio/types-internal/lib/customtypes";
-import type { SliceBuilderState } from "@builders/SliceBuilder";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { renameSliceCreator } from "../slices";
-import { SelectedSliceStoreType } from "./types";
-import { refreshStateCreator } from "../environment";
-import { generateSliceCustomScreenshotCreator } from "../screenshots/actions";
-import { VariationSM, WidgetsArea } from "@lib/models/common/Slice";
-import { SharedSliceContent } from "@prismicio/types-internal/lib/content";
-
-export type SelectedSliceActions =
-  | ActionType<typeof initSliceStoreCreator>
-  | ActionType<typeof addSliceWidgetCreator>
-  | ActionType<typeof replaceSliceWidgetCreator>
-  | ActionType<typeof reorderSliceWidgetCreator>
-  | ActionType<typeof removeSliceWidgetCreator>
-  | ActionType<typeof updateSliceWidgetMockCreator>
-  | ActionType<typeof deleteSliceWidgetMockCreator>
-  | ActionType<typeof updateSliceCreator>
-  | ActionType<typeof updateAndSaveSliceCreator>
-  | ActionType<typeof copyVariationSliceCreator>
-  | ActionType<typeof renameSliceCreator>
-  | ActionType<typeof refreshStateCreator>
-  | ActionType<typeof generateSliceCustomScreenshotCreator>
-  | ActionType<typeof updateSelectedSliceMocks>;
-
-export const updateSelectedSliceMocks = createAction(
-  "SELECTED_SLICE/UPDATE_MOCKS",
-)<{
-  mocks: SharedSliceContent[];
-}>();
-
-export const initSliceStoreCreator =
-  createAction("SLICE/INIT")<SelectedSliceStoreType>();
-
-export const addSliceWidgetCreator = createAction("SLICE/ADD_WIDGET")<{
-  variationId: string;
-  widgetsArea: WidgetsArea;
-  key: string;
-  value: NestableWidget;
-}>();
-
-export const replaceSliceWidgetCreator = createAction("SLICE/REPLACE_WIDGET")<{
-  variationId: string;
-  widgetsArea: WidgetsArea;
-  previousKey: string;
-  newKey: string;
-  value: NestableWidget;
-}>();
-
-export const reorderSliceWidgetCreator = createAction("SLICE/REORDER_WIDGET")<{
-  variationId: string;
-  widgetsArea: WidgetsArea;
-  start: number;
-  end: number | undefined;
-}>();
-
-export const removeSliceWidgetCreator = createAction("SLICE/REMOVE_WIDGET")<{
-  variationId: string;
-  widgetsArea: WidgetsArea;
-  key: string;
-}>();
-
-export const updateSliceWidgetMockCreator = createAction(
-  "SLICE/UPDATE_WIDGET_MOCK",
-)<{
-  variationId: string;
-  widgetArea: WidgetsArea;
-  previousKey: string;
-  newKey: string;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  mockValue: any;
-}>();
-
-export const deleteSliceWidgetMockCreator = createAction(
-  "SLICE/DELETE_WIDGET_MOCK",
-)<{
-  variationId: string;
-  widgetArea: WidgetsArea;
-  newKey: string;
-}>();
-
-export const updateSliceCreator = createAsyncAction(
-  "SLICE/UPDATE.REQUEST",
-  "SLICE/UPDATE.RESPONSE",
-  "SLICE/UPDATE.FAILURE",
-)<
-  {
-    component: ComponentUI;
-    setSliceBuilderState: (sliceBuilderState: SliceBuilderState) => void;
-  },
-  {
-    component: ComponentUI;
-  }
->();
-
-export const updateAndSaveSliceCreator = createAction("SLICE/UPDATE_AND_SAVE")<{
-  component: ComponentUI;
-}>();
-
-export const copyVariationSliceCreator = createAction("SLICE/COPY_VARIATION")<{
-  key: string;
-  name: string;
-  copied: VariationSM;
-}>();