@ynput/ayon-frontend-shared 0.2.18 → 0.2.20

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

@@ -14,35 +14,236 @@ require("../../context/pip/PiPWrapper.cjs.js");
 require("../../context/AddonProjectContext.cjs.js");
 require("../../context/AddonContext.cjs.js");
 const PowerpackContext = require("../../context/PowerpackContext.cjs.js");
-const PowerpackDialog = ({}) => {
+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/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/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/overview/getOverview.cjs.js");
+require("../../api/queries/overview/updateOverview.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/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/watchers/getWatchers.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
+require("../../api/queries/versions/updateVersions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
+require("../../api/queries/views/getViews.cjs.js");
+require("../../api/queries/views/updateViews.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("../../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("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
+require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectedRowsContext.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/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("../../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/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("../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 CTAButton = 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 FeedbackContext = require("../Feedback/FeedbackContext.cjs.js");
+require("../Feedback/SupportBubble.cjs.js");
+require("../Views/context/ViewsContext.cjs.js");
+require("../Views/Views.styled.cjs.js");
+require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+const PowerpackDialog = ({
+  label,
+  description,
+  features,
+  isCloseable = true,
+  addon
+}) => {
   const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = PowerpackContext.usePowerpack();
-  if (!powerpackDialog) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.PowerpackDialog, { isOpen: true, onClose: () => setPowerpackDialog(null), size: "lg", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.MainFeature, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h1", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "bolt" }),
-        powerpackDialog.label
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("h2", { children: powerpackDialog.description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.FeaturesList, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h3", { children: [
-        "Unlock all ",
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "bolt" }),
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "green", children: "Power Features" }),
-        " with an AYON subscription."
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("ul", { children: [
-        Object.entries(PowerpackContext.powerpackFeatures).sort(([key]) => key !== selectedPowerPack ? 1 : -1).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("li", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "check" }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: value.bullet })
-        ] }, key)),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { className: "more", children: "More coming soon!" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PricingLink.PricingLink, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PowerpackDialog_styled.MoreButton, { children: "Find out more" }) })
-  ] });
+  const { openSupport, messengerLoaded } = FeedbackContext.useFeedback();
+  if (!powerpackDialog && (!label || !description)) return null;
+  const featureLabel = label ?? (powerpackDialog == null ? void 0 : powerpackDialog.label) ?? (addon ? "this addon" : "this feature");
+  const SUPPORT_MESSAGE = addon ? `I would like to know how I can try out the "${featureLabel}" addon?` : `I would like to know how I can try out the "${featureLabel}" power feature?`;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    PowerpackDialog_styled.PowerpackDialog,
+    {
+      isOpen: true,
+      onClose: () => isCloseable ? setPowerpackDialog(null) : void 0,
+      size: "lg",
+      hideCancelButton: !isCloseable,
+      hideBackdrop: !isCloseable,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.MainFeature, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h1", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: (addon == null ? void 0 : addon.icon) ? addon.icon : "bolt" }),
+            label ?? (powerpackDialog == null ? void 0 : powerpackDialog.label)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("h2", { children: description ?? (powerpackDialog == null ? void 0 : powerpackDialog.description) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(PowerpackDialog_styled.FeaturesList, { children: [
+          addon ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h3", { children: [
+            "Unlock all ",
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "green", children: "Premium Addons" }),
+            " with an AYON Studio subscription."
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("h3", { children: [
+            "Unlock all ",
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "bolt" }),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "green", children: "Power Features" }),
+            " with an AYON subscription."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("ul", { children: Object.entries(features ?? PowerpackContext.powerpackFeatures).sort(([key]) => key !== selectedPowerPack ? 1 : -1).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("li", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: value.icon ?? "check" }),
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: value.bullet })
+          ] }, key)) })
+        ] }),
+        messengerLoaded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CTAButton.CTAButton, { onClick: () => openSupport("NewMessage", SUPPORT_MESSAGE) }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PricingLink.PricingLink, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CTAButton.CTAButton, {}) })
+      ]
+    }
+  );
 };
 exports.PowerpackDialog = PowerpackDialog;
 //# 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'\n\nexport interface PowerpackDialogProps {}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n\n  if (!powerpackDialog) return null\n\n  return (\n    <Styled.PowerpackDialog isOpen onClose={() => setPowerpackDialog(null)} size=\"lg\">\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon=\"bolt\" />\n          {powerpackDialog.label}\n        </h1>\n        <h2>{powerpackDialog.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        <h3>\n          Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an AYON\n          subscription.\n        </h3>\n        <ul>\n          {Object.entries(powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon=\"check\" />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n          <li className=\"more\">More coming soon!</li>\n        </ul>\n      </Styled.FeaturesList>\n      <PricingLink>\n        <Styled.MoreButton>Find out more</Styled.MoreButton>\n      </PricingLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["usePowerpack","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","PricingLink","Styled.MoreButton"],"mappings":";;;;;;;;;;;;;;;;AAQa,MAAA,kBAA4C,CAAC,CAAA,MAAO;AAC/D,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAE5E,MAAA,CAAC,gBAAwB,QAAA;AAE7B,SACGC,kDAAAC,uBAAAA,iBAAA,EAAuB,QAAM,MAAC,SAAS,MAAM,mBAAmB,IAAI,GAAG,MAAK,MAC3E,UAAA;AAAA,IAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,MAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,QAACG,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,QACjB,gBAAgB;AAAA,MAAA,GACnB;AAAA,MACAD,2BAAAA,kBAAAA,IAAC,MAAI,EAAA,UAAA,gBAAgB,YAAY,CAAA;AAAA,IAAA,GACnC;AAAA,IAEAH,kDAACK,uBAAAA,cAAA,EACC,UAAA;AAAA,MAAAL,kDAAC,MAAG,EAAA,UAAA;AAAA,QAAA;AAAA,QACSG,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,QAAE;AAAA,QAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,QAAO;AAAA,MAAA,GAE/E;AAAA,wDACC,MACE,EAAA,UAAA;AAAA,QAAO,OAAA,QAAQG,iBAAAA,iBAAiB,EAC9B,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,wDACd,MACC,EAAA,UAAA;AAAA,UAACH,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,UACnBD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,QAAA,EAAA,GAFb,GAGT,CACD;AAAA,QACFA,2BAAA,kBAAA,IAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,oBAAA,CAAA;AAAA,MAAA,EACxC,CAAA;AAAA,IAAA,GACF;AAAA,qDACCI,YAAAA,aACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAACK,uBAAAA,YAAA,EAAkB,2BAAa,EAClC,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"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":["usePowerpack","useFeedback","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAIC,4BAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAC,2BAAA,kBAAA;AAAA,IAACC,uBAAO;AAAA,IAAP;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,UAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,YAAAG,iDAACC,oBAAAA,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCD,2BAAA,kBAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,kDAACK,uBAAAA,cAAA,EACE,UAAA;AAAA,UAAA,0DACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,sDAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,2BAAAA,kBAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAYG,kCAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfN,2BAAAA,kBAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,2BAAA,kBAAA,IAACI,qBAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEJ,2BAAAA,kBAAAA,IAACK,YAAAA,aACC,EAAA,UAAAL,2BAAAA,kBAAAA,IAACI,UAAAA,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}

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

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
-import { PowerpackDialog as PowerpackDialog$1, MainFeature, FeaturesList, MoreButton } from "./PowerpackDialog.styled.es.js";
+import { PowerpackDialog as PowerpackDialog$1, MainFeature, FeaturesList } from "./PowerpackDialog.styled.es.js";
 import { Icon } from "@ynput/ayon-react-components";
 import { PricingLink } from "./PricingLink.es.js";
 import "../../context/RemoteModulesContext.es.js";
