@contentstack/live-preview-utils 2.0.4 → 3.0.1

package/dist/modern/visualBuilder/components/CslpError.cjs

@@ -0,0 +1,101 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/CslpError.tsx
+var CslpError_exports = {};
+__export(CslpError_exports, {
+  CslpError: () => CslpError
+});
+module.exports = __toCommonJS(CslpError_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_icons = require("./icons/index.cjs");
+var import_compat = require("preact/compat");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function CslpError({}) {
+  const errorRef = (0, import_compat.useRef)(null);
+  const [showTooltip, setShowTooltip] = (0, import_compat.useState)(false);
+  (0, import_compat.useEffect)(() => {
+    const errorElement = errorRef.current;
+    const showTooltip2 = () => {
+      setShowTooltip(true);
+    };
+    const hideTooltip = () => {
+      setShowTooltip(false);
+    };
+    if (errorElement) {
+      errorElement.addEventListener("mouseenter", showTooltip2);
+      errorElement.addEventListener("mouseleave", hideTooltip);
+    }
+    return () => {
+      if (errorElement) {
+        errorElement.removeEventListener("mouseenter", showTooltip2);
+        errorElement.removeEventListener("mouseleave", hideTooltip);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__focused-toolbar__error"]
+      ),
+      ref: errorRef,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.WarningOctagonIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_classnames.default)(
+              (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__focused-toolbar__error-text"]
+            ),
+            children: "Error"
+          }
+        ),
+        showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (0, import_classnames.default)(
+              (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__focused-toolbar__error-toolip"]
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Invalid CSLP tag" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "The CSLP is invalid or incorrectly generated." })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CslpError
+});
+//# sourceMappingURL=CslpError.cjs.map

package/dist/modern/visualBuilder/components/CslpError.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/CslpError.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { WarningOctagonIcon } from \"./icons\";\nimport { useEffect, useRef, useState } from \"preact/compat\";\n\ninterface CslpErrorProps {}\n\nexport function CslpError({}: CslpErrorProps) {\n    const errorRef = useRef<HTMLDivElement>(null);\n    const [showTooltip, setShowTooltip] = useState(false);\n\n    useEffect(() => {\n        const errorElement = errorRef.current;\n\n        const showTooltip = () => {\n            setShowTooltip(true);\n        };\n\n        const hideTooltip = () => {\n            setShowTooltip(false);\n        };\n\n        if (errorElement) {\n            errorElement.addEventListener(\"mouseenter\", showTooltip);\n            errorElement.addEventListener(\"mouseleave\", hideTooltip);\n        }\n\n        return () => {\n            if (errorElement) {\n                errorElement.removeEventListener(\"mouseenter\", showTooltip);\n                errorElement.removeEventListener(\"mouseleave\", hideTooltip);\n            }\n        };\n    }, []);\n\n    return (\n        <div\n            className={classNames(\n                visualBuilderStyles()[\"visual-builder__focused-toolbar__error\"]\n            )}\n            ref={errorRef}\n        >\n            <WarningOctagonIcon />\n            <span\n                className={classNames(\n                    visualBuilderStyles()[\n                        \"visual-builder__focused-toolbar__error-text\"\n                    ]\n                )}\n            >\n                Error\n            </span>\n            {showTooltip ? (\n                <div\n                    className={classNames(\n                        visualBuilderStyles()[\n                            \"visual-builder__focused-toolbar__error-toolip\"\n                        ]\n                    )}\n                >\n                    <p>Invalid CSLP tag</p>\n                    <span>\n                    The CSLP is invalid or incorrectly generated.\n                    </span>\n                </div>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,2BAAoC;AACpC,mBAAmC;AACnC,oBAA4C;AAuChC;AAnCL,SAAS,UAAU,CAAC,GAAmB;AAC1C,QAAM,eAAW,sBAAuB,IAAI;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,KAAK;AAEpD,+BAAU,MAAM;AACZ,UAAM,eAAe,SAAS;AAE9B,UAAMA,eAAc,MAAM;AACtB,qBAAe,IAAI;AAAA,IACvB;AAEA,UAAM,cAAc,MAAM;AACtB,qBAAe,KAAK;AAAA,IACxB;AAEA,QAAI,cAAc;AACd,mBAAa,iBAAiB,cAAcA,YAAW;AACvD,mBAAa,iBAAiB,cAAc,WAAW;AAAA,IAC3D;AAEA,WAAO,MAAM;AACT,UAAI,cAAc;AACd,qBAAa,oBAAoB,cAAcA,YAAW;AAC1D,qBAAa,oBAAoB,cAAc,WAAW;AAAA,MAC9D;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,YACP,0CAAoB,EAAE,wCAAwC;AAAA,MAClE;AAAA,MACA,KAAK;AAAA,MAEL;AAAA,oDAAC,mCAAmB;AAAA,QACpB;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,kBACP,0CAAoB,EAChB,6CACJ;AAAA,YACJ;AAAA,YACH;AAAA;AAAA,QAED;AAAA,QACC,cACG;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,kBACP,0CAAoB,EAChB,+CACJ;AAAA,YACJ;AAAA,YAEA;AAAA,0DAAC,OAAE,8BAAgB;AAAA,cACnB,4CAAC,UAAK,2DAEN;AAAA;AAAA;AAAA,QACJ,IACA;AAAA;AAAA;AAAA,EACR;AAER;","names":["showTooltip","classNames"]}

package/dist/modern/visualBuilder/components/CslpError.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CslpErrorProps {
+}
+declare function CslpError({}: CslpErrorProps): react_jsx_runtime.JSX.Element;
+
+export { CslpError };

package/dist/modern/visualBuilder/components/CslpError.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CslpErrorProps {
+}
+declare function CslpError({}: CslpErrorProps): react_jsx_runtime.JSX.Element;
+
+export { CslpError };

package/dist/modern/visualBuilder/components/CslpError.js

@@ -0,0 +1,68 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/CslpError.tsx
+import classNames from "classnames";
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+import { WarningOctagonIcon } from "./icons/index.js";
+import { useEffect, useRef, useState } from "preact/compat";
+import { jsx, jsxs } from "preact/jsx-runtime";
+function CslpError({}) {
+  const errorRef = useRef(null);
+  const [showTooltip, setShowTooltip] = useState(false);
+  useEffect(() => {
+    const errorElement = errorRef.current;
+    const showTooltip2 = () => {
+      setShowTooltip(true);
+    };
+    const hideTooltip = () => {
+      setShowTooltip(false);
+    };
+    if (errorElement) {
+      errorElement.addEventListener("mouseenter", showTooltip2);
+      errorElement.addEventListener("mouseleave", hideTooltip);
+    }
+    return () => {
+      if (errorElement) {
+        errorElement.removeEventListener("mouseenter", showTooltip2);
+        errorElement.removeEventListener("mouseleave", hideTooltip);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(
+        visualBuilderStyles()["visual-builder__focused-toolbar__error"]
+      ),
+      ref: errorRef,
+      children: [
+        /* @__PURE__ */ jsx(WarningOctagonIcon, {}),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classNames(
+              visualBuilderStyles()["visual-builder__focused-toolbar__error-text"]
+            ),
+            children: "Error"
+          }
+        ),
+        showTooltip ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classNames(
+              visualBuilderStyles()["visual-builder__focused-toolbar__error-toolip"]
+            ),
+            children: [
+              /* @__PURE__ */ jsx("p", { children: "Invalid CSLP tag" }),
+              /* @__PURE__ */ jsx("span", { children: "The CSLP is invalid or incorrectly generated." })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  CslpError
+};
+//# sourceMappingURL=CslpError.js.map

package/dist/modern/visualBuilder/components/CslpError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/CslpError.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { WarningOctagonIcon } from \"./icons\";\nimport { useEffect, useRef, useState } from \"preact/compat\";\n\ninterface CslpErrorProps {}\n\nexport function CslpError({}: CslpErrorProps) {\n    const errorRef = useRef<HTMLDivElement>(null);\n    const [showTooltip, setShowTooltip] = useState(false);\n\n    useEffect(() => {\n        const errorElement = errorRef.current;\n\n        const showTooltip = () => {\n            setShowTooltip(true);\n        };\n\n        const hideTooltip = () => {\n            setShowTooltip(false);\n        };\n\n        if (errorElement) {\n            errorElement.addEventListener(\"mouseenter\", showTooltip);\n            errorElement.addEventListener(\"mouseleave\", hideTooltip);\n        }\n\n        return () => {\n            if (errorElement) {\n                errorElement.removeEventListener(\"mouseenter\", showTooltip);\n                errorElement.removeEventListener(\"mouseleave\", hideTooltip);\n            }\n        };\n    }, []);\n\n    return (\n        <div\n            className={classNames(\n                visualBuilderStyles()[\"visual-builder__focused-toolbar__error\"]\n            )}\n            ref={errorRef}\n        >\n            <WarningOctagonIcon />\n            <span\n                className={classNames(\n                    visualBuilderStyles()[\n                        \"visual-builder__focused-toolbar__error-text\"\n                    ]\n                )}\n            >\n                Error\n            </span>\n            {showTooltip ? (\n                <div\n                    className={classNames(\n                        visualBuilderStyles()[\n                            \"visual-builder__focused-toolbar__error-toolip\"\n                        ]\n                    )}\n                >\n                    <p>Invalid CSLP tag</p>\n                    <span>\n                    The CSLP is invalid or incorrectly generated.\n                    </span>\n                </div>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,WAAW,QAAQ,gBAAgB;AAuChC,cAWI,YAXJ;AAnCL,SAAS,UAAU,CAAC,GAAmB;AAC1C,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,YAAU,MAAM;AACZ,UAAM,eAAe,SAAS;AAE9B,UAAMA,eAAc,MAAM;AACtB,qBAAe,IAAI;AAAA,IACvB;AAEA,UAAM,cAAc,MAAM;AACtB,qBAAe,KAAK;AAAA,IACxB;AAEA,QAAI,cAAc;AACd,mBAAa,iBAAiB,cAAcA,YAAW;AACvD,mBAAa,iBAAiB,cAAc,WAAW;AAAA,IAC3D;AAEA,WAAO,MAAM;AACT,UAAI,cAAc;AACd,qBAAa,oBAAoB,cAAcA,YAAW;AAC1D,qBAAa,oBAAoB,cAAc,WAAW;AAAA,MAC9D;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP,oBAAoB,EAAE,wCAAwC;AAAA,MAClE;AAAA,MACA,KAAK;AAAA,MAEL;AAAA,4BAAC,sBAAmB;AAAA,QACpB;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP,oBAAoB,EAChB,6CACJ;AAAA,YACJ;AAAA,YACH;AAAA;AAAA,QAED;AAAA,QACC,cACG;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP,oBAAoB,EAChB,+CACJ;AAAA,YACJ;AAAA,YAEA;AAAA,kCAAC,OAAE,8BAAgB;AAAA,cACnB,oBAAC,UAAK,2DAEN;AAAA;AAAA;AAAA,QACJ,IACA;AAAA;AAAA;AAAA,EACR;AAER;","names":["showTooltip"]}

package/dist/modern/visualBuilder/components/FieldRevert/FieldRevertComponent.cjs

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/components/FieldRevert/FieldRevertComponent.tsx
+var FieldRevertComponent_exports = {};
+__export(FieldRevertComponent_exports, {
+  BASE_VARIANT_STATUS: () => BASE_VARIANT_STATUS,
+  FieldRevertComponent: () => FieldRevertComponent,
+  getFieldVariantStatus: () => getFieldVariantStatus
+});
+module.exports = __toCommonJS(FieldRevertComponent_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_compat = require("preact/compat");
+var import_visualBuilder = require("../../visualBuilder.style.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../../utils/visualBuilderPostMessage.cjs"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+var BASE_VARIANT_STATUS = {
+  isAddedInstances: false,
+  isBaseModified: false,
+  isDeletedInstances: false,
+  isOrderChanged: false,
+  fieldLevelCustomizations: false
+};
+async function getFieldVariantStatus(fieldPathWithIndex) {
+  try {
+    const result = await import_visualBuilderPostMessage.default?.send(
+      "get-field-variant-status",
+      fieldPathWithIndex
+    );
+    return result;
+  } catch (error) {
+    console.error("Failed to get field variant status:", error);
+  }
+}
+var FieldRevertComponent = (props) => {
+  const {
+    fieldDataName,
+    fieldMetadata,
+    variantStatus = BASE_VARIANT_STATUS,
+    isOpen,
+    closeDropdown
+  } = props;
+  const dropdownRef = (0, import_compat.useRef)(null);
+  (0, import_compat.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        closeDropdown();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  const getDropdownItems = () => {
+    const {
+      isAddedInstances,
+      isDeletedInstances,
+      isBaseModified,
+      isOrderChanged,
+      fieldLevelCustomizations
+    } = variantStatus;
+    const dropdownItems2 = [];
+    if (isBaseModified) {
+      dropdownItems2.push({
+        label: "Revert to base entry value",
+        action: "revert_to_base_entry_value",
+        id: `iframe-cs-variant-field-${fieldDataName}-revert`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-revert`,
+        fieldDataName
+      });
+    }
+    if (isAddedInstances) {
+      dropdownItems2.push({
+        label: "Revert added instances",
+        action: "revert_added_instances",
+        id: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,
+        fieldDataName
+      });
+    }
+    if (isDeletedInstances) {
+      dropdownItems2.push({
+        label: "Restore deleted instances",
+        action: "restore_deleted_instances",
+        id: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,
+        fieldDataName
+      });
+    }
+    if (fieldLevelCustomizations) {
+      dropdownItems2.push({
+        label: "Reset field-level customizations",
+        action: "reset_field_level_customizations",
+        id: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,
+        fieldDataName
+      });
+    }
+    if (isOrderChanged) {
+      dropdownItems2.push({
+        label: "Restore sorted instances",
+        action: "restore_sorted_instances",
+        id: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,
+        fieldDataName
+      });
+    }
+    return dropdownItems2;
+  };
+  const dropdownItems = getDropdownItems();
+  function handleOnClick(item) {
+    const { fieldDataName: fieldDataName2, action } = item;
+    import_visualBuilderPostMessage.default?.send("send-variant-revert-action-trigger", {
+      fieldDataName: fieldDataName2,
+      action,
+      euid: fieldMetadata.entry_uid,
+      ct_uid: fieldMetadata.content_type_uid,
+      locale: fieldMetadata.locale
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "variant-field-revert-component",
+        (0, import_visualBuilder.visualBuilderStyles)()["variant-field-revert-component"]
+      ),
+      ref: dropdownRef,
+      onClick: (e) => e.stopPropagation(),
+      children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "variant-field-revert-component__dropdown-content",
+            (0, import_visualBuilder.visualBuilderStyles)()["variant-field-revert-component__dropdown-content"]
+          ),
+          children: dropdownItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_classnames.default)(
+                "variant-field-revert-component__dropdown-content__list-item",
+                (0, import_visualBuilder.visualBuilderStyles)()["variant-field-revert-component__dropdown-content__list-item"]
+              ),
+              onClick: (e) => {
+                e.preventDefault();
+                handleOnClick(item);
+                closeDropdown();
+              },
+              "data-testid": item.testId,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label })
+            },
+            item.id
+          ))
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BASE_VARIANT_STATUS,
+  FieldRevertComponent,
+  getFieldVariantStatus
+});
+//# sourceMappingURL=FieldRevertComponent.cjs.map

package/dist/modern/visualBuilder/components/FieldRevert/FieldRevertComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/components/FieldRevert/FieldRevertComponent.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { useRef, useEffect } from \"preact/compat\";\nimport { visualBuilderStyles } from \"../../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../../utils/visualBuilderPostMessage\";\nimport { CslpData } from \"../../../cslp/types/cslp.types\";\n\nexport interface IVariantStatus {\n    fieldLevelCustomizations: boolean;\n    isBaseModified: boolean;\n    isAddedInstances: boolean;\n    isDeletedInstances: boolean;\n    isOrderChanged: boolean;\n}\n\nexport type TFieldRevertActionCallback =\n    | \"revert_to_base_entry_value\"\n    | \"revert_added_instances\"\n    | \"restore_deleted_instances\"\n    | \"reset_field_level_customizations\"\n    | \"restore_sorted_instances\";\n\ninterface FieldRevertComponentProps {\n    fieldDataName: string;\n    fieldMetadata: CslpData;\n    isOpen: boolean;\n    closeDropdown: () => void;\n    variantStatus?: IVariantStatus;\n}\n\ninterface IItem {\n    label: string;\n    action: TFieldRevertActionCallback;\n    id: string;\n    testId: string;\n    fieldDataName: string;\n}\n\nexport const BASE_VARIANT_STATUS: IVariantStatus = {\n    isAddedInstances: false,\n    isBaseModified: false,\n    isDeletedInstances: false,\n    isOrderChanged: false,\n    fieldLevelCustomizations: false,\n};\n\nexport async function getFieldVariantStatus(\n    fieldPathWithIndex: string\n): Promise<IVariantStatus | undefined> {\n    try {\n        const result = await visualBuilderPostMessage?.send<IVariantStatus>(\n            \"get-field-variant-status\",\n            fieldPathWithIndex\n        );\n        return result;\n    } catch (error) {\n        console.error(\"Failed to get field variant status:\", error);\n    }\n}\n\nexport const FieldRevertComponent = (props: FieldRevertComponentProps) => {\n    const {\n        fieldDataName,\n        fieldMetadata,\n        variantStatus = BASE_VARIANT_STATUS,\n        isOpen,\n        closeDropdown,\n    } = props;\n    const dropdownRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const handleClickOutside = (event: MouseEvent) => {\n            if (\n                dropdownRef.current &&\n                !dropdownRef.current.contains(event.target as Node)\n            ) {\n                closeDropdown();\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, []);\n\n    const getDropdownItems = () => {\n        const {\n            isAddedInstances,\n            isDeletedInstances,\n            isBaseModified,\n            isOrderChanged,\n            fieldLevelCustomizations,\n        } = variantStatus;\n\n        const dropdownItems: IItem[] = [];\n\n        if (isBaseModified) {\n            dropdownItems.push({\n                label: \"Revert to base entry value\",\n                action: \"revert_to_base_entry_value\",\n                id: `iframe-cs-variant-field-${fieldDataName}-revert`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-revert`,\n                fieldDataName,\n            });\n        }\n\n        if (isAddedInstances) {\n            dropdownItems.push({\n                label: \"Revert added instances\",\n                action: \"revert_added_instances\",\n                id: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,\n                fieldDataName,\n            });\n        }\n\n        if (isDeletedInstances) {\n            dropdownItems.push({\n                label: \"Restore deleted instances\",\n                action: \"restore_deleted_instances\",\n                id: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,\n                fieldDataName,\n            });\n        }\n\n        if (fieldLevelCustomizations) {\n            dropdownItems.push({\n                label: \"Reset field-level customizations\",\n                action: \"reset_field_level_customizations\",\n                id: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,\n                fieldDataName,\n            });\n        }\n\n        if (isOrderChanged) {\n            dropdownItems.push({\n                label: \"Restore sorted instances\",\n                action: \"restore_sorted_instances\",\n                id: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,\n                fieldDataName,\n            });\n        }\n\n        return dropdownItems;\n    };\n\n    const dropdownItems = getDropdownItems();\n\n    function handleOnClick(item: IItem) {\n        const { fieldDataName, action } = item;\n        visualBuilderPostMessage?.send(\"send-variant-revert-action-trigger\", {\n            fieldDataName,\n            action,\n            euid: fieldMetadata.entry_uid,\n            ct_uid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n        });\n    }\n\n    return (\n        <div\n            className={classNames(\n                \"variant-field-revert-component\",\n                visualBuilderStyles()[\"variant-field-revert-component\"]\n            )}\n            ref={dropdownRef}\n            onClick={(e) => e.stopPropagation()}\n        >\n            {isOpen && (\n                <div\n                    className={classNames(\n                        \"variant-field-revert-component__dropdown-content\",\n                        visualBuilderStyles()[\n                            \"variant-field-revert-component__dropdown-content\"\n                        ]\n                    )}\n                >\n                    {dropdownItems.map((item) => (\n                        <div\n                            className={classNames(\n                                \"variant-field-revert-component__dropdown-content__list-item\",\n                                visualBuilderStyles()[\n                                    \"variant-field-revert-component__dropdown-content__list-item\"\n                                ]\n                            )}\n                            onClick={(e) => {\n                                e.preventDefault();\n                                handleOnClick(item);\n                                closeDropdown();\n                            }}\n                            key={item.id}\n                            data-testid={item.testId}\n                        >\n                            <span>{item.label}</span>\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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","names":["visualBuilderPostMessage","dropdownItems","fieldDataName","classNames"]}

package/dist/modern/visualBuilder/components/FieldRevert/FieldRevertComponent.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CslpData } from '../../../cslp/types/cslp.types.cjs';
+
+interface IVariantStatus {
+    fieldLevelCustomizations: boolean;
+    isBaseModified: boolean;
+    isAddedInstances: boolean;
+    isDeletedInstances: boolean;
+    isOrderChanged: boolean;
+}
+type TFieldRevertActionCallback = "revert_to_base_entry_value" | "revert_added_instances" | "restore_deleted_instances" | "reset_field_level_customizations" | "restore_sorted_instances";
+interface FieldRevertComponentProps {
+    fieldDataName: string;
+    fieldMetadata: CslpData;
+    isOpen: boolean;
+    closeDropdown: () => void;
+    variantStatus?: IVariantStatus;
+}
+declare const BASE_VARIANT_STATUS: IVariantStatus;
+declare function getFieldVariantStatus(fieldPathWithIndex: string): Promise<IVariantStatus | undefined>;
+declare const FieldRevertComponent: (props: FieldRevertComponentProps) => react_jsx_runtime.JSX.Element;
+
+export { BASE_VARIANT_STATUS, FieldRevertComponent, type IVariantStatus, type TFieldRevertActionCallback, getFieldVariantStatus };

package/dist/modern/visualBuilder/components/FieldRevert/FieldRevertComponent.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CslpData } from '../../../cslp/types/cslp.types.js';
+
+interface IVariantStatus {
+    fieldLevelCustomizations: boolean;
+    isBaseModified: boolean;
+    isAddedInstances: boolean;
+    isDeletedInstances: boolean;
+    isOrderChanged: boolean;
+}
+type TFieldRevertActionCallback = "revert_to_base_entry_value" | "revert_added_instances" | "restore_deleted_instances" | "reset_field_level_customizations" | "restore_sorted_instances";
+interface FieldRevertComponentProps {
+    fieldDataName: string;
+    fieldMetadata: CslpData;
+    isOpen: boolean;
+    closeDropdown: () => void;
+    variantStatus?: IVariantStatus;
+}
+declare const BASE_VARIANT_STATUS: IVariantStatus;
+declare function getFieldVariantStatus(fieldPathWithIndex: string): Promise<IVariantStatus | undefined>;
+declare const FieldRevertComponent: (props: FieldRevertComponentProps) => react_jsx_runtime.JSX.Element;
+
+export { BASE_VARIANT_STATUS, FieldRevertComponent, type IVariantStatus, type TFieldRevertActionCallback, getFieldVariantStatus };

package/dist/modern/visualBuilder/components/FieldRevert/FieldRevertComponent.js

@@ -0,0 +1,157 @@
+import "../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/FieldRevert/FieldRevertComponent.tsx
+import classNames from "classnames";
+import { useRef, useEffect } from "preact/compat";
+import { visualBuilderStyles } from "../../visualBuilder.style.js";
+import visualBuilderPostMessage from "../../utils/visualBuilderPostMessage.js";
+import { jsx } from "preact/jsx-runtime";
+var BASE_VARIANT_STATUS = {
+  isAddedInstances: false,
+  isBaseModified: false,
+  isDeletedInstances: false,
+  isOrderChanged: false,
+  fieldLevelCustomizations: false
+};
+async function getFieldVariantStatus(fieldPathWithIndex) {
+  try {
+    const result = await visualBuilderPostMessage?.send(
+      "get-field-variant-status",
+      fieldPathWithIndex
+    );
+    return result;
+  } catch (error) {
+    console.error("Failed to get field variant status:", error);
+  }
+}
+var FieldRevertComponent = (props) => {
+  const {
+    fieldDataName,
+    fieldMetadata,
+    variantStatus = BASE_VARIANT_STATUS,
+    isOpen,
+    closeDropdown
+  } = props;
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        closeDropdown();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  const getDropdownItems = () => {
+    const {
+      isAddedInstances,
+      isDeletedInstances,
+      isBaseModified,
+      isOrderChanged,
+      fieldLevelCustomizations
+    } = variantStatus;
+    const dropdownItems2 = [];
+    if (isBaseModified) {
+      dropdownItems2.push({
+        label: "Revert to base entry value",
+        action: "revert_to_base_entry_value",
+        id: `iframe-cs-variant-field-${fieldDataName}-revert`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-revert`,
+        fieldDataName
+      });
+    }
+    if (isAddedInstances) {
+      dropdownItems2.push({
+        label: "Revert added instances",
+        action: "revert_added_instances",
+        id: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,
+        fieldDataName
+      });
+    }
+    if (isDeletedInstances) {
+      dropdownItems2.push({
+        label: "Restore deleted instances",
+        action: "restore_deleted_instances",
+        id: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,
+        fieldDataName
+      });
+    }
+    if (fieldLevelCustomizations) {
+      dropdownItems2.push({
+        label: "Reset field-level customizations",
+        action: "reset_field_level_customizations",
+        id: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,
+        fieldDataName
+      });
+    }
+    if (isOrderChanged) {
+      dropdownItems2.push({
+        label: "Restore sorted instances",
+        action: "restore_sorted_instances",
+        id: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,
+        testId: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,
+        fieldDataName
+      });
+    }
+    return dropdownItems2;
+  };
+  const dropdownItems = getDropdownItems();
+  function handleOnClick(item) {
+    const { fieldDataName: fieldDataName2, action } = item;
+    visualBuilderPostMessage?.send("send-variant-revert-action-trigger", {
+      fieldDataName: fieldDataName2,
+      action,
+      euid: fieldMetadata.entry_uid,
+      ct_uid: fieldMetadata.content_type_uid,
+      locale: fieldMetadata.locale
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(
+        "variant-field-revert-component",
+        visualBuilderStyles()["variant-field-revert-component"]
+      ),
+      ref: dropdownRef,
+      onClick: (e) => e.stopPropagation(),
+      children: isOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames(
+            "variant-field-revert-component__dropdown-content",
+            visualBuilderStyles()["variant-field-revert-component__dropdown-content"]
+          ),
+          children: dropdownItems.map((item) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames(
+                "variant-field-revert-component__dropdown-content__list-item",
+                visualBuilderStyles()["variant-field-revert-component__dropdown-content__list-item"]
+              ),
+              onClick: (e) => {
+                e.preventDefault();
+                handleOnClick(item);
+                closeDropdown();
+              },
+              "data-testid": item.testId,
+              children: /* @__PURE__ */ jsx("span", { children: item.label })
+            },
+            item.id
+          ))
+        }
+      )
+    }
+  );
+};
+export {
+  BASE_VARIANT_STATUS,
+  FieldRevertComponent,
+  getFieldVariantStatus
+};
+//# sourceMappingURL=FieldRevertComponent.js.map

package/dist/modern/visualBuilder/components/FieldRevert/FieldRevertComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/components/FieldRevert/FieldRevertComponent.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { useRef, useEffect } from \"preact/compat\";\nimport { visualBuilderStyles } from \"../../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../../utils/visualBuilderPostMessage\";\nimport { CslpData } from \"../../../cslp/types/cslp.types\";\n\nexport interface IVariantStatus {\n    fieldLevelCustomizations: boolean;\n    isBaseModified: boolean;\n    isAddedInstances: boolean;\n    isDeletedInstances: boolean;\n    isOrderChanged: boolean;\n}\n\nexport type TFieldRevertActionCallback =\n    | \"revert_to_base_entry_value\"\n    | \"revert_added_instances\"\n    | \"restore_deleted_instances\"\n    | \"reset_field_level_customizations\"\n    | \"restore_sorted_instances\";\n\ninterface FieldRevertComponentProps {\n    fieldDataName: string;\n    fieldMetadata: CslpData;\n    isOpen: boolean;\n    closeDropdown: () => void;\n    variantStatus?: IVariantStatus;\n}\n\ninterface IItem {\n    label: string;\n    action: TFieldRevertActionCallback;\n    id: string;\n    testId: string;\n    fieldDataName: string;\n}\n\nexport const BASE_VARIANT_STATUS: IVariantStatus = {\n    isAddedInstances: false,\n    isBaseModified: false,\n    isDeletedInstances: false,\n    isOrderChanged: false,\n    fieldLevelCustomizations: false,\n};\n\nexport async function getFieldVariantStatus(\n    fieldPathWithIndex: string\n): Promise<IVariantStatus | undefined> {\n    try {\n        const result = await visualBuilderPostMessage?.send<IVariantStatus>(\n            \"get-field-variant-status\",\n            fieldPathWithIndex\n        );\n        return result;\n    } catch (error) {\n        console.error(\"Failed to get field variant status:\", error);\n    }\n}\n\nexport const FieldRevertComponent = (props: FieldRevertComponentProps) => {\n    const {\n        fieldDataName,\n        fieldMetadata,\n        variantStatus = BASE_VARIANT_STATUS,\n        isOpen,\n        closeDropdown,\n    } = props;\n    const dropdownRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const handleClickOutside = (event: MouseEvent) => {\n            if (\n                dropdownRef.current &&\n                !dropdownRef.current.contains(event.target as Node)\n            ) {\n                closeDropdown();\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, []);\n\n    const getDropdownItems = () => {\n        const {\n            isAddedInstances,\n            isDeletedInstances,\n            isBaseModified,\n            isOrderChanged,\n            fieldLevelCustomizations,\n        } = variantStatus;\n\n        const dropdownItems: IItem[] = [];\n\n        if (isBaseModified) {\n            dropdownItems.push({\n                label: \"Revert to base entry value\",\n                action: \"revert_to_base_entry_value\",\n                id: `iframe-cs-variant-field-${fieldDataName}-revert`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-revert`,\n                fieldDataName,\n            });\n        }\n\n        if (isAddedInstances) {\n            dropdownItems.push({\n                label: \"Revert added instances\",\n                action: \"revert_added_instances\",\n                id: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-revert-added-instances`,\n                fieldDataName,\n            });\n        }\n\n        if (isDeletedInstances) {\n            dropdownItems.push({\n                label: \"Restore deleted instances\",\n                action: \"restore_deleted_instances\",\n                id: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-restore-deleted-instances`,\n                fieldDataName,\n            });\n        }\n\n        if (fieldLevelCustomizations) {\n            dropdownItems.push({\n                label: \"Reset field-level customizations\",\n                action: \"reset_field_level_customizations\",\n                id: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-reset-field-level-customizations`,\n                fieldDataName,\n            });\n        }\n\n        if (isOrderChanged) {\n            dropdownItems.push({\n                label: \"Restore sorted instances\",\n                action: \"restore_sorted_instances\",\n                id: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,\n                testId: `iframe-cs-variant-field-${fieldDataName}-restore-sorted-instances`,\n                fieldDataName,\n            });\n        }\n\n        return dropdownItems;\n    };\n\n    const dropdownItems = getDropdownItems();\n\n    function handleOnClick(item: IItem) {\n        const { fieldDataName, action } = item;\n        visualBuilderPostMessage?.send(\"send-variant-revert-action-trigger\", {\n            fieldDataName,\n            action,\n            euid: fieldMetadata.entry_uid,\n            ct_uid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n        });\n    }\n\n    return (\n        <div\n            className={classNames(\n                \"variant-field-revert-component\",\n                visualBuilderStyles()[\"variant-field-revert-component\"]\n            )}\n            ref={dropdownRef}\n            onClick={(e) => e.stopPropagation()}\n        >\n            {isOpen && (\n                <div\n                    className={classNames(\n                        \"variant-field-revert-component__dropdown-content\",\n                        visualBuilderStyles()[\n                            \"variant-field-revert-component__dropdown-content\"\n                        ]\n                    )}\n                >\n                    {dropdownItems.map((item) => (\n                        <div\n                            className={classNames(\n                                \"variant-field-revert-component__dropdown-content__list-item\",\n                                visualBuilderStyles()[\n                                    \"variant-field-revert-component__dropdown-content__list-item\"\n                                ]\n                            )}\n                            onClick={(e) => {\n                                e.preventDefault();\n                                handleOnClick(item);\n                                closeDropdown();\n                            }}\n                            key={item.id}\n                            data-testid={item.testId}\n                        >\n                            <span>{item.label}</span>\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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","names":["dropdownItems","fieldDataName"]}