@ynput/ayon-frontend-shared 0.2.26 → 0.2.28

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  categoryEnum?: Array<{ value: string; label: string }>\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\n// Helper function to check if a field should be stored in data\nconst isDataField = (fieldName: string): boolean => {\n  return fieldName.startsWith('data.')\n}\n\n// Helper function to extract data field name\nconst getDataFieldName = (fieldName: string): string => {\n  return fieldName.replace('data.', '')\n}\n\n// Helper function to get all data field names from field definitions\nconst getDefinedDataFields = (fields: AttributeField[]): string[] => {\n  return fields\n    .filter((field) => isDataField(field.name))\n    .map((field) => getDataFieldName(field.name))\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  categoryEnum = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  const { data: project } = useGetProjectQuery({ projectName })\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      {\n        name: 'data.category',\n        data: {\n          type: 'string',\n          title: 'Category',\n          enum: categoryEnum,\n        },\n        enableCustomValues: true,\n        enableSearch: true,\n        allowNone: true,\n      },\n    ],\n    [project?.tags, categoryEnum],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedData = list.data || {}\n\n      // Get only the data fields that are defined in the fields array\n      const definedDataFields = getDefinedDataFields(fields)\n      const dataFieldValues = definedDataFields.reduce((acc, dataFieldName) => {\n        const fieldKey = `data.${dataFieldName}`\n        const fieldValue = (parsedData as Record<string, any>)[dataFieldName]\n        // Default to empty string for all data fields\n        acc[fieldKey] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...dataFieldValues,\n      })\n    }\n  }, [list, fields])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isDataField(key)) {\n        // For data fields, we need to update the nested data structure\n        const dataFieldName = getDataFieldName(key)\n        const currentData = list.data || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && dataFieldName === 'category') {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.data.detail)\n      }\n    },\n    [list?.id, list?.data, projectName, updateList],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["isDataField","fieldName","getDataFieldName","getDefinedDataFields","fields","field","ListAttributeForm","projectName","list","isLoading","categoryEnum","form","setForm","useState","project","useGetProjectQuery","useMemo","_a","useEffect","parsedData","dataFieldValues","acc","dataFieldName","fieldKey","fieldValue","updateList","useUpdateEntityListMutation","handleChange","useCallback","key","value","updatePayload","currentData","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

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