@@ -12,35 +12,236 @@ import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import { usePowerpack, powerpackFeatures } from "../../context/PowerpackContext.es.js";
-const PowerpackDialog = ({}) => {
+import "clsx";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "react-toastify";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.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/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/folders/getFolders.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../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/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/watchers/getWatchers.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "react";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                               */
+import "lodash";
+import "../../util/pubsub.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "date-fns";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../Watchers/Watchers.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "./PowerpackButton.es.js";
+import { CTAButton } from "./CTAButton.es.js";
+import "../SettingsPanel/SettingsPanel.es.js";
+import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../Badge/Badge.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import { useFeedback } from "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../Views/context/ViewsContext.es.js";
+import "../Views/Views.styled.es.js";
+import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+const PowerpackDialog = ({
+  label,
+  description,
+  features,
+  isCloseable = true,
+  addon
+}) => {
   const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack();
-  if (!powerpackDialog) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(PowerpackDialog$1, { isOpen: true, onClose: () => setPowerpackDialog(null), size: "lg", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(MainFeature, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "bolt" }),
-        powerpackDialog.label
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: powerpackDialog.description })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(FeaturesList, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { children: [
-        "Unlock all ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "bolt" }),
-        " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "green", children: "Power Features" }),
-        " with an AYON subscription."
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { children: [
-        Object.entries(powerpackFeatures).sort(([key]) => key !== selectedPowerPack ? 1 : -1).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "check" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: value.bullet })
-        ] }, key)),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "more", children: "More coming soon!" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PricingLink, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreButton, { children: "Find out more" }) })
-  ] });
+  const { openSupport, messengerLoaded } = useFeedback();
+  if (!powerpackDialog && (!label || !description)) return null;
+  const featureLabel = label ?? (powerpackDialog == null ? void 0 : powerpackDialog.label) ?? (addon ? "this addon" : "this feature");
+  const SUPPORT_MESSAGE = addon ? `I would like to know how I can try out the "${featureLabel}" addon?` : `I would like to know how I can try out the "${featureLabel}" power feature?`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    PowerpackDialog$1,
+    {
+      isOpen: true,
+      onClose: () => isCloseable ? setPowerpackDialog(null) : void 0,
+      size: "lg",
+      hideCancelButton: !isCloseable,
+      hideBackdrop: !isCloseable,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(MainFeature, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: (addon == null ? void 0 : addon.icon) ? addon.icon : "bolt" }),
+            label ?? (powerpackDialog == null ? void 0 : powerpackDialog.label)
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: description ?? (powerpackDialog == null ? void 0 : powerpackDialog.description) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(FeaturesList, { children: [
+          addon ? /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { children: [
+            "Unlock all ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "green", children: "Premium Addons" }),
+            " with an AYON Studio subscription."
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { children: [
+            "Unlock all ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "bolt" }),
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "green", children: "Power Features" }),
+            " with an AYON subscription."
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: Object.entries(features ?? powerpackFeatures).sort(([key]) => key !== selectedPowerPack ? 1 : -1).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: value.icon ?? "check" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: value.bullet })
+          ] }, key)) })
+        ] }),
+        messengerLoaded ? /* @__PURE__ */ jsxRuntimeExports.jsx(CTAButton, { onClick: () => openSupport("NewMessage", SUPPORT_MESSAGE) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(PricingLink, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CTAButton, {}) })
+      ]
+    }
+  );
 };
 export {
   PowerpackDialog

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'\n\nexport interface PowerpackDialogProps {}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n\n  if (!powerpackDialog) return null\n\n  return (\n    <Styled.PowerpackDialog isOpen onClose={() => setPowerpackDialog(null)} size=\"lg\">\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon=\"bolt\" />\n          {powerpackDialog.label}\n        </h1>\n        <h2>{powerpackDialog.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        <h3>\n          Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an AYON\n          subscription.\n        </h3>\n        <ul>\n          {Object.entries(powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon=\"check\" />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n          <li className=\"more\">More coming soon!</li>\n        </ul>\n      </Styled.FeaturesList>\n      <PricingLink>\n        <Styled.MoreButton>Find out more</Styled.MoreButton>\n      </PricingLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Styled.FeaturesList","Styled.MoreButton"],"mappings":";;;;;;;;;;;;;;AAQa,MAAA,kBAA4C,CAAC,CAAA,MAAO;AAC/D,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoB,aAAa;AAE5E,MAAA,CAAC,gBAAwB,QAAA;AAE7B,SACGA,uCAAAC,mBAAA,EAAuB,QAAM,MAAC,SAAS,MAAM,mBAAmB,IAAI,GAAG,MAAK,MAC3E,UAAA;AAAA,IAACD,uCAAAE,aAAA,EACC,UAAA;AAAA,MAAAF,uCAAC,MACC,EAAA,UAAA;AAAA,QAACG,kCAAAA,IAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,QACjB,gBAAgB;AAAA,MAAA,GACnB;AAAA,MACAA,kCAAAA,IAAC,MAAI,EAAA,UAAA,gBAAgB,YAAY,CAAA;AAAA,IAAA,GACnC;AAAA,IAEAH,uCAACI,cAAA,EACC,UAAA;AAAA,MAAAJ,uCAAC,MAAG,EAAA,UAAA;AAAA,QAAA;AAAA,QACSG,kCAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,QAAE;AAAA,QAAEA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,QAAO;AAAA,MAAA,GAE/E;AAAA,6CACC,MACE,EAAA,UAAA;AAAA,QAAO,OAAA,QAAQ,iBAAiB,EAC9B,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,6CACd,MACC,EAAA,UAAA;AAAA,UAACA,kCAAAA,IAAA,MAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,UACnBA,kCAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,QAAA,EAAA,GAFb,GAGT,CACD;AAAA,QACFA,kCAAA,IAAA,MAAA,EAAG,WAAU,QAAO,UAAiB,oBAAA,CAAA;AAAA,MAAA,EACxC,CAAA;AAAA,IAAA,GACF;AAAA,0CACC,aACC,EAAA,UAAAA,kCAAAA,IAACE,YAAA,EAAkB,2BAAa,EAClC,CAAA;AAAA,EAAA,GACF;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":["jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Styled.FeaturesList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoB,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAI,YAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,uCAAAE,aAAA,EACC,UAAA;AAAA,UAAAF,uCAAC,MACC,EAAA,UAAA;AAAA,YAAAG,sCAAC,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,uCAACI,cAAA,EACE,UAAA;AAAA,UAAA,+CACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUD,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2CAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,kCAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAEA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,kCAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAY,iBAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfH,kCAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,kCAAA,IAAC,MAAK,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCA,kCAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,kCAAA,IAAC,WAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEA,kCAAAA,IAAC,aACC,EAAA,UAAAA,kCAAAA,IAAC,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}