pixel-react 1.14.66 → 1.14.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/lib/assets/icons/mac_white_icon.svg.js +6 -0
  2. package/lib/assets/icons/mac_white_icon.svg.js.map +1 -0
  3. package/lib/assets/icons/maximize_livetesting.svg.js +6 -0
  4. package/lib/assets/icons/maximize_livetesting.svg.js.map +1 -0
  5. package/lib/assets/icons/timer_icon.svg.js +6 -0
  6. package/lib/assets/icons/timer_icon.svg.js.map +1 -0
  7. package/lib/assets/icons/windows_blue_icon.svg.js +6 -0
  8. package/lib/assets/icons/windows_blue_icon.svg.js.map +1 -0
  9. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.js +40 -7
  10. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.js.map +1 -1
  11. package/lib/components/AppHeader/AppHeader.js +33 -3
  12. package/lib/components/AppHeader/AppHeader.js.map +1 -1
  13. package/lib/components/AppHeader/types.d.ts +10 -0
  14. package/lib/components/ConditionalDropdown/ConditionalDropdown.js +1 -1
  15. package/lib/components/Editor/Editor.js +6 -3
  16. package/lib/components/Editor/Editor.js.map +1 -1
  17. package/lib/components/Editor/VariableDropdown.js +7 -7
  18. package/lib/components/Editor/VariableDropdown.js.map +1 -1
  19. package/lib/components/Editor/types.d.ts +8 -0
  20. package/lib/components/Icon/iconList.js +8 -6
  21. package/lib/components/Icon/iconList.js.map +1 -1
  22. package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.js +1 -1
  23. package/lib/index.cjs +97 -28
  24. package/lib/index.cjs.map +1 -1
  25. package/lib/index.d.ts +18 -0
  26. package/lib/styles.css +1 -1
  27. package/lib/styles.css.map +1 -1
  28. package/package.json +1 -1
  29. package/lib/assets/icons/add_element.svg.js +0 -6
  30. package/lib/assets/icons/add_element.svg.js.map +0 -1
  31. package/lib/assets/icons/element_slider.svg.js +0 -6
  32. package/lib/assets/icons/element_slider.svg.js.map +0 -1
  33. package/lib/assets/icons/record.svg.js +0 -6
  34. package/lib/assets/icons/record.svg.js.map +0 -1
package/lib/index.cjs CHANGED
@@ -1940,11 +1940,11 @@ const SvgAdbShell = (props) => /* @__PURE__ */ React__namespace.createElement("s
1940
1940
 
1941
1941
  const SvgUiInspector = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.1663 8.33337V3.33337C15.1663 1.95271 14.047 0.833374 12.6663 0.833374C10.149 0.833374 5.85034 0.833374 3.33301 0.833374C1.95234 0.833374 0.833008 1.95271 0.833008 3.33337V12.6667C0.833008 14.0474 1.95234 15.1667 3.33301 15.1667H8.33301C8.60901 15.1667 8.83301 14.9427 8.83301 14.6667C8.83301 14.3907 8.60901 14.1667 8.33301 14.1667H3.33301C2.50434 14.1667 1.83301 13.4954 1.83301 12.6667V3.33337C1.83301 2.50471 2.50434 1.83337 3.33301 1.83337H12.6663C13.495 1.83337 14.1663 2.50471 14.1663 3.33337V8.33337C14.1663 8.60937 14.3903 8.83337 14.6663 8.83337C14.9423 8.83337 15.1663 8.60937 15.1663 8.33337Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6663 4.16675H1.33301C1.05701 4.16675 0.833008 4.39075 0.833008 4.66675C0.833008 4.94275 1.05701 5.16675 1.33301 5.16675H14.6663C14.9423 5.16675 15.1663 4.94275 15.1663 4.66675C15.1663 4.39075 14.9423 4.16675 14.6663 4.16675Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.5 3.5C8.77614 3.5 9 3.27614 9 3C9 2.72386 8.77614 2.5 8.5 2.5C8.22386 2.5 8 2.72386 8 3C8 3.27614 8.22386 3.5 8.5 3.5Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.333 3.5C10.6092 3.5 10.833 3.27614 10.833 3C10.833 2.72386 10.6092 2.5 10.333 2.5C10.0569 2.5 9.83301 2.72386 9.83301 3C9.83301 3.27614 10.0569 3.5 10.333 3.5Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.166 3.5C12.4422 3.5 12.666 3.27614 12.666 3C12.666 2.72386 12.4422 2.5 12.166 2.5C11.8899 2.5 11.666 2.72386 11.666 3C11.666 3.27614 11.8899 3.5 12.166 3.5Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.666 7.16675C8.73402 7.16675 7.16602 8.73475 7.16602 10.6667C7.16602 12.5987 8.73402 14.1667 10.666 14.1667C12.598 14.1667 14.166 12.5987 14.166 10.6667C14.166 8.73475 12.598 7.16675 10.666 7.16675ZM10.666 8.16675C12.046 8.16675 13.166 9.28675 13.166 10.6667C13.166 12.0467 12.046 13.1667 10.666 13.1667C9.28602 13.1667 8.16602 12.0467 8.16602 10.6667C8.16602 9.28675 9.28602 8.16675 10.666 8.16675Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.6465 13.3534L14.3132 15.0201C14.5078 15.2154 14.8252 15.2154 15.0198 15.0201C15.2152 14.8254 15.2152 14.5081 15.0198 14.3134L13.3532 12.6467C13.1585 12.4514 12.8412 12.4514 12.6465 12.6467C12.4512 12.8414 12.4512 13.1587 12.6465 13.3534Z", fill: "currentColor" }));
1942
1942
 
1943
- const SvgRecord = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_20310_13972)" }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 0C3.5875 0 0 3.5875 0 8C0 12.4125 3.5875 16 8 16C12.4125 16 16 12.4125 16 8C16 3.5875 12.4125 0 8 0ZM5.03125 6.20312H3.78125C3.64375 6.20312 3.53125 6.31563 3.53125 6.45312V8.22812V9.54375C3.53125 9.68125 3.64375 9.79375 3.78125 9.79375C3.91875 9.79375 4.03125 9.68125 4.03125 9.54375V8.47812H4.425L5.34375 9.65C5.39375 9.7125 5.46563 9.74687 5.54063 9.74687C5.59375 9.74687 5.65 9.72813 5.69375 9.69375C5.80312 9.60938 5.82188 9.45 5.7375 9.34375L5.05937 8.48125C5.675 8.46562 6.16875 7.9625 6.16875 7.34375C6.17188 6.71562 5.65938 6.20312 5.03125 6.20312ZM7.30625 6.70312V7.75H9.09375C9.23125 7.75 9.34375 7.8625 9.34375 8C9.34375 8.1375 9.23125 8.25 9.09375 8.25H7.30625V9.29688H9.09375C9.23125 9.29688 9.34375 9.40938 9.34375 9.54688C9.34375 9.68437 9.23125 9.79688 9.09375 9.79688H7.05312C6.91563 9.79688 6.80312 9.68437 6.80312 9.54688V6.45312C6.80312 6.31563 6.91563 6.20312 7.05312 6.20312H9.09375C9.23125 6.20312 9.34375 6.31563 9.34375 6.45312C9.34375 6.59062 9.23125 6.70312 9.09375 6.70312H7.30625ZM10.4312 7.325V8.67188C10.4312 9.01562 10.7094 9.29375 11.0531 9.29375H11.35C11.6875 9.29375 11.9656 9.01875 11.9719 8.68437C11.975 8.54688 12.0875 8.43437 12.2281 8.4375C12.3656 8.44063 12.475 8.55313 12.475 8.69375C12.4625 9.3 11.9594 9.79375 11.3531 9.79375H11.0562C10.4375 9.79375 9.93437 9.29062 9.93437 8.67188V7.325C9.93437 6.70625 10.4375 6.20312 11.0562 6.20312H11.3531C11.9594 6.20312 12.4625 6.69688 12.475 7.30312C12.4781 7.44062 12.3687 7.55625 12.2281 7.55937C12.0875 7.5625 11.975 7.45312 11.9719 7.3125C11.9656 6.975 11.6875 6.70312 11.35 6.70312H11.0531C10.7094 6.70312 10.4312 6.98438 10.4312 7.325ZM5.03125 7.98125H4.03125V6.70625H5.03125C5.38438 6.70625 5.66875 6.99062 5.66875 7.34375C5.66875 7.69375 5.38438 7.98125 5.03125 7.98125Z", fill: "currentColor" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_20310_13972" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, fill: "white" }))));
1943
+ const SvgTimerIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.9827 3.53063L13.3034 1.85125C13.0593 1.60716 12.6635 1.60716 12.4195 1.85125C12.1754 2.09534 12.1754 2.49106 12.4195 2.73513L12.8172 3.13287L12.0015 3.94856C10.9397 3.06275 9.64867 2.528 8.27148 2.40353V1.25H8.83398C9.17917 1.25 9.45898 0.970187 9.45898 0.625C9.45898 0.279813 9.17917 0 8.83398 0H6.45898C6.1138 0 5.83398 0.279813 5.83398 0.625C5.83398 0.970187 6.1138 1.25 6.45898 1.25H7.02148V2.40353C3.59261 2.71341 0.833984 5.59275 0.833984 9.1875C0.833984 12.9526 3.88089 16 7.64648 16C11.4115 16 14.459 12.9531 14.459 9.1875C14.459 7.57778 13.9041 6.05356 12.8854 4.83244L13.7011 4.01675L14.0989 4.4145C14.3429 4.65856 14.7386 4.65859 14.9827 4.4145C15.2268 4.17044 15.2268 3.77472 14.9827 3.53063ZM7.64648 14.75C4.57933 14.75 2.08398 12.2547 2.08398 9.1875C2.08398 6.12034 4.57933 3.625 7.64648 3.625C10.7136 3.625 13.209 6.12034 13.209 9.1875C13.209 12.2547 10.7137 14.75 7.64648 14.75ZM10.8941 9.1875C10.8941 9.53269 10.6143 9.8125 10.2691 9.8125H7.64652C7.30133 9.8125 7.02152 9.53269 7.02152 9.1875V5.51016C7.02152 5.16497 7.30133 4.88516 7.64652 4.88516C7.9917 4.88516 8.27152 5.16497 8.27152 5.51016V8.5625H10.2691C10.6143 8.5625 10.8941 8.84231 10.8941 9.1875Z", fill: "white" }));
1944
1944
 