@@ -0,0 +1,205 @@
+import { j as F } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as h, useMemo as C, useEffect as L, useCallback as V } from "react";
+import "@ynput/ayon-react-components";
+import "lodash";
+import { toast as v } from "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import { useUpdateEntityListMutation as w } from "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+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/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import { useGetProjectQuery as x } from "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+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";
+import { DetailsPanelAttributesEditor as A } from "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+const l = (o) => o.startsWith("data."), f = (o) => o.replace("data.", ""), E = (o) => o.filter((t) => l(t.name)).map((t) => f(t.name)), Lr = ({
+  projectName: o,
+  list: t,
+  isLoading: b,
+  categoryEnum: u = []
+}) => {
+  const [g, n] = h({
+    label: "",
+    tags: [],
+    active: !1
+  }), { data: a } = x({ projectName: o }), d = C(
+    () => {
+      var i;
+      return [
+        { name: "label", data: { type: "string", title: "Label" } },
+        {
+          name: "tags",
+          data: {
+            type: "list_of_strings",
+            title: "Tags",
+            enum: (i = a == null ? void 0 : a.tags) == null ? void 0 : i.map((m) => ({ value: m.name, label: m.name, color: m.color })),
+            enableCustomValues: !0,
+            enableSearch: !0
+          }
+        },
+        { name: "active", data: { type: "boolean", title: "Active" } },
+        {
+          name: "data.category",
+          data: {
+            type: "string",
+            title: "Category",
+            enum: u
+          },
+          enableCustomValues: !0,
+          enableSearch: !0,
+          allowNone: !0
+        }
+      ];
+    },
+    [a == null ? void 0 : a.tags, u]
+  );
+  L(() => {
+    if (t) {
+      const i = t.data || {}, p = E(d).reduce((r, e) => {
+        const s = `data.${e}`, D = i[e];
+        return r[s] = D || "", r;
+      }, {});
+      n({
+        label: (t == null ? void 0 : t.label) || "",
+        tags: (t == null ? void 0 : t.tags) || [],
+        active: (t == null ? void 0 : t.active) ?? !1,
+        ...p
+      });
+    }
+  }, [t, d]);
+  const [c] = w(), y = V(
+    async (i, m) => {
+      if (!(t != null && t.id)) return console.warn("No list ID provided");
+      let p;
+      if (l(i)) {
+        const r = f(i), e = t.data || {};
+        m === "" && r === "category" ? p = {
+          data: {
+            ...e,
+            [r]: null
+          }
+        } : p = {
+          data: {
+            ...e,
+            [r]: m
+          }
+        }, n((s) => ({ ...s, [i]: m }));
+      } else {
+        const r = { [i]: m };
+        p = r, n((e) => ({ ...e, ...r }));
+      }
+      try {
+        await c({
+          listId: t.id,
+          projectName: o,
+          entityListPatchModel: p
+        });
+      } catch (r) {
+        console.error(r), v.error("Failed to update list attribute: ", r.data.detail);
+      }
+    },
+    [t == null ? void 0 : t.id, t == null ? void 0 : t.data, o, c]
+  );
+  return /* @__PURE__ */ F.jsx(
+    A,
+    {
+      enableEditing: !0,
+      fields: d,
+      form: g,
+      isLoading: b,
+      onChange: y,
+      title: "Attributes"
+    }
+  );
+};
+export {
+  Lr as ListAttributeForm
+};
+//# sourceMappingURL=ListAttributeForm.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  categoryEnum?: Array<{ value: string; label: string }>\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\n// Helper function to check if a field should be stored in data\nconst isDataField = (fieldName: string): boolean => {\n  return fieldName.startsWith('data.')\n}\n\n// Helper function to extract data field name\nconst getDataFieldName = (fieldName: string): string => {\n  return fieldName.replace('data.', '')\n}\n\n// Helper function to get all data field names from field definitions\nconst getDefinedDataFields = (fields: AttributeField[]): string[] => {\n  return fields\n    .filter((field) => isDataField(field.name))\n    .map((field) => getDataFieldName(field.name))\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  categoryEnum = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  const { data: project } = useGetProjectQuery({ projectName })\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      {\n        name: 'data.category',\n        data: {\n          type: 'string',\n          title: 'Category',\n          enum: categoryEnum,\n        },\n        enableCustomValues: true,\n        enableSearch: true,\n        allowNone: true,\n      },\n    ],\n    [project?.tags, categoryEnum],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedData = list.data || {}\n\n      // Get only the data fields that are defined in the fields array\n      const definedDataFields = getDefinedDataFields(fields)\n      const dataFieldValues = definedDataFields.reduce((acc, dataFieldName) => {\n        const fieldKey = `data.${dataFieldName}`\n        const fieldValue = (parsedData as Record<string, any>)[dataFieldName]\n        // Default to empty string for all data fields\n        acc[fieldKey] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...dataFieldValues,\n      })\n    }\n  }, [list, fields])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isDataField(key)) {\n        // For data fields, we need to update the nested data structure\n        const dataFieldName = getDataFieldName(key)\n        const currentData = list.data || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && dataFieldName === 'category') {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            data: {\n              ...currentData,\n              [dataFieldName]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.data.detail)\n      }\n    },\n    [list?.id, list?.data, projectName, updateList],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["isDataField","fieldName","getDataFieldName","getDefinedDataFields","fields","field","ListAttributeForm","projectName","list","isLoading","categoryEnum","form","setForm","useState","project","useGetProjectQuery","useMemo","_a","t","useEffect","parsedData","dataFieldValues","acc","dataFieldName","fieldKey","fieldValue","updateList","useUpdateEntityListMutation","handleChange","useCallback","key","value","updatePayload","currentData","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAc,CAACC,MACZA,EAAU,WAAW,OAAO,GAI/BC,IAAmB,CAACD,MACjBA,EAAU,QAAQ,SAAS,EAAE,GAIhCE,IAAuB,CAACC,MACrBA,EACJ,OAAO,CAACC,MAAUL,EAAYK,EAAM,IAAI,CAAC,EACzC,IAAI,CAACA,MAAUH,EAAiBG,EAAM,IAAI,CAAC,GAGnCC,KAAgD,CAAC;AAAA,EAC5D,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AACjB,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuB;AAAA,IAC7C,OAAO;AAAA,IACP,MAAM,CAAC;AAAA,IACP,QAAQ;AAAA,EAAA,CACT,GAEK,EAAE,MAAMC,EAAA,IAAYC,EAAmB,EAAE,aAAAR,GAAa,GAEtDH,IAA2BY;AAAA,IAC/B,MAAM;;AAAA;AAAA,QACJ,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,UAAU,OAAO,UAAU;AAAA,QAC1D;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAMC,IAAAH,KAAA,gBAAAA,EAAS,SAAT,gBAAAG,EAAe,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,MAAM,OAAOA,EAAE,MAAM,OAAOA,EAAE;YAC1E,oBAAoB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAElB;AAAA,QACA,EAAE,MAAM,UAAU,MAAM,EAAE,MAAM,WAAW,OAAO,WAAW;AAAA,QAC7D;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMR;AAAA,UACR;AAAA,UACA,oBAAoB;AAAA,UACpB,cAAc;AAAA,UACd,WAAW;AAAA,QAAA;AAAA,MAEf;AAAA;AAAA,IACA,CAACI,KAAA,gBAAAA,EAAS,MAAMJ,CAAY;AAAA,EAC9B;AAEA,EAAAS,EAAU,MAAM;AACd,QAAIX,GAAM;AACF,YAAAY,IAAaZ,EAAK,QAAQ,CAAC,GAI3Ba,IADoBlB,EAAqBC,CAAM,EACX,OAAO,CAACkB,GAAKC,MAAkB;AACjE,cAAAC,IAAW,QAAQD,CAAa,IAChCE,IAAcL,EAAmCG,CAAa;AAEhE,eAAAD,EAAAE,CAAQ,IAAIC,KAAc,IACvBH;AAAA,MACT,GAAG,EAAyB;AAEpB,MAAAV,EAAA;AAAA,QACN,QAAOJ,KAAA,gBAAAA,EAAM,UAAS;AAAA,QACtB,OAAMA,KAAA,gBAAAA,EAAM,SAAQ,CAAC;AAAA,QACrB,SAAQA,KAAA,gBAAAA,EAAM,WAAU;AAAA,QACxB,GAAGa;AAAA,MAAA,CACJ;AAAA,IAAA;AAAA,EACH,GACC,CAACb,GAAMJ,CAAM,CAAC;AAEX,QAAA,CAACsB,CAAU,IAAIC,EAA4B,GAE3CC,IAAeC;AAAA,IACnB,OAAOC,GAAaC,MAAe;AACjC,UAAI,EAACvB,KAAA,QAAAA,EAAM,IAAW,QAAA,QAAQ,KAAK,qBAAqB;AAEpD,UAAAwB;AAEA,UAAAhC,EAAY8B,CAAG,GAAG;AAEd,cAAAP,IAAgBrB,EAAiB4B,CAAG,GACpCG,IAAczB,EAAK,QAAQ,CAAC;AAG9B,QAAAuB,MAAU,MAAMR,MAAkB,aACpBS,IAAA;AAAA,UACd,MAAM;AAAA,YACJ,GAAGC;AAAA,YACH,CAACV,CAAa,GAAG;AAAA,UAAA;AAAA,QAErB,IAEgBS,IAAA;AAAA,UACd,MAAM;AAAA,YACJ,GAAGC;AAAA,YACH,CAACV,CAAa,GAAGQ;AAAA,UAAA;AAAA,QAErB,GAIMnB,EAAA,CAACsB,OAAU,EAAE,GAAGA,GAAM,CAACJ,CAAG,GAAGC,EAAA,EAAQ;AAAA,MAAA,OACxC;AAEL,cAAMI,IAAW,EAAE,CAACL,CAAG,GAAGC,EAAM;AAChB,QAAAC,IAAAG,GAEhBvB,EAAQ,CAACsB,OAAU,EAAE,GAAGA,GAAM,GAAGC,IAAW;AAAA,MAAA;AAI1C,UAAA;AACF,cAAMT,EAAW;AAAA,UACf,QAAQlB,EAAK;AAAA,UACb,aAAAD;AAAA,UACA,sBAAsByB;AAAA,QAAA,CACvB;AAAA,eACMI,GAAY;AACnB,gBAAQ,MAAMA,CAAK,GACnBC,EAAM,MAAM,qCAAqCD,EAAM,KAAK,MAAM;AAAA,MAAA;AAAA,IAEtE;AAAA,IACA,CAAC5B,KAAA,gBAAAA,EAAM,IAAIA,KAAA,gBAAAA,EAAM,MAAMD,GAAamB,CAAU;AAAA,EAChD;AAGE,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,QAAAnC;AAAA,MACA,MAAAO;AAAA,MACA,WAAAF;AAAA,MACA,UAAUmB;AAAA,MACV,OAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),r=require("date-fns"),p=require("../DetailsMetaData/DetailsMetaData.cjs.js"),u=({list:e,isLoading:n})=>{var d;const a={...(e==null?void 0:e.data)||{}};delete a.category;const o={Id:e==null?void 0:e.id,"Entity type":e==null?void 0:e.entityType,"List type":e==null?void 0:e.entityListType,"Items count":(d=e==null?void 0:e.items)==null?void 0:d.length,Owner:e==null?void 0:e.owner,"Created at":(e==null?void 0:e.createdAt)&&r.format(new Date(e==null?void 0:e.createdAt),"PPpp"),"Created by":e==null?void 0:e.createdBy,"Updated at":(e==null?void 0:e.updatedAt)&&r.format(new Date(e==null?void 0:e.updatedAt),"PPpp"),"Last updated by":e==null?void 0:e.updatedBy,...a};return t.jsxRuntimeExports.jsx(p.DetailsMetaData,{data:o,isLoading:n,title:"Details"})};exports.ListMetaData=u;
+//# sourceMappingURL=ListMetaData.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsMetaData } from '../DetailsMetaData'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category from the meta data\n  delete listData.category\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  return <DetailsMetaData data={metaData} isLoading={isLoading} title={'Details'} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","DetailsMetaData"],"mappings":"wNAYaA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgB,OAC1E,MAAMC,EAAW,CAAE,IAAIF,GAAA,YAAAA,EAAM,OAAQ,CAAA,CAAI,EAEzC,OAAOE,EAAS,SAEhB,MAAMC,EAAW,CACf,GAAIH,GAAA,YAAAA,EAAM,GACV,cAAeA,GAAA,YAAAA,EAAM,WACrB,YAAaA,GAAA,YAAAA,EAAM,eACnB,eAAeI,EAAAJ,GAAA,YAAAA,EAAM,QAAN,YAAAI,EAAa,OAC5B,MAAOJ,GAAA,YAAAA,EAAM,MACb,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,aAAcA,GAAA,YAAAA,EAAM,UACpB,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,kBAAmBA,GAAA,YAAAA,EAAM,UACzB,GAAGE,CACL,EAEA,+BAAQI,EAAgB,gBAAA,CAAA,KAAMH,EAAU,UAAAF,EAAsB,MAAO,UAAW,CAClF"}

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

