npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.28 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1093) hide show

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

@@ -10,6 +10,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import { usePowerpack as m } from "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import { Button as d } from "@ynput/ayon-react-components";
 import s from "clsx";
 import { forwardRef as u } from "react";
@@ -36,7 +37,7 @@ const f = y(d)`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
   }
-`, z = u(
+`, A = u(
   ({ feature: t, filled: i, ...o }, a) => {
     const { setPowerpackDialog: c } = m(), e = (n) => {
       var r;
@@ -62,6 +63,6 @@ const f = y(d)`
   }
 );
 export {
-  z as PowerpackButton
+  A as PowerpackButton
 };
 //# sourceMappingURL=PowerpackButton.es.js.map

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

	@@ -1 +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","_a","jsx","clsx"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}
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","_a","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),n=require("@ynput/ayon-react-components"),d=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const l=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const j=require("./CTAButton.cjs.js");require("./RequiredPowerpackVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const k=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../DetailsMetaData/DetailsMetaData.cjs.js");require("../AccessUser/AccessUser.cjs.js");const P=({label:u,description:o,features:p,isCloseable:q=!0,addon:i})=>{const{setPowerpackDialog:a,selectedPowerPack:h,powerpackDialog:r}=l.usePowerpack(),{openSupport:m,messengerLoaded:R}=k.useFeedback();if(!r&&(!u||!o))return null;const c=u??(r==null?void 0:r.label)??(i?"this addon":"this feature"),E=i?`I would like to know how I can try out the "${c}" addon?`:`I would like to know how I can try out the "${c}" power feature?`;return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:()=>q?a(null):void 0,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),u??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:o??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(n.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:Object.entries(p??l.powerpackFeatures).sort(([t])=>t!==h?1:-1).map(([t,x])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:x.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:x.bullet})]},t))})]}),R?e.jsxRuntimeExports.jsx(j.CTAButton,{onClick:()=>m("NewMessage",E)}):e.jsxRuntimeExports.jsx(d.PricingLink,{children:e.jsxRuntimeExports.jsx(j.CTAButton,{})})]})};exports.PowerpackDialog=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("./PowerpackDialog.styled.cjs.js"),g=require("react"),l=require("@ynput/ayon-react-components"),A=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../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/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const R=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 O=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");const b=({label:n,description:j,features:w,isCloseable:o=!0,addon:i})=>{const[a,p]=g.useState(!1),{setPowerpackDialog:E,selectedPowerPack:h,powerpackDialog:r}=s.usePowerpack(),{openSupport:k,messengerLoaded:P}=O.useFeedback();if(!r&&(!n||!j))return null;const m=n??(r==null?void 0:r.label)??(i?"this addon":"this feature"),f=i?`I would like to know how I can try out the "${m}" addon?`:`I would like to know how I can try out the "${m}" power feature?`,d=Object.entries(w??s.powerpackFeatures).sort(([q],[u])=>{if(q===h)return-1;if(u===h)return 1;const c=s.powerpackFeatureOrder.indexOf(q),x=s.powerpackFeatureOrder.indexOf(u);return c>-1&&x>-1?c-x:c>-1?-1:x>-1?1:0}),S=()=>{o&&(E(null),p(!1))};return e.jsxRuntimeExports.jsxs(t.PowerpackDialog,{isOpen:!0,onClose:S,size:"lg",hideCancelButton:!o,hideBackdrop:!o,children:[e.jsxRuntimeExports.jsxs(t.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),n??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:j??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(t.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:d.slice(0,a?void 0:5).map(([q,u])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:u.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:u.bullet})]},q))}),!a&&d.length>5&&e.jsxRuntimeExports.jsx(t.ShowAll,{onClick:()=>p(!0),children:"Show all"})]}),P?e.jsxRuntimeExports.jsx(R.CTAButton,{onClick:()=>k("NewMessage",f)}):e.jsxRuntimeExports.jsx(A.PricingLink,{children:e.jsxRuntimeExports.jsx(R.CTAButton,{})})]})};exports.PowerpackDialog=b;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n label?: string\n description?: string\n features?: Record<string, Pick<PowerpackDialogType, 'bullet' \| 'icon'>>\n isCloseable?: boolean\n addon?: {\n icon: string\n }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n label,\n description,\n features,\n isCloseable = true,\n addon,\n}) => {\n const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n const { openSupport, messengerLoaded } = useFeedback()\n\n if (!powerpackDialog && (!label \|\| !description)) return null\n\n // Dynamic support message\n const featureLabel ~~=\n~~ label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n const SUPPORT_MESSAGE = addon\n ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n return (\n ~~<Styled~~.~~PowerpackDialog~~\n ~~isOpen~~\n ~~onClose~~={() => (isCloseable ? setPowerpackDialog(null) ~~: undefined~~)}\n size=\"lg\"\n hideCancelButton={!isCloseable}\n hideBackdrop={!isCloseable}\n >\n <Styled.MainFeature>\n <h1>\n <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n {label ?? powerpackDialog?.label}\n </h1>\n <h2>{description ?? powerpackDialog?.description}</h2>\n </Styled.MainFeature>\n\n <Styled.FeaturesList>\n {addon ? (\n <h3>\n Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n subscription.\n </h3>\n ) : (\n <h3>\n Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n AYON subscription.\n </h3>\n )}\n <ul>\n {~~Object~~.~~entries~~(~~features~~ ?? ~~powerpackFeatures)\n .sort(([key]) => (key !== selectedPowerPack~~ ? 1 : -1)~~)\n~~ .map(([key, value]) => (\n <li key={key}>\n <Icon icon={value.icon ?? 'check'} />\n <span>{value.bullet}</span>\n </li>\n ))}\n </ul>\n </Styled.FeaturesList>\n {messengerLoaded ? (\n <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n ) : (\n <PricingLink>\n <CTAButton />\n </PricingLink>\n )}\n </Styled.PowerpackDialog>\n )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","setPowerpackDialog","selectedPowerPack","powerpackDialog","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","~~powerpackFeatures~~","~~key~~","~~value~~","CTAButton","PricingLink"],"mappings":"~~shYAmBO~~,MAAMA,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,mBAAAC,EAAoB,kBAAAC,EAAmB,gBAAAC,CAAA,EAAoBC,EAAAA,aAAa,EAC1E,CAAE,YAAAC,EAAa,gBAAAC,CAAgB,EAAIC,cAAY,EAErD,GAAI,CAACJ,IAAoB,~~CAACP~~,GAAS,CAACC,GAAqB,OAAA,KAGzD,~~MAAMW~~,~~EACJZ~~,~~IAASO~~,GAAA,YAAAA,EAAiB,~~SAAUH~~,EAAQ,aAAe,~~gBACvDS~~,~~EAAkBT~~,EACpB,+CAA+CQ,CAAY,WAC3D,+CAA+CA,CAAY,~~mBAG7D~~,~~OAAAE~~,EAAA,kBAAA,KAACC,EAAO,gBAAP,CACC,OAAM,GACN,~~QAAS~~,~~IAAOZ~~,~~EAAcE,EAAmB,IAAI,EAAI,OACzD,~~KAAK,KACL,iBAAkB,~~CAACF~~,EACnB,aAAc,CAACA,EAEf,SAAA,~~CAACW~~,yBAAAE,EAAAA,YAAA,CACC,SAAA,CAAAF,yBAAC,KACC,CAAA,SAAA,CAAAG,wBAACC,EAAAA,MAAK,~~KAAMd~~,GAAA,MAAAA,EAAO,KAAOA,EAAM,KAAO,OAAQ,EAC9CJ,~~IAASO~~,GAAA,YAAAA,EAAiB,MAAA,EAC7B,~~EACCU~~,EAAA,kBAAA,IAAA,KAAA,CAAI,~~SAAehB~~,~~IAAAM~~,GAAA,YAAAA,EAAiB,YAAY,CAAA,CAAA,EACnD,~~EAEAO~~,yBAACK,EAAAA,aAAA,CACE,SAAA,~~CAAAf~~,2BACE,KAAG,CAAA,SAAA,CAAA,~~cACUa~~,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,oCAE1D,CAAA,CAAA,2BAEC,KAAG,CAAA,SAAA,CAAA,cACSA,EAAAA,kBAAAA,IAACC,EAAK,KAAA,CAAA,KAAK,MAAO,CAAA,EAAE,IAAED,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,6BAAA,EAE/E,~~EAEFA~~,~~EAAAA,kBAAAA,IAAC,~~KACE,CAAA,~~SAAA~~,~~OAAO~~,~~QAAQf~~,~~GAAYkB~~,~~mBAAiB~~,~~EAC1C~~,~~KAAK,~~CAAC,~~CAACC~~,~~CAAG,IAAOA,IAAQf,EAAoB,EAAI,EAAG,EACpD,~~IAAI,CAAC,~~CAACe~~,EAAKC,CAAK,~~IACfR~~,~~EAAAA,kBAAAA,KAAC,~~KACC,CAAA,SAAA,~~CAAAG~~,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,~~KAAMI~~,EAAM,MAAQ,QAAS,~~EACnCL~~,EAAAA,kBAAAA,IAAC,OAAM,CAAA,~~SAAAK~~,EAAM,MAAO,CAAA,CAAA,~~CAFb~~,~~EAAAD,~~CAGT,CACD,~~CACL~~,CAAA,CAAA,~~EACF~~,~~EACCX,~~EACCO,EAAA,kBAAA,IAACM,YAAU,CAAA,QAAS,~~IAAMd~~,EAAY,aAAcI,CAAe,CAAG,CAAA,~~EAEtEI~~,EAAAA,kBAAAA,IAACO,EAAAA,YACC,CAAA,SAAAP,EAAAA,kBAAAA,IAACM,EAAAA,YAAU,CACb,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
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 } = usePowerpack()\n const { openSupport, messengerLoaded } = useFeedback()\n\n if (!powerpackDialog && (!label \|\| !description)) return null\n\n // Dynamic support message\n const featureLabel = 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 const sortedFeatures = Object.entries(features ?? powerpackFeatures).sort(([keyA], [keyB]) => {\n // Move selected feature to the top\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 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={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 {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","usePowerpack","openSupport","messengerLoaded","useFeedback","featureLabel","SUPPORT_MESSAGE","sortedFeatures","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","key","value","Styled.ShowAll","CTAButton","PricingLink"],"mappings":"ssYAmBO,MAAMA,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,MAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtC,CAAE,mBAAAC,EAAoB,kBAAAC,EAAmB,gBAAAC,CAAA,EAAoBC,EAAAA,aAAa,EAC1E,CAAE,YAAAC,EAAa,gBAAAC,CAAgB,EAAIC,cAAY,EAErD,GAAI,CAACJ,IAAoB,CAACV,GAAS,CAACC,GAAqB,OAAA,KAGzD,MAAMc,EAAef,IAASU,GAAA,YAAAA,EAAiB,SAAUN,EAAQ,aAAe,gBAC1EY,EAAkBZ,EACpB,+CAA+CW,CAAY,WAC3D,+CAA+CA,CAAY,mBAEzDE,EAAiB,OAAO,QAAQf,GAAYgB,EAAiB,iBAAA,EAAE,KAAK,CAAC,CAACC,CAAI,EAAG,CAACC,CAAI,IAAM,CAExF,GAAAD,IAASV,EAA0B,MAAA,GACnC,GAAAW,IAASX,EAA0B,MAAA,GAEjC,MAAAY,EAASC,EAAAA,sBAAsB,QAAQH,CAAW,EAClDI,EAASD,EAAAA,sBAAsB,QAAQF,CAAW,EAEpD,OAAAC,EAAS,IAAME,EAAS,GACnBF,EAASE,EAEdF,EAAS,GAAW,GACpBE,EAAS,GAAW,EACjB,CAAA,CACR,EAEKC,EAAc,IAAM,CACnBrB,IACLK,EAAmB,IAAI,EACvBF,EAAW,EAAK,EAClB,EAGE,OAAAmB,EAAA,kBAAA,KAACC,EAAO,gBAAP,CACC,OAAM,GACN,QAASF,EACT,KAAK,KACL,iBAAkB,CAACrB,EACnB,aAAc,CAACA,EAEf,SAAA,CAACsB,yBAAAE,EAAAA,YAAA,CACC,SAAA,CAAAF,yBAAC,KACC,CAAA,SAAA,CAAAG,wBAACC,EAAAA,MAAK,KAAMzB,GAAA,MAAAA,EAAO,KAAOA,EAAM,KAAO,OAAQ,EAC9CJ,IAASU,GAAA,YAAAA,EAAiB,MAAA,EAC7B,EACCkB,EAAA,kBAAA,IAAA,KAAA,CAAI,SAAe3B,IAAAS,GAAA,YAAAA,EAAiB,YAAY,CAAA,CAAA,EACnD,EAEAe,yBAACK,EAAAA,aAAA,CACE,SAAA,CAAA1B,2BACE,KAAG,CAAA,SAAA,CAAA,cACUwB,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,oCAE1D,CAAA,CAAA,2BAEC,KAAG,CAAA,SAAA,CAAA,cACSA,EAAAA,kBAAAA,IAACC,EAAK,KAAA,CAAA,KAAK,MAAO,CAAA,EAAE,IAAED,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAQ,SAAc,iBAAA,EAAO,6BAAA,EAE/E,0BAED,KACE,CAAA,SAAAX,EAAe,MAAM,EAAGZ,EAAU,OAAY,CAAC,EAAE,IAAI,CAAC,CAAC0B,EAAKC,CAAK,6BAC/D,KACC,CAAA,SAAA,CAAAJ,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMG,EAAM,MAAQ,QAAS,EACnCJ,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAI,EAAM,MAAO,CAAA,CAAA,GAFbD,CAGT,CACD,EACH,EACC,CAAC1B,GAAWY,EAAe,OAAS,GAClCW,EAAAA,kBAAAA,IAAAK,EAAAA,QAAA,CAAe,QAAS,IAAM3B,EAAW,EAAI,EAAG,SAAQ,UAAA,CAAA,CAAA,EAE7D,EACCO,EACCe,EAAA,kBAAA,IAACM,YAAU,CAAA,QAAS,IAAMtB,EAAY,aAAcI,CAAe,CAAG,CAAA,EAEtEY,EAAAA,kBAAAA,IAACO,EAAAA,YACC,CAAA,SAAAP,EAAAA,kBAAAA,IAACM,EAAAA,YAAU,CACb,CAAA,CAAA,CAAA,CAEJ,CAEJ"}

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