1945
- const SvgAddElement = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 2C4.6863 2 2 4.68627 2 8C2 11.3137 4.6863 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68627 11.3137 2 8 2ZM10.0537 11.15H5.94644V4.85002H9.97758V6.35024H7.67444V7.27779H9.74365V8.70142H7.67444V9.64463H10.0538L10.0537 11.15Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("mask", { id: "path-3-outside-1_20264_6770", maskUnits: "userSpaceOnUse", x: 2.80005, y: 5.2002, width: 6, height: 6, fill: "black" }, /* @__PURE__ */ React__namespace.createElement("rect", { fill: "white", x: 2.80005, y: 5.2002, width: 6, height: 6 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.89966 7.2002C5.89966 7.61441 6.23544 7.9502 6.64966 7.9502H7.04956C7.24291 7.9502 7.39966 8.10694 7.39966 8.30029C7.39966 8.49365 7.24291 8.65039 7.04956 8.65039H6.64966C6.23544 8.65039 5.89966 8.98618 5.89966 9.40039V10.1006C5.89966 10.2662 5.76543 10.4004 5.59985 10.4004C5.43428 10.4004 5.30005 10.2662 5.30005 10.1006V9.40039C5.30005 8.98618 4.96426 8.65039 4.55005 8.65039H4.15015C3.95679 8.65039 3.80005 8.49365 3.80005 8.30029C3.80005 8.10694 3.95679 7.9502 4.15015 7.9502H4.55005C4.96426 7.9502 5.30005 7.61441 5.30005 7.2002V6.5C5.30005 6.33442 5.43428 6.2002 5.59985 6.2002C5.76543 6.2002 5.89966 6.33442 5.89966 6.5V7.2002Z" })), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.89966 7.2002C5.89966 7.61441 6.23544 7.9502 6.64966 7.9502H7.04956C7.24291 7.9502 7.39966 8.10694 7.39966 8.30029C7.39966 8.49365 7.24291 8.65039 7.04956 8.65039H6.64966C6.23544 8.65039 5.89966 8.98618 5.89966 9.40039V10.1006C5.89966 10.2662 5.76543 10.4004 5.59985 10.4004C5.43428 10.4004 5.30005 10.2662 5.30005 10.1006V9.40039C5.30005 8.98618 4.96426 8.65039 4.55005 8.65039H4.15015C3.95679 8.65039 3.80005 8.49365 3.80005 8.30029C3.80005 8.10694 3.95679 7.9502 4.15015 7.9502H4.55005C4.96426 7.9502 5.30005 7.61441 5.30005 7.2002V6.5C5.30005 6.33442 5.43428 6.2002 5.59985 6.2002C5.76543 6.2002 5.89966 6.33442 5.89966 6.5V7.2002Z", fill: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.64966 7.9502V8.4502H7.04956V7.9502V7.4502H6.64966V7.9502ZM7.04956 8.65039V8.15039H6.64966V8.65039V9.15039H7.04956V8.65039ZM5.89966 9.40039H5.39966V10.1006H5.89966H6.39966V9.40039H5.89966ZM5.30005 10.1006H5.80005V9.40039H5.30005H4.80005V10.1006H5.30005ZM4.55005 8.65039V8.15039H4.15015V8.65039V9.15039H4.55005V8.65039ZM4.15015 7.9502V8.4502H4.55005V7.9502V7.4502H4.15015V7.9502ZM5.30005 7.2002H5.80005V6.5H5.30005H4.80005V7.2002H5.30005ZM5.89966 6.5H5.39966V7.2002H5.89966H6.39966V6.5H5.89966ZM5.59985 6.2002V6.7002C5.48929 6.7002 5.39966 6.61056 5.39966 6.5H5.89966H6.39966C6.39966 6.05828 6.04157 5.7002 5.59985 5.7002V6.2002ZM5.30005 6.5H5.80005C5.80005 6.61056 5.71042 6.7002 5.59985 6.7002V6.2002V5.7002C5.15813 5.7002 4.80005 6.05828 4.80005 6.5H5.30005ZM4.55005 7.9502V8.4502C5.2404 8.4502 5.80005 7.89055 5.80005 7.2002H5.30005H4.80005C4.80005 7.33827 4.68812 7.4502 4.55005 7.4502V7.9502ZM3.80005 8.30029H4.30005C4.30005 8.38308 4.23294 8.4502 4.15015 8.4502V7.9502V7.4502C3.68065 7.4502 3.30005 7.8308 3.30005 8.30029H3.80005ZM4.15015 8.65039V8.15039C4.23294 8.15039 4.30005 8.2175 4.30005 8.30029H3.80005H3.30005C3.30005 8.76979 3.68065 9.15039 4.15015 9.15039V8.65039ZM5.30005 9.40039H5.80005C5.80005 8.71003 5.2404 8.15039 4.55005 8.15039V8.65039V9.15039C4.68812 9.15039 4.80005 9.26232 4.80005 9.40039H5.30005ZM5.59985 10.4004V9.90039C5.71042 9.90039 5.80005 9.99002 5.80005 10.1006H5.30005H4.80005C4.80005 10.5423 5.15813 10.9004 5.59985 10.9004V10.4004ZM5.89966 10.1006H5.39966C5.39966 9.99002 5.48929 9.90039 5.59985 9.90039V10.4004V10.9004C6.04157 10.9004 6.39966 10.5423 6.39966 10.1006H5.89966ZM6.64966 8.65039V8.15039C5.9593 8.15039 5.39966 8.71003 5.39966 9.40039H5.89966H6.39966C6.39966 9.26232 6.51159 9.15039 6.64966 9.15039V8.65039ZM7.39966 8.30029H6.89966C6.89966 8.2175 6.96677 8.15039 7.04956 8.15039V8.65039V9.15039C7.51906 9.15039 7.89966 8.76979 7.89966 8.30029H7.39966ZM7.04956 7.9502V8.4502C6.96677 8.4502 6.89966 8.38308 6.89966 8.30029H7.39966H7.89966C7.89966 7.8308 7.51906 7.4502 7.04956 7.4502V7.9502ZM6.64966 7.9502V7.4502C6.51159 7.4502 6.39966 7.33827 6.39966 7.2002H5.89966H5.39966C5.39966 7.89055 5.9593 8.4502 6.64966 8.4502V7.9502Z", fill: "currentColor", mask: "url(#path-3-outside-1_20264_6770)" }));
1945
+ const SvgMaximizeLivetesting = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M16.418 0.900391C16.463 0.900408 16.5078 0.904749 16.5508 0.913086H16.5518C16.5655 0.915934 16.578 0.919968 16.5869 0.922852C16.5974 0.926251 16.6025 0.928007 16.6084 0.929688L16.6787 0.952148L16.6777 0.953125L16.7432 0.985352L16.7637 0.996094C16.772 1.00039 16.7831 1.00675 16.7949 1.01465C16.87 1.06446 16.9347 1.12881 16.9844 1.20312C16.9925 1.21517 16.9986 1.22697 17.0029 1.23535L17.0127 1.25488L17.0137 1.25586C17.0204 1.26803 17.0362 1.29485 17.0469 1.32031L17.0479 1.32129C17.0582 1.34671 17.0655 1.37669 17.0693 1.38965L17.0859 1.44824V1.44922C17.0942 1.49237 17.0996 1.53688 17.0996 1.58203V5.07227C17.0996 5.44854 16.7946 5.75475 16.418 5.75488C16.0416 5.75488 15.7363 5.44866 15.7363 5.07227V3.22656L11.6631 7.2998C11.5301 7.43308 11.3559 7.49993 11.1816 7.5C11.0508 7.5 10.9192 7.4628 10.8057 7.3877L10.6992 7.2998C10.4332 7.03353 10.4331 6.6021 10.6992 6.33594L14.7715 2.26367H12.9268C12.5505 2.26364 12.2452 1.95831 12.2451 1.58203C12.2451 1.20566 12.5504 0.900419 12.9268 0.900391H16.418Z", fill: "white", stroke: "white", strokeWidth: 0.2 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.33594 10.6995C6.60181 10.4333 7.03381 10.4335 7.2998 10.6995C7.56606 10.9657 7.56606 11.3971 7.2998 11.6633L3.22656 15.7366H5.07227C5.44866 15.7366 5.75488 16.0418 5.75488 16.4182C5.75475 16.7945 5.44857 17.0999 5.07227 17.0999H1.58203C1.53681 17.0999 1.49193 17.0949 1.44824 17.0862V17.0852C1.42485 17.0806 1.39347 17.0707 1.38965 17.0696C1.37703 17.0659 1.34651 17.0584 1.32129 17.0481L1.32031 17.0471C1.29496 17.0364 1.26737 17.0202 1.25586 17.0139V17.0129C1.24872 17.0093 1.22091 16.9966 1.20312 16.9846C1.16572 16.9597 1.13109 16.9312 1.09961 16.8997L1.01465 16.7961C1.00656 16.7841 1.00042 16.7724 0.996094 16.7639L0.986328 16.7444C0.979286 16.7317 0.963078 16.7051 0.952148 16.679V16.678C0.941952 16.653 0.934497 16.6238 0.930664 16.6106L0.913086 16.55L0.914062 16.5491C0.90563 16.5062 0.900408 16.4626 0.900391 16.4182V12.927C0.900419 12.5507 1.20533 12.2454 1.58203 12.2454C1.95863 12.2455 2.26364 12.5507 2.26367 12.927V14.7717L6.33594 10.6995Z", fill: "white", stroke: "white", strokeWidth: 0.2 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.07227 0.900391C5.44866 0.900391 5.75488 1.20564 5.75488 1.58203C5.75477 1.95833 5.44859 2.26367 5.07227 2.26367H3.22754L7.2998 6.33594C7.56593 6.6022 7.56602 7.03359 7.2998 7.2998C7.1667 7.43257 6.99228 7.4989 6.81836 7.49902C6.64404 7.49902 6.46894 7.43281 6.33594 7.2998L2.26367 3.22754V5.07227C2.26367 5.44855 1.95865 5.75477 1.58203 5.75488C1.20532 5.75488 0.900391 5.44863 0.900391 5.07227V1.58203C0.900391 1.5371 0.905435 1.49264 0.914062 1.44922C0.918491 1.42575 0.929166 1.3946 0.930664 1.38965L0.952148 1.32129V1.32031C0.96291 1.29466 0.979683 1.26797 0.986328 1.25586V1.25488C0.989195 1.24976 0.990971 1.24535 0.996094 1.23535C1.00039 1.22696 1.00649 1.21525 1.01465 1.20312C1.03947 1.16593 1.06801 1.13123 1.09961 1.09961L1.2041 1.01465C1.22329 1.00182 1.25315 0.987348 1.25684 0.985352L1.25781 0.984375C1.26587 0.980073 1.29557 0.963447 1.32031 0.953125C1.34656 0.942156 1.37716 0.933567 1.39062 0.929688H1.3916C1.39739 0.928029 1.40179 0.926199 1.41211 0.922852C1.42101 0.919966 1.43338 0.91597 1.44727 0.913086H1.44922C1.49235 0.904811 1.53692 0.900391 1.58203 0.900391H5.07227Z", fill: "white", stroke: "white", strokeWidth: 0.2 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.6992 10.6995C10.9655 10.4332 11.3978 10.4332 11.6641 10.6995L15.7363 14.7717V12.927C15.7365 12.5508 16.0417 12.2454 16.418 12.2454C16.7946 12.2454 17.0994 12.5508 17.0996 12.927V16.4182C17.0996 16.4634 17.0952 16.5079 17.0869 16.551V16.552L17.0693 16.6106L17.0479 16.679C17.0368 16.7053 17.0206 16.7328 17.0137 16.7454C17.0108 16.7506 17.0088 16.7543 17.0039 16.7639C16.9996 16.7723 16.9923 16.7833 16.9844 16.7952L16.9854 16.7961C16.9356 16.8707 16.8712 16.9357 16.7959 16.9856C16.7767 16.9984 16.7471 17.0128 16.7432 17.0149L16.7422 17.0139C16.7302 17.0206 16.7043 17.0376 16.6797 17.0481H16.6787C16.6532 17.0585 16.6217 17.065 16.6094 17.0686L16.6104 17.0696C16.6065 17.0707 16.5743 17.0827 16.5508 17.0872L16.5498 17.0862C16.5066 17.0947 16.4626 17.0999 16.418 17.0999H12.9268C12.5505 17.0997 12.2451 16.7945 12.2451 16.4182C12.2451 16.042 12.5505 15.7368 12.9268 15.7366H14.7715L10.6992 11.6643C10.433 11.3981 10.433 10.9657 10.6992 10.6995Z", fill: "white", stroke: "white", strokeWidth: 0.2 }));
1946
1946
 
1947
- const SvgElementSlider = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, rx: 8, fill: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.99994 2C4.68623 2 1.99994 4.68627 1.99994 8C1.99994 11.3137 4.68623 14 7.99994 14C11.3136 14 13.9999 11.3137 13.9999 8C13.9999 4.68627 11.3136 2 7.99994 2Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.05737 4.3999C9.1964 4.3999 9.30911 4.50735 9.30911 4.6399V5.2399H9.58604C9.8067 5.2399 10.0133 5.24651 10.2027 5.27201C10.6976 5.32459 11.0802 5.47008 11.3176 5.81369C11.5406 6.13661 11.6 6.58969 11.6 7.1599V8.8399C11.6 9.41011 11.5406 9.8632 11.3176 10.1861C11.0802 10.5297 10.6976 10.6752 10.2027 10.7278C10.0133 10.7533 9.8067 10.7599 9.58604 10.7599H9.30911V11.3599C9.30911 11.4925 9.1964 11.5999 9.05737 11.5999C8.91833 11.5999 8.80562 11.4925 8.80562 11.3599V4.6399C8.80562 4.50735 8.91833 4.3999 9.05737 4.3999ZM9.30911 10.2799H9.58604C9.80085 10.2799 9.98062 10.2732 10.1355 10.2521L10.1435 10.2511C10.5736 10.2059 10.7782 10.0942 10.897 9.92213C11.0308 9.72845 11.0965 9.40537 11.0965 8.8399V7.1599C11.0965 6.59443 11.0308 6.27136 10.897 6.07768C10.7782 5.9056 10.5736 5.79391 10.1435 5.7487L10.1355 5.74773C9.98062 5.72663 9.80085 5.7199 9.58604 5.7199H9.30911V10.2799ZM6.41401 5.7199C6.1992 5.7199 6.01945 5.72663 5.86456 5.74773L5.85655 5.7487C5.42643 5.79391 5.22188 5.9056 5.10301 6.07768C4.96923 6.27136 4.90352 6.59443 4.90352 7.1599V8.8399C4.90352 9.40537 4.96923 9.72845 5.10301 9.92212C5.22188 10.0942 5.42643 10.2059 5.85655 10.2511L5.86456 10.2521C6.01945 10.2732 6.1992 10.2799 6.41401 10.2799H7.65463C7.79367 10.2799 7.90638 10.3874 7.90638 10.5199C7.90638 10.6525 7.79367 10.7599 7.65463 10.7599H6.41401C6.19335 10.7599 5.98678 10.7533 5.79737 10.7278C5.30248 10.6752 4.91986 10.5297 4.68251 10.1861C4.45944 9.8632 4.40002 9.41011 4.40002 8.8399V7.1599C4.40002 6.58969 4.45944 6.13661 4.68251 5.81368C4.91986 5.47008 5.30249 5.32459 5.79738 5.27201C5.98679 5.24651 6.19335 5.2399 6.41401 5.2399H7.63349C7.77252 5.2399 7.88523 5.34735 7.88523 5.4799C7.88523 5.61245 7.77252 5.7199 7.63349 5.7199H6.41401Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.51232 7.20682V7.71802H7.37707V8.19322H6.51232V8.74762H7.49036V9.24082H5.86658V6.71362H7.49036V7.20682H6.51232Z", fill: "white" }));
1947
+ const SvgMacWhiteIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.90345 4.81948C7.79923 4.81948 8.58506 4.4701 9.26091 3.77134C9.93677 3.07257 10.2747 2.26003 10.2747 1.33372C10.2747 1.23198 10.2667 1.08741 10.2506 0.9C10.1326 0.916063 10.0441 0.92945 9.98506 0.940159C9.15901 1.05796 8.43218 1.46222 7.80459 2.15294C7.17701 2.84368 6.86323 3.5826 6.86323 4.36972C6.86323 4.46073 6.87663 4.61067 6.90345 4.81948ZM10.1138 17.1C10.7521 17.1 11.4575 16.6636 12.2299 15.7908C13.0023 14.918 13.5923 13.8927 14 12.7147C12.482 11.9329 11.723 10.8112 11.723 9.34937C11.723 8.12856 12.3372 7.08444 13.5655 6.21701C12.7126 5.15146 11.5862 4.61868 10.1862 4.61868C9.59616 4.61868 9.0571 4.70703 8.56897 4.88373L8.26323 4.99618L7.85287 5.15681C7.58467 5.25855 7.34061 5.30943 7.12069 5.30943C6.94904 5.30943 6.72374 5.25052 6.44483 5.13272L6.13103 5.00421L5.83334 4.88373C5.39884 4.70168 4.93218 4.61065 4.43334 4.61065C3.0977 4.61065 2.02491 5.06043 1.21494 5.95999C0.404976 6.85954 0 8.04556 0 9.51804C0 11.5902 0.649037 13.5045 1.94713 15.2607C2.84828 16.4869 3.67165 17.1 4.41724 17.1C4.73372 17.1 5.04751 17.0384 5.35862 16.9153L5.75287 16.7546L6.06668 16.6422C6.50652 16.4869 6.91149 16.4093 7.2816 16.4093C7.67318 16.4093 8.12376 16.5083 8.63334 16.7064L8.88276 16.8028C9.40305 17.0009 9.81342 17.1 10.1138 17.1Z", fill: "white" }));
1948
1948
 
1949
1949
  const SvgAzureIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 36 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.6227 0L9.30269 8.97083L0.499817 24.8156H8.43836L19.6227 0ZM20.9952 2.09862L16.5914 14.5423L25.0344 25.1781L8.65282 28H35.4998L20.9952 2.09862Z", fill: "#0072C6" }));
1950
1950
 
@@ -1952,6 +1952,8 @@ const SvgOktaIcon = (props) => /* @__PURE__ */ React__namespace.createElement("s
1952
1952
 
1953
1953
  const SvgGenerateCommand = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.9999 9.3335H10.6666V6.66683H11.9999C13.4726 6.66683 14.6666 5.47283 14.6666 4.00016C14.6666 2.5275 13.4726 1.3335 11.9999 1.3335C10.5271 1.3335 9.33325 2.5275 9.33325 4.00016V5.3335H6.66658V4.00016C6.66658 2.5275 5.47259 1.3335 3.99992 1.3335C2.52725 1.3335 1.33325 2.5275 1.33325 4.00016C1.33325 5.47283 2.52725 6.66683 3.99992 6.66683H5.33325V9.3335H3.99992C2.52725 9.3335 1.33325 10.5275 1.33325 12.0002C1.33325 13.4728 2.52725 14.6668 3.99992 14.6668C5.47275 14.6668 6.66658 13.4728 6.66658 12.0002V10.6668H9.33325V11.9968L9.33309 12.0002C9.33309 13.4728 10.5271 14.6668 11.9998 14.6668C13.4724 14.6668 14.6664 13.4728 14.6664 12.0002C14.6664 10.5275 13.4726 9.33383 11.9999 9.3335ZM11.9999 2.66683C12.3535 2.66683 12.6927 2.80731 12.9427 3.05735C13.1928 3.3074 13.3333 3.64654 13.3333 4.00016C13.3333 4.35378 13.1928 4.69292 12.9427 4.94297C12.6927 5.19302 12.3535 5.3335 11.9999 5.3335H10.6666V4.00016C10.6666 3.64654 10.8071 3.3074 11.0571 3.05735C11.3072 2.80731 11.6463 2.66683 11.9999 2.66683ZM2.66659 4.00016C2.66659 3.64654 2.80706 3.3074 3.05711 3.05735C3.30716 2.80731 3.6463 2.66683 3.99992 2.66683C4.35354 2.66683 4.69268 2.80731 4.94273 3.05735C5.19278 3.3074 5.33325 3.64654 5.33325 4.00016V5.3335H3.99992C3.26359 5.3335 2.66659 4.73633 2.66659 4.00016ZM3.99992 13.3335C3.6463 13.3335 3.30716 13.193 3.05711 12.943C2.80706 12.6929 2.66659 12.3538 2.66659 12.0002C2.66659 11.6465 2.80706 11.3074 3.05711 11.0574C3.30716 10.8073 3.6463 10.6668 3.99992 10.6668H5.33325V12.0002C5.33325 12.3538 5.19278 12.6929 4.94273 12.943C4.69268 13.193 4.35354 13.3335 3.99992 13.3335ZM6.66658 9.3335V6.66683H9.33325V9.3335H6.66658ZM11.9999 13.3335C11.6463 13.3335 11.3072 13.193 11.0571 12.943C10.8071 12.6929 10.6666 12.3538 10.6666 12.0002V10.6668H11.9998C12.3534 10.6668 12.6925 10.8073 12.9426 11.0573C13.1926 11.3073 13.3331 11.6465 13.3332 12.0001C13.3332 12.3537 13.1927 12.6928 12.9427 12.9429C12.6927 13.193 12.3535 13.3335 11.9999 13.3335Z", fill: "#301349" }));
1954
1954
 
1955
+ const SvgWindowsBlueIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M16 15L8 14V8H16V15ZM7 8V13.875L0 13V8H7ZM7 7H0V2L7 1.125V7ZM16 7H8V1L16 0V7Z", fill: "#00BCD4" }));
1956
+
1955
1957
  const SvgCopyIconFilled = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 25 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_2166_3137)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.303711 4.54669C0.303711 2.33755 2.09457 0.546692 4.30371 0.546692H20.0762C22.2853 0.546692 24.0762 2.33755 24.0762 4.54669V18.3067C24.0762 20.5158 22.2853 22.3067 20.0762 22.3067H4.30371C2.09458 22.3067 0.303711 20.5158 0.303711 18.3067V4.54669Z", fill: "#F7ECF8" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7828 5.69026C10.43 6.04306 10.1876 6.67337 10.1876 7.86153V7.88218H11.6534C12.9943 7.88218 14.1343 8.14561 14.9195 8.93087C15.7048 9.71613 15.9682 10.8561 15.9682 12.197V13.6628H15.9889C17.177 13.6628 17.8073 13.4204 18.1601 13.0676C18.5129 12.7148 18.7553 12.0845 18.7553 10.8964V7.86153C18.7553 6.67337 18.5129 6.04306 18.1601 5.69026C17.8073 5.33745 17.177 5.09508 15.9889 5.09508H12.954C11.7659 5.09508 11.1356 5.33745 10.7828 5.69026ZM15.9682 15.2112H15.9889C17.3297 15.2112 18.4698 14.9478 19.255 14.1625C20.0403 13.3773 20.3037 12.2372 20.3037 10.8964V7.86153C20.3037 6.52066 20.0403 5.38064 19.255 4.59538C18.4698 3.81013 17.3297 3.54669 15.9889 3.54669H12.954C11.6132 3.54669 10.4731 3.81013 9.68789 4.59538C8.90263 5.38064 8.63919 6.52066 8.63919 7.86153V7.88218H8.61855C7.27768 7.88218 6.13766 8.14561 5.3524 8.93087C4.56714 9.71613 4.30371 10.8561 4.30371 12.197V15.2319C4.30371 16.5727 4.56714 17.7127 5.3524 18.498C6.13766 19.2833 7.27768 19.5467 8.61855 19.5467H11.6534C12.9943 19.5467 14.1343 19.2833 14.9195 18.498C15.7048 17.7127 15.9682 16.5727 15.9682 15.2319V15.2112ZM14.4198 12.197C14.4198 11.0089 14.1775 10.3785 13.8247 10.0257C13.4719 9.67294 12.8415 9.43056 11.6534 9.43056H8.61855C7.43039 9.43056 6.80008 9.67294 6.44728 10.0257C6.09447 10.3785 5.8521 11.0089 5.8521 12.197V15.2319C5.8521 16.42 6.09447 17.0503 6.44728 17.4031C6.80008 17.7559 7.43039 17.9983 8.61855 17.9983H11.6534C12.8415 17.9983 13.4719 17.7559 13.8247 17.4031C14.1775 17.0503 14.4198 16.42 14.4198 15.2319V12.197Z", fill: "#71347B" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_2166_3137" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.303711 4.54669C0.303711 2.33755 2.09457 0.546692 4.30371 0.546692H20.0762C22.2853 0.546692 24.0762 2.33755 24.0762 4.54669V18.3067C24.0762 20.5158 22.2853 22.3067 20.0762 22.3067H4.30371C2.09458 22.3067 0.303711 20.5158 0.303711 18.3067V4.54669Z", fill: "white" }))));
1956
1958
 
1957
1959
  const SvgGenerateCommandLogo = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 7C0 3.13401 3.13401 0 7 0H17C20.866 0 24 3.13401 24 7V17C24 20.866 20.866 24 17 24H7C3.13401 24 0 20.866 0 17V7Z", fill: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.78395 5.78395C6.71109 4.8568 8.10069 4.5 9.9 4.5H14.1C15.8993 4.5 17.2889 4.8568 18.2161 5.78395C19.1432 6.71109 19.5 8.10069 19.5 9.9V14.1C19.5 15.8993 19.1432 17.2889 18.2161 18.2161C17.2889 19.1432 15.8993 19.5 14.1 19.5H9.9C8.10069 19.5 6.71109 19.1432 5.78395 18.2161C4.8568 17.2889 4.5 15.8993 4.5 14.1V9.9C4.5 8.10069 4.8568 6.71109 5.78395 5.78395ZM6.49105 6.49105C5.8432 7.13891 5.5 8.19931 5.5 9.9V14.1C5.5 15.8007 5.8432 16.8611 6.49105 17.5089C7.13891 18.1568 8.19931 18.5 9.9 18.5H14.1C15.8007 18.5 16.8611 18.1568 17.5089 17.5089C18.1568 16.8611 18.5 15.8007 18.5 14.1V9.9C18.5 8.19931 18.1568 7.13891 17.5089 6.49105C16.8611 5.8432 15.8007 5.5 14.1 5.5H9.9C8.19931 5.5 7.13891 5.8432 6.49105 6.49105Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.6367 12.0586V14.2734C11.5534 14.3802 11.4219 14.4961 11.2422 14.6211C11.0651 14.7461 10.8333 14.8542 10.5469 14.9453C10.2604 15.0339 9.90885 15.0781 9.49219 15.0781C9.13021 15.0781 8.79948 15.0182 8.5 14.8984C8.20052 14.776 7.94271 14.5977 7.72656 14.3633C7.51042 14.1289 7.34375 13.8424 7.22656 13.5039C7.10938 13.1654 7.05078 12.7786 7.05078 12.3438V11.9688C7.05078 11.5339 7.10547 11.1471 7.21484 10.8086C7.32682 10.4701 7.48568 10.1836 7.69141 9.94922C7.89974 9.71484 8.14844 9.53646 8.4375 9.41406C8.72917 9.29167 9.05469 9.23047 9.41406 9.23047C9.89583 9.23047 10.2917 9.3099 10.6016 9.46875C10.9141 9.6276 11.1536 9.84635 11.3203 10.125C11.487 10.401 11.5911 10.7188 11.6328 11.0781H10.5859C10.5573 10.8802 10.5 10.707 10.4141 10.5586C10.3281 10.4076 10.2057 10.2904 10.0469 10.207C9.89062 10.1211 9.6875 10.0781 9.4375 10.0781C9.22656 10.0781 9.04036 10.1198 8.87891 10.2031C8.71745 10.2865 8.58203 10.4076 8.47266 10.5664C8.36328 10.7253 8.27995 10.9219 8.22266 11.1562C8.16797 11.3906 8.14062 11.6589 8.14062 11.9609V12.3438C8.14062 12.6484 8.17188 12.9193 8.23438 13.1562C8.29688 13.3906 8.38672 13.5885 8.50391 13.75C8.6237 13.9089 8.77083 14.0299 8.94531 14.1133C9.1224 14.194 9.32292 14.2344 9.54688 14.2344C9.75 14.2344 9.91797 14.2174 10.0508 14.1836C10.1862 14.1471 10.2943 14.1042 10.375 14.0547C10.4557 14.0052 10.5182 13.957 10.5625 13.9102V12.8438H9.43359V12.0586H11.6367ZM15.9805 13.1289H17.0547C17.026 13.5091 16.9206 13.8464 16.7383 14.1406C16.556 14.4323 16.3021 14.6615 15.9766 14.8281C15.651 14.9948 15.2565 15.0781 14.793 15.0781C14.4362 15.0781 14.1146 15.0156 13.8281 14.8906C13.5443 14.763 13.3008 14.582 13.0977 14.3477C12.8971 14.1107 12.7435 13.8268 12.6367 13.4961C12.5299 13.1628 12.4766 12.7891 12.4766 12.375V11.9414C12.4766 11.5273 12.5312 11.1536 12.6406 10.8203C12.75 10.487 12.9062 10.2031 13.1094 9.96875C13.3151 9.73177 13.5612 9.54948 13.8477 9.42188C14.1367 9.29427 14.4596 9.23047 14.8164 9.23047C15.2799 9.23047 15.6719 9.31641 15.9922 9.48828C16.3125 9.65755 16.5612 9.89062 16.7383 10.1875C16.9154 10.4844 17.0221 10.8255 17.0586 11.2109H15.9844C15.9635 10.9714 15.9115 10.7682 15.8281 10.6016C15.7474 10.4349 15.625 10.3086 15.4609 10.2227C15.2995 10.1341 15.0846 10.0898 14.8164 10.0898C14.6081 10.0898 14.4245 10.1289 14.2656 10.207C14.1094 10.2852 13.9792 10.4023 13.875 10.5586C13.7708 10.7122 13.6927 10.9049 13.6406 11.1367C13.5885 11.3659 13.5625 11.6315 13.5625 11.9336V12.375C13.5625 12.6641 13.5859 12.9232 13.6328 13.1523C13.6797 13.3815 13.7526 13.5755 13.8516 13.7344C13.9505 13.8932 14.0781 14.0143 14.2344 14.0977C14.3906 14.181 14.5768 14.2227 14.793 14.2227C15.056 14.2227 15.2695 14.181 15.4336 14.0977C15.6003 14.0143 15.7266 13.8919 15.8125 13.7305C15.901 13.569 15.957 13.3685 15.9805 13.1289Z", fill: "#71347B" }));