@@ -0,0 +1,25 @@
+import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
+import { format as r } from "date-fns";
+import { DetailsMetaData as y } from "../DetailsMetaData/DetailsMetaData.es.js";
+const u = ({ list: e, isLoading: p }) => {
+  var d;
+  const a = { ...(e == null ? void 0 : e.data) || {} };
+  delete a.category;
+  const o = {
+    Id: e == null ? void 0 : e.id,
+    "Entity type": e == null ? void 0 : e.entityType,
+    "List type": e == null ? void 0 : e.entityListType,
+    "Items count": (d = e == null ? void 0 : e.items) == null ? void 0 : d.length,
+    Owner: e == null ? void 0 : e.owner,
+    "Created at": (e == null ? void 0 : e.createdAt) && r(new Date(e == null ? void 0 : e.createdAt), "PPpp"),
+    "Created by": e == null ? void 0 : e.createdBy,
+    "Updated at": (e == null ? void 0 : e.updatedAt) && r(new Date(e == null ? void 0 : e.updatedAt), "PPpp"),
+    "Last updated by": e == null ? void 0 : e.updatedBy,
+    ...a
+  };
+  return /* @__PURE__ */ n.jsx(y, { data: o, isLoading: p, title: "Details" });
+};
+export {
+  u as ListMetaData
+};
+//# sourceMappingURL=ListMetaData.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsMetaData } from '../DetailsMetaData'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category from the meta data\n  delete listData.category\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  return <DetailsMetaData data={metaData} isLoading={isLoading} title={'Details'} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","DetailsMetaData"],"mappings":";;;AAYO,MAAMA,IAAsC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgB;;AAC1E,QAAMC,IAAW,EAAE,IAAIF,KAAA,gBAAAA,EAAM,SAAQ,CAAA,EAAI;AAEzC,SAAOE,EAAS;AAEhB,QAAMC,IAAW;AAAA,IACf,IAAIH,KAAA,gBAAAA,EAAM;AAAA,IACV,eAAeA,KAAA,gBAAAA,EAAM;AAAA,IACrB,aAAaA,KAAA,gBAAAA,EAAM;AAAA,IACnB,gBAAeI,IAAAJ,KAAA,gBAAAA,EAAM,UAAN,gBAAAI,EAAa;AAAA,IAC5B,OAAOJ,KAAA,gBAAAA,EAAM;AAAA,IACb,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,cAAcA,KAAA,gBAAAA,EAAM;AAAA,IACpB,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,mBAAmBA,KAAA,gBAAAA,EAAM;AAAA,IACzB,GAAGE;AAAA,EACL;AAEA,+BAAQI,GAAgB,EAAA,MAAMH,GAAU,WAAAF,GAAsB,OAAO,WAAW;AAClF;"}

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const u=require("@ynput/ayon-react-components"),d=require("clsx"),y=require("react"),q=require("styled-components"),b=q(u.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const u=require("@ynput/ayon-react-components"),d=require("clsx"),y=require("react"),q=require("styled-components"),m=q(u.Button)`
   background-color: unset !important;
   color: var(--md-sys-color-tertiary);
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
   border-radius: var(--border-radius-xl);
 
   &.filled {
-    background-color: var(--md-sys-color-tertiary);
+    background-color: var(--md-sys-color-tertiary) !important;
     color: var(--md-sys-color-on-tertiary);
   }
 
@@ -20,5 +20,5 @@
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
   }
-`,m=y.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=s.usePowerpack(),c=n=>{var e;a(o),(e=r.onClick)==null||e.call(r,n)};return l.jsxRuntimeExports.jsx(b,{variant:r.variant||"tertiary",icon:r.icon||"bolt",...r,ref:i,onClick:c,className:d("cloud-button",r.className||"",{border:!!r.children,filled:t}),"data-tooltip":"Power feature","data-tooltip-delay":0,children:r.children})});exports.PowerpackButton=m;
+`,b=y.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=s.usePowerpack(),n=c=>{var e;a(o),(e=r.onClick)==null||e.call(r,c)};return l.jsxRuntimeExports.jsx(m,{variant:r.variant||"tertiary",icon:r.icon||"bolt",...r,ref:i,onClick:n,className:d("cloud-button",r.className||"",{border:!!r.children,filled:t}),"data-tooltip":"Power feature","data-tooltip-delay":0,children:r.children})});exports.PowerpackButton=b;
 //# sourceMappingURL=PowerpackButton.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":"sxBAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BrBC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAAQ,CAChC,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EAEtCC,EAAiBC,GAAqC,OAE1DH,EAAmBJ,CAAO,GAE1BQ,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EAAgBK,EAClB,EAGE,OAAAE,EAAA,kBAAA,IAACd,EAAA,CACC,QAASO,EAAM,SAAW,WAC1B,KAAMA,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAWI,EAAK,eAAgBR,EAAM,WAAa,GAAI,CACrD,OAAQ,CAAC,CAACA,EAAM,SAChB,OAAAD,CAAA,CACD,EACD,eAAc,gBACd,qBAAoB,EAEnB,SAAMC,EAAA,QAAA,CACT,CAAA,CAGN"}
+{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":"sxBAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BrBC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAAQ,CAChC,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EAEtCC,EAAiBC,GAAqC,OAE1DH,EAAmBJ,CAAO,GAE1BQ,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EAAgBK,EAClB,EAGE,OAAAE,EAAA,kBAAA,IAACd,EAAA,CACC,QAASO,EAAM,SAAW,WAC1B,KAAMA,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAWI,EAAK,eAAgBR,EAAM,WAAa,GAAI,CACrD,OAAQ,CAAC,CAACA,EAAM,SAChB,OAAAD,CAAA,CACD,EACD,eAAc,gBACd,qBAAoB,EAEnB,SAAMC,EAAA,QAAA,CACT,CAAA,CAGN"}

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as l } from "../../../../_virtual/jsx-runtime.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
@@ -21,7 +21,7 @@ const f = y(d)`
   border-radius: var(--border-radius-xl);
 
   &.filled {
-    background-color: var(--md-sys-color-tertiary);
+    background-color: var(--md-sys-color-tertiary) !important;
     color: var(--md-sys-color-on-tertiary);
   }
 