@@ -1,7 +1,8 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { PowerpackDialog as k, MainFeature as w, FeaturesList as P } from "./PowerpackDialog.styled.es.js";
-import { Icon as e } from "@ynput/ayon-react-components";
-import { PricingLink as f } from "./PricingLink.es.js";
+import { PowerpackDialog as F, MainFeature as b, FeaturesList as g, ShowAll as I } from "./PowerpackDialog.styled.es.js";
+import { useState as N } from "react";
+import { Icon as c } from "@ynput/ayon-react-components";
+import { PricingLink as C } from "./PricingLink.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
@@ -11,8 +12,9 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import { usePowerpack as b, powerpackFeatures as g } from "../../context/PowerpackContext.es.js";
+import { usePowerpack as L, powerpackFeatures as B, powerpackFeatureOrder as f } from "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "clsx";
 import "../ThumbnailSimple/ThumbnailSimple.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
@@ -74,6 +76,7 @@ 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/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -96,7 +99,6 @@ 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 "react";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../ReviewablesList/ReviewablesList.styled.es.js";
@@ -152,9 +154,10 @@ 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 "../LinksManager/LinksManagerDialog.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -164,12 +167,12 @@ import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.
 import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.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/components/HeaderActionButton.es.js";
 import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
@@ -191,11 +194,13 @@ import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
 import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "./PowerpackButton.es.js";
