@ynput/ayon-frontend-shared 0.3.19 → 0.3.22

package/dist/shared/src/components/EnumEditor/EnumEditorItem.es.js

@@ -1,132 +1,177 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as a, useEffect as m } from "react";
-import { kebabCase as h } from "lodash";
-import { EnumItemBody as I, Row as o, Label as u, InputText as y, PlaceholderWrapper as N, Placeholder as S, IconSelect as L, Button as d, ColorPicker as T, ActionWrapper as R } from "./EnumEditor.styled.es.js";
-const V = ({
-  item: t,
-  onChange: l,
-  onRemove: A,
-  onDuplicate: E,
-  showRemoveButton: j = !0,
-  showDuplicateButton: f = !0,
-  autoFocus: i = !1,
-  isExpanded: x = !0
+import { j as l } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as d, useEffect as g } from "react";
+import { kebabCase as f } from "lodash";
+import { EnumItemBody as L, Row as n, Label as j, InputText as E, PlaceholderWrapper as R, Placeholder as T, IconSelect as W, Button as p, ColorPicker as _, ActionWrapper as A } from "./EnumEditor.styled.es.js";
+import s from "clsx";
+const J = ({
+  item: i,
+  onChange: c,
+  onCommit: a,
+  onRemove: P,
+  onDuplicate: I,
+  showRemoveButton: k = !0,
+  showDuplicateButton: y = !0,
+  autoFocus: t = !1,
+  isExpanded: v = !0,
+  className: S,
+  pt: r,
+  ...B
 }) => {
-  const { label: P, value: w, icon: c, color: s, isNewAttribute: p } = t, v = a(null), n = a(null), b = a(null), k = a(null);
-  return m(() => {
-    (i || t.isNewAttribute) && v.current?.select();
-  }, [i, t.isNewAttribute]), m(() => {
-    x && !i && !t.isNewAttribute && setTimeout(() => v.current?.focus(), 250);
-  }, [x, i, t.isNewAttribute]), /* @__PURE__ */ e.jsxs(I, { className: x ? "expanded" : "collapsed", children: [
-    /* @__PURE__ */ e.jsxs(o, { children: [
-      /* @__PURE__ */ e.jsx(u, { children: "Label" }),
-      /* @__PURE__ */ e.jsx(
-        y,
-        {
-          ref: v,
-          value: P,
-          autoFocus: i || p,
-          onChange: (r) => {
-            if (!p)
-              return l && l(["label"], [r.target.value]);
-            n.current && (n.current.value = h(r.target.value)), l && l(["label", "value"], [r.target.value, h(r.target.value)]);
-          },
-          placeholder: "Enter label"
-        }
-      )
-    ] }, "label"),
-    /* @__PURE__ */ e.jsxs(o, { children: [
-      /* @__PURE__ */ e.jsx(u, { children: "Value" }),
-      /* @__PURE__ */ e.jsx(
-        y,
-        {
-          ref: n,
-          value: n.current?.value || w,
-          onChange: (r) => l && l(["value"], [r.target.value]),
-          placeholder: "Enter value"
-        }
-      )
-    ] }, "value"),
-    /* @__PURE__ */ e.jsxs(o, { children: [
-      /* @__PURE__ */ e.jsx(u, { children: "Icon" }),
-      /* @__PURE__ */ e.jsxs(N, { style: { position: "relative" }, children: [
-        /* @__PURE__ */ e.jsx(
-          S,
-          {
-            style: { display: c ? "none" : "flex" },
-            onClick: () => {
-              k.current?.open();
-            },
-            children: "Pick an icon..."
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          L,
-          {
-            ref: k,
-            value: [c || "question_mark"],
-            widthExpand: !0,
-            style: {
-              position: c ? "relative" : "absolute",
-              visibility: c ? "visible" : "hidden"
-            },
-            onChange: (r) => l && l(["icon"], [r[0]])
-          }
-        ),
-        c && /* @__PURE__ */ e.jsx(
-          d,
-          {
-            icon: "close",
-            variant: "text",
-            onClick: () => {
-              l && l(["icon"], [void 0]);
+  const { label: D, value: K, icon: u, color: o, isNewAttribute: x } = i, N = d(null), b = d(null), h = d(null), w = d(null);
+  return g(() => {
+    (t || i.isNewAttribute) && N.current?.select();
+  }, [t, i.isNewAttribute]), g(() => {
+    v && !t && !i.isNewAttribute && setTimeout(() => N.current?.focus(), 250);
+  }, [v, t, i.isNewAttribute]), /* @__PURE__ */ l.jsxs(
+    L,
+    {
+      ...r?.wrapper,
+      ...B,
+      className: s(S, r?.wrapper?.className, {
+        expanded: v,
+        collapsed: !v
+      }),
+      children: [
+        /* @__PURE__ */ l.jsxs(n, { ...r?.label?.wrapper, children: [
+          /* @__PURE__ */ l.jsx(j, { ...r?.label?.label, children: "Label" }),
+          /* @__PURE__ */ l.jsx(
+            E,
+            {
+              ref: N,
+              value: D,
+              autoFocus: t || x,
+              ...r?.label?.input,
+              className: s(r?.label?.input?.className),
+              onChange: (e) => {
+                if (!x)
+                  return c && c(["label"], [e.target.value]);
+                b.current && (b.current.value = f(e.target.value)), c && c(["label", "value"], [e.target.value, f(e.target.value)]);
+              },
+              onBlur: (e) => {
+                x ? a && a(["label", "value"], [e.target.value, f(e.target.value)]) : a && a(["label"], [e.target.value]);
+              },
+              onKeyDown: (e) => {
+                e.key === "Enter" && (x ? a && a(
+                  ["label", "value"],
+                  [
+                    e.target.value,
+                    f(e.target.value)
+                  ]
+                ) : a && a(["label"], [e.target.value]));
+              },
+              placeholder: "Enter label"
             }
-          }
-        )
-      ] })
-    ] }, "icon"),
-    /* @__PURE__ */ e.jsxs(o, { children: [
-      /* @__PURE__ */ e.jsx(u, { children: "Color" }),
-      /* @__PURE__ */ e.jsxs(N, { style: { position: "relative" }, children: [
-        /* @__PURE__ */ e.jsxs(
-          T,
-          {
-            className: s ? "active" : "",
-            style: { backgroundColor: s || void 0 },
-            onClick: () => b.current?.click(),
-            children: [
-              s ? "" : "Pick a color...",
-              /* @__PURE__ */ e.jsx(
-                "input",
-                {
-                  type: "color",
-                  ref: b,
-                  value: s || "#000000",
-                  onChange: (r) => l && l(["color"], [r?.target.value.toString()])
-                }
-              )
-            ]
-          }
-        ),
-        s && /* @__PURE__ */ e.jsx(
-          d,
-          {
-            icon: "close",
-            variant: "text",
-            onClick: () => {
-              l && l(["color"], [void 0]);
+          )
+        ] }, "label"),
+        /* @__PURE__ */ l.jsxs(n, { ...r?.value?.wrapper, children: [
+          /* @__PURE__ */ l.jsx(j, { ...r?.value?.label, children: "Value" }),
+          /* @__PURE__ */ l.jsx(
+            E,
+            {
+              ref: b,
+              value: b.current?.value || K,
+              ...r?.value?.input,
+              className: s(r?.value?.input?.className),
+              onChange: (e) => c && c(["value"], [e.target.value]),
+              onBlur: (e) => a && a(["value"], [e.target.value]),
+              onKeyDown: (e) => {
+                e.key === "Enter" && a && a(["value"], [e.target.value]);
+              },
+              placeholder: "Enter value"
             }
-          }
-        )
-      ] })
-    ] }, "color"),
-    (j || f) && /* @__PURE__ */ e.jsxs(o, { className: "footer", children: [
-      j && /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(d, { icon: "close", variant: "text", onClick: A, children: "Remove" }) }),
-      f && /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(d, { icon: "content_copy", variant: "text", onClick: E, children: "Duplicate" }) })
-    ] })
-  ] });
+          )
+        ] }, "value"),
+        /* @__PURE__ */ l.jsxs(n, { ...r?.icon?.wrapper, children: [
+          /* @__PURE__ */ l.jsx(j, { ...r?.icon?.label, children: "Icon" }),
+          /* @__PURE__ */ l.jsxs(R, { style: { position: "relative" }, children: [
+            /* @__PURE__ */ l.jsx(
+              T,
+              {
+                style: { display: u ? "none" : "flex" },
+                onClick: () => {
+                  w.current?.open();
+                },
+                children: "Pick an icon..."
+              }
+            ),
+            /* @__PURE__ */ l.jsx(
+              W,
+              {
+                ref: w,
+                value: [u || "question_mark"],
+                widthExpand: !0,
+                ...r?.icon?.input,
+                className: s(r?.icon?.input?.className),
+                style: {
+                  position: u ? "relative" : "absolute",
+                  visibility: u ? "visible" : "hidden",
+                  ...r?.icon?.input?.style
+                },
+                onChange: (e) => {
+                  c && c(["icon"], [e[0]]), a && a(["icon"], [e[0]]);
+                }
+              }
+            ),
+            u && /* @__PURE__ */ l.jsx(
+              p,
+              {
+                icon: "close",
+                variant: "text",
+                onClick: () => {
+                  c && c(["icon"], [void 0]);
+                }
+              }
+            )
+          ] })
+        ] }, "icon"),
+        /* @__PURE__ */ l.jsxs(n, { ...r?.color?.wrapper, children: [
+          /* @__PURE__ */ l.jsx(j, { ...r?.color?.label, children: "Color" }),
+          /* @__PURE__ */ l.jsxs(R, { style: { position: "relative" }, children: [
+            /* @__PURE__ */ l.jsxs(
+              _,
+              {
+                className: o ? "active" : "",
+                style: { backgroundColor: o || void 0 },
+                onClick: () => h.current?.click(),
+                children: [
+                  o ? "" : "Pick a color...",
+                  /* @__PURE__ */ l.jsx(
+                    "input",
+                    {
+                      type: "color",
+                      ref: h,
+                      value: o || "#000000",
+                      ...r?.color?.input,
+                      className: s(r?.color?.input?.className),
+                      onChange: (e) => {
+                        c && c(["color"], [e?.target.value.toString()]), a && a(["color"], [e?.target.value.toString()]);
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            o && /* @__PURE__ */ l.jsx(
+              p,
+              {
+                icon: "close",
+                variant: "text",
+                onClick: () => {
+                  c && c(["color"], [void 0]);
+                }
+              }
+            )
+          ] })
+        ] }, "color"),
+        (k || y) && /* @__PURE__ */ l.jsxs(n, { ...r?.footer, className: s("footer", r?.footer?.className), children: [
+          k && /* @__PURE__ */ l.jsx(A, { children: /* @__PURE__ */ l.jsx(p, { icon: "close", variant: "text", onClick: P, children: "Remove" }) }),
+          y && /* @__PURE__ */ l.jsx(A, { children: /* @__PURE__ */ l.jsx(p, { icon: "content_copy", variant: "text", onClick: I, children: "Duplicate" }) })
+        ] })
+      ]
+    }
+  );
 };
 export {
-  V as default
+  J as default
 };
 //# sourceMappingURL=EnumEditorItem.es.js.map

package/dist/shared/src/components/EnumEditor/EnumEditorItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumEditorItem.es.js","sources":["../../../../../src/components/EnumEditor/EnumEditorItem.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { kebabCase } from 'lodash'\n\nimport { DropdownRef, Icon } from '@ynput/ayon-react-components'\n\nimport * as Styled from './EnumEditor.styled'\nimport { AttributeData } from './EnumEditor'\n\ninterface EnumEditorItemProps {\n  item: AttributeData\n  onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onRemove?: () => void\n  onDuplicate?: () => void\n  showRemoveButton?: boolean\n  showDuplicateButton?: boolean\n  autoFocus?: boolean\n  isExpanded?: boolean\n}\n\nconst EnumEditorItem = ({\n  item,\n  onChange,\n  onRemove,\n  onDuplicate,\n  showRemoveButton = true,\n  showDuplicateButton = true,\n  autoFocus = false,\n  isExpanded = true,\n}: EnumEditorItemProps) => {\n  const { label, value, icon, color, isNewAttribute } = item\n  const labelRef = useRef<HTMLInputElement>(null)\n  const valueRef = useRef<HTMLInputElement>(null)\n  const colorPickerRef = useRef<HTMLInputElement>(null)\n  const iconSelectRef = useRef<DropdownRef>(null)\n\n  useEffect(() => {\n    if (autoFocus || item.isNewAttribute) {\n      labelRef.current?.select()\n    }\n  }, [autoFocus, item.isNewAttribute])\n\n  // Handle focus when item becomes expanded\n  useEffect(() => {\n    if (isExpanded && !autoFocus && !item.isNewAttribute) {\n      // Avoids jittery expand animation\n      setTimeout(() => labelRef.current?.focus(), 250)\n    }\n  }, [isExpanded, autoFocus, item.isNewAttribute])\n\n  return (\n    <Styled.EnumItemBody className={isExpanded ? 'expanded' : 'collapsed'}>\n      <Styled.Row key=\"label\">\n        <Styled.Label>Label</Styled.Label>\n        <Styled.InputText\n          ref={labelRef}\n          value={label}\n          autoFocus={autoFocus || isNewAttribute}\n          onChange={(event) => {\n            if (!isNewAttribute) {\n              return onChange && onChange(['label'], [event.target.value])\n            }\n            if (valueRef.current) {\n              valueRef.current.value = kebabCase(event.target.value)\n            }\n            onChange &&\n              onChange(['label', 'value'], [event.target.value, kebabCase(event.target.value)])\n          }}\n          placeholder=\"Enter label\"\n        />\n      </Styled.Row>\n\n      <Styled.Row key=\"value\">\n        <Styled.Label>Value</Styled.Label>\n        <Styled.InputText\n          ref={valueRef}\n          value={valueRef.current?.value || value}\n          onChange={(event) => onChange && onChange(['value'], [event.target.value])}\n          placeholder=\"Enter value\"\n        />\n      </Styled.Row>\n\n      <Styled.Row key=\"icon\">\n        <Styled.Label>Icon</Styled.Label>\n\n        <Styled.PlaceholderWrapper style={{ position: 'relative' }}>\n          <Styled.Placeholder\n            style={{ display: icon ? 'none' : 'flex' }}\n            onClick={() => {\n              iconSelectRef.current?.open()\n            }}\n          >\n            Pick an icon...\n          </Styled.Placeholder>\n\n          <Styled.IconSelect\n            ref={iconSelectRef}\n            value={[icon || 'question_mark']}\n            widthExpand\n            style={{\n              position: icon ? 'relative' : 'absolute',\n              visibility: icon ? 'visible' : 'hidden',\n            }}\n            onChange={(value) => {\n              return onChange && onChange(['icon'], [value[0]])\n            }}\n          />\n          {icon && (\n            <Styled.Button\n              icon=\"close\"\n              variant=\"text\"\n              onClick={() => {\n                onChange && onChange(['icon'], [undefined])\n              }}\n            />\n          )}\n        </Styled.PlaceholderWrapper>\n      </Styled.Row>\n\n      <Styled.Row key=\"color\">\n        <Styled.Label>Color</Styled.Label>\n\n        <Styled.PlaceholderWrapper style={{ position: 'relative' }}>\n          <Styled.ColorPicker\n            className={color ? 'active' : ''}\n            style={{ backgroundColor: color || undefined }}\n            onClick={() => colorPickerRef.current?.click()}\n          >\n            {!color ? 'Pick a color...' : ''}\n            <input\n              type=\"color\"\n              ref={colorPickerRef}\n              value={color || '#000000'}\n              onChange={(event) =>\n                onChange && onChange(['color'], [event?.target.value.toString()])\n              }\n            />\n          </Styled.ColorPicker>\n          {color && (\n            <Styled.Button\n              icon=\"close\"\n              variant=\"text\"\n              onClick={() => {\n                onChange && onChange(['color'], [undefined])\n              }}\n            />\n          )}\n        </Styled.PlaceholderWrapper>\n      </Styled.Row>\n\n      {(showRemoveButton || showDuplicateButton) && (\n        <Styled.Row className=\"footer\">\n          {showRemoveButton && (\n            <Styled.ActionWrapper>\n              <Styled.Button icon=\"close\" variant=\"text\" onClick={onRemove}>\n                Remove\n              </Styled.Button>\n            </Styled.ActionWrapper>\n          )}\n          {showDuplicateButton && (\n            <Styled.ActionWrapper>\n              <Styled.Button icon=\"content_copy\" variant=\"text\" onClick={onDuplicate}>\n                Duplicate\n              </Styled.Button>\n            </Styled.ActionWrapper>\n          )}\n        </Styled.Row>\n      )}\n    </Styled.EnumItemBody>\n  )\n}\n\nexport default EnumEditorItem\n"],"names":["EnumEditorItem","item","onChange","onRemove","onDuplicate","showRemoveButton","showDuplicateButton","autoFocus","isExpanded","label","value","icon","color","isNewAttribute","labelRef","useRef","valueRef","colorPickerRef","iconSelectRef","useEffect","Styled.EnumItemBody","jsxs","Styled.Row","jsx","Styled.Label","Styled.InputText","event","kebabCase","Styled.PlaceholderWrapper","Styled.Placeholder","Styled.IconSelect","Styled.Button","Styled.ColorPicker","Styled.ActionWrapper"],"mappings":"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"}
+{"version":3,"file":"EnumEditorItem.es.js","sources":["../../../../../src/components/EnumEditor/EnumEditorItem.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { kebabCase } from 'lodash'\n\nimport { DropdownRef, Icon } from '@ynput/ayon-react-components'\n\nimport * as Styled from './EnumEditor.styled'\nimport { AttributeData } from './EnumEditor'\nimport clsx from 'clsx'\n\ntype DivPt = Partial<React.HTMLAttributes<HTMLDivElement>>\n\ntype TextInputPt = Partial<React.ComponentProps<typeof Styled.InputText>>\ntype IconInputPt = Partial<React.ComponentProps<typeof Styled.IconSelect>>\ntype ColorInputPt = Partial<React.InputHTMLAttributes<HTMLInputElement>>\n\nexport interface EnumEditorFieldPt<TInput> {\n  wrapper?: DivPt\n  label?: DivPt\n  input?: Partial<TInput>\n}\n\nexport interface EnumEditorItemPt {\n  wrapper?: DivPt\n  label?: EnumEditorFieldPt<TextInputPt>\n  value?: EnumEditorFieldPt<TextInputPt>\n  icon?: EnumEditorFieldPt<IconInputPt>\n  color?: EnumEditorFieldPt<ColorInputPt>\n  footer?: DivPt\n}\n\nexport interface EnumEditorItemProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  item: AttributeData\n  onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onCommit?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onRemove?: () => void\n  onDuplicate?: () => void\n  showRemoveButton?: boolean\n  showDuplicateButton?: boolean\n  autoFocus?: boolean\n  isExpanded?: boolean\n  pt?: EnumEditorItemPt\n}\n\nconst EnumEditorItem = ({\n  item,\n  onChange,\n  onCommit,\n  onRemove,\n  onDuplicate,\n  showRemoveButton = true,\n  showDuplicateButton = true,\n  autoFocus = false,\n  isExpanded = true,\n  className,\n  pt,\n  ...props\n}: EnumEditorItemProps) => {\n  const { label, value, icon, color, isNewAttribute } = item\n  const labelRef = useRef<HTMLInputElement>(null)\n  const valueRef = useRef<HTMLInputElement>(null)\n  const colorPickerRef = useRef<HTMLInputElement>(null)\n  const iconSelectRef = useRef<DropdownRef>(null)\n\n  useEffect(() => {\n    if (autoFocus || item.isNewAttribute) {\n      labelRef.current?.select()\n    }\n  }, [autoFocus, item.isNewAttribute])\n\n  // Handle focus when item becomes expanded\n  useEffect(() => {\n    if (isExpanded && !autoFocus && !item.isNewAttribute) {\n      // Avoids jittery expand animation\n      setTimeout(() => labelRef.current?.focus(), 250)\n    }\n  }, [isExpanded, autoFocus, item.isNewAttribute])\n\n  return (\n    <Styled.EnumItemBody\n      {...pt?.wrapper}\n      {...props}\n      className={clsx(className, pt?.wrapper?.className, {\n        expanded: isExpanded,\n        collapsed: !isExpanded,\n      })}\n    >\n      <Styled.Row key=\"label\" {...pt?.label?.wrapper}>\n        <Styled.Label {...pt?.label?.label}>Label</Styled.Label>\n        <Styled.InputText\n          ref={labelRef}\n          value={label}\n          autoFocus={autoFocus || isNewAttribute}\n          {...pt?.label?.input}\n          className={clsx(pt?.label?.input?.className)}\n          onChange={(event) => {\n            if (!isNewAttribute) {\n              return onChange && onChange(['label'], [event.target.value])\n            }\n            if (valueRef.current) {\n              valueRef.current.value = kebabCase(event.target.value)\n            }\n            onChange &&\n              onChange(['label', 'value'], [event.target.value, kebabCase(event.target.value)])\n          }}\n          onBlur={(event) => {\n            if (!isNewAttribute) {\n              onCommit && onCommit(['label'], [event.target.value])\n            } else {\n              onCommit &&\n                onCommit(['label', 'value'], [event.target.value, kebabCase(event.target.value)])\n            }\n          }}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              if (!isNewAttribute) {\n                onCommit && onCommit(['label'], [(event.target as HTMLInputElement).value])\n              } else {\n                onCommit &&\n                  onCommit(\n                    ['label', 'value'],\n                    [\n                      (event.target as HTMLInputElement).value,\n                      kebabCase((event.target as HTMLInputElement).value),\n                    ],\n                  )\n              }\n            }\n          }}\n          placeholder=\"Enter label\"\n        />\n      </Styled.Row>\n\n      <Styled.Row key=\"value\" {...pt?.value?.wrapper}>\n        <Styled.Label {...pt?.value?.label}>Value</Styled.Label>\n        <Styled.InputText\n          ref={valueRef}\n          value={valueRef.current?.value || value}\n          {...pt?.value?.input}\n          className={clsx(pt?.value?.input?.className)}\n          onChange={(event) => onChange && onChange(['value'], [event.target.value])}\n          onBlur={(event) => onCommit && onCommit(['value'], [event.target.value])}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              onCommit && onCommit(['value'], [(event.target as HTMLInputElement).value])\n            }\n          }}\n          placeholder=\"Enter value\"\n        />\n      </Styled.Row>\n\n      <Styled.Row key=\"icon\" {...pt?.icon?.wrapper}>\n        <Styled.Label {...pt?.icon?.label}>Icon</Styled.Label>\n\n        <Styled.PlaceholderWrapper style={{ position: 'relative' }}>\n          <Styled.Placeholder\n            style={{ display: icon ? 'none' : 'flex' }}\n            onClick={() => {\n              iconSelectRef.current?.open()\n            }}\n          >\n            Pick an icon...\n          </Styled.Placeholder>\n\n          <Styled.IconSelect\n            ref={iconSelectRef}\n            value={[icon || 'question_mark']}\n            widthExpand\n            {...pt?.icon?.input}\n            className={clsx(pt?.icon?.input?.className)}\n            style={{\n              position: icon ? 'relative' : 'absolute',\n              visibility: icon ? 'visible' : 'hidden',\n              ...pt?.icon?.input?.style,\n            }}\n            onChange={(value) => {\n              onChange && onChange(['icon'], [value[0]])\n              onCommit && onCommit(['icon'], [value[0]])\n            }}\n          />\n          {icon && (\n            <Styled.Button\n              icon=\"close\"\n              variant=\"text\"\n              onClick={() => {\n                onChange && onChange(['icon'], [undefined])\n              }}\n            />\n          )}\n        </Styled.PlaceholderWrapper>\n      </Styled.Row>\n\n      <Styled.Row key=\"color\" {...pt?.color?.wrapper}>\n        <Styled.Label {...pt?.color?.label}>Color</Styled.Label>\n\n        <Styled.PlaceholderWrapper style={{ position: 'relative' }}>\n          <Styled.ColorPicker\n            className={color ? 'active' : ''}\n            style={{ backgroundColor: color || undefined }}\n            onClick={() => colorPickerRef.current?.click()}\n          >\n            {!color ? 'Pick a color...' : ''}\n            <input\n              type=\"color\"\n              ref={colorPickerRef}\n              value={color || '#000000'}\n              {...pt?.color?.input}\n              className={clsx(pt?.color?.input?.className)}\n              onChange={(event) => {\n                onChange && onChange(['color'], [event?.target.value.toString()])\n                onCommit && onCommit(['color'], [event?.target.value.toString()])\n              }}\n            />\n          </Styled.ColorPicker>\n          {color && (\n            <Styled.Button\n              icon=\"close\"\n              variant=\"text\"\n              onClick={() => {\n                onChange && onChange(['color'], [undefined])\n              }}\n            />\n          )}\n        </Styled.PlaceholderWrapper>\n      </Styled.Row>\n\n      {(showRemoveButton || showDuplicateButton) && (\n        <Styled.Row {...pt?.footer} className={clsx('footer', pt?.footer?.className)}>\n          {showRemoveButton && (\n            <Styled.ActionWrapper>\n              <Styled.Button icon=\"close\" variant=\"text\" onClick={onRemove}>\n                Remove\n              </Styled.Button>\n            </Styled.ActionWrapper>\n          )}\n          {showDuplicateButton && (\n            <Styled.ActionWrapper>\n              <Styled.Button icon=\"content_copy\" variant=\"text\" onClick={onDuplicate}>\n                Duplicate\n              </Styled.Button>\n            </Styled.ActionWrapper>\n          )}\n        </Styled.Row>\n      )}\n    </Styled.EnumItemBody>\n  )\n}\n\nexport default EnumEditorItem\n"],"names":["EnumEditorItem","item","onChange","onCommit","onRemove","onDuplicate","showRemoveButton","showDuplicateButton","autoFocus","isExpanded","className","pt","props","label","value","icon","color","isNewAttribute","labelRef","useRef","valueRef","colorPickerRef","iconSelectRef","useEffect","jsxs","Styled.EnumItemBody","clsx","Styled.Row","jsx","Styled.Label","Styled.InputText","event","kebabCase","Styled.PlaceholderWrapper","Styled.Placeholder","Styled.IconSelect","Styled.Button","Styled.ColorPicker","Styled.ActionWrapper"],"mappings":"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"}

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("lodash"),h=require("react"),g=({creator:o,initialData:m,onChange:I,normalizer:r})=>{const[e,u]=h.useState(m),i=t=>{I(r(t)),u(t)};return{items:e,handleAddItem:t=>{i([...e,{...o(),...t,id:a.uniqueId()}])},handleRemoveItem:t=>()=>{i([...e.slice(0,t),...e.slice(t+1)])},handleChangeItem:t=>(n,s)=>{let d={...e[t]};n.map((c,l)=>d[c]=s[l]),i([...e.slice(0,t),d,...e.slice(t+1)])},handleDuplicateItem:(t,n)=>{i([...e.slice(0,t+1),{...e[t],id:a.uniqueId(),...n},...e.slice(t+1)])},handleDraggableEnd:t=>{if(!t.over)return;const n=e.find(l=>l.id==t.active.id),s=e.indexOf(n),d=e.find(l=>l.id==t.over.id),c=e.indexOf(d);s<c?i([...e.slice(0,s),...e.slice(s+1,c+1),n,...e.slice(c+1)]):i([...e.slice(0,c),n,...e.slice(c,s),...e.slice(s+1)])}}};module.exports=g;
+"use strict";const m=require("lodash"),r=require("react"),q=({creator:f,initialData:u,onChange:p,onCommit:a,normalizer:o,mergeIncomingData:I})=>{const[t,h]=r.useState(u),i=e=>{h(e);const c=o(t),s=o(e);m.isEqual(c,s)||p(s)};return r.useEffect(()=>{h(e=>{const c=o(e),s=o(u);return m.isEqual(c,s)?e:I?I(e,u):u})},[u,I,o]),{items:t,handleAddItem:e=>{i([...t,{...f(),...e,id:m.uniqueId()}])},handleRemoveItem:e=>()=>{i([...t.slice(0,e),...t.slice(e+1)])},handleChangeItem:e=>(c,s)=>{let d={...t[e]};c.map((n,l)=>d[n]=s[l]),i([...t.slice(0,e),d,...t.slice(e+1)])},handleCommitItem:e=>(c,s)=>{if(!a)return;let d={...t[e]};c.map((l,v)=>d[l]=s[v]);const n=[...t.slice(0,e),d,...t.slice(e+1)];a(o(n))},handleDuplicateItem:(e,c)=>{i([...t.slice(0,e+1),{...t[e],id:m.uniqueId(),...c},...t.slice(e+1)])},handleDraggableEnd:e=>{if(!e.over)return;const c=t.find(l=>l.id==e.active.id),s=t.indexOf(c),d=t.find(l=>l.id==e.over.id),n=t.indexOf(d);s<n?i([...t.slice(0,s),...t.slice(s+1,n+1),c,...t.slice(n+1)]):i([...t.slice(0,n),c,...t.slice(n,s),...t.slice(s+1)])}}};module.exports=q;
 //# sourceMappingURL=useDraggable.cjs.js.map

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.cjs.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core';\nimport { uniqueId } from 'lodash'\nimport { useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  normalizer,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    onChange(normalizer(data))\n    setItems(data)\n  }\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":["useDraggable","creator","initialData","onChange","normalizer","items","setItems","useState","updateAndSync","data","overrides","uniqueId","idx","attrs","values","updatedItem","attr","index","event","activeItem","filterItem","activeItemIndex","overItem","item","overItemIndex"],"mappings":"0DAIMA,EAAe,CAA8B,CACjD,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,CACF,IAKM,CACJ,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAcL,CAAW,EAE7CM,EAAiBC,GAAc,CACnCN,EAASC,EAAWK,CAAI,CAAC,EACzBH,EAASG,CAAI,CACf,EAqDA,MAAO,CACL,MAAAJ,EACA,cArDqBK,GAA0B,CAC/CF,EAAc,CAAC,GAAGH,EAAO,CAAE,GAAGJ,EAAA,EAAW,GAAGS,EAAW,GAAIC,WAAA,CAAS,CAAG,CAAC,CAC1E,EAoDE,iBAlDwBC,GAAgB,IAAM,CAC9CJ,EAAc,CAAC,GAAGH,EAAM,MAAM,EAAGO,CAAG,EAAG,GAAGP,EAAM,MAAMO,EAAM,CAAC,CAAC,CAAC,CACjE,EAiDE,iBA9CCA,GAAgB,CAACC,EAAoBC,IAA6C,CACjF,IAAIC,EAAiB,CAAE,GAAGV,EAAMO,CAAG,CAAA,EAEnCC,EAAM,IAAI,CAACG,EAAMC,IAAWF,EAAYC,CAAI,EAAIF,EAAOG,CAAK,CAAE,EAC9DT,EAAc,CAAC,GAAGH,EAAM,MAAM,EAAGO,CAAG,EAAGG,EAAa,GAAGV,EAAM,MAAMO,EAAM,CAAC,CAAC,CAAC,CAC9E,EA0CA,oBAxC0B,CAACA,EAAaF,IAA0B,CAClEF,EAAc,CACZ,GAAGH,EAAM,MAAM,EAAGO,EAAM,CAAC,EACzB,CAAE,GAAGP,EAAMO,CAAG,EAAG,GAAID,EAAAA,SAAA,EAAY,GAAGD,CAAA,EACpC,GAAGL,EAAM,MAAMO,EAAM,CAAC,CAAA,CACvB,CACH,EAmCE,mBAjC0BM,GAAwB,CAClD,GAAI,CAACA,EAAM,KACT,OAGF,MAAMC,EAAad,EAAM,KAAMe,GAAeA,EAAW,IAAMF,EAAM,OAAO,EAAE,EACxEG,EAAkBhB,EAAM,QAAQc,CAAW,EAC3CG,EAAWjB,EAAM,KAAMkB,GAASA,EAAK,IAAML,EAAM,KAAM,EAAE,EACzDM,EAAgBnB,EAAM,QAAQiB,CAAS,EAEzCD,EAAkBG,EACpBhB,EAAc,CACZ,GAAGH,EAAM,MAAM,EAAGgB,CAAe,EACjC,GAAGhB,EAAM,MAAMgB,EAAkB,EAAGG,EAAgB,CAAC,EACrDL,EACA,GAAGd,EAAM,MAAMmB,EAAgB,CAAC,CAAA,CACjC,EAEDhB,EAAc,CACZ,GAAGH,EAAM,MAAM,EAAGmB,CAAa,EAC/BL,EACA,GAAGd,EAAM,MAAMmB,EAAeH,CAAe,EAC7C,GAAGhB,EAAM,MAAMgB,EAAkB,CAAC,CAAA,CACnC,CAEL,CAQE,CAEJ"}
+{"version":3,"file":"useDraggable.cjs.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core'\nimport { isEqual } from 'lodash'\nimport { uniqueId } from 'lodash'\nimport { useEffect, useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  onCommit,\n  normalizer,\n  mergeIncomingData,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  onCommit?: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n  mergeIncomingData?: (currentData: T[], incomingData: T[]) => T[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    setItems(data)\n\n    const currentNormalized = normalizer(items)\n    const nextNormalized = normalizer(data)\n\n    if (!isEqual(currentNormalized, nextNormalized)) {\n      onChange(nextNormalized)\n    }\n  }\n\n  useEffect(() => {\n    setItems((currentItems) => {\n      const currentNormalized = normalizer(currentItems)\n      const incomingNormalized = normalizer(initialData)\n\n      if (isEqual(currentNormalized, incomingNormalized)) {\n        return currentItems\n      }\n\n      return mergeIncomingData ? mergeIncomingData(currentItems, initialData) : initialData\n    })\n  }, [initialData, mergeIncomingData, normalizer])\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleCommitItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      if (!onCommit) return\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      const nextItems = [...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)]\n      onCommit(normalizer(nextItems))\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleCommitItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":["useDraggable","creator","initialData","onChange","onCommit","normalizer","mergeIncomingData","items","setItems","useState","updateAndSync","data","currentNormalized","nextNormalized","isEqual","useEffect","currentItems","incomingNormalized","overrides","uniqueId","idx","attrs","values","updatedItem","attr","index","nextItems","event","activeItem","filterItem","activeItemIndex","overItem","item","overItemIndex"],"mappings":"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"}

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.es.js

@@ -1,52 +1,68 @@
-import { uniqueId as a } from "lodash";
-import { useState as u } from "react";
-const C = ({
-  creator: o,
-  initialData: m,
-  onChange: I,
-  normalizer: r
+import { isEqual as f, uniqueId as h } from "lodash";
+import { useState as g, useEffect as E } from "react";
+const y = ({
+  creator: r,
+  initialData: i,
+  onChange: p,
+  onCommit: I,
+  normalizer: o,
+  mergeIncomingData: u
 }) => {
-  const [e, h] = u(m), l = (t) => {
-    I(r(t)), h(t);
+  const [t, a] = g(i), m = (e) => {
+    a(e);
+    const c = o(t), s = o(e);
+    f(c, s) || p(s);
   };
-  return {
-    items: e,
-    handleAddItem: (t) => {
-      l([...e, { ...o(), ...t, id: a() }]);
+  return E(() => {
+    a((e) => {
+      const c = o(e), s = o(i);
+      return f(c, s) ? e : u ? u(e, i) : i;
+    });
+  }, [i, u, o]), {
+    items: t,
+    handleAddItem: (e) => {
+      m([...t, { ...r(), ...e, id: h() }]);
     },
-    handleRemoveItem: (t) => () => {
-      l([...e.slice(0, t), ...e.slice(t + 1)]);
+    handleRemoveItem: (e) => () => {
+      m([...t.slice(0, e), ...t.slice(e + 1)]);
     },
-    handleChangeItem: (t) => (n, s) => {
-      let i = { ...e[t] };
-      n.map((c, d) => i[c] = s[d]), l([...e.slice(0, t), i, ...e.slice(t + 1)]);
+    handleChangeItem: (e) => (c, s) => {
+      let d = { ...t[e] };
+      c.map((n, l) => d[n] = s[l]), m([...t.slice(0, e), d, ...t.slice(e + 1)]);
     },
-    handleDuplicateItem: (t, n) => {
-      l([
-        ...e.slice(0, t + 1),
-        { ...e[t], id: a(), ...n },
-        ...e.slice(t + 1)
+    handleCommitItem: (e) => (c, s) => {
+      if (!I) return;
+      let d = { ...t[e] };
+      c.map((l, v) => d[l] = s[v]);
+      const n = [...t.slice(0, e), d, ...t.slice(e + 1)];
+      I(o(n));
+    },
+    handleDuplicateItem: (e, c) => {
+      m([
+        ...t.slice(0, e + 1),
+        { ...t[e], id: h(), ...c },
+        ...t.slice(e + 1)
       ]);
     },
-    handleDraggableEnd: (t) => {
-      if (!t.over)
+    handleDraggableEnd: (e) => {
+      if (!e.over)
         return;
-      const n = e.find((d) => d.id == t.active.id), s = e.indexOf(n), i = e.find((d) => d.id == t.over.id), c = e.indexOf(i);
-      s < c ? l([
-        ...e.slice(0, s),
-        ...e.slice(s + 1, c + 1),
-        n,
-        ...e.slice(c + 1)
-      ]) : l([
-        ...e.slice(0, c),
-        n,
-        ...e.slice(c, s),
-        ...e.slice(s + 1)
+      const c = t.find((l) => l.id == e.active.id), s = t.indexOf(c), d = t.find((l) => l.id == e.over.id), n = t.indexOf(d);
+      s < n ? m([
+        ...t.slice(0, s),
+        ...t.slice(s + 1, n + 1),
+        c,
+        ...t.slice(n + 1)
+      ]) : m([
+        ...t.slice(0, n),
+        c,
+        ...t.slice(n, s),
+        ...t.slice(s + 1)
       ]);
     }
   };
 };
 export {
-  C as default
+  y as default
 };
 //# sourceMappingURL=useDraggable.es.js.map

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.es.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core';\nimport { uniqueId } from 'lodash'\nimport { useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  normalizer,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    onChange(normalizer(data))\n    setItems(data)\n  }\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":["useDraggable","creator","initialData","onChange","normalizer","items","setItems","useState","updateAndSync","data","overrides","uniqueId","idx","attrs","values","updatedItem","attr","index","event","activeItem","filterItem","activeItemIndex","overItem","item","overItemIndex"],"mappings":";;AAIA,MAAMA,IAAe,CAA8B;AAAA,EACjD,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKM;AACJ,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAcL,CAAW,GAE7CM,IAAgB,CAACC,MAAc;AACnC,IAAAN,EAASC,EAAWK,CAAI,CAAC,GACzBH,EAASG,CAAI;AAAA,EACf;AAqDA,SAAO;AAAA,IACL,OAAAJ;AAAA,IACA,eArDoB,CAACK,MAA0B;AAC/C,MAAAF,EAAc,CAAC,GAAGH,GAAO,EAAE,GAAGJ,EAAA,GAAW,GAAGS,GAAW,IAAIC,EAAA,EAAS,CAAG,CAAC;AAAA,IAC1E;AAAA,IAoDE,kBAlDuB,CAACC,MAAgB,MAAM;AAC9C,MAAAJ,EAAc,CAAC,GAAGH,EAAM,MAAM,GAAGO,CAAG,GAAG,GAAGP,EAAM,MAAMO,IAAM,CAAC,CAAC,CAAC;AAAA,IACjE;AAAA,IAiDE,kBA9CA,CAACA,MAAgB,CAACC,GAAoBC,MAA6C;AACjF,UAAIC,IAAiB,EAAE,GAAGV,EAAMO,CAAG,EAAA;AAEnC,MAAAC,EAAM,IAAI,CAACG,GAAMC,MAAWF,EAAYC,CAAI,IAAIF,EAAOG,CAAK,CAAE,GAC9DT,EAAc,CAAC,GAAGH,EAAM,MAAM,GAAGO,CAAG,GAAGG,GAAa,GAAGV,EAAM,MAAMO,IAAM,CAAC,CAAC,CAAC;AAAA,IAC9E;AAAA,IA0CA,qBAxC0B,CAACA,GAAaF,MAA0B;AAClE,MAAAF,EAAc;AAAA,QACZ,GAAGH,EAAM,MAAM,GAAGO,IAAM,CAAC;AAAA,QACzB,EAAE,GAAGP,EAAMO,CAAG,GAAG,IAAID,EAAA,GAAY,GAAGD,EAAA;AAAA,QACpC,GAAGL,EAAM,MAAMO,IAAM,CAAC;AAAA,MAAA,CACvB;AAAA,IACH;AAAA,IAmCE,oBAjCyB,CAACM,MAAwB;AAClD,UAAI,CAACA,EAAM;AACT;AAGF,YAAMC,IAAad,EAAM,KAAK,CAACe,MAAeA,EAAW,MAAMF,EAAM,OAAO,EAAE,GACxEG,IAAkBhB,EAAM,QAAQc,CAAW,GAC3CG,IAAWjB,EAAM,KAAK,CAACkB,MAASA,EAAK,MAAML,EAAM,KAAM,EAAE,GACzDM,IAAgBnB,EAAM,QAAQiB,CAAS;AAE7C,MAAID,IAAkBG,IACpBhB,EAAc;AAAA,QACZ,GAAGH,EAAM,MAAM,GAAGgB,CAAe;AAAA,QACjC,GAAGhB,EAAM,MAAMgB,IAAkB,GAAGG,IAAgB,CAAC;AAAA,QACrDL;AAAA,QACA,GAAGd,EAAM,MAAMmB,IAAgB,CAAC;AAAA,MAAA,CACjC,IAEDhB,EAAc;AAAA,QACZ,GAAGH,EAAM,MAAM,GAAGmB,CAAa;AAAA,QAC/BL;AAAA,QACA,GAAGd,EAAM,MAAMmB,GAAeH,CAAe;AAAA,QAC7C,GAAGhB,EAAM,MAAMgB,IAAkB,CAAC;AAAA,MAAA,CACnC;AAAA,IAEL;AAAA,EAQE;AAEJ;"}
+{"version":3,"file":"useDraggable.es.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core'\nimport { isEqual } from 'lodash'\nimport { uniqueId } from 'lodash'\nimport { useEffect, useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  onCommit,\n  normalizer,\n  mergeIncomingData,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  onCommit?: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n  mergeIncomingData?: (currentData: T[], incomingData: T[]) => T[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    setItems(data)\n\n    const currentNormalized = normalizer(items)\n    const nextNormalized = normalizer(data)\n\n    if (!isEqual(currentNormalized, nextNormalized)) {\n      onChange(nextNormalized)\n    }\n  }\n\n  useEffect(() => {\n    setItems((currentItems) => {\n      const currentNormalized = normalizer(currentItems)\n      const incomingNormalized = normalizer(initialData)\n\n      if (isEqual(currentNormalized, incomingNormalized)) {\n        return currentItems\n      }\n\n      return mergeIncomingData ? mergeIncomingData(currentItems, initialData) : initialData\n    })\n  }, [initialData, mergeIncomingData, normalizer])\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleCommitItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      if (!onCommit) return\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      const nextItems = [...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)]\n      onCommit(normalizer(nextItems))\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleCommitItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":["useDraggable","creator","initialData","onChange","onCommit","normalizer","mergeIncomingData","items","setItems","useState","updateAndSync","data","currentNormalized","nextNormalized","isEqual","useEffect","currentItems","incomingNormalized","overrides","uniqueId","idx","attrs","values","updatedItem","attr","index","nextItems","event","activeItem","filterItem","activeItemIndex","overItem","item","overItemIndex"],"mappings":"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"}

package/dist/shared/src/components/Feedback/FeedbackContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");const H=require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const N=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const w=a.createContext(void 0),A=({children:c})=>{const[t,p]=a.useState(!1),{siteInfo:u,user:n,cloudInfo:d}=N.useGlobalContext(),{data:s,isLoading:f}=H.useGetFeedbackVerificationQuery({},{skip:!n?.name||!d?.connected}),F=()=>{if(!t){const e=document.createElement("script");e.src="https://do.featurebase.app/js/sdk.js",e.id="featurebase-sdk",e.async=!0,document.body.appendChild(e),p(!0)}},m=()=>{const e=window;typeof e.Featurebase!="function"&&(e.Featurebase=function(){(e.Featurebase.q=e.Featurebase.q||[]).push(arguments)})},y=u?.version?.split("+")[0]||"unknown",h=u?.version?.split("+")[1]||"unknown",k=()=>{if(!n?.name||!s?.available)return;const e={...s.data,customFields:{origin:window.location.origin,serverVersion:y,frontendVersion:h,instanceId:d?.instanceId}};console.log(e),window.Featurebase("identify",e,i=>{i?console.error(i):console.log("Featurebase identify completed")})},[o,v]=a.useState(!1),[z,S]=a.useState(0),C=()=>{const e=window;if(typeof e.Featurebase=="function"){if(console.log("Initializing Featurebase messenger widget"),!s?.available)return console.warn("messenger verification not available, skipping messenger init");e.Featurebase("boot",{theme:"dark",...s?.data},r=>{r?console.error(r):(console.log("Featurebase messenger completed"),v(!0),e.Featurebase("onUnreadCountChange",function(i){S(i)}))})}},E=()=>{const e=[];if(n?.data?.isAdmin){const i=["Server","Addon","Pipeline"];e.push(...i)}else u?.disableChangelog||e.push("Highlights");const r=window;return typeof r.Featurebase=="function"&&r.Featurebase("init_changelog_widget",{organization:"ayon",dropdown:{enabled:!0},popup:{enabled:!0,usersName:n?.attrib?.fullName,autoOpenForNewUpdates:!0},category:e,theme:"dark"}),!1},M=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_feedback_widget",{organization:"ayon",theme:"dark",metadata:{}},r=>{r&&console.error("Error initializing feedback widget:",r)}),!1},P=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_portal_widget",{organization:"ayon",fullScreen:!0,initialPage:"MainView"},r=>r?(console.error("Error initializing portal widget:",r),!1):!0),!1},x=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_survey_widget",{organization:"ayon",placement:"bottom-right",theme:"dark",email:n?.attrib?.email,featurebaseJwt:s?.data?.featurebaseJwt,locale:"en"},r=>{r?console.error("Error initializing survey widget:",r):console.log("Survey widget initialized successfully")}),!1};a.useEffect(()=>{n?.name&&u&&(u.disableFeedback||t||(F(),m(),E(),M(),P()))},[n?.name,t,u]);const[b,V]=a.useState(!1);a.useEffect(()=>{!n?.name||!d||!s||!t||b||(k(),x(),V(!0))},[n?.name,d?.instanceId,s?.available,t,window.location.pathname,b]),a.useEffect(()=>{f||!t||C()},[s,f,t]);const _=()=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"openFeedbackWidget"}})},I=(e="MainView",r)=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"changePage",payload:e,openWidget:!0,...r&&{articleId:r}}})},[l,q]=a.useState(!1),g=document.getElementById("fb-messenger-root"),L=e=>g instanceof HTMLElement&&(g.style.display=e?"block":"none");a.useEffect(()=>{!t||!o||L(l)},[t,o,l]),a.useEffect(()=>{if(!t||!o)return;const e=window;typeof e.Featurebase=="function"&&e.Featurebase("onHide",function(){q(!1)})},[t,o]);const W=(e="Home",r)=>{const i=window;if(typeof i.Featurebase!="function"){window.alert("Featurebase SDK is not loaded yet. Please try again later."),console.warn("Featurebase SDK is not loaded yet.");return}if(l){i.Featurebase("hide"),q(!1);return}switch(q(!0),e){case"Home":i.Featurebase("show");break;case"Messages":i.Featurebase("show","messages");break;case"Changelog":i.Featurebase("show","changelog");break;case"Help":i.Featurebase("show","help");break;case"ShowArticle":r?i.Featurebase("showArticle",r):i.Featurebase("show","help");break;case"NewMessage":i.Featurebase("showNewMessage",r);break;default:i.Featurebase("show");break}};return j.jsxRuntimeExports.jsx(w.Provider,{value:{openSupport:W,openFeedback:_,openPortal:I,messengerLoaded:o,unreadCount:z,messengerVisibility:l,setMessengerVisibility:q,loaded:t},children:c})},D=()=>{const c=a.useContext(w);if(!c)throw new Error("useFeedback must be used within a FeedbackProvider");return c};exports.FeedbackProvider=A;exports.useFeedback=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");const H=require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const N=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const w=a.createContext(void 0),A=({children:c})=>{const[t,p]=a.useState(!1),{siteInfo:s,user:n,cloudInfo:d}=N.useGlobalContext(),{data:u,isLoading:f}=H.useGetFeedbackVerificationQuery({},{skip:!n?.name||!d?.connected}),F=()=>{if(!t){const e=document.createElement("script");e.src="https://do.featurebase.app/js/sdk.js",e.id="featurebase-sdk",e.async=!0,document.body.appendChild(e),p(!0)}},m=()=>{const e=window;typeof e.Featurebase!="function"&&(e.Featurebase=function(){(e.Featurebase.q=e.Featurebase.q||[]).push(arguments)})},y=s?.version?.split("+")[0]||"unknown",h=s?.version?.split("+")[1]||"unknown",k=()=>{if(!n?.name||!u?.available)return;const e={...u.data,customFields:{origin:window.location.origin,serverVersion:y,frontendVersion:h,instanceId:d?.instanceId}};console.log(e),window.Featurebase("identify",e,i=>{i?console.error(i):console.log("Featurebase identify completed")})},[o,v]=a.useState(!1),[z,S]=a.useState(0),C=()=>{const e=window;if(typeof e.Featurebase=="function"){if(console.log("Initializing Featurebase messenger widget"),!u?.available)return console.warn("messenger verification not available, skipping messenger init");e.Featurebase("boot",{theme:"dark",...u?.data},r=>{r?console.error(r):(console.log("Featurebase messenger completed"),v(!0),e.Featurebase("onUnreadCountChange",function(i){S(i)}))})}},E=()=>{const e=[];if(n?.data?.isAdmin){const i=["Server","Addon","Pipeline"];e.push(...i)}else s?.disableChangelog||e.push("Highlights");const r=window;return typeof r.Featurebase=="function"&&r.Featurebase("init_changelog_widget",{organization:"ayon",dropdown:{enabled:!0},popup:{enabled:!0,usersName:n?.attrib?.fullName,autoOpenForNewUpdates:!0},category:e,theme:"dark"}),!1},M=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_feedback_widget",{organization:"ayon",theme:"dark",metadata:{}},r=>{r&&console.error("Error initializing feedback widget:",r)}),!1},P=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_portal_widget",{organization:"ayon",fullScreen:!0,initialPage:"MainView"},r=>r?(console.error("Error initializing portal widget:",r),!1):!0),!1},x=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_survey_widget",{organization:"ayon",placement:"bottom-right",theme:"dark",email:n?.attrib?.email,featurebaseJwt:u?.data?.featurebaseJwt,locale:"en"},r=>{r?console.error("Error initializing survey widget:",r):console.log("Survey widget initialized successfully")}),!1};a.useEffect(()=>{n?.name&&s&&(s.disableFeedback||t||(F(),m(),E(),M(),P()))},[n?.name,t,s]);const[b,V]=a.useState(!1);a.useEffect(()=>{!n?.name||!d||!u||!t||b||(k(),x(),V(!0))},[n?.name,d?.instanceId,u?.available,t,window.location.pathname,b]),a.useEffect(()=>{f||!t||C()},[u,f,t]);const _=()=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"openFeedbackWidget"}})},I=(e="MainView",r)=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"changePage",payload:e,openWidget:!0,...r&&{articleId:r}}})},[l,q]=a.useState(!1),g=document.getElementById("fb-messenger-root"),L=e=>g instanceof HTMLElement&&(g.style.display=e?"block":"none");a.useEffect(()=>{!t||!o||L(l)},[t,o,l]),a.useEffect(()=>{if(!t||!o)return;const e=window;typeof e.Featurebase=="function"&&e.Featurebase("onHide",function(){q(!1)})},[t,o]);const W=(e="Home",r)=>{const i=window;if(typeof i.Featurebase!="function"){window.alert("Featurebase SDK is not loaded yet. Please try again later."),console.warn("Featurebase SDK is not loaded yet.");return}if(l){i.Featurebase("hide"),q(!1);return}switch(q(!0),e){case"Home":i.Featurebase("show");break;case"Messages":i.Featurebase("show","messages");break;case"Changelog":i.Featurebase("show","changelog");break;case"Help":i.Featurebase("show","help");break;case"ShowArticle":r?i.Featurebase("showArticle",r):i.Featurebase("show","help");break;case"NewMessage":i.Featurebase("showNewMessage",r);break;default:i.Featurebase("show");break}};return j.jsxRuntimeExports.jsx(w.Provider,{value:{openSupport:W,openFeedback:_,openPortal:I,messengerLoaded:o,unreadCount:z,messengerVisibility:l,setMessengerVisibility:q,loaded:t},children:c})},D=()=>{const c=a.useContext(w);if(!c)throw new Error("useFeedback must be used within a FeedbackProvider");return c};exports.FeedbackProvider=A;exports.useFeedback=D;
 //# sourceMappingURL=FeedbackContext.cjs.js.map