@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

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

@@ -1,7 +1,112 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
+import { forwardRef as s } from "react";
+import { usePowerpack as n } from "../../context/PowerpackContext.es.js";
+import "../../context/UriContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.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/dataImport.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/projectFolders.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/activities/getCategories.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/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.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 "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.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/versions/getVersionsProducts.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.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/users/guests.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 "../../api/queries/uris/getUris.es.js";
+import "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -9,65 +114,75 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import { usePowerpack as n } from "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-import "../../context/UriContext.es.js";
-import { Button as l } from "@ynput/ayon-react-components";
-import s from "clsx";
-import { forwardRef as d } from "react";
-import p from "styled-components";
-const u = p(l)`
-  background-color: unset !important;
-  color: var(--md-sys-color-tertiary);
+import { Button as d, Icon as y } from "@ynput/ayon-react-components";
+import u from "clsx";
+import f from "styled-components";
+const b = f(d)`
   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) !important;
-    color: var(--md-sys-color-on-tertiary);
+  .bolt {
+    color: var(--md-sys-color-tertiary);
   }
 
-  &.border {
+  &.outline {
+    color: var(--md-sys-color-tertiary);
+    background-color: unset !important;
     border: 1px solid var(--md-sys-color-tertiary);
+    &:hover {
+      color: var(--md-sys-color-on-tertiary);
+    }
   }
 
-  &:hover {
+  &.filled {
+    color: var(--md-sys-color-tertiary);
+    background-color: var(--md-sys-color-tertiary) !important;
     color: var(--md-sys-color-on-tertiary);
+
+    .bolt {
+      color: var(--md-sys-color-on-tertiary);
+    }
+
+    &:hover {
+      color: var(--md-sys-color-on-tertiary);
+    }
   }
 
-  .icon {
-    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  &.rounded {
+    border-radius: var(--border-radius-xl);
   }
-`, O = d(
-  ({ feature: r, filled: t, ...o }, i) => {
-    const { setPowerpackDialog: a } = n(), m = (c) => {
-      a(r), o.onClick?.(c);
+`, zr = s(
+  ({ feature: t, variant: i = "outline", rounded: m = !0, bolt: p = !1, ...o }, l) => {
+    const { setPowerpackDialog: a } = n(), c = (e) => {
+      a(t), o.onClick?.(e);
     };
-    return /* @__PURE__ */ e.jsx(
-      u,
+    return /* @__PURE__ */ r.jsxs(
+      b,
       {
-        variant: o.variant || "tertiary",
         icon: o.icon || "bolt",
         ...o,
-        ref: i,
-        onClick: m,
-        className: s("cloud-button", o.className || "", {
-          border: !!o.children,
-          filled: t
-        }),
+        ref: l,
+        onClick: c,
+        iconProps: {
+          filled: i === "filled"
+        },
+        className: u("cloud-button", o.className, { rounded: m }),
         "data-tooltip": "Power feature",
         "data-tooltip-delay": 0,
-        children: o.children
+        children: [
+          o.children,
+          p && /* @__PURE__ */ r.jsx(y, { icon: "bolt", filled: !0, className: "bolt" })
+        ]
       }
     );
   }
 );
 export {
-  O as PowerpackButton
+  zr as PowerpackButton
 };
 //# sourceMappingURL=PowerpackButton.es.js.map

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) !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","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;AACtC,UAAM,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAgB,CAACC,MAAqC;AAE1D,MAAAH,EAAmBJ,CAAO,GAE1BE,EAAM,UAAUK,CAAC;AAAA,IACnB;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACb;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWG,EAAK,gBAAgBP,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAAC,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACF;"}
+{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps, Icon } 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  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n\n  .bolt {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &.outline {\n    color: var(--md-sys-color-tertiary);\n    background-color: unset !important;\n    border: 1px solid var(--md-sys-color-tertiary);\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.filled {\n    color: var(--md-sys-color-tertiary);\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n\n    .bolt {\n      color: var(--md-sys-color-on-tertiary);\n    }\n\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.rounded {\n    border-radius: var(--border-radius-xl);\n  }\n`\n\nexport interface PowerpackButtonProps extends Omit<ButtonProps, 'variant'> {\n  feature: PowerpackFeature\n  variant?: 'filled' | 'surface' | 'outline'\n  rounded?: boolean\n  bolt?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, variant = 'outline', rounded = true, bolt = false, ...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        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        iconProps={{\n          filled: variant === 'filled',\n        }}\n        className={clsx('cloud-button', props.className, { rounded })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n        {bolt && <Icon icon=\"bolt\" filled className=\"bolt\" />}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","variant","rounded","bolt","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","jsxs","clsx","Icon"],"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0CrBC,KAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,SAAAC,IAAU,WAAW,SAAAC,IAAU,IAAM,MAAAC,IAAO,IAAO,GAAGC,EAAA,GAASC,MAAQ;AACjF,UAAM,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAgB,CAAC,MAAqC;AAE1D,MAAAF,EAAmBN,CAAO,GAE1BI,EAAM,UAAU,CAAC;AAAA,IACnB;AAEA,WACEK,gBAAAA,EAAAA;AAAAA,MAACd;AAAA,MAAA;AAAA,QACC,MAAMS,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAW;AAAA,UACT,QAAQP,MAAY;AAAA,QAAA;AAAA,QAEtB,WAAWS,EAAK,gBAAgBN,EAAM,WAAW,EAAE,SAAAF,GAAS;AAAA,QAC5D,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAA;AAAA,UAAAE,EAAM;AAAA,UACND,2BAASQ,GAAA,EAAK,MAAK,QAAO,QAAM,IAAC,WAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzD;AACF;"}

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"),t=require("./PowerpackDialog.styled.cjs.js"),C=require("react"),a=require("@ynput/ayon-react-components"),I=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const v=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.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/ActivityCategorySelect/CategoryTag.cjs.js");require("rehype-raw");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("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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/EnumCellValue.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("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/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("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");const D=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("./PowerpackButton.cjs.js");const E=require("./CTAButton.cjs.js");require("./RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");const l=require("../../config/powerpackFeatures.cjs.js"),L=({label:x,description:d,features:p,isCloseable:s=!0,addon:j})=>{const[h,m]=C.useState(!1),{setPowerpackDialog:g,selectedPowerPack:w,powerpackDialog:n,addonDialog:r}=v.usePowerpack(),{openSupport:P,messengerLoaded:F}=D.useFeedback(),o=!!j||!!r,f=x??n?.label??r?.label,b=d??n?.description??(r?r.features[r.selectedFeature??""]?.description??Object.values(r.features)[0]?.description:void 0),O=j?.icon??(r?r.icon:"bolt");if(!n&&!r&&(!x||!d))return null;const k=f??(o?"this addon":"this feature"),A=o?`I would like to know how I can try out the "${k}" addon?`:`I would like to know how I can try out the "${k}" power feature?`,R=(()=>{if(p)return Object.entries(p);if(r){const u=r.featureOrder.filter(i=>i in r.features).map(i=>[i,r.features[i]]);if(r.selectedFeature){const i=u.findIndex(([q])=>q===r.selectedFeature);if(i>0){const[q]=u.splice(i,1);u.unshift(q)}}return u}return Object.entries(l.powerpackFeatures).sort(([u],[i])=>{if(u===w)return-1;if(i===w)return 1;const q=l.powerpackFeatureOrder.indexOf(u),c=l.powerpackFeatureOrder.indexOf(i);return q>-1&&c>-1?q-c:q>-1?-1:c>-1?1:0})})(),S=()=>{s&&(g(null),m(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!s,hideBackdrop:!s,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:O}),f]}),e.jsxRuntimeExports.jsx("h2",{children:b})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[o?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(a.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:R.slice(0,h?void 0:5).map(([u,i])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:i.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:i.bullet})]},u))}),!h&&R.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>m(!0),children:"Show all"})]}),F?e.jsxRuntimeExports.jsx(E.CTAButton,{onClick:()=>P("NewMessage",A)}):e.jsxRuntimeExports.jsx(I.PricingLink,{children:e.jsxRuntimeExports.jsx(E.CTAButton,{})})]})};exports.PowerpackDialog=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),O=require("react"),l=require("@ynput/ayon-react-components"),P=require("./FreeTrialLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const b=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const A=require("./CTAButton.cjs.js"),a=require("../../config/powerpackFeatures.cjs.js"),v=({label:x,description:p,features:d,isCloseable:q=!0,addon:n})=>{const[j,h]=O.useState(!1),{setPowerpackDialog:R,selectedPowerPack:m,powerpackDialog:o,addonDialog:r}=b.usePowerpack(),w=!!n||!!r,E=x??o?.label??r?.label,k=p??o?.description??(r?r.features[r.selectedFeature??""]?.description??Object.values(r.features)[0]?.description:void 0),F=n?.icon??(r?r.icon:"bolt");if(!o&&!r&&(!x||!p))return null;const f=(()=>{if(d)return Object.entries(d);if(r){const u=r.featureOrder.filter(i=>i in r.features).map(i=>[i,r.features[i]]);if(r.selectedFeature){const i=u.findIndex(([t])=>t===r.selectedFeature);if(i>0){const[t]=u.splice(i,1);u.unshift(t)}}return u}return Object.entries(a.powerpackFeatures).sort(([u],[i])=>{if(u===m)return-1;if(i===m)return 1;const t=a.powerpackFeatureOrder.indexOf(u),c=a.powerpackFeatureOrder.indexOf(i);return t>-1&&c>-1?t-c:t>-1?-1:c>-1?1:0})})(),g=()=>{q&&(R(null),h(!1))};return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:g,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:F}),E]}),e.jsxRuntimeExports.jsx("h2",{children:k})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[w?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(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:f.slice(0,j?void 0:5).map(([u,i])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:i.bullet})]},u))}),!j&&f.length>5&&e.jsxRuntimeExports.jsx(s.ShowAll,{onClick:()=>h(!0),children:"Show all"})]}),e.jsxRuntimeExports.jsx(P.FreeTrialLink,{addon:n?.name,children:e.jsxRuntimeExports.jsx(A.CTAButton,{})})]})};exports.PowerpackDialog=v;
 //# 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, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatureOrder, 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 [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel = activeLabel ?? (isAddon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = isAddon\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  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\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          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\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","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","isAddon","activeLabel","activeDescription","activeIcon","featureLabel","SUPPORT_MESSAGE","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"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"}
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FreeTrialLink } from './FreeTrialLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\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    name: string\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 [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\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          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      <FreeTrialLink addon={addon?.name}>\n        <CTAButton />\n      </FreeTrialLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","isAddon","activeLabel","activeDescription","activeIcon","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","FreeTrialLink","CTAButton"],"mappings":"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"}