@ynput/ayon-frontend-shared 0.2.34 → 0.2.36

package/dist/shared/src/components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),n=require("styled-components"),E=require("@ynput/ayon-react-components"),o=require("@dnd-kit/core"),m=require("@dnd-kit/sortable"),O=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),g=[{value:"hero",label:"Hero",short:"Hero",icon:"star"},{value:"latestDone",label:"Latest Done",short:"Done",icon:"check_circle"},{value:"latest",label:"Latest",short:"Latest",icon:"fiber_new"}],w=g.map(r=>r.value),T=({id:r,label:v})=>{const{attributes:c,listeners:d,setNodeRef:h,transform:s,transition:j,isDragging:f}=m.useSortable({id:r}),u={transform:O.CSS.Transform.toString(s),transition:j};return e.jsxRuntimeExports.jsx(F,{ref:h,style:u,className:f?"dragging":"",...c,...d,children:e.jsxRuntimeExports.jsxs(y,{children:[e.jsxRuntimeExports.jsx(S,{children:e.jsxRuntimeExports.jsx(E.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(D,{children:v})]})})},R=({value:r,onChange:v})=>{const[c,d]=b.useState(null),h=o.useSensors(o.useSensor(o.PointerSensor,{activationConstraint:{distance:5}})),s=b.useMemo(()=>{const t=[...g];return r.length>0&&t.sort((x,i)=>{const a=r.indexOf(x.value),l=r.indexOf(i.value);return a===-1?1:l===-1?-1:a-l}),t},[r]),j=t=>{d(t.active.id)},f=t=>{const{active:x,over:i}=t;if(i&&x.id!==i.id){const a=s.findIndex(p=>p.value===x.id),l=s.findIndex(p=>p.value===i.id);if(a!==-1&&l!==-1){const I=m.arrayMove(s,a,l).map(_=>_.value);v(I)}}d(null)},u=c?g.find(t=>t.value===c):null;return e.jsxRuntimeExports.jsxs(C,{children:[e.jsxRuntimeExports.jsxs(L,{children:[e.jsxRuntimeExports.jsx("span",{className:"label",children:"Product's featured version priority"}),e.jsxRuntimeExports.jsx(E.Icon,{icon:"info","data-tooltip":"Choose which version will be displayed on the product card. The first available from the list will be used.","data-tooltip-delay":0})]}),e.jsxRuntimeExports.jsxs(o.DndContext,{sensors:h,collisionDetection:o.closestCenter,onDragStart:j,onDragEnd:f,children:[e.jsxRuntimeExports.jsx(m.SortableContext,{items:s.map(t=>t.value),strategy:m.verticalListSortingStrategy,children:e.jsxRuntimeExports.jsx(A,{children:s.map(t=>e.jsxRuntimeExports.jsx(T,{id:t.value,label:t.label},t.value))})}),e.jsxRuntimeExports.jsx(o.DragOverlay,{children:u&&e.jsxRuntimeExports.jsxs(y,{className:"overlay",children:[e.jsxRuntimeExports.jsx(S,{children:e.jsxRuntimeExports.jsx(E.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(D,{children:u.label})]})})]})]})},C=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`,A=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`,F=n.div`
+  &.dragging {
+    opacity: 0;
+  }
+`,y=n.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  border-radius: var(--border-radius-m);
+  padding: 2px;
+  padding-left: 8px;
+  height: 32px;
+  cursor: grab;
+  user-select: none;
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &.overlay {
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+`,S=n.div`
+  display: flex;
+  align-items: center;
+  color: var(--md-sys-color-outline);
+`,D=n.span`
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+`,L=n.div`
+  color: var(--md-sys-color-outline);
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  width: 100%;
+
+  .label {
+    font-weight: 500;
+    margin-right: 8px;
+  }
+  .icon {
+    cursor: pointer;
+  }
+`;exports.DEFAULT_FEATURED_ORDER=w;exports.FEATURED_VERSION_TYPES=g;exports.FeaturedVersionOrder=R;exports.default=R;
+//# sourceMappingURL=FeaturedVersionOrder.cjs.js.map

package/dist/shared/src/components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedVersionOrder.cjs.js","sources":["../../../../../src/components/FeaturedVersionOrder/FeaturedVersionOrder.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport {\n  DndContext,\n  closestCenter,\n  DragEndEvent,\n  useSensor,\n  useSensors,\n  PointerSensor,\n  DragOverlay,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\n// options and default order\nexport const FEATURED_VERSION_TYPES = [\n  { value: 'hero', label: 'Hero', short: 'Hero', icon: 'star' },\n  { value: 'latestDone', label: 'Latest Done', short: 'Done', icon: 'check_circle' },\n  { value: 'latest', label: 'Latest', short: 'Latest', icon: 'fiber_new' },\n]\nexport const DEFAULT_FEATURED_ORDER = FEATURED_VERSION_TYPES.map((option) => option.value)\n\ninterface FeaturedVersionOrderProps {\n  value: string[]\n  onChange: (value: string[]) => void\n}\n\ninterface SortableItemProps {\n  id: string\n  label: string\n}\n\nconst SortableItem: FC<SortableItemProps> = ({ id, label }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      {...attributes}\n      {...listeners}\n    >\n      <ItemContent>\n        <DragHandle>\n          <Icon icon=\"drag_indicator\" />\n        </DragHandle>\n        <ItemLabel>{label}</ItemLabel>\n      </ItemContent>\n    </SortableItemWrapper>\n  )\n}\n\nexport const FeaturedVersionOrder: FC<FeaturedVersionOrderProps> = ({ value, onChange }) => {\n  const [activeId, setActiveId] = useState<string | null>(null)\n\n  // Setup sensors for dnd-kit\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n  )\n\n  // Sort TYPE_OPTIONS based on the value array order\n  const orderedOptions = useMemo(() => {\n    const optionsCopy = [...FEATURED_VERSION_TYPES]\n\n    if (value.length > 0) {\n      optionsCopy.sort((a, b) => {\n        const indexA = value.indexOf(a.value)\n        const indexB = value.indexOf(b.value)\n\n        // If item is not in value array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return optionsCopy\n  }, [value])\n\n  const handleDragStart = (event: any) => {\n    setActiveId(event.active.id)\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const oldIndex = orderedOptions.findIndex((option) => option.value === active.id)\n      const newIndex = orderedOptions.findIndex((option) => option.value === over.id)\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        const newOrder = arrayMove(orderedOptions, oldIndex, newIndex)\n        const newValue = newOrder.map((option) => option.value)\n        onChange(newValue)\n      }\n    }\n\n    setActiveId(null)\n  }\n\n  // Find the active option for the drag overlay\n  const activeOption = activeId\n    ? FEATURED_VERSION_TYPES.find((option) => option.value === activeId)\n    : null\n\n  return (\n    <Container>\n      <InfoHeader>\n        <span className=\"label\">Product's featured version priority</span>\n        <Icon\n          icon=\"info\"\n          data-tooltip={\n            'Choose which version will be displayed on the product card. The first available from the list will be used.'\n          }\n          data-tooltip-delay={0}\n        />\n      </InfoHeader>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={orderedOptions.map((option) => option.value)}\n          strategy={verticalListSortingStrategy}\n        >\n          <ItemsList>\n            {orderedOptions.map((option) => (\n              <SortableItem key={option.value} id={option.value} label={option.label} />\n            ))}\n          </ItemsList>\n        </SortableContext>\n\n        <DragOverlay>\n          {activeOption && (\n            <ItemContent className=\"overlay\">\n              <DragHandle>\n                <Icon icon=\"drag_indicator\" />\n              </DragHandle>\n              <ItemLabel>{activeOption.label}</ItemLabel>\n            </ItemContent>\n          )}\n        </DragOverlay>\n      </DndContext>\n    </Container>\n  )\n}\n\n// Styled components\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst ItemsList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    opacity: 0;\n  }\n`\n\nconst ItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  cursor: grab;\n  user-select: none;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`\n\nconst DragHandle = styled.div`\n  display: flex;\n  align-items: center;\n  color: var(--md-sys-color-outline);\n`\n\nconst ItemLabel = styled.span`\n  font-weight: 500;\n  color: var(--md-sys-color-on-surface);\n`\n\nconst InfoHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  width: 100%;\n\n  .label {\n    font-weight: 500;\n    margin-right: 8px;\n  }\n  .icon {\n    cursor: pointer;\n  }\n`\n\nexport default FeaturedVersionOrder\n"],"names":["FEATURED_VERSION_TYPES","DEFAULT_FEATURED_ORDER","option","SortableItem","id","label","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ItemContent","DragHandle","Icon","ItemLabel","FeaturedVersionOrder","value","onChange","activeId","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","orderedOptions","useMemo","optionsCopy","a","b","indexA","indexB","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","newValue","arrayMove","activeOption","Container","jsxs","InfoHeader","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ItemsList","DragOverlay","styled"],"mappings":"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"}

package/dist/shared/src/components/FeaturedVersionOrder/FeaturedVersionOrder.es.js

@@ -0,0 +1,158 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as I, useMemo as w } from "react";
+import n from "styled-components";
+import { Icon as v } from "@ynput/ayon-react-components";
+import { useSensors as E, useSensor as O, PointerSensor as C, DndContext as _, closestCenter as L, DragOverlay as R } from "@dnd-kit/core";
+import { SortableContext as T, verticalListSortingStrategy as A, arrayMove as N, useSortable as F } from "@dnd-kit/sortable";
+import { CSS as H } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+const h = [
+  { value: "hero", label: "Hero", short: "Hero", icon: "star" },
+  { value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
+  { value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
+], K = h.map((t) => t.value), k = ({ id: t, label: g }) => {
+  const { attributes: l, listeners: c, setNodeRef: p, transform: o, transition: x, isDragging: f } = F({
+    id: t
+  }), d = {
+    transform: H.Transform.toString(o),
+    transition: x
+  };
+  return /* @__PURE__ */ e.jsx(
+    V,
+    {
+      ref: p,
+      style: d,
+      className: f ? "dragging" : "",
+      ...l,
+      ...c,
+      children: /* @__PURE__ */ e.jsxs(b, { children: [
+        /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(v, { icon: "drag_indicator" }) }),
+        /* @__PURE__ */ e.jsx(j, { children: g })
+      ] })
+    }
+  );
+}, Q = ({ value: t, onChange: g }) => {
+  const [l, c] = I(null), p = E(
+    O(C, {
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  ), o = w(() => {
+    const r = [...h];
+    return t.length > 0 && r.sort((m, s) => {
+      const a = t.indexOf(m.value), i = t.indexOf(s.value);
+      return a === -1 ? 1 : i === -1 ? -1 : a - i;
+    }), r;
+  }, [t]), x = (r) => {
+    c(r.active.id);
+  }, f = (r) => {
+    const { active: m, over: s } = r;
+    if (s && m.id !== s.id) {
+      const a = o.findIndex((u) => u.value === m.id), i = o.findIndex((u) => u.value === s.id);
+      if (a !== -1 && i !== -1) {
+        const S = N(o, a, i).map((D) => D.value);
+        g(S);
+      }
+    }
+    c(null);
+  }, d = l ? h.find((r) => r.value === l) : null;
+  return /* @__PURE__ */ e.jsxs(P, { children: [
+    /* @__PURE__ */ e.jsxs(M, { children: [
+      /* @__PURE__ */ e.jsx("span", { className: "label", children: "Product's featured version priority" }),
+      /* @__PURE__ */ e.jsx(
+        v,
+        {
+          icon: "info",
+          "data-tooltip": "Choose which version will be displayed on the product card. The first available from the list will be used.",
+          "data-tooltip-delay": 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      _,
+      {
+        sensors: p,
+        collisionDetection: L,
+        onDragStart: x,
+        onDragEnd: f,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            T,
+            {
+              items: o.map((r) => r.value),
+              strategy: A,
+              children: /* @__PURE__ */ e.jsx(U, { children: o.map((r) => /* @__PURE__ */ e.jsx(k, { id: r.value, label: r.label }, r.value)) })
+            }
+          ),
+          /* @__PURE__ */ e.jsx(R, { children: d && /* @__PURE__ */ e.jsxs(b, { className: "overlay", children: [
+            /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(v, { icon: "drag_indicator" }) }),
+            /* @__PURE__ */ e.jsx(j, { children: d.label })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}, P = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`, U = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+`, V = n.div`
+  &.dragging {
+    opacity: 0;
+  }
+`, b = n.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  border-radius: var(--border-radius-m);
+  padding: 2px;
+  padding-left: 8px;
+  height: 32px;
+  cursor: grab;
+  user-select: none;
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &.overlay {
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+`, y = n.div`
+  display: flex;
+  align-items: center;
+  color: var(--md-sys-color-outline);
+`, j = n.span`
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+`, M = n.div`
+  color: var(--md-sys-color-outline);
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  width: 100%;
+
+  .label {
+    font-weight: 500;
+    margin-right: 8px;
+  }
+  .icon {
+    cursor: pointer;
+  }
+`;
+export {
+  K as DEFAULT_FEATURED_ORDER,
+  h as FEATURED_VERSION_TYPES,
+  Q as FeaturedVersionOrder,
+  Q as default
+};
+//# sourceMappingURL=FeaturedVersionOrder.es.js.map

package/dist/shared/src/components/FeaturedVersionOrder/FeaturedVersionOrder.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedVersionOrder.es.js","sources":["../../../../../src/components/FeaturedVersionOrder/FeaturedVersionOrder.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport {\n  DndContext,\n  closestCenter,\n  DragEndEvent,\n  useSensor,\n  useSensors,\n  PointerSensor,\n  DragOverlay,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n  useSortable,\n  arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\n// options and default order\nexport const FEATURED_VERSION_TYPES = [\n  { value: 'hero', label: 'Hero', short: 'Hero', icon: 'star' },\n  { value: 'latestDone', label: 'Latest Done', short: 'Done', icon: 'check_circle' },\n  { value: 'latest', label: 'Latest', short: 'Latest', icon: 'fiber_new' },\n]\nexport const DEFAULT_FEATURED_ORDER = FEATURED_VERSION_TYPES.map((option) => option.value)\n\ninterface FeaturedVersionOrderProps {\n  value: string[]\n  onChange: (value: string[]) => void\n}\n\ninterface SortableItemProps {\n  id: string\n  label: string\n}\n\nconst SortableItem: FC<SortableItemProps> = ({ id, label }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      {...attributes}\n      {...listeners}\n    >\n      <ItemContent>\n        <DragHandle>\n          <Icon icon=\"drag_indicator\" />\n        </DragHandle>\n        <ItemLabel>{label}</ItemLabel>\n      </ItemContent>\n    </SortableItemWrapper>\n  )\n}\n\nexport const FeaturedVersionOrder: FC<FeaturedVersionOrderProps> = ({ value, onChange }) => {\n  const [activeId, setActiveId] = useState<string | null>(null)\n\n  // Setup sensors for dnd-kit\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n  )\n\n  // Sort TYPE_OPTIONS based on the value array order\n  const orderedOptions = useMemo(() => {\n    const optionsCopy = [...FEATURED_VERSION_TYPES]\n\n    if (value.length > 0) {\n      optionsCopy.sort((a, b) => {\n        const indexA = value.indexOf(a.value)\n        const indexB = value.indexOf(b.value)\n\n        // If item is not in value array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return optionsCopy\n  }, [value])\n\n  const handleDragStart = (event: any) => {\n    setActiveId(event.active.id)\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const oldIndex = orderedOptions.findIndex((option) => option.value === active.id)\n      const newIndex = orderedOptions.findIndex((option) => option.value === over.id)\n\n      if (oldIndex !== -1 && newIndex !== -1) {\n        const newOrder = arrayMove(orderedOptions, oldIndex, newIndex)\n        const newValue = newOrder.map((option) => option.value)\n        onChange(newValue)\n      }\n    }\n\n    setActiveId(null)\n  }\n\n  // Find the active option for the drag overlay\n  const activeOption = activeId\n    ? FEATURED_VERSION_TYPES.find((option) => option.value === activeId)\n    : null\n\n  return (\n    <Container>\n      <InfoHeader>\n        <span className=\"label\">Product's featured version priority</span>\n        <Icon\n          icon=\"info\"\n          data-tooltip={\n            'Choose which version will be displayed on the product card. The first available from the list will be used.'\n          }\n          data-tooltip-delay={0}\n        />\n      </InfoHeader>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={orderedOptions.map((option) => option.value)}\n          strategy={verticalListSortingStrategy}\n        >\n          <ItemsList>\n            {orderedOptions.map((option) => (\n              <SortableItem key={option.value} id={option.value} label={option.label} />\n            ))}\n          </ItemsList>\n        </SortableContext>\n\n        <DragOverlay>\n          {activeOption && (\n            <ItemContent className=\"overlay\">\n              <DragHandle>\n                <Icon icon=\"drag_indicator\" />\n              </DragHandle>\n              <ItemLabel>{activeOption.label}</ItemLabel>\n            </ItemContent>\n          )}\n        </DragOverlay>\n      </DndContext>\n    </Container>\n  )\n}\n\n// Styled components\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst ItemsList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    opacity: 0;\n  }\n`\n\nconst ItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  cursor: grab;\n  user-select: none;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`\n\nconst DragHandle = styled.div`\n  display: flex;\n  align-items: center;\n  color: var(--md-sys-color-outline);\n`\n\nconst ItemLabel = styled.span`\n  font-weight: 500;\n  color: var(--md-sys-color-on-surface);\n`\n\nconst InfoHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  display: flex;\n  align-items: center;\n  padding: 4px 0;\n  width: 100%;\n\n  .label {\n    font-weight: 500;\n    margin-right: 8px;\n  }\n  .icon {\n    cursor: pointer;\n  }\n`\n\nexport default FeaturedVersionOrder\n"],"names":["FEATURED_VERSION_TYPES","DEFAULT_FEATURED_ORDER","option","SortableItem","id","label","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ItemContent","DragHandle","Icon","ItemLabel","FeaturedVersionOrder","value","onChange","activeId","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","orderedOptions","useMemo","optionsCopy","a","b","indexA","indexB","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","newValue","arrayMove","activeOption","Container","jsxs","InfoHeader","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ItemsList","DragOverlay","styled"],"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 G=require("../../../../_virtual/jsx-runtime.cjs.js"),O=require("lodash"),o=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/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 y=require("../../api/queries/cloud/cloud.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");const Q=require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const j=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");const k=o.createContext(void 0),R=({children:q})=>{var m,h;const[n,S]=o.useState(!1),{data:r}=j.useGetCurrentUserQuery(),{data:u}=Q.useGetSiteInfoQuery({full:!0},{skip:!(r!=null&&r.name)}),{data:d}=y.useGetYnputCloudInfoQuery(void 0,{skip:!(r!=null&&r.name)}),{data:a,isLoading:p}=y.useGetFeedbackVerificationQuery(void 0,{skip:!(r!=null&&r.name)||!d}),C=()=>{if(!n){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),S(!0)}},E=()=>{const e=window;typeof e.Featurebase!="function"&&(e.Featurebase=function(){(e.Featurebase.q=e.Featurebase.q||[]).push(arguments)})},z=((m=u==null?void 0:u.version)==null?void 0:m.split("+")[0])||"unknown",M=((h=u==null?void 0:u.version)==null?void 0:h.split("+")[1])||"unknown",P=()=>{if(!(r!=null&&r.name)||!a)return;const e=O.cloneDeep(a),t=s=>{Object.keys(s).forEach(c=>{s[c]&&typeof s[c]=="object"?t(s[c]):(s[c]===void 0||s[c]===null)&&delete s[c]})};t(e);const i={...e,customFields:{origin:window.location.origin,serverVersion:z,frontendVersion:M,instanceId:d==null?void 0:d.instanceId}};console.log(i),window.Featurebase("identify",i,s=>{s?console.error(s):console.log("Featurebase identify completed")})},[l,H]=o.useState(!1),[v,x]=o.useState(0),V=()=>{const e=window;typeof e.Featurebase=="function"&&(console.log("Initializing Featurebase messenger widget"),e.Featurebase("boot",{appId:"67b76a31b8a7a2f3181da4ba",email:a==null?void 0:a.email,theme:"dark",userId:a==null?void 0:a.userId,userHash:a==null?void 0:a.userHash},t=>{t?console.error(t):(console.log("Featurebase messenger completed"),H(!0),e.Featurebase("onUnreadCountChange",function(i){x(i)}))}))},L=()=>{var i,g;const e=[];if((i=r==null?void 0:r.data)!=null&&i.isAdmin){const s=["Server","Addon","Pipeline"];e.push(...s)}else u!=null&&u.disableChangelog||e.push("Highlights");const t=window;return typeof t.Featurebase=="function"&&t.Featurebase("init_changelog_widget",{organization:"ayon",dropdown:{enabled:!0},popup:{enabled:!0,usersName:(g=r==null?void 0:r.attrib)==null?void 0:g.fullName,autoOpenForNewUpdates:!0},category:e,theme:"dark"}),!1},D=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_feedback_widget",{organization:"ayon",theme:"dark",metadata:{}},t=>{t&&console.error("Error initializing feedback widget:",t)}),!1},U=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_portal_widget",{organization:"ayon",fullScreen:!0,initialPage:"MainView"},t=>t?(console.error("Error initializing portal widget:",t),!1):!0),!1};o.useEffect(()=>{r!=null&&r.name&&u&&(n||(C(),E(),L(),D(),U()))},[r==null?void 0:r.name,n,u]);const[w,W]=o.useState(!1);o.useEffect(()=>{!(r!=null&&r.name)||!d||!a||!n||w||(P(),W(!0))},[r==null?void 0:r.name,d==null?void 0:d.instanceId,a==null?void 0:a.userHash,n,window.location.pathname,w]),o.useEffect(()=>{p||!n||V()},[a,p,n]);const _=()=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"openFeedbackWidget"}})},I=(e="MainView",t)=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"changePage",payload:e,openWidget:!0,...t&&{articleId:t}}})},[f,b]=o.useState(!1),F=document.getElementById("fb-messenger-root"),N=e=>F instanceof HTMLElement&&(F.style.display=e?"block":"none");o.useEffect(()=>{!n||!l||N(f)},[n,l,f]),o.useEffect(()=>{if(!n||!l)return;const e=window;typeof e.Featurebase=="function"&&e.Featurebase("onHide",function(){b(!1)})},[n,l]);const A=(e="Home",t)=>{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(f){i.Featurebase("hide"),b(!1);return}switch(b(!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":t?i.Featurebase("showArticle",t):i.Featurebase("show","help");break;case"NewMessage":i.Featurebase("showNewMessage",t);break;default:i.Featurebase("show");break}};return G.jsxRuntimeExports.jsx(k.Provider,{value:{openSupport:A,openFeedback:_,openPortal:I,messengerLoaded:l,unreadCount:v,messengerVisibility:f,setMessengerVisibility:b,loaded:n},children:q})},K=()=>{const q=o.useContext(k);if(!q)throw new Error("useFeedback must be used within a FeedbackProvider");return q};exports.FeedbackProvider=R;exports.useFeedback=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("../../../../_virtual/jsx-runtime.cjs.js"),O=require("lodash"),o=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/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 y=require("../../api/queries/cloud/cloud.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/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");const Q=require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const j=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");const k=o.createContext(void 0),R=({children:q})=>{var m,h;const[n,S]=o.useState(!1),{data:r}=j.useGetCurrentUserQuery(),{data:u}=Q.useGetSiteInfoQuery({full:!0},{skip:!(r!=null&&r.name)}),{data:d}=y.useGetYnputCloudInfoQuery(void 0,{skip:!(r!=null&&r.name)}),{data:a,isLoading:p}=y.useGetFeedbackVerificationQuery(void 0,{skip:!(r!=null&&r.name)||!d}),C=()=>{if(!n){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),S(!0)}},E=()=>{const e=window;typeof e.Featurebase!="function"&&(e.Featurebase=function(){(e.Featurebase.q=e.Featurebase.q||[]).push(arguments)})},z=((m=u==null?void 0:u.version)==null?void 0:m.split("+")[0])||"unknown",M=((h=u==null?void 0:u.version)==null?void 0:h.split("+")[1])||"unknown",P=()=>{if(!(r!=null&&r.name)||!a)return;const e=O.cloneDeep(a),t=s=>{Object.keys(s).forEach(c=>{s[c]&&typeof s[c]=="object"?t(s[c]):(s[c]===void 0||s[c]===null)&&delete s[c]})};t(e);const i={...e,customFields:{origin:window.location.origin,serverVersion:z,frontendVersion:M,instanceId:d==null?void 0:d.instanceId}};console.log(i),window.Featurebase("identify",i,s=>{s?console.error(s):console.log("Featurebase identify completed")})},[l,H]=o.useState(!1),[v,x]=o.useState(0),V=()=>{const e=window;typeof e.Featurebase=="function"&&(console.log("Initializing Featurebase messenger widget"),e.Featurebase("boot",{appId:"67b76a31b8a7a2f3181da4ba",email:a==null?void 0:a.email,theme:"dark",userId:a==null?void 0:a.userId,userHash:a==null?void 0:a.userHash},t=>{t?console.error(t):(console.log("Featurebase messenger completed"),H(!0),e.Featurebase("onUnreadCountChange",function(i){x(i)}))}))},L=()=>{var i,g;const e=[];if((i=r==null?void 0:r.data)!=null&&i.isAdmin){const s=["Server","Addon","Pipeline"];e.push(...s)}else u!=null&&u.disableChangelog||e.push("Highlights");const t=window;return typeof t.Featurebase=="function"&&t.Featurebase("init_changelog_widget",{organization:"ayon",dropdown:{enabled:!0},popup:{enabled:!0,usersName:(g=r==null?void 0:r.attrib)==null?void 0:g.fullName,autoOpenForNewUpdates:!0},category:e,theme:"dark"}),!1},D=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_feedback_widget",{organization:"ayon",theme:"dark",metadata:{}},t=>{t&&console.error("Error initializing feedback widget:",t)}),!1},U=()=>{const e=window;return typeof e.Featurebase=="function"&&e.Featurebase("initialize_portal_widget",{organization:"ayon",fullScreen:!0,initialPage:"MainView"},t=>t?(console.error("Error initializing portal widget:",t),!1):!0),!1};o.useEffect(()=>{r!=null&&r.name&&u&&(n||(C(),E(),L(),D(),U()))},[r==null?void 0:r.name,n,u]);const[w,W]=o.useState(!1);o.useEffect(()=>{!(r!=null&&r.name)||!d||!a||!n||w||(P(),W(!0))},[r==null?void 0:r.name,d==null?void 0:d.instanceId,a==null?void 0:a.userHash,n,window.location.pathname,w]),o.useEffect(()=>{p||!n||V()},[a,p,n]);const _=()=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"openFeedbackWidget"}})},I=(e="MainView",t)=>{window.postMessage({target:"FeaturebaseWidget",data:{action:"changePage",payload:e,openWidget:!0,...t&&{articleId:t}}})},[f,b]=o.useState(!1),F=document.getElementById("fb-messenger-root"),N=e=>F instanceof HTMLElement&&(F.style.display=e?"block":"none");o.useEffect(()=>{!n||!l||N(f)},[n,l,f]),o.useEffect(()=>{if(!n||!l)return;const e=window;typeof e.Featurebase=="function"&&e.Featurebase("onHide",function(){b(!1)})},[n,l]);const A=(e="Home",t)=>{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(f){i.Featurebase("hide"),b(!1);return}switch(b(!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":t?i.Featurebase("showArticle",t):i.Featurebase("show","help");break;case"NewMessage":i.Featurebase("showNewMessage",t);break;default:i.Featurebase("show");break}};return G.jsxRuntimeExports.jsx(k.Provider,{value:{openSupport:A,openFeedback:_,openPortal:I,messengerLoaded:l,unreadCount:v,messengerVisibility:f,setMessengerVisibility:b,loaded:n},children:q})},K=()=>{const q=o.useContext(k);if(!q)throw new Error("useFeedback must be used within a FeedbackProvider");return q};exports.FeedbackProvider=R;exports.useFeedback=K;
 //# sourceMappingURL=FeedbackContext.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackContext.cjs.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","user","useGetCurrentUserQuery","siteInfo","useGetSiteInfoQuery","connect","useGetYnputCloudInfoQuery","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","_a","frontendVersion","_b","identifyUser","verificationData","cloneDeep","cleanObject","obj","key","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}
+{"version":3,"file":"FeedbackContext.cjs.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","user","useGetCurrentUserQuery","siteInfo","useGetSiteInfoQuery","connect","useGetYnputCloudInfoQuery","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","_a","frontendVersion","_b","identifyUser","verificationData","cloneDeep","cleanObject","obj","key","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}

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

@@ -66,6 +66,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -82,7 +83,7 @@ import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
-const C = j(void 0), St = ({ children: l }) => {
+const C = j(void 0), Et = ({ children: l }) => {
   var y, k;
   const [a, z] = c(!1), { data: t } = T(), { data: s } = R({ full: !0 }, { skip: !(t != null && t.name) }), { data: p } = K(void 0, { skip: !(t != null && t.name) }), { data: r, isLoading: w } = B(
     void 0,
@@ -277,14 +278,14 @@ const C = j(void 0), St = ({ children: l }) => {
       children: l
     }
   );
-}, Et = () => {
+}, Ht = () => {
   const l = q(C);
   if (!l)
     throw new Error("useFeedback must be used within a FeedbackProvider");
   return l;
 };
 export {
-  St as FeedbackProvider,
-  Et as useFeedback
+  Et as FeedbackProvider,
+  Ht as useFeedback
 };
 //# sourceMappingURL=FeedbackContext.es.js.map

package/dist/shared/src/components/Feedback/FeedbackContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","user","useGetCurrentUserQuery","siteInfo","useGetSiteInfoQuery","connect","useGetYnputCloudInfoQuery","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","_a","frontendVersion","_b","identifyUser","verificationData","cloneDeep","cleanObject","obj","key","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}
+{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name || !connect,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !connect || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","user","useGetCurrentUserQuery","siteInfo","useGetSiteInfoQuery","connect","useGetYnputCloudInfoQuery","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","_a","frontendVersion","_b","identifyUser","verificationData","cloneDeep","cleanObject","obj","key","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAkBC,EAA+C,MAAS,GAMnEC,KAAoD,CAAC,EAAE,UAAAC,QAAe;;AACjF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,EAAE,MAAMC,EAAK,IAAIC,EAAuB,GACxC,EAAE,MAAMC,EAAS,IAAIC,EAAoB,EAAE,MAAM,GAAK,GAAG,EAAE,MAAM,EAACH,KAAA,QAAAA,EAAM,OAAM,GAC9E,EAAE,MAAMI,EAAA,IAAYC,EAA0B,QAAW,EAAE,MAAM,EAACL,KAAA,QAAAA,EAAM,OAAM,GAC9E,EAAE,MAAMM,GAAc,WAAWC,EAA0B,IAAAC;AAAA,IAC/D;AAAA,IACA;AAAA,MACE,MAAM,EAACR,KAAA,QAAAA,EAAM,SAAQ,CAACI;AAAA,IAAA;AAAA,EAE1B,GAEMK,IAAa,MAAM;AACvB,QAAI,CAACZ,GAAc;AACX,YAAAa,IAAS,SAAS,cAAc,QAAQ;AAC9C,MAAAA,EAAO,MAAM,wCACbA,EAAO,KAAK,mBACZA,EAAO,QAAQ,IACN,SAAA,KAAK,YAAYA,CAAM,GAChCZ,EAAgB,EAAI;AAAA,IAAA;AAAA,EAExB,GAEMa,IAAa,MAAM;AAEvB,UAAMC,IAAM;AACR,IAAA,OAAOA,EAAI,eAAgB,eAC7BA,EAAI,cAAc,WAAY;AAC1B,OAAAA,EAAI,YAAY,IAAIA,EAAI,YAAY,KAAK,CAAA,GAAI,KAAK,SAAS;AAAA,IAC/D;AAAA,EAEJ,GAEMC,MAAgBC,IAAAZ,KAAA,gBAAAA,EAAU,YAAV,gBAAAY,EAAmB,MAAM,KAAK,OAAM,WACpDC,MAAkBC,IAAAd,KAAA,gBAAAA,EAAU,YAAV,gBAAAc,EAAmB,MAAM,KAAK,OAAM,WAEtDC,IAAe,MAAM;AACzB,QAAI,EAACjB,KAAA,QAAAA,EAAM,SAAQ,CAACM,EAAc;AAC5B,UAAAY,IAAmBC,EAAUb,CAAY,GAEzCc,IAAc,CAACC,MAAa;AAChC,aAAO,KAAKA,CAAG,EAAE,QAAQ,CAACC,MAAQ;AAChC,QAAID,EAAIC,CAAG,KAAK,OAAOD,EAAIC,CAAG,KAAM,WACtBF,EAAAC,EAAIC,CAAG,CAAC,KACXD,EAAIC,CAAG,MAAM,UAAaD,EAAIC,CAAG,MAAM,SAChD,OAAOD,EAAIC,CAAG;AAAA,MAChB,CACD;AAAA,IACH;AAEA,IAAAF,EAAYF,CAAgB;AAE5B,UAAMK,IAAe;AAAA,MACnB,GAAGL;AAAA,MACH,cAAc;AAAA,QACZ,QAAQ,OAAO,SAAS;AAAA,QACxB,eAAAL;AAAA,QACA,iBAAAE;AAAA,QACA,YAAYX,KAAA,gBAAAA,EAAS;AAAA,MAAA;AAAA,IAEzB;AAEA,YAAQ,IAAImB,CAAY,GAEZ,OACR,YAAY,YAAYA,GAAc,CAACC,MAAa;AAEtD,MAAIA,IACF,QAAQ,MAAMA,CAAG,IAEjB,QAAQ,IAAI,gCAAgC;AAAA,IAC9C,CACD;AAAA,EACH,GAEM,CAACC,GAAiBC,CAAkB,IAAI3B,EAAS,EAAK,GACtD,CAAC4B,GAAaC,CAAc,IAAI7B,EAAS,CAAC,GAG1C8B,IAAsB,MAAY;AACtC,UAAMjB,IAAM;AACR,IAAA,OAAOA,EAAI,eAAgB,eAC7B,QAAQ,IAAI,2CAA2C,GACnDA,EAAA;AAAA,MACF;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAON,KAAA,gBAAAA,EAAc;AAAA,QACrB,OAAO;AAAA,QACP,QAAQA,KAAA,gBAAAA,EAAc;AAAA;AAAA,QACtB,UAAUA,KAAA,gBAAAA,EAAc;AAAA;AAAA,MAC1B;AAAA,MACA,CAACkB,MAAa;AAEZ,QAAIA,IACF,QAAQ,MAAMA,CAAG,KAEjB,QAAQ,IAAI,iCAAiC,GAC7CE,EAAmB,EAAI,GAGnBd,EAAA,YAAY,uBAAuB,SAAUe,GAAqB;AACpE,UAAAC,EAAeD,CAAW;AAAA,QAAA,CAC3B;AAAA,MACH;AAAA,IAEJ;AAAA,EAEJ,GAGMG,IAAsB,MAAe;;AAEzC,UAAMC,IAAuB,CAAC;AAE1B,SAAAjB,IAAAd,KAAA,gBAAAA,EAAM,SAAN,QAAAc,EAAY,SAAS;AAEvB,YAAMkB,IAAkB,CAAC,UAAU,SAAS,UAAU;AAC3C,MAAAD,EAAA,KAAK,GAAGC,CAAe;AAAA,IAAA,MACpC,CAAY9B,KAAA,QAAAA,EAAU,oBAGpB6B,EAAW,KAAK,YAAY;AAG9B,UAAMnB,IAAM;AACR,WAAA,OAAOA,EAAI,eAAgB,cAC7BA,EAAI,YAAY,yBAAyB;AAAA,MACvC,cAAc;AAAA,MACd,UAAU;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAWI,IAAAhB,KAAA,gBAAAA,EAAM,WAAN,gBAAAgB,EAAc;AAAA,QACzB,uBAAuB;AAAA,MACzB;AAAA,MACA,UAAUe;AAAA,MACV,OAAO;AAAA,IAAA,CACR,GAEI;AAAA,EACT,GAGME,IAA2B,MAAe;AAC9C,UAAMrB,IAAM;AACR,WAAA,OAAOA,EAAI,eAAgB,cACzBA,EAAA;AAAA,MACF;AAAA,MACA;AAAA,QACE,cAAc;AAAA,QACd,OAAO;AAAA,QACP,UAAU,CAAA;AAAA,MACZ;AAAA,MACA,CAACsB,MAAe;AACd,QAAIA,KACM,QAAA,MAAM,uCAAuCA,CAAK;AAAA,MAE5D;AAAA,IAEJ,GAEK;AAAA,EACT,GAGMC,IAAyB,MAAe;AAC5C,UAAMvB,IAAM;AACR,WAAA,OAAOA,EAAI,eAAgB,cACzBA,EAAA;AAAA,MACF;AAAA,MACA;AAAA,QACE,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,CAACsB,MACKA,KACM,QAAA,MAAM,qCAAqCA,CAAK,GACjD,MAEA;AAAA,IAGb,GAEK;AAAA,EACT;AAOA,EAAAE,EAAU,MAAM;AAIV,IAACpC,KAAA,QAAAA,EAAM,QACNE,MAGDL,MAGOY,EAAA,GAGAE,EAAA,GAGSmB,EAAA,GAGKG,EAAA,GAGFE,EAAA;AAAA,KACtB,CAACnC,KAAA,gBAAAA,EAAM,MAAMH,GAAcK,CAAQ,CAAC;AAEvC,QAAM,CAACmC,GAAYC,CAAa,IAAIvC,EAAS,EAAK;AAElD,EAAAqC,EAAU,MAAM;AAEV,IAAA,EAACpC,KAAA,QAAAA,EAAM,SAAQ,CAACI,KAAW,CAACE,KAAgB,CAACT,KAE7CwC,MAESpB,EAAA,GACbqB,EAAc,EAAI;AAAA,EAAA,GACjB;AAAA,IACDtC,KAAA,gBAAAA,EAAM;AAAA,IACNI,KAAA,gBAAAA,EAAS;AAAA,IACTE,KAAA,gBAAAA,EAAc;AAAA,IACdT;AAAA,IACA,OAAO,SAAS;AAAA,IAChBwC;AAAA,EAAA,CACD,GAIDD,EAAU,MAAM;AAEV,IAAA7B,KAAyB,CAACV,KAGVgC,EAAA;AAAA,EACnB,GAAA,CAACvB,GAAcC,GAAuBV,CAAY,CAAC;AAEtD,QAAM0C,IAAoD,MAAM;AAC9D,WAAO,YAAY;AAAA,MACjB,QAAQ;AAAA,MACR,MAAM;AAAA,QACJ,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AAAA,EACH,GAEMC,IAAa,CACjBC,IAMiB,YACjBC,MACG;AACH,WAAO,YAAY;AAAA,MACjB,QAAQ;AAAA,MACR,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,SAASD;AAAA,QACT,YAAY;AAAA,QACZ,GAAIC,KAAa,EAAE,WAAAA,EAAU;AAAA,MAAA;AAAA,IAC/B,CACD;AAAA,EACH,GAEM,CAACC,GAAqBC,CAAsB,IAAI7C,EAAS,EAAK,GAC9D8C,IAAiB,SAAS,eAAe,mBAAmB,GAE5DC,IAAoB,CAACC,MACzBF,aAA0B,gBACzBA,EAAe,MAAM,UAAUE,IAAO,UAAU;AAEnD,EAAAX,EAAU,MAAM;AACV,IAAA,CAACvC,KAAgB,CAAC4B,KACtBqB,EAAkBH,CAAmB;AAAA,EACpC,GAAA,CAAC9C,GAAc4B,GAAiBkB,CAAmB,CAAC,GAGvDP,EAAU,MAAM;AACV,QAAA,CAACvC,KAAgB,CAAC4B,EAAiB;AACvC,UAAMb,IAAM;AACR,IAAA,OAAOA,EAAI,eAAgB,cACzBA,EAAA,YAAY,UAAU,WAAY;AAEpC,MAAAgC,EAAuB,EAAK;AAAA,IAAA,CAC7B;AAAA,EACH,GACC,CAAC/C,GAAc4B,CAAe,CAAC;AAElC,QAAMuB,IAAkD,CAACP,IAAO,QAAQQ,MAAO;AAC7E,UAAMrC,IAAM;AACR,QAAA,OAAOA,EAAI,eAAgB,YAAY;AACzC,aAAO,MAAM,4DAA4D,GACzE,QAAQ,KAAK,oCAAoC;AACjD;AAAA,IAAA;AAGF,QAAI+B,GAAqB;AAEvB,MAAA/B,EAAI,YAAY,MAAM,GACtBgC,EAAuB,EAAK;AAC5B;AAAA,IAAA;AAMF,YAFAA,EAAuB,EAAI,GAEnBH,GAAM;AAAA,MACZ,KAAK;AAEH,QAAA7B,EAAI,YAAY,MAAM;AACtB;AAAA,MACF,KAAK;AAEC,QAAAA,EAAA,YAAY,QAAQ,UAAU;AAClC;AAAA,MACF,KAAK;AAEC,QAAAA,EAAA,YAAY,QAAQ,WAAW;AACnC;AAAA,MACF,KAAK;AAEC,QAAAA,EAAA,YAAY,QAAQ,MAAM;AAC9B;AAAA,MACF,KAAK;AAEH,QAAIqC,IAAIrC,EAAI,YAAY,eAAeqC,CAAE,IACpCrC,EAAI,YAAY,QAAQ,MAAM;AACnC;AAAA,MACF,KAAK;AAEC,QAAAA,EAAA,YAAY,kBAAkBqC,CAAE;AACpC;AAAA,MACF;AAEE,QAAArC,EAAI,YAAY,MAAM;AACtB;AAAA,IAAA;AAAA,EAEN;AAGE,SAAAsC,gBAAAA,EAAA;AAAA,IAACzD,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL,aAAAuD;AAAA,QACA,cAAAT;AAAA,QACA,YAAAC;AAAA,QACA,iBAAAf;AAAA,QACA,aAAAE;AAAA,QACA,qBAAAgB;AAAA,QACA,wBAAAC;AAAA,QACA,QAAQ/C;AAAA,MACV;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ,GAEauD,KAAc,MAA2B;AAC9C,QAAAC,IAAUC,EAAW5D,CAAe;AAC1C,MAAI,CAAC2D;AACG,UAAA,IAAI,MAAM,oDAAoD;AAE/D,SAAAA;AACT;"}

package/dist/shared/src/components/LegacyBadge/LegacyBadge.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),n=require("react"),i=n.forwardRef(({tooltip:e="This page will deprecated in a future version",...t},o)=>r.jsxRuntimeExports.jsx(a.Icon,{icon:"ad_off","data-tooltip":e,...t,ref:o}));exports.LegacyBadge=i;
+//# sourceMappingURL=LegacyBadge.cjs.js.map

package/dist/shared/src/components/LegacyBadge/LegacyBadge.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyBadge.cjs.js","sources":["../../../../../src/components/LegacyBadge/LegacyBadge.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\n\ninterface LegacyBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tooltip?: string\n}\n\nexport const LegacyBadge = forwardRef<HTMLSpanElement, LegacyBadgeProps>(\n  ({ tooltip = 'This page will deprecated in a future version', ...props }, ref) => {\n    return <Icon icon={'ad_off'} data-tooltip={tooltip} {...props} ref={ref} />\n  },\n)\n"],"names":["LegacyBadge","forwardRef","tooltip","props","ref","jsx","Icon"],"mappings":"wMAOaA,EAAcC,EAAA,WACzB,CAAC,CAAE,QAAAC,EAAU,gDAAiD,GAAGC,CAAA,EAASC,IACjEC,EAAA,kBAAA,IAACC,QAAK,KAAM,SAAU,eAAcJ,EAAU,GAAGC,EAAO,IAAAC,EAAU,CAE7E"}

package/dist/shared/src/components/LegacyBadge/LegacyBadge.es.js

@@ -0,0 +1,10 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { Icon as a } from "@ynput/ayon-react-components";
+import { forwardRef as i } from "react";
+const n = i(
+  ({ tooltip: o = "This page will deprecated in a future version", ...r }, t) => /* @__PURE__ */ e.jsx(a, { icon: "ad_off", "data-tooltip": o, ...r, ref: t })
+);
+export {
+  n as LegacyBadge
+};
+//# sourceMappingURL=LegacyBadge.es.js.map

package/dist/shared/src/components/LegacyBadge/LegacyBadge.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyBadge.es.js","sources":["../../../../../src/components/LegacyBadge/LegacyBadge.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\n\ninterface LegacyBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tooltip?: string\n}\n\nexport const LegacyBadge = forwardRef<HTMLSpanElement, LegacyBadgeProps>(\n  ({ tooltip = 'This page will deprecated in a future version', ...props }, ref) => {\n    return <Icon icon={'ad_off'} data-tooltip={tooltip} {...props} ref={ref} />\n  },\n)\n"],"names":["LegacyBadge","forwardRef","tooltip","props","ref","jsx","Icon"],"mappings":";;;AAOO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,SAAAC,IAAU,iDAAiD,GAAGC,EAAA,GAASC,MACjEC,gBAAAA,EAAA,IAACC,KAAK,MAAM,UAAU,gBAAcJ,GAAU,GAAGC,GAAO,KAAAC,GAAU;AAE7E;"}