@@ -38,11 +38,11 @@ const f = y(d)`
   }
 `, z = u(
   ({ feature: t, filled: i, ...o }, a) => {
-    const { setPowerpackDialog: c } = m(), e = (l) => {
+    const { setPowerpackDialog: c } = m(), e = (n) => {
       var r;
-      c(t), (r = o.onClick) == null || r.call(o, l);
+      c(t), (r = o.onClick) == null || r.call(o, n);
     };
-    return /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ l.jsx(
       f,
       {
         variant: o.variant || "tertiary",

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),n=require("@ynput/ayon-react-components"),d=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const l=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");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/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");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/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");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const j=require("./CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const k=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");const P=({label:u,description:o,features:p,isCloseable:q=!0,addon:i})=>{const{setPowerpackDialog:a,selectedPowerPack:h,powerpackDialog:r}=l.usePowerpack(),{openSupport:m,messengerLoaded:R}=k.useFeedback();if(!r&&(!u||!o))return null;const c=u??(r==null?void 0:r.label)??(i?"this addon":"this feature"),E=i?`I would like to know how I can try out the "${c}" addon?`:`I would like to know how I can try out the "${c}" power feature?`;return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:()=>q?a(null):void 0,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),u??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:o??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(n.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:Object.entries(p??l.powerpackFeatures).sort(([t])=>t!==h?1:-1).map(([t,x])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:x.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:x.bullet})]},t))})]}),R?e.jsxRuntimeExports.jsx(j.CTAButton,{onClick:()=>m("NewMessage",E)}):e.jsxRuntimeExports.jsx(d.PricingLink,{children:e.jsxRuntimeExports.jsx(j.CTAButton,{})})]})};exports.PowerpackDialog=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),n=require("@ynput/ayon-react-components"),d=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const l=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");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/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");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/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");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const j=require("./CTAButton.cjs.js");require("./RequiredPowerpackVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const k=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../DetailsMetaData/DetailsMetaData.cjs.js");require("../AccessUser/AccessUser.cjs.js");const P=({label:u,description:o,features:p,isCloseable:q=!0,addon:i})=>{const{setPowerpackDialog:a,selectedPowerPack:h,powerpackDialog:r}=l.usePowerpack(),{openSupport:m,messengerLoaded:R}=k.useFeedback();if(!r&&(!u||!o))return null;const c=u??(r==null?void 0:r.label)??(i?"this addon":"this feature"),E=i?`I would like to know how I can try out the "${c}" addon?`:`I would like to know how I can try out the "${c}" power feature?`;return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:()=>q?a(null):void 0,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),u??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:o??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(n.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:Object.entries(p??l.powerpackFeatures).sort(([t])=>t!==h?1:-1).map(([t,x])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:x.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:x.bullet})]},t))})]}),R?e.jsxRuntimeExports.jsx(j.CTAButton,{onClick:()=>m("NewMessage",E)}):e.jsxRuntimeExports.jsx(d.PricingLink,{children:e.jsxRuntimeExports.jsx(j.CTAButton,{})})]})};exports.PowerpackDialog=P;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","setPowerpackDialog","selectedPowerPack","powerpackDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","key","value","CTAButton","PricingLink"],"mappings":"y4XAmBO,MAAMA,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,mBAAAC,EAAoB,kBAAAC,EAAmB,gBAAAC,CAAA,EAAoBC,EAAAA,aAAa,EAC1E,CAAE,YAAAC,EAAa,gBAAAC,CAAgB,EAAIC,cAAY,EAErD,GAAI,CAACJ,IAAoB,CAACP,GAAS,CAACC,GAAqB,OAAA,KAGzD,MAAMW,EACJZ,IAASO,GAAA,YAAAA,EAAiB,SAAUH,EAAQ,aAAe,gBACvDS,EAAkBT,EACpB,+CAA+CQ,CAAY,WAC3D,+CAA+CA,CAAY,mBAG7D,OAAAE,EAAA,kBAAA,KAACC,EAAO,gBAAP,CACC,OAAM,GACN,QAAS,IAAOZ,EAAcE,EAAmB,IAAI,EAAI,OACzD,KAAK,KACL,iBAAkB,CAACF,EACnB,aAAc,CAACA,EAEf,SAAA,CAACW,yBAAAE,EAAAA,YAAA,CACC,SAAA,CAAAF,yBAAC,KACC,CAAA,SAAA,CAAAG,wBAACC,EAAAA,MAAK,KAAMd,GAAA,MAAAA,EAAO,KAAOA,EAAM,KAAO,OAAQ,EAC9CJ,IAASO,GAAA,YAAAA,EAAiB,MAAA,EAC7B,EACCU,EAAA,kBAAA,IAAA,KAAA,CAAI,SAAehB,IAAAM,GAAA,YAAAA,EAAiB,YAAY,CAAA,CAAA,EACnD,EAEAO,yBAACK,EAAAA,aAAA,CACE,SAAA,CAAAf,2BACE,KAAG,CAAA,SAAA,CAAA,cACUa,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,oCAE1D,CAAA,CAAA,2BAEC,KAAG,CAAA,SAAA,CAAA,cACSA,EAAAA,kBAAAA,IAACC,EAAK,KAAA,CAAA,KAAK,MAAO,CAAA,EAAE,IAAED,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,6BAAA,EAE/E,EAEFA,EAAAA,kBAAAA,IAAC,KACE,CAAA,SAAA,OAAO,QAAQf,GAAYkB,mBAAiB,EAC1C,KAAK,CAAC,CAACC,CAAG,IAAOA,IAAQf,EAAoB,EAAI,EAAG,EACpD,IAAI,CAAC,CAACe,EAAKC,CAAK,IACfR,EAAAA,kBAAAA,KAAC,KACC,CAAA,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMI,EAAM,MAAQ,QAAS,EACnCL,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAK,EAAM,MAAO,CAAA,CAAA,CAFb,EAAAD,CAGT,CACD,CACL,CAAA,CAAA,EACF,EACCX,EACCO,EAAA,kBAAA,IAACM,YAAU,CAAA,QAAS,IAAMd,EAAY,aAAcI,CAAe,CAAG,CAAA,EAEtEI,EAAAA,kBAAAA,IAACO,EAAAA,YACC,CAAA,SAAAP,EAAAA,kBAAAA,IAACM,EAAAA,YAAU,CACb,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","setPowerpackDialog","selectedPowerPack","powerpackDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","key","value","CTAButton","PricingLink"],"mappings":"shYAmBO,MAAMA,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,mBAAAC,EAAoB,kBAAAC,EAAmB,gBAAAC,CAAA,EAAoBC,EAAAA,aAAa,EAC1E,CAAE,YAAAC,EAAa,gBAAAC,CAAgB,EAAIC,cAAY,EAErD,GAAI,CAACJ,IAAoB,CAACP,GAAS,CAACC,GAAqB,OAAA,KAGzD,MAAMW,EACJZ,IAASO,GAAA,YAAAA,EAAiB,SAAUH,EAAQ,aAAe,gBACvDS,EAAkBT,EACpB,+CAA+CQ,CAAY,WAC3D,+CAA+CA,CAAY,mBAG7D,OAAAE,EAAA,kBAAA,KAACC,EAAO,gBAAP,CACC,OAAM,GACN,QAAS,IAAOZ,EAAcE,EAAmB,IAAI,EAAI,OACzD,KAAK,KACL,iBAAkB,CAACF,EACnB,aAAc,CAACA,EAEf,SAAA,CAACW,yBAAAE,EAAAA,YAAA,CACC,SAAA,CAAAF,yBAAC,KACC,CAAA,SAAA,CAAAG,wBAACC,EAAAA,MAAK,KAAMd,GAAA,MAAAA,EAAO,KAAOA,EAAM,KAAO,OAAQ,EAC9CJ,IAASO,GAAA,YAAAA,EAAiB,MAAA,EAC7B,EACCU,EAAA,kBAAA,IAAA,KAAA,CAAI,SAAehB,IAAAM,GAAA,YAAAA,EAAiB,YAAY,CAAA,CAAA,EACnD,EAEAO,yBAACK,EAAAA,aAAA,CACE,SAAA,CAAAf,2BACE,KAAG,CAAA,SAAA,CAAA,cACUa,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,oCAE1D,CAAA,CAAA,2BAEC,KAAG,CAAA,SAAA,CAAA,cACSA,EAAAA,kBAAAA,IAACC,EAAK,KAAA,CAAA,KAAK,MAAO,CAAA,EAAE,IAAED,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,6BAAA,EAE/E,EAEFA,EAAAA,kBAAAA,IAAC,KACE,CAAA,SAAA,OAAO,QAAQf,GAAYkB,mBAAiB,EAC1C,KAAK,CAAC,CAACC,CAAG,IAAOA,IAAQf,EAAoB,EAAI,EAAG,EACpD,IAAI,CAAC,CAACe,EAAKC,CAAK,IACfR,EAAAA,kBAAAA,KAAC,KACC,CAAA,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMI,EAAM,MAAQ,QAAS,EACnCL,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAK,EAAM,MAAO,CAAA,CAAA,CAFb,EAAAD,CAGT,CACD,CACL,CAAA,CAAA,EACF,EACCX,EACCO,EAAA,kBAAA,IAACM,YAAU,CAAA,QAAS,IAAMd,EAAY,aAAcI,CAAe,CAAG,CAAA,EAEtEI,EAAAA,kBAAAA,IAACO,EAAAA,YACC,CAAA,SAAAP,EAAAA,kBAAAA,IAACM,EAAAA,YAAU,CACb,CAAA,CAAA,CAAA,CAEJ,CAEJ"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js