@@ -2449,9 +2451,9 @@ Components['huawei_icon'] = SvgHuaweiIcon;
2449
2451
  Components['amazon_icon'] = SvgAmazonIcon;
2450
2452
  Components['scripts'] = SvgScripts;
2451
2453
  Components['dialog_info'] = SvgDialogInfo;
2452
- Components['record'] = SvgRecord;
2453
- Components['add_element'] = SvgAddElement;
2454
- Components['element_slider'] = SvgElementSlider;
2454
+ Components['timer_icon'] = SvgTimerIcon;
2455
+ Components['maximize_livetesting'] = SvgMaximizeLivetesting;
2456
+ Components['mac_white_icon'] = SvgMacWhiteIcon;
2455
2457
  Components['ADB_Shell'] = SvgAdbShell; // Newly Added icon
2456
2458
  Components['UI_Inspector'] = SvgUiInspector; // Newly Added icon
2457
2459
  Components['azure_icon'] = SvgAzureIcon; // Newly Added icon
@@ -2472,6 +2474,7 @@ Components['motorola_icon'] = SvgMotorolaIcon; // Newly Added icon
2472
2474
  Components['oppo_icon'] = SvgOppoIcon; // Newly Added icon
2473
2475
  Components['realme_icon'] = SvgRealmeIcon; // Newly Added icon
