slice-machine-ui 1.19.2-dev-next-release.2 → 1.19.2-dev-next-release.4

package/src/modules/screenshots/sagas.ts

@@ -8,65 +8,13 @@ import {
 import { getType } from "typesafe-actions";
 import { withLoader } from "../loading";
 import { LoadingKeysEnum } from "../loading/types";
+import { generateSliceCustomScreenshotCreator } from "./actions";
 import {
-  generateSliceScreenshotCreator,
-  generateSliceCustomScreenshotCreator,
-} from "./actions";
-import {
-  generateSliceScreenshotApiClient,
   generateSliceCustomScreenshotApiClient,
   telemetry,
 } from "@src/apiClient";
 import { openToasterCreator, ToasterType } from "@src/modules/toaster";
 
-export function* generateSliceScreenshotSaga({
-  payload,
-}: ReturnType<typeof generateSliceScreenshotCreator.request>) {
-  const { component, variationId, screenDimensions, method } = payload;
-  try {
-    const response = (yield call(generateSliceScreenshotApiClient, {
-      libraryName: component.from,
-      sliceId: component.model.id,
-      variationId,
-      screenDimensions,
-    })) as SagaReturnType<typeof generateSliceScreenshotApiClient>;
-
-    if (!response) {
-      throw Error("No screenshot saved");
-    }
-
-    yield put(
-      openToasterCreator({
-        url: response.url,
-        type: ToasterType.SCREENSHOT_CAPTURED,
-      }),
-    );
-
-    void telemetry.track({
-      event: "screenshot-taken",
-      type: "automatic",
-      method,
-    });
-
-    yield put(
-      generateSliceScreenshotCreator.success({
-        variationId,
-        screenshot: {
-          url: response.url,
-        },
-        component,
-      }),
-    );
-  } catch (e) {
-    yield put(
-      openToasterCreator({
-        content: "Internal Error: Screenshot not saved",
-        type: ToasterType.ERROR,
-      }),
-    );
-  }
-}
-
 export function* generateSliceCustomScreenshotSaga({
   payload,
 }: ReturnType<typeof generateSliceCustomScreenshotCreator.request>) {
@@ -109,15 +57,6 @@ export function* generateSliceCustomScreenshotSaga({
   }
 }
 
-function* watchGenerateSliceScreenshot() {
-  yield takeLatest(
-    getType(generateSliceScreenshotCreator.request),
-    withLoader(
-      generateSliceScreenshotSaga,
-      LoadingKeysEnum.GENERATE_SLICE_SCREENSHOT,
-    ),
-  );
-}
 function* watchGenerateSliceCustomScreenshot() {
   yield takeLatest(
     getType(generateSliceCustomScreenshotCreator.request),
@@ -130,6 +69,5 @@ function* watchGenerateSliceCustomScreenshot() {
 
 // Saga Exports
 export function* screenshotsSagas() {
-  yield fork(watchGenerateSliceScreenshot);
   yield fork(watchGenerateSliceCustomScreenshot);
 }

package/src/modules/selectedSlice/actions.ts

@@ -4,10 +4,7 @@ import { ComponentUI } from "@lib/models/common/ComponentUI";
 import { renameSliceCreator } from "../slices";
 import { SelectedSliceStoreType } from "./types";
 import { refreshStateCreator } from "../environment";
-import {
-  generateSliceCustomScreenshotCreator,
-  generateSliceScreenshotCreator,
-} from "../screenshots/actions";
+import { generateSliceCustomScreenshotCreator } from "../screenshots/actions";
 import { VariationSM, WidgetsArea } from "@lib/models/common/Slice";
 import { SharedSliceContent } from "@prismicio/types-internal/lib/content";
 
@@ -23,7 +20,6 @@ export type SelectedSliceActions =
   | ActionType<typeof copyVariationSliceCreator>
   | ActionType<typeof renameSliceCreator>
   | ActionType<typeof refreshStateCreator>
-  | ActionType<typeof generateSliceScreenshotCreator>
   | ActionType<typeof generateSliceCustomScreenshotCreator>
   | ActionType<typeof updateSelectedSliceMocks>;
 

package/src/modules/selectedSlice/reducer.ts

@@ -18,10 +18,7 @@ import { ComponentUI } from "@lib/models/common/ComponentUI";
 import { SliceSM } from "@lib/models/common/Slice";
 import { renameSliceCreator } from "../slices";
 import { refreshStateCreator } from "../environment";
-import {
-  generateSliceCustomScreenshotCreator,
-  generateSliceScreenshotCreator,
-} from "../screenshots/actions";
+import { generateSliceCustomScreenshotCreator } from "../screenshots/actions";
 
 // Reducer
 export const selectedSliceReducer: Reducer<
@@ -105,7 +102,6 @@ export const selectedSliceReducer: Reducer<
         return prevState;
       }
     }
-    case getType(generateSliceScreenshotCreator.success):
     case getType(generateSliceCustomScreenshotCreator.success): {
       if (!prevState) return prevState;
       const { component, screenshot, variationId } = action.payload;

package/src/modules/slices/index.ts

@@ -26,10 +26,7 @@ import { refreshStateCreator } from "@src/modules/environment";
 import { SliceMachineStoreType } from "@src/redux/type";
 import { openToasterCreator, ToasterType } from "@src/modules/toaster";
 import { updateSliceCreator } from "../selectedSlice/actions";
-import {
-  generateSliceCustomScreenshotCreator,
-  generateSliceScreenshotCreator,
-} from "../screenshots/actions";
+import { generateSliceCustomScreenshotCreator } from "../screenshots/actions";
 import { selectSliceById } from "../selectedSlice/selectors";
 import { SlicesStoreType } from "./types";
 
@@ -79,7 +76,6 @@ type SlicesActions =
   | ActionType<typeof renameSliceCreator>
   | ActionType<typeof deleteSliceCreator>
   | ActionType<typeof updateSliceCreator>
-  | ActionType<typeof generateSliceScreenshotCreator>
   | ActionType<typeof generateSliceCustomScreenshotCreator>
   | ActionType<typeof updateSliceMock>;
 
@@ -161,7 +157,6 @@ export const slicesReducer: Reducer<SlicesStoreType | null, SlicesActions> = (
 
       return { ...state, libraries: newLibraries };
     }
-    case getType(generateSliceScreenshotCreator.success):
     case getType(generateSliceCustomScreenshotCreator.success): {
       const { component, screenshot, variationId } = action.payload;
 

package/src/modules/toaster/index.tsx

@@ -1,7 +1,6 @@
 import { toast, ToastOptions, UpdateOptions } from "react-toastify";
 import { createAction, getType } from "typesafe-actions";
 import { fork, takeLatest } from "redux-saga/effects";
-import ScreenshotToaster from "@components/ScreenshotToaster";
 
 export enum ToasterType {
   SUCCESS = "success",
@@ -9,28 +8,16 @@ export enum ToasterType {
   ERROR = "error",
   INFO = "info",
   LOADING = "loading",
-  SCREENSHOT_CAPTURED = "screenshot_captured",
 }
 
-type ScreenshotCapturedToast = {
-  type: ToasterType.SCREENSHOT_CAPTURED;
-  url: string;
-};
-
-export type GenericToastTypes = Exclude<
-  ToasterType,
-  ToasterType.SCREENSHOT_CAPTURED
->;
+export type GenericToastTypes = ToasterType;
 
 // Action Creators
-export const openToasterCreator = createAction("TOASTER/OPEN")<
-  | {
-      content: string | React.ReactNode;
-      type: GenericToastTypes;
-      options?: ToastOptions;
-    }
-  | ScreenshotCapturedToast
->();
+export const openToasterCreator = createAction("TOASTER/OPEN")<{
+  content: string | React.ReactNode;
+  type: GenericToastTypes;
+  options?: ToastOptions;
+}>();
 
 export const updateToasterCreator = createAction("TOASTER/UPDATE")<{
   toasterId: string;
@@ -61,9 +48,6 @@ export function* openToasterSaga(
     case ToasterType.LOADING:
       toast.loading(action.payload.content, action.payload.options);
       break;
-    case ToasterType.SCREENSHOT_CAPTURED:
-      toast(<ScreenshotToaster url={action.payload.url} />);
-      break;
   }
 }
 

package/src/modules/useSliceMachineActions.ts

@@ -65,16 +65,10 @@ import {
   updateSliceCreator,
   updateSliceWidgetMockCreator,
 } from "./selectedSlice/actions";
-import {
-  generateSliceCustomScreenshotCreator,
-  generateSliceScreenshotCreator,
-} from "./screenshots/actions";
+import { generateSliceCustomScreenshotCreator } from "./screenshots/actions";
 import { ComponentUI } from "../../lib/models/common/ComponentUI";
 import { ChangesPushSagaPayload, changesPushCreator } from "./pushChangesSaga";
-import type {
-  ScreenDimensions,
-  ScreenshotGenerationMethod,
-} from "@lib/models/common/Screenshots";
+import type { ScreenshotGenerationMethod } from "@lib/models/common/Screenshots";
 import { saveSliceMockCreator } from "./simulator";
 import { SaveSliceMockRequest } from "@src/apiClient";
 import { VariationSM, WidgetsArea } from "@lib/models/common/Slice";
@@ -365,22 +359,6 @@ const useSliceMachineActions = () => {
     );
   };
 
-  const generateSliceScreenshot = (
-    variationId: string,
-    component: ComponentUI,
-    screenDimensions: ScreenDimensions,
-    method: ScreenshotGenerationMethod,
-  ) => {
-    dispatch(
-      generateSliceScreenshotCreator.request({
-        variationId,
-        component,
-        screenDimensions,
-        method,
-      }),
-    );
-  };
-
   const generateSliceCustomScreenshot = (
     variationId: string,
     component: ComponentUI,
@@ -517,7 +495,6 @@ const useSliceMachineActions = () => {
     removeSliceWidget,
     updateSliceWidgetMock,
     deleteSliceWidgetMock,
-    generateSliceScreenshot,
     generateSliceCustomScreenshot,
     updateSlice,
     copyVariationSlice,

package/components/ScreenshotToaster/index.tsx

@@ -1,53 +0,0 @@
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { FC } from "react";
-import { Container, Flex, Image, Text } from "theme-ui";
-
-type ScreenshotToasterProps = {
-  url: string;
-};
-
-const ScreenshotToaster: FC<ScreenshotToasterProps> = ({ url }) => {
-  const { openScreenshotPreviewModal } = useSliceMachineActions();
-
-  return (
-    <Flex
-      sx={{ height: 75, backgroundColor: "rgba(37, 37, 45, 0.9)" }}
-      onClick={openScreenshotPreviewModal}
-    >
-      <Container
-        sx={{
-          width: 102,
-          justifyContent: "center",
-          height: "100%",
-          display: "flex",
-          mr: 16,
-          backgroundImage: "url(/pattern.png)",
-          backgroundColor: "headSection",
-          backgroundRepeat: "repeat",
-          backgroundSize: "5px",
-          borderRadius: "2px",
-        }}
-      >
-        <Image sx={{ maxHeight: "100%", objectFit: "contain" }} src={url} />
-      </Container>
-      <Flex
-        style={{
-          flexDirection: "column",
-          justifyContent: "center",
-        }}
-      >
-        <Text sx={{ fontWeight: "Display", fontSize: 16 }}>
-          Screenshot taken
-        </Text>
-        <Text
-          variant={"xs"}
-          sx={{ fontSize: 14, color: "icons", fontWeight: "label" }}
-        >
-          Tap to view screenshot
-        </Text>
-      </Flex>
-    </Flex>
-  );
-};
-
-export default ScreenshotToaster;

package/out/_next/static/DcicAqW9Z1wJ8X-Tue3N3/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,e,a,t,i,b,n,l,d,u){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[c,i,b,"static/chunks/pages/index-5266b7f0ca55025a.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-11c9e241f5a8a4cb.js"],"/changes":[e,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38d08f1e885b222d.js",s,a,"static/css/f585032018f6024b.css","static/chunks/pages/changes-768c9cb6fef169d1.js"],"/custom-types":[c,i,b,"static/chunks/pages/custom-types-2f5664d9492b13fb.js"],"/custom-types/[customTypeId]":[n,s,c,t,l,d,"static/chunks/pages/custom-types/[customTypeId]-aa37e07c96c8f9b5.js"],"/labs":["static/chunks/pages/labs-395232bcec99d42a.js"],"/page-types/[pageTypeId]":[n,s,c,t,l,d,"static/chunks/pages/page-types/[pageTypeId]-d445f5cabeb460c0.js"],"/slices":[e,s,a,"static/css/22d69420bda374a7.css","static/chunks/pages/slices-f77df402117379c6.js"],"/slices/[lib]/[sliceName]/[variation]":[e,s,a,t,"static/css/e4f4acc81f000d9c.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-4dfda949290eb037.js"],"/slices/[lib]/[sliceName]/[variation]/screenshot":[u,"static/chunks/pages/slices/[lib]/[sliceName]/[variation]/screenshot-76d40513025fd76d.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[e,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-1bb05c8aa7db2bc2.js",u,"static/chunks/770-c75d8245a822c5d9.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-39efc79412072ae1.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/screenshot","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/958-2b881a5b68ff11ba.js","static/chunks/550-1dafbcec5d50b384.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/80-4cd4c6f95d162ef7.js","static/chunks/482-e6bbd1fcdcdf79ad.js","static/chunks/840-4e395e66a2b2f394.js","static/css/26b51745402a92af.css","static/chunks/125-e3857af2068bbedf.js","static/chunks/904-b2d5235c13e62ee8.js","static/css/1fbd45881dcf43c4.css","static/chunks/746-2ca4784811bde7c1.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();