@@ -195,6 +195,7 @@ import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "./PowerpackButton.es.js";
 import { CTAButton as l } from "./CTAButton.es.js";
+import "./RequiredPowerpackVersion.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
@@ -208,7 +209,9 @@ import "../Feedback/SupportBubble.es.js";
 import "../Chips/Chips.es.js";
 import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-const Pi = ({
+import "../DetailsMetaData/DetailsMetaData.es.js";
+import "../AccessUser/AccessUser.es.js";
+const gi = ({
   label: i,
   description: s,
   features: h,
@@ -257,6 +260,6 @@ const Pi = ({
   );
 };
 export {
-  Pi as PowerpackDialog
+  gi as PowerpackDialog
 };
 //# sourceMappingURL=PowerpackDialog.es.js.map

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","setPowerpackDialog","selectedPowerPack","powerpackDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","key","value","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,GAAoB,mBAAAC,GAAmB,iBAAAC,EAAA,IAAoBC,EAAa,GAC1E,EAAE,aAAAC,GAAa,iBAAAC,EAAgB,IAAIC,EAAY;AAErD,MAAI,CAACJ,MAAoB,CAACP,KAAS,CAACC,GAAqB,QAAA;AAGzD,QAAMW,IACJZ,MAASO,KAAA,gBAAAA,EAAiB,WAAUH,IAAQ,eAAe,iBACvDS,IAAkBT,IACpB,+CAA+CQ,CAAY,aAC3D,+CAA+CA,CAAY;AAG7D,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAOZ,IAAcE,EAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAACF;AAAA,MACnB,cAAc,CAACA;AAAA,MAEf,UAAA;AAAA,QAACW,gBAAAA,OAAAE,GAAA,EACC,UAAA;AAAA,UAAAF,gBAAAA,OAAC,MACC,EAAA,UAAA;AAAA,YAAAG,gBAAAA,MAACC,KAAK,MAAMd,KAAA,QAAAA,EAAO,OAAOA,EAAM,OAAO,QAAQ;AAAA,YAC9CJ,MAASO,KAAA,gBAAAA,EAAiB;AAAA,UAAA,GAC7B;AAAA,UACCU,gBAAAA,EAAA,IAAA,MAAA,EAAI,UAAehB,MAAAM,KAAA,gBAAAA,EAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAO,gBAAAA,OAACK,GAAA,EACE,UAAA;AAAA,UAAAf,2BACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUa,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2BAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,gBAAAA,EAAAA,IAACC,GAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,gBAAAA,EAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQf,KAAYkB,CAAiB,EAC1C,KAAK,CAAC,CAACC,CAAG,MAAOA,MAAQf,IAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAACe,GAAKC,CAAK,MACfR,gBAAAA,EAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMI,EAAM,QAAQ,SAAS;AAAA,YACnCL,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAK,EAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAAD,CAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACCX,IACCO,gBAAAA,EAAA,IAACM,GAAU,EAAA,SAAS,MAAMd,EAAY,cAAcI,CAAe,EAAG,CAAA,IAEtEI,gBAAAA,EAAAA,IAACO,GACC,EAAA,UAAAP,gBAAAA,EAAAA,IAACM,KAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","setPowerpackDialog","selectedPowerPack","powerpackDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","key","value","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,GAAoB,mBAAAC,GAAmB,iBAAAC,EAAA,IAAoBC,EAAa,GAC1E,EAAE,aAAAC,GAAa,iBAAAC,EAAgB,IAAIC,EAAY;AAErD,MAAI,CAACJ,MAAoB,CAACP,KAAS,CAACC,GAAqB,QAAA;AAGzD,QAAMW,IACJZ,MAASO,KAAA,gBAAAA,EAAiB,WAAUH,IAAQ,eAAe,iBACvDS,IAAkBT,IACpB,+CAA+CQ,CAAY,aAC3D,+CAA+CA,CAAY;AAG7D,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAOZ,IAAcE,EAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAACF;AAAA,MACnB,cAAc,CAACA;AAAA,MAEf,UAAA;AAAA,QAACW,gBAAAA,OAAAE,GAAA,EACC,UAAA;AAAA,UAAAF,gBAAAA,OAAC,MACC,EAAA,UAAA;AAAA,YAAAG,gBAAAA,MAACC,KAAK,MAAMd,KAAA,QAAAA,EAAO,OAAOA,EAAM,OAAO,QAAQ;AAAA,YAC9CJ,MAASO,KAAA,gBAAAA,EAAiB;AAAA,UAAA,GAC7B;AAAA,UACCU,gBAAAA,EAAA,IAAA,MAAA,EAAI,UAAehB,MAAAM,KAAA,gBAAAA,EAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAO,gBAAAA,OAACK,GAAA,EACE,UAAA;AAAA,UAAAf,2BACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUa,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2BAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,gBAAAA,EAAAA,IAACC,GAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,gBAAAA,EAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQf,KAAYkB,CAAiB,EAC1C,KAAK,CAAC,CAACC,CAAG,MAAOA,MAAQf,IAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAACe,GAAKC,CAAK,MACfR,gBAAAA,EAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMI,EAAM,QAAQ,SAAS;AAAA,YACnCL,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAK,EAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAAD,CAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACCX,IACCO,gBAAAA,EAAA,IAACM,GAAU,EAAA,SAAS,MAAMd,EAAY,cAAcI,CAAe,EAAG,CAAA,IAEtEI,gBAAAA,EAAAA,IAACO,GACC,EAAA,UAAAP,gBAAAA,EAAAA,IAACM,KAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),n=require("react"),i=require("react-router-dom"),a=require("styled-components"),c=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-radius: var(--border-radius-l);
+  background-color: var(--md-sys-color-secondary-container);
+  padding: var(--padding-m);
+`,d=n.forwardRef(({requiredVersion:r,...o},s)=>r?e.jsxRuntimeExports.jsxs(c,{...o,ref:s,children:[e.jsxRuntimeExports.jsx("span",{children:`Power Features version ${r} is required to use this feature.`}),e.jsxRuntimeExports.jsx(i.Link,{to:"/market?selected=powerpack",children:e.jsxRuntimeExports.jsxs(t.Button,{variant:"tertiary",children:["Update Power Features ",e.jsxRuntimeExports.jsx(t.Icon,{icon:"arrow_right_alt"})]})})]}):"Required Powerpack version installed already.");exports.RequiredPowerpackVersion=d;
+//# sourceMappingURL=RequiredPowerpackVersion.cjs.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredPowerpackVersion.cjs.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-radius: var(--border-radius-l);\n  background-color: var(--md-sys-color-secondary-container);\n  padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n  requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n  ({ requiredVersion, ...props }, ref) => {\n    if (!requiredVersion) return 'Required Powerpack version installed already.'\n    return (\n      <StyledContainer {...props} ref={ref}>\n        <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`}>\n          <Button variant=\"tertiary\">\n            Update Power Features <Icon icon=\"arrow_right_alt\" />\n          </Button>\n        </Link>\n      </StyledContainer>\n    )\n  },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":"qQAKMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAalBC,EAA2BC,EAAA,WACtC,CAAC,CAAE,gBAAAC,EAAiB,GAAGC,CAAA,EAASC,IACzBF,EAEFG,EAAAA,kBAAAA,KAAAP,EAAA,CAAiB,GAAGK,EAAO,IAAAC,EAC1B,SAAA,CAACE,EAAA,kBAAA,IAAA,OAAA,CAAM,SAA0B,0BAAAJ,CAAe,oCAAoC,0BACnFK,EAAK,KAAA,CAAA,GAAI,6BACR,SAACF,EAAAA,kBAAAA,KAAAG,EAAAA,OAAA,CAAO,QAAQ,WAAW,SAAA,CAAA,yBACHF,EAAAA,kBAAAA,IAACG,EAAK,KAAA,CAAA,KAAK,iBAAkB,CAAA,CAAA,CAAA,CACrD,CACF,CAAA,CAAA,EACF,EAT2B,+CAYjC"}