2474
2476
  Components['vivo_icon'] = SvgVivoIcon; // Newly Added icon
2477
+ Components['windows_blue_icon'] = SvgWindowsBlueIcon;
2475
2478
 
2476
2479
  const Icon = /*#__PURE__*/React.forwardRef(({
2477
2480
  name,
@@ -31832,27 +31835,52 @@ const AllProjectsDropdown = ({
31832
31835
  disabled = false
31833
31836
  }) => {
31834
31837
  const [showOptions, setShowOptions] = React.useState(false);
31838
+ const [showClicked, setShowClicked] = React.useState(false);
31835
31839
  const [selectedOptions, setSelectedOptions] = React.useState(selectedOption);
31836
31840
  const optionsRef = React.useRef(null);
31837
31841
  const [optionsList, setOptionsList] = React.useState(options);
31838
31842
  const [closeTimeout, setCloseTimeout] = React.useState(null);
31843
+ const containerRef = React.useRef(null);
31844
+ const [isSecondClickFromOtherTab, setIsSecondClickFromOtherTab] = React.useState(selected);
31839
31845
  React.useEffect(() => {
31840
31846
  if (optionsList !== options) {
31841
31847
  setOptionsList(options);
31842
31848
  }
31843
31849
  }, [options]);
31850
+ React.useEffect(() => {
31851
+ if (!selected) {
31852
+ setIsSecondClickFromOtherTab(false);
31853
+ }
31854
+ }, [selected]);
31844
31855
  React.useEffect(() => {
31845
31856
  if (selectedOption) {
31846
31857
  setSelectedOptions(selectedOption);
31847
31858
  }
31848
31859
  }, [selectedOption]);
31849
31860
  const closeOptions = () => {
31850
- setShowOptions(false);
31861
+ if (showOptions) {
31862
+ setShowOptions(false);
31863
+ }
31851
31864
  setSearchValue('');
31852
31865
  setOptionsList(options);
31853
31866
  };
31854
31867
  const handleMouseEnter = () => {
31855
- if (!disabled) setShowOptions(true);
31868
+ if (!disabled && !showOptions && isSecondClickFromOtherTab) {
31869
+ setShowOptions(true);
31870
+ }
31871
+ if (!disabled && !selected) {
31872
+ setShowOptions(true);
31873
+ }
31874
+ };
31875
+ const handleClick = () => {
31876
+ if (!disabled) {
31877
+ setShowOptions(false);
31878
+ if (!isSecondClickFromOtherTab) {
31879
+ setIsSecondClickFromOtherTab(true);
31880
+ } else {
31881
+ setShowClicked(!showClicked);
31882
+ }
31883
+ }
31856
31884
  };
31857
31885
  const handleMouseLeave = () => {
31858
31886
  if (!disabled) {
@@ -31895,11 +31923,13 @@ const AllProjectsDropdown = ({
31895
31923
  }
31896
31924
  }
31897
31925
  };
31898
- useClickOutside(optionsRef, closeOptions);
31926
+ useClickOutside(optionsRef, () => setShowClicked(false), [containerRef]);
31899
31927
  return jsxRuntime.jsxs("div", {
31900
31928
  className: classNames('ff-all-project', {
31901
31929
  'ff-all-project--disabled': disabled
31902
31930
  }),
31931
+ ref: containerRef,
31932
+ onClick: handleClick,
31903
31933
  onMouseEnter: handleMouseEnter,
31904
31934
  onMouseLeave: handleMouseLeave,
31905
31935
  children: [jsxRuntime.jsx("div", {
@@ -31920,7 +31950,7 @@ const AllProjectsDropdown = ({
31920
31950
  }), jsxRuntime.jsx("div", {
31921
31951
  className: classNames('label-icon'),
31922
31952
  children: jsxRuntime.jsx(Icon, {
31923
- name: showOptions ? 'arrows_top_icon' : 'arrows_down_icon',
31953
+ name: showOptions || showClicked ? 'arrows_top_icon' : 'arrows_down_icon',
31924
31954
  color: disabled ? 'var(--disabled-icon-color)' : 'var(--primary-icon-color)',
31925
31955
  height: 8,
31926
31956
  width: 8,
@@ -31928,7 +31958,7 @@ const AllProjectsDropdown = ({
31928
31958
  })
31929
31959
  })]
31930
31960
  })
31931
- }), showOptions && !disabled && jsxRuntime.jsxs("div", {
31961
+ }), (showOptions || showClicked) && !disabled && jsxRuntime.jsxs("div", {
31932
31962
  className: classNames('ff-projects-dropdown'),
31933
31963
  ref: optionsRef,
31934
31964
  onMouseEnter: dropDownMouseEnter,
@@ -31948,7 +31978,10 @@ const AllProjectsDropdown = ({
31948
31978
  }), jsxRuntime.jsx("div", {
31949
31979
  className: classNames('option-card'),
31950
31980
  children: optionsList.map((option, index) => index === 0 && jsxRuntime.jsxs("div", {
31951
- onClick: () => handleSelectOption(option),
31981
+ onClick: e => {
31982
+ e.stopPropagation();
31983
+ handleSelectOption(option);
31984
+ },
31952
31985
  className: classNames('ff-projects-options', {
31953
31986
  ['ff-selected-option']: selectedOption.label === option.label,
31954
31987
  ['ff-option-disabled']: disabled
@@ -31975,7 +32008,10 @@ const AllProjectsDropdown = ({
31975
32008
  }), jsxRuntime.jsx("div", {
31976
32009
  className: classNames('option-card', `${optionsList.length > 4 ? 'scroll' : ''}`),
31977
32010
  children: optionsList.map((option, index) => index > 0 && jsxRuntime.jsxs("div", {
31978
- onClick: () => handleSelectOption(option),
32011
+ onClick: e => {
32012
+ e.stopPropagation();
32013
+ handleSelectOption(option);
32014
+ },
31979
32015
  className: classNames('ff-projects-options', {
31980
32016
  ['ff-selected-option']: selectedOption.label === option.label,
31981
32017
  ['ff-option-disabled']: disabled
@@ -32355,7 +32391,9 @@ const AppHeader = ({
32355
32391
  disabled = false,
32356
32392
  isClient = false,
32357
32393
  hideNavbar = false,
32358
- scriptId
32394
+ scriptId,
32395
+ centerInfoItems = [],
32396
+ rightButtons = []
32359
32397
  }) => {
32360
32398
  const hiddenMenuRef = React.useRef(null);
32361
32399
  const hiddenQuickMenuRef = React.useRef(null);
@@ -32508,7 +32546,9 @@ const AppHeader = ({
32508
32546
  children: leftContent
32509
32547
  })]
32510
32548
  }), jsxRuntime.jsxs("div", {
32511
- className: "ff-app-header-nav-bar",
32549
+ className: classNames('ff-app-header-nav-bar', {
32550
+ 'ff-app-header-nav-bar--with-center-info': !checkEmpty(centerInfoItems) && !checkEmpty(rightButtons)
32551
+ }),
32512
32552
  style: {
32513
32553
  width: width,
32514
32554
  visibility: checkEmpty(appHeaderMenuItems) && projectDetails?.id === 'All Projects' || hideNavbar ? 'hidden' : 'visible',
@@ -32516,7 +32556,33 @@ const AppHeader = ({
32516
32556
  zIndex: 1
32517
32557
  },
32518
32558
  ref: menuContainerRef,
32519
- children: [projectArrayList && !checkEmpty(projectArrayList) && jsxRuntime.jsx("div", {
32559
+ children: [!checkEmpty(centerInfoItems) && jsxRuntime.jsx("div", {
32560
+ className: "ff-app-header-center-info",
32561
+ children: centerInfoItems.map((item, idx) => jsxRuntime.jsxs("div", {
32562
+ className: "ff-app-header-center-info-item",
32563
+ children: [jsxRuntime.jsx(Icon, {
32564
+ name: item.iconName
32565
+ }), jsxRuntime.jsx(Typography, {
32566
+ children: item.label
32567
+ })]
32568
+ }, idx))
32569
+ }), !checkEmpty(rightButtons) && jsxRuntime.jsx("div", {
32570
+ className: "ff-app-header-right-buttons",
32571
+ children: rightButtons.map((btn, index) => jsxRuntime.jsxs("button", {
32572
+ className: "ff-app-header-right-button",
32573
+ style: {
32574
+ color: btn.color,
32575
+ backgroundColor: btn.backgroundColor
32576
+ },
32577
+ children: [btn.iconName && jsxRuntime.jsx(Icon, {
32578
+ name: btn.iconName
32579
+ }), jsxRuntime.jsx(Typography, {
32580
+ fontSize: 10,
32581
+ fontWeight: "semi-bold",
32582
+ children: btn.label
32583
+ })]
32584
+ }, index))
32585
+ }), projectArrayList && !checkEmpty(projectArrayList) && jsxRuntime.jsx("div", {
32520
32586
  children: jsxRuntime.jsx(AllProjectsDropdown, {
32521
32587
  onClick: handleProjectMenuClick,
32522
32588
  options: projectArrayList,
@@ -49031,7 +49097,7 @@ const VariableDropdown = ({
49031
49097
  dropdownPosition,
49032
49098
  position = 'relative',
49033
49099
  width,
49034
- height = '100px',
49100
+ height = '160px',
49035
49101
  zIndex = 9999
49036
49102
  }) => {
49037
49103
  const VARIABLE_ICON_MAP = {
@@ -49061,12 +49127,12 @@ const VariableDropdown = ({
49061
49127
  return 212;
49062
49128
  }
49063
49129
  // Calculate item height based on width type
49064
- const itemHeight = width.endsWith('px') ? 40 : 32;
49130
+ const itemHeight = 32;
49065
49131
  const renderItem = index => {
49066
49132
  const option = optionsList[index];
49067
49133
  if (!option) return null;
49068
49134
  return jsxRuntime.jsx("div", {
49069
- className: width.endsWith('px') ? 'ff-variable-option' : 'ff-variable-data',
49135
+ className: 'ff-variable-data',
49070
49136
  onMouseDown: () => onSelectVariable(option),
49071
49137
  children: width.endsWith('px') ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
49072
49138
  children: [jsxRuntime.jsx(Tooltip, {
@@ -49082,8 +49148,8 @@ const VariableDropdown = ({
49082
49148
  })
49083
49149
  }), jsxRuntime.jsx(Icon, {
49084
49150
  name: getVariableIcon(option),
49085
- height: 16,
49086
- width: 16,
49151
+ height: 24,
49152
+ width: 24,
49087
49153
  hoverEffect: true
49088
49154
  })]
49089
49155
  }) : jsxRuntime.jsx(DynamicWidthTooltip, {
@@ -49108,8 +49174,8 @@ const VariableDropdown = ({
49108
49174
  totalCount: optionsList.length,
49109
49175
  itemContent: renderItem,
49110
49176
  style: {
49111
- height: '100%',
49112
- fontSize: "12px"
49177
+ height,
49178
+ fontSize: '12px'
49113
49179
  },
49114
49180
  overscan: 10,
49115
49181
  fixedItemHeight: itemHeight
@@ -49781,7 +49847,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
49781
49847
  handleClearInput,
49782
49848
  value = '',
49783
49849
  dropdownWidth = '100%',
49784
- dropdownHeight = '150px',
49850
+ dropdownHeight = '160px',
49785
49851
  isHash = false,
49786
49852
  isOnlyHash = false,
49787
49853
  dataFiles = [],
@@ -64685,6 +64751,7 @@ var jsExports = requireJs();
64685
64751
  const Editor = /*#__PURE__*/React.forwardRef(({
64686
64752
  width = '100%',
64687
64753
  height = '100%',
64754
+ VariableDropdownHeight = '160px',
64688
64755
  readOnly = false,
64689
64756
  value = '',
64690
64757
  handleChange,
@@ -64695,7 +64762,8 @@ const Editor = /*#__PURE__*/React.forwardRef(({
64695
64762
  isRequisiteType = false,
64696
64763
  onPaste,
64697
64764
  showVariableDropdown = true,
64698
- defaultValue
64765
+ defaultValue,
64766
+ customOptions = {}
64699
64767
  }, ref) => {
64700
64768
  const editorRef = React.useRef(null);
64701
64769
  const decorationsRef = React.useRef([]);
@@ -65012,7 +65080,8 @@ const Editor = /*#__PURE__*/React.forwardRef(({
65012
65080
  wordWrap: 'on',
65013
65081
  autoClosingBrackets: 'always',
65014
65082
  scrollBeyondLastLine: false,
65015
- readOnly
65083
+ readOnly,
65084
+ ...customOptions
65016
65085
  },
65017
65086
  onMount: handleEditorDidMount,
65018
65087
  onChange: (newValue, event) => handleChange(newValue, event),
@@ -65020,7 +65089,7 @@ const Editor = /*#__PURE__*/React.forwardRef(({
65020
65089
  }), showDropdown && dropdownPosition && showVariableDropdown && jsxRuntime.jsx(VariableDropdown, {
65021
65090
  position: "absolute",
65022
65091
  width: "300px",
65023
- height: "210px",
65092
+ height: VariableDropdownHeight,
65024
65093
  optionsList: filteredVariableOptions,
65025
65094
  onSelectVariable: handleSelectVariable,
65026
65095
  dropdownPosition: dropdownPosition
@@ -67770,7 +67839,7 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
67770
67839
  onFocus,
67771
67840
  onBlur,
67772
67841
  readOnly = false,
67773
- height = '165px',
67842
+ height = '160px',
67774
67843
  ...props
67775
67844
  }, ref) => {
67776
67845
  const [showDropdown, setShowDropdown] = React.useState(false);