@elementor/editor-components 4.1.0-767 → 4.1.0-769

package/dist/index.mjs

@@ -12,6 +12,38 @@ import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adap
 import { __registerSlice as registerSlice } from "@elementor/store";
 import { __ as __16 } from "@wordpress/i18n";
 
+// src/component-instance-transformer.ts
+import { createTransformer } from "@elementor/editor-canvas";
+import { __getState as getState } from "@elementor/store";
+
+// src/store/store.ts
+import { __createSelector as createSelector, __useSelector as useSelector } from "@elementor/store";
+
+// src/store/store-types.ts
+var initialState = {
+  data: [],
+  unpublishedData: [],
+  loadStatus: "idle",
+  styles: {},
+  createdThisSession: [],
+  archivedThisSession: [],
+  path: [],
+  currentComponentId: null,
+  updatedComponentNames: {},
+  sanitized: {}
+};
+var SLICE_NAME = "components";
+
+// src/store/extensible-slice.ts
+import {
+  __createAction as createAction,
+  __createSlice as createSlice,
+  __dispatch as dispatch
+} from "@elementor/store";
+
+// src/store/thunks.ts
+import { __createAsyncThunk as createAsyncThunk } from "@elementor/store";
+
 // src/api.ts
 import { ajax } from "@elementor/editor-v1-adapters";
 import { httpService } from "@elementor/http-client";
@@ -67,37 +99,7 @@ var apiClient = {
   validate: async (payload) => await httpService().post(`${BASE_URL}/create-validate`, payload).then((res) => res.data)
 };
 
-// src/component-instance-transformer.ts
-import { createTransformer } from "@elementor/editor-canvas";
-import { __getState as getState } from "@elementor/store";
-
-// src/store/store.ts
-import { __createSelector as createSelector, __useSelector as useSelector } from "@elementor/store";
-
-// src/store/store-types.ts
-var initialState = {
-  data: [],
-  unpublishedData: [],
-  loadStatus: "idle",
-  styles: {},
-  createdThisSession: [],
-  archivedThisSession: [],
-  path: [],
-  currentComponentId: null,
-  updatedComponentNames: {},
-  sanitized: {}
-};
-var SLICE_NAME = "components";
-
-// src/store/extensible-slice.ts
-import {
-  __createAction as createAction,
-  __createSlice as createSlice,
-  __dispatch as dispatch
-} from "@elementor/store";
-
 // src/store/thunks.ts
-import { __createAsyncThunk as createAsyncThunk } from "@elementor/store";
 var loadComponents = createAsyncThunk("components/load", async () => {
   const response = await apiClient.get();
   return response;
@@ -146,6 +148,10 @@ var baseSlice = createSlice({
     resetUnpublished: (state) => {
       state.unpublishedData = [];
     },
+    removeStyles(state, { payload }) {
+      const { [payload.id]: _, ...rest } = state.styles;
+      state.styles = rest;
+    },
     addStyles: (state, { payload }) => {
       state.styles = { ...state.styles, ...payload };
     },
@@ -1659,6 +1665,9 @@ var componentsActions = {
   resetUnpublished() {
     dispatch3(slice.actions.resetUnpublished());
   },
+  removeStyles(id) {
+    dispatch3(slice.actions.removeStyles({ id }));
+  },
   addStyles(styles) {
     dispatch3(slice.actions.addStyles(styles));
   },
@@ -3149,6 +3158,13 @@ function blockCircularPaste(args) {
   return hasCircularComponent;
 }
 
+// src/store/actions/remove-component-styles.ts
+import { __dispatch as dispatch7 } from "@elementor/store";
+function removeComponentStyles(id) {
+  apiClient.invalidateComponentConfigCache(id);
+  dispatch7(slice.actions.removeStyles({ id }));
+}
+
 // src/store/components-styles-provider.ts
 import { getCurrentDocumentId } from "@elementor/editor-elements";
 import { createStylesProvider } from "@elementor/editor-styles-repository";
@@ -3272,7 +3288,7 @@ function init() {
   registerDataHook2("after", "editor/documents/attach-preview", async () => {
     const { id, config } = getV1CurrentDocument();
     if (id) {
-      apiClient.invalidateComponentConfigCache(id);
+      removeComponentStyles(id);
     }
     await loadComponentsAssets(config?.elements ?? []);
   });