-import { CTAButton as l } from "./CTAButton.es.js";
-import "./RequiredPowerpackVersion.es.js";
+import { CTAButton as j } from "./CTAButton.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
@@ -204,62 +209,68 @@ import "../SearchFilter/filterDates.es.js";
 import "../Badge/Badge.es.js";
 import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
-import { useFeedback as A } from "../Feedback/FeedbackContext.es.js";
+import { useFeedback as E } from "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
 import "../Chips/Chips.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../DetailsMetaData/DetailsMetaData.es.js";
-import "../AccessUser/AccessUser.es.js";
-const gi = ({
-  label: i,
-  description: s,
-  features: h,
-  isCloseable: m = !0,
+import "../StyledLink/StyledLink.es.js";
+const Ui = ({
+  label: p,
+  description: l,
+  features: w,
+  isCloseable: e = !0,
   addon: o
 }) => {
-  const { setPowerpackDialog: u, selectedPowerPack: a, powerpackDialog: t } = b(), { openSupport: j, messengerLoaded: x } = A();
-  if (!t && (!i || !s)) return null;
-  const n = i ?? (t == null ? void 0 : t.label) ?? (o ? "this addon" : "this feature"), d = o ? `I would like to know how I can try out the "${n}" addon?` : `I would like to know how I can try out the "${n}" power feature?`;
+  const [u, h] = N(!1), { setPowerpackDialog: k, selectedPowerPack: a, powerpackDialog: t } = L(), { openSupport: P, messengerLoaded: S } = E();
+  if (!t && (!p || !l)) return null;
+  const x = p ?? (t == null ? void 0 : t.label) ?? (o ? "this addon" : "this feature"), A = o ? `I would like to know how I can try out the "${x}" addon?` : `I would like to know how I can try out the "${x}" power feature?`, d = Object.entries(w ?? B).sort(([m], [i]) => {
+    if (m === a) return -1;
+    if (i === a) return 1;
+    const s = f.indexOf(m), n = f.indexOf(i);
+    return s > -1 && n > -1 ? s - n : s > -1 ? -1 : n > -1 ? 1 : 0;
+  }), O = () => {
+    e && (k(null), h(!1));
+  };
   return /* @__PURE__ */ r.jsxs(
-    k,
+    F,
     {
       isOpen: !0,
-      onClose: () => m ? u(null) : void 0,
+      onClose: O,
       size: "lg",
-      hideCancelButton: !m,
-      hideBackdrop: !m,
+      hideCancelButton: !e,
+      hideBackdrop: !e,
       children: [
-        /* @__PURE__ */ r.jsxs(w, { children: [
+        /* @__PURE__ */ r.jsxs(b, { children: [
           /* @__PURE__ */ r.jsxs("h1", { children: [
-            /* @__PURE__ */ r.jsx(e, { icon: o != null && o.icon ? o.icon : "bolt" }),
-            i ?? (t == null ? void 0 : t.label)
+            /* @__PURE__ */ r.jsx(c, { icon: o != null && o.icon ? o.icon : "bolt" }),
+            p ?? (t == null ? void 0 : t.label)
           ] }),
-          /* @__PURE__ */ r.jsx("h2", { children: s ?? (t == null ? void 0 : t.description) })
+          /* @__PURE__ */ r.jsx("h2", { children: l ?? (t == null ? void 0 : t.description) })
         ] }),
-        /* @__PURE__ */ r.jsxs(P, { children: [
+        /* @__PURE__ */ r.jsxs(g, { children: [
           o ? /* @__PURE__ */ r.jsxs("h3", { children: [
             "Unlock all ",
             /* @__PURE__ */ r.jsx("span", { className: "green", children: "Premium Addons" }),
             " with an AYON Studio subscription."
           ] }) : /* @__PURE__ */ r.jsxs("h3", { children: [
             "Unlock all ",
-            /* @__PURE__ */ r.jsx(e, { icon: "bolt" }),
+            /* @__PURE__ */ r.jsx(c, { icon: "bolt" }),
             " ",
             /* @__PURE__ */ r.jsx("span", { className: "green", children: "Power Features" }),
             " with an AYON subscription."
           ] }),
-          /* @__PURE__ */ r.jsx("ul", { children: Object.entries(h ?? g).sort(([p]) => p !== a ? 1 : -1).map(([p, c]) => /* @__PURE__ */ r.jsxs("li", { children: [
-            /* @__PURE__ */ r.jsx(e, { icon: c.icon ?? "check" }),
-            /* @__PURE__ */ r.jsx("span", { children: c.bullet })
-          ] }, p)) })
+          /* @__PURE__ */ r.jsx("ul", { children: d.slice(0, u ? void 0 : 5).map(([m, i]) => /* @__PURE__ */ r.jsxs("li", { children: [
+            /* @__PURE__ */ r.jsx(c, { icon: i.icon ?? "check" }),
+            /* @__PURE__ */ r.jsx("span", { children: i.bullet })
+          ] }, m)) }),
+          !u && d.length > 5 && /* @__PURE__ */ r.jsx(I, { onClick: () => h(!0), children: "Show all" })
         ] }),
-        x ? /* @__PURE__ */ r.jsx(l, { onClick: () => j("NewMessage", d) }) : /* @__PURE__ */ r.jsx(f, { children: /* @__PURE__ */ r.jsx(l, {}) })
+        S ? /* @__PURE__ */ r.jsx(j, { onClick: () => P("NewMessage", A) }) : /* @__PURE__ */ r.jsx(C, { children: /* @__PURE__ */ r.jsx(j, {}) })
       ]
     }
   );
 };
 export {
-  gi as PowerpackDialog
+  Ui as PowerpackDialog
 };
 //# sourceMappingURL=PowerpackDialog.es.js.map

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

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

package/dist/shared/src/components/Powerpack/PowerpackDialog.styled.cjs.js CHANGED Viewed

@@ -78,7 +78,17 @@
       gap: 8px;
     }
   }
-`,i=e(r.Button)`
+`,i=e.div`
+  cursor: pointer;
+  text-align: center;
+  margin-top: 16px;
+  color: var(--md-sys-color-tertiary);
+  ${r.theme.bodyMedium}
+  &:hover {
+    text-decoration: underline;
+  }
+`,n=e(r.Button)`
   background-color: var(--md-sys-color-tertiary);
   color: var(--md-sys-color-on-tertiary);
   padding: 12px 20px;
@@ -90,5 +100,5 @@
   &:hover {
     background-color: var(--md-sys-color-tertiary-hover);
   }
-`;exports.FeaturesList=a;exports.MainFeature=t;exports.MoreButton=i;exports.PowerpackDialog=o;
+`;exports.FeaturesList=a;exports.MainFeature=t;exports.MoreButton=n;exports.PowerpackDialog=o;exports.ShowAll=i;
 //# sourceMappingURL=PowerpackDialog.styled.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PowerpackDialog.styled.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.styled.ts"],"sourcesContent":["import { Button, Dialog, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const PowerpackDialog = styled(Dialog)`\n background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),\n #15171c;\n\n width: 550px;\n max-height: unset;\n height: unset;\n border-radius: 16px;\n\n .body {\n gap: 32px;\n padding: 16px 32px;\n align-items: center;\n }\n\n .icon {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n\n .cancelButton {\n background-color: unset;\n }\n`\n\nexport const MainFeature = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n border-radius: var(--border-radius-l);\n border: 1px solid var(--md-sys-color-tertiary);\n color: var(--md-sys-color-tertiary);\n width: 100%;\n\n h1 {\n margin: 0;\n ${theme.headlineSmall}\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n }\n\n h2 {\n margin: 0;\n ${theme.bodyLarge}\n text-align: center;\n }\n\n .icon {\n font-size: 32px;\n color: var(--md-sys-color-tertiary);\n }\n`\n\nexport const FeaturesList = styled.div`\n width: 100%;\n\n h3 {\n ${theme.bodyMedium}\n .green, .icon {\n color: var(--md-sys-color-tertiary);\n }\n .green {\n margin-right: 4px;\n padding-left: 4px;\n }\n }\n\n ul {\n margin: 0;\n margin-top: 8px;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n li {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n }\n`\n\nexport const MoreButton = styled(Button)`\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n padding: 12px 20px;\n border-radius: var(--border-radius-l);\n margin-bottom: 16px;\n\n ${theme.titleMedium}\n\n &:hover {\n background-color: var(--md-sys-color-tertiary-hover);\n }\n`\n"],"names":["PowerpackDialog","styled","Dialog","MainFeature","theme","FeaturesList","MoreButton","Button"],"mappings":"+JAGaA,EAAkBC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwB/BC,EAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAa5BG,QAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASnBA,QAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAURC,EAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA,MAI7BG,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BTE,~~EAAaL~~,~~EAAOM~~,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAOnCH~~,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"PowerpackDialog.styled.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.styled.ts"],"sourcesContent":["import { Button, Dialog, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const PowerpackDialog = styled(Dialog)`\n background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),\n #15171c;\n\n width: 550px;\n max-height: unset;\n height: unset;\n border-radius: 16px;\n\n .body {\n gap: 32px;\n padding: 16px 32px;\n align-items: center;\n }\n\n .icon {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n\n .cancelButton {\n background-color: unset;\n }\n`\n\nexport const MainFeature = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n border-radius: var(--border-radius-l);\n border: 1px solid var(--md-sys-color-tertiary);\n color: var(--md-sys-color-tertiary);\n width: 100%;\n\n h1 {\n margin: 0;\n ${theme.headlineSmall}\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n }\n\n h2 {\n margin: 0;\n ${theme.bodyLarge}\n text-align: center;\n }\n\n .icon {\n font-size: 32px;\n color: var(--md-sys-color-tertiary);\n }\n`\n\nexport const FeaturesList = styled.div`\n width: 100%;\n\n h3 {\n ${theme.bodyMedium}\n .green, .icon {\n color: var(--md-sys-color-tertiary);\n }\n .green {\n margin-right: 4px;\n padding-left: 4px;\n }\n }\n\n ul {\n margin: 0;\n margin-top: 8px;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n li {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n }\n`\n\nexport const ShowAll = styled.div`\n cursor: pointer;\n text-align: center;\n margin-top: 16px;\n color: var(--md-sys-color-tertiary);\n ${theme.bodyMedium}\n\n &:hover {\n text-decoration: underline;\n }\n`\n\nexport const MoreButton = styled(Button)`\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n padding: 12px 20px;\n border-radius: var(--border-radius-l);\n margin-bottom: 16px;\n\n ${theme.titleMedium}\n\n &:hover {\n background-color: var(--md-sys-color-tertiary-hover);\n }\n`\n"],"names":["PowerpackDialog","styled","Dialog","MainFeature","theme","FeaturesList","ShowAll","MoreButton","Button"],"mappings":"+JAGaA,EAAkBC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwB/BC,EAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAa5BG,QAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASnBA,QAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAURC,EAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA,MAI7BG,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BTE,EAAUL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1BG,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAOPG,EAAaN,EAAOO,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOnCJ,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.styled.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Dialog as e, theme as r, Button as a } from "@ynput/ayon-react-components";
+import { Dialog as e, theme as r, Button as t } from "@ynput/ayon-react-components";
 import o from "styled-components";
 const n = o(e)`
   background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),
@@ -80,7 +80,17 @@ const n = o(e)`
       gap: 8px;
     }
   }
-`, s = o(a)`
+`, s = o.div`
+  cursor: pointer;
+  text-align: center;
+  margin-top: 16px;
+  color: var(--md-sys-color-tertiary);
+  ${r.bodyMedium}
+  &:hover {
+    text-decoration: underline;
+  }
+`, c = o(t)`
   background-color: var(--md-sys-color-tertiary);
   color: var(--md-sys-color-on-tertiary);
   padding: 12px 20px;
@@ -96,7 +106,8 @@ const n = o(e)`
 export {
   l as FeaturesList,
   d as MainFeature,
-  s as MoreButton,
-  n as PowerpackDialog
+  c as MoreButton,
+  n as PowerpackDialog,
+  s as ShowAll
 };
 //# sourceMappingURL=PowerpackDialog.styled.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PowerpackDialog.styled.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.styled.ts"],"sourcesContent":["import { Button, Dialog, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const PowerpackDialog = styled(Dialog)`\n background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),\n #15171c;\n\n width: 550px;\n max-height: unset;\n height: unset;\n border-radius: 16px;\n\n .body {\n gap: 32px;\n padding: 16px 32px;\n align-items: center;\n }\n\n .icon {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n\n .cancelButton {\n background-color: unset;\n }\n`\n\nexport const MainFeature = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n border-radius: var(--border-radius-l);\n border: 1px solid var(--md-sys-color-tertiary);\n color: var(--md-sys-color-tertiary);\n width: 100%;\n\n h1 {\n margin: 0;\n ${theme.headlineSmall}\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n }\n\n h2 {\n margin: 0;\n ${theme.bodyLarge}\n text-align: center;\n }\n\n .icon {\n font-size: 32px;\n color: var(--md-sys-color-tertiary);\n }\n`\n\nexport const FeaturesList = styled.div`\n width: 100%;\n\n h3 {\n ${theme.bodyMedium}\n .green, .icon {\n color: var(--md-sys-color-tertiary);\n }\n .green {\n margin-right: 4px;\n padding-left: 4px;\n }\n }\n\n ul {\n margin: 0;\n margin-top: 8px;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n li {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n }\n`\n\nexport const MoreButton = styled(Button)`\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n padding: 12px 20px;\n border-radius: var(--border-radius-l);\n margin-bottom: 16px;\n\n ${theme.titleMedium}\n\n &:hover {\n background-color: var(--md-sys-color-tertiary-hover);\n }\n`\n"],"names":["PowerpackDialog","styled","Dialog","MainFeature","theme","FeaturesList","MoreButton","Button"],"mappings":";;AAGa,MAAAA,IAAkBC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwB/BC,IAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAa5BG,EAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASnBA,EAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAURC,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA,MAI7BG,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BTE,~~IAAaL~~,~~EAAOM~~,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAOnCH~~,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"PowerpackDialog.styled.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.styled.ts"],"sourcesContent":["import { Button, Dialog, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const PowerpackDialog = styled(Dialog)`\n background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),\n #15171c;\n\n width: 550px;\n max-height: unset;\n height: unset;\n border-radius: 16px;\n\n .body {\n gap: 32px;\n padding: 16px 32px;\n align-items: center;\n }\n\n .icon {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n\n .cancelButton {\n background-color: unset;\n }\n`\n\nexport const MainFeature = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n border-radius: var(--border-radius-l);\n border: 1px solid var(--md-sys-color-tertiary);\n color: var(--md-sys-color-tertiary);\n width: 100%;\n\n h1 {\n margin: 0;\n ${theme.headlineSmall}\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n }\n\n h2 {\n margin: 0;\n ${theme.bodyLarge}\n text-align: center;\n }\n\n .icon {\n font-size: 32px;\n color: var(--md-sys-color-tertiary);\n }\n`\n\nexport const FeaturesList = styled.div`\n width: 100%;\n\n h3 {\n ${theme.bodyMedium}\n .green, .icon {\n color: var(--md-sys-color-tertiary);\n }\n .green {\n margin-right: 4px;\n padding-left: 4px;\n }\n }\n\n ul {\n margin: 0;\n margin-top: 8px;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n li {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n }\n`\n\nexport const ShowAll = styled.div`\n cursor: pointer;\n text-align: center;\n margin-top: 16px;\n color: var(--md-sys-color-tertiary);\n ${theme.bodyMedium}\n\n &:hover {\n text-decoration: underline;\n }\n`\n\nexport const MoreButton = styled(Button)`\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n padding: 12px 20px;\n border-radius: var(--border-radius-l);\n margin-bottom: 16px;\n\n ${theme.titleMedium}\n\n &:hover {\n background-color: var(--md-sys-color-tertiary-hover);\n }\n`\n"],"names":["PowerpackDialog","styled","Dialog","MainFeature","theme","FeaturesList","ShowAll","MoreButton","Button"],"mappings":";;AAGa,MAAAA,IAAkBC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwB/BC,IAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAa5BG,EAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASnBA,EAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAURC,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA,MAI7BG,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BTE,IAAUL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1BG,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,GAOPG,IAAaN,EAAOO,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOnCJ,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("react");const c=require("@ynput/ayon-react-components"),i=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const m=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("@tanstack/react-table");const b=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");;/* empty css                                                 */require("clsx");require("../../containers/ContextMenu/ContextMenuContext.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/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const g=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("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("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.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/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredPowerpackVersion.cjs.js");const C=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");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../DetailsMetaData/DetailsMetaData.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");const v=require("styled-components"),x=require("./ColumnsSettings.cjs.js"),p=v(c.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("react");const c=require("@ynput/ayon-react-components"),i=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const b=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("@tanstack/react-table");const m=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");;/* empty css                                                 */require("clsx");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.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/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const g=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.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("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.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/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");const C=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");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");const d=require("styled-components"),v=require("./ColumnsSettings.cjs.js"),p=d(c.Button)`
   min-width: 120px;
-`,S=({defaultSelected:u,className:l,...q})=>{const{togglePanel:t,isPanelOpen:r}=g.useSettingsPanel();return s.jsxRuntimeExports.jsx(p,{onClick:()=>t(u),icon:"settings",selected:r,...q,children:"Customize"})},T=({settings:u=[],extraColumns:l=[],highlighted:q})=>{const{attribFields:t,projectInfo:r}=m.useProjectTableContext(),{columnVisibility:o}=b.useColumnSettingsContext(),n=[{value:"thumbnail",label:"Thumbnail"},{value:"name",label:"Folder / Task"},{value:"status",label:"Status"},{value:"subType",label:"Type"},{value:"assignees",label:"Assignees"},{value:"tags",label:"Tags"},...t.map(e=>({value:`attrib_${e.name}`,label:e.data.title||e.name})),...r!=null&&r.linkTypes?r.linkTypes.flatMap(e=>[{value:i.getLinkColumnId(e,"in"),label:i.getLinkLabel(e,"in")},{value:i.getLinkColumnId(e,"out"),label:i.getLinkLabel(e,"out")}]):[],...l],a=[{id:"columns",title:"Columns",icon:"view_column",preview:`${n.filter(e=>!(e.value in o)||o[e.value]).length}/${n.length}`,component:s.jsxRuntimeExports.jsx(x,{columns:n,highlighted:q})}];return u.forEach(e=>a.push(e)),s.jsxRuntimeExports.jsx(C.SettingsPanel,{settings:a})};exports.CustomizeButton=S;exports.ProjectTableSettings=T;
+`,x=({defaultSelected:u,className:l,...q})=>{const{togglePanel:t,isPanelOpen:r}=g.useSettingsPanel();return s.jsxRuntimeExports.jsx(p,{onClick:()=>t(u),icon:"settings",selected:r,...q,children:"Customize"})},S=({settings:u=[],extraColumns:l=[],highlighted:q})=>{const{attribFields:t,projectInfo:r}=b.useProjectTableContext(),{columnVisibility:a}=m.useColumnSettingsContext(),n=[{value:"thumbnail",label:"Thumbnail"},{value:"name",label:"Folder / Task"},{value:"status",label:"Status"},{value:"subType",label:"Type"},{value:"assignees",label:"Assignees"},{value:"tags",label:"Tags"},{value:"createdAt",label:"Created At"},{value:"updatedAt",label:"Updated At"},...t.map(e=>({value:`attrib_${e.name}`,label:e.data.title||e.name})),...r!=null&&r.linkTypes?r.linkTypes.flatMap(e=>[{value:i.getLinkColumnId(e,"in"),label:i.getLinkLabel(e,"in")},{value:i.getLinkColumnId(e,"out"),label:i.getLinkLabel(e,"out")}]):[],...l],o=[{id:"columns",title:"Columns",icon:"view_column",preview:`${n.filter(e=>!(e.value in a)||a[e.value]).length}/${n.length}`,component:s.jsxRuntimeExports.jsx(v,{columns:n,highlighted:q})}];return u.forEach(e=>o.push(e)),s.jsxRuntimeExports.jsx(C.SettingsPanel,{settings:o})};exports.CustomizeButton=x;exports.ProjectTableSettings=S;
 //# sourceMappingURL=ProjectTableSettings.cjs.js.map