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

@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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 (781) hide show

package/dist/shared/src/containers/EntityPickerDialog/components/EntityTypeTableSearch.es.js CHANGED Viewed

@@ -155,9 +155,10 @@ import "../../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../components/LinksManager/LinksManagerDialog.es.js";
+import "../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -167,12 +168,12 @@ import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
@@ -194,13 +195,14 @@ import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
-import "../../../components/Powerpack/RequiredPowerpackVersion.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -212,10 +214,8 @@ import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
 import "../../../components/Feedback/FeedbackContext.es.js";
 import "../../../components/Feedback/SupportBubble.es.js";
 import "../../../components/Chips/Chips.es.js";
-import "../../../components/LinksManager/LinksManager.styled.es.js";
 import "../EntityPickerDialog.es.js";
-import "../../../components/DetailsMetaData/DetailsMetaData.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
 import i from "styled-components";
 const a = i.div`
   position: relative;

package/dist/shared/src/containers/Feed/components/ActivityDate.cjs.js CHANGED Viewed

@@ -1,11 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("date-fns"),z=require("clsx"),S=require("styled-components"),g=require("react"),p=require("@ynput/ayon-react-components"),F=S.span`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("date-fns"),p=require("clsx"),z=require("styled-components"),S=require("react"),g=require("@ynput/ayon-react-components"),x=z.span`
   margin-left: auto;
   color: var(--md-sys-color-outline);
   user-select: none;
   white-space: nowrap;
   display: flex;
   align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 3;
+  min-width: 0;
+  max-width: fit-content;
-  ${p.theme.bodySmall}
-`,c=s=>{let e=t.formatDistanceToNow(s,{addSuffix:!0});return e=e.replace("about",""),e=e.replace("minutes","mins"),e=e.replace("minute","min"),e=e.replace(" ago",""),t.isSameMinute(s,new Date)&&(e="Just now"),e},q=({date:s,isExact:e,...l})=>{const[o,r]=g.useState(!0);if(!s)return null;const a=new Date(s);if(!t.isValid(a))return null;const m=t.isToday(a),y=t.isSameYear(a,new Date),i=t.isSameDay(a,new Date(new Date().setDate(new Date().getDate()-1))),d=t.isSameWeek(a,new Date),D=t.isSameMinute(a,new Date),f=i?"":y?d?"E":"MMM d":"MMM d yyyy",u="h:mm a";let n=o&&!e?m?c(a):t.format(a,`${f}, ${u}`):t.format(a,`EEEE, dd MMM yyyy ${u}`);i&&o&&!e&&(n=`Yesterday${n}`),D&&(n="Just now");const M=()=>{r(!o)};return w.jsxRuntimeExports.jsx(F,{className:z("date"),...l,onClick:M,onMouseOver:()=>r(!1),onMouseOut:()=>r(!0),children:n})};exports.default=q;exports.getFuzzyDate=c;
+  ${g.theme.bodySmall}
+`,l=a=>{let e=t.formatDistanceToNow(a,{addSuffix:!0});return e=e.replace("about",""),e=e.replace("minutes","mins"),e=e.replace("minute","min"),e=e.replace(" ago",""),t.isSameMinute(a,new Date)&&(e="Just now"),e},h=({date:a,isExact:e,...c})=>{const[o,r]=S.useState(!0);if(!a)return null;const n=new Date(a);if(!t.isValid(n))return null;const m=t.isToday(n),d=t.isSameYear(n,new Date),i=t.isSameDay(n,new Date(new Date().setDate(new Date().getDate()-1))),y=t.isSameWeek(n,new Date),f=t.isSameMinute(n,new Date),w=i?"":d?y?"E":"MMM d":"MMM d yyyy",u="h:mm a";let s=o&&!e?m?l(n):t.format(n,`${w}, ${u}`):t.format(n,`EEEE, dd MMM yyyy ${u}`);i&&o&&!e&&(s=`Yesterday${s}`),f&&(s="Just now");const D=()=>{r(!o)};return M.jsxRuntimeExports.jsx(x,{className:p("date"),...c,onClick:D,onMouseOver:()=>r(!1),onMouseOut:()=>r(!0),children:s})};exports.default=h;exports.getFuzzyDate=l;
 //# sourceMappingURL=ActivityDate.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityDate.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityDate.cjs.js","sources":["../../../../../../src/containers/Feed/components/ActivityDate.tsx"],"sourcesContent":["import {\n format,\n formatDistanceToNow,\n isValid,\n isToday,\n isSameYear,\n isSameDay,\n isSameWeek,\n isSameMinute,\n} from 'date-fns'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { useState } from 'react'\nimport { theme } from '@ynput/ayon-react-components'\n\nconst DateStyled = styled.span`\n margin-left: auto;\n color: var(--md-sys-color-outline);\n user-select: none;\n white-space: nowrap;\n display: flex;\n align-items: center;\n\n ${theme.bodySmall}\n`\n\nexport const getFuzzyDate = (date: Date) => {\n let fuzzyDate = formatDistanceToNow(date, { addSuffix: true })\n\n // remove 'about' from the string\n fuzzyDate = fuzzyDate.replace('about', '')\n // replace minutes with min\n fuzzyDate = fuzzyDate.replace('minutes', 'mins')\n fuzzyDate = fuzzyDate.replace('minute', 'min')\n // remove the word ' ago'\n fuzzyDate = fuzzyDate.replace(' ago', '')\n\n // if date is less than a minute ago, return 'Just now'\n if (isSameMinute(date, new Date())) fuzzyDate = 'Just now'\n\n return fuzzyDate\n}\n\ninterface ActivityDateProps extends React.HTMLAttributes<HTMLElement> {\n date?: string\n isExact?: boolean\n}\n\nconst ActivityDate = ({ date, isExact, ...props }: ActivityDateProps) => {\n const [isFuzzy, setIsFuzzy] = useState(true)\n if (!date) return null\n const dateObj = new Date(date)\n if (!isValid(dateObj)) return null\n\n // is date over a day old?\n const today = isToday(dateObj)\n const sameYear = isSameYear(dateObj, new Date())\n const yesterday = isSameDay(dateObj, new Date(new Date().setDate(new Date().getDate() - 1)))\n const sameWeek = isSameWeek(dateObj, new Date())\n const sameMin = isSameMinute(dateObj, new Date())\n\n const dateFormat = yesterday ? '' : sameYear ? (sameWeek ? 'E' : 'MMM d') : 'MMM d yyyy'\n const timeFormat = 'h:mm a'\n\n let dateString =\n isFuzzy && !isExact\n ? today\n ? getFuzzyDate(dateObj)\n : format(dateObj, `${dateFormat}, ${timeFormat}`)\n : format(dateObj, `EEEE, dd MMM yyyy ${timeFormat}`)\n\n if (yesterday && isFuzzy && !isExact) dateString = `Yesterday${dateString}`\n\n // if less than a minute ago overwrite the date string\n if (sameMin) dateString = 'Just now'\n\n const toggleFuzzy = () => {\n setIsFuzzy(!isFuzzy)\n }\n\n return (\n <DateStyled\n className={clsx('date')}\n {...props}\n onClick={toggleFuzzy}\n onMouseOver={() => setIsFuzzy(false)}\n onMouseOut={() => setIsFuzzy(true)}\n >\n {dateString}\n </DateStyled>\n )\n}\n\nexport default ActivityDate\n"],"names":["DateStyled","styled","theme","getFuzzyDate","date","fuzzyDate","formatDistanceToNow","isSameMinute","ActivityDate","isExact","props","isFuzzy","setIsFuzzy","useState","dateObj","isValid","today","isToday","sameYear","isSameYear","yesterday","isSameDay","sameWeek","isSameWeek","sameMin","dateFormat","timeFormat","dateString","format","toggleFuzzy","jsx","clsx"],"mappings":"8SAeMA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAQtBC~~,QAAM,SAAS;AAAA,EAGNC,EAAgBC,GAAe,CAC1C,IAAIC,EAAYC,EAAAA,oBAAoBF,EAAM,CAAE,UAAW,GAAM,EAGjD,OAAAC,EAAAA,EAAU,QAAQ,QAAS,EAAE,EAE7BA,EAAAA,EAAU,QAAQ,UAAW,MAAM,EACnCA,EAAAA,EAAU,QAAQ,SAAU,KAAK,EAEjCA,EAAAA,EAAU,QAAQ,OAAQ,EAAE,EAGpCE,EAAAA,aAAaH,EAAM,IAAI,IAAM,IAAeC,EAAA,YAEzCA,CACT,EAOMG,EAAe,CAAC,CAAE,KAAAJ,EAAM,QAAAK,EAAS,GAAGC,KAA+B,CACvE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAI,EACvC,GAAA,CAACT,EAAa,OAAA,KACZ,MAAAU,EAAU,IAAI,KAAKV,CAAI,EAC7B,GAAI,CAACW,EAAA,QAAQD,CAAO,EAAU,OAAA,KAGxB,MAAAE,EAAQC,UAAQH,CAAO,EACvBI,EAAWC,EAAA,WAAWL,EAAS,IAAI,IAAM,EACzCM,EAAYC,EAAAA,UAAUP,EAAS,IAAI,SAAS,KAAK,EAAE,QAAQ,IAAI,KAAO,EAAA,QAAA,EAAY,CAAC,CAAC,CAAC,EACrFQ,EAAWC,EAAA,WAAWT,EAAS,IAAI,IAAM,EACzCU,EAAUjB,EAAA,aAAaO,EAAS,IAAI,IAAM,EAE1CW,EAAaL,EAAY,GAAKF,EAAYI,EAAW,IAAM,QAAW,aACtEI,EAAa,SAEf,IAAAC,EACFhB,GAAW,CAACF,EACRO,EACEb,EAAaW,CAAO,EACpBc,EAAO,OAAAd,EAAS,GAAGW,CAAU,KAAKC,CAAU,EAAE,EAChDE,EAAAA,OAAOd,EAAS,qBAAqBY,CAAU,EAAE,EAEnDN,GAAaT,GAAW,CAACF,IAASkB,EAAa,YAAYA,CAAU,IAGrEH,IAAsBG,EAAA,YAE1B,MAAME,EAAc,IAAM,CACxBjB,EAAW,CAACD,CAAO,CACrB,EAGE,OAAAmB,EAAA,kBAAA,IAAC9B,EAAA,CACC,UAAW+B,EAAK,MAAM,EACrB,GAAGrB,EACJ,QAASmB,EACT,YAAa,IAAMjB,EAAW,EAAK,EACnC,WAAY,IAAMA,EAAW,EAAI,EAEhC,SAAAe,CAAA,CACH,CAEJ"}
1	+ {"version":3,"file":"ActivityDate.cjs.js","sources":["../../../../../../src/containers/Feed/components/ActivityDate.tsx"],"sourcesContent":["import {\n format,\n formatDistanceToNow,\n isValid,\n isToday,\n isSameYear,\n isSameDay,\n isSameWeek,\n isSameMinute,\n} from 'date-fns'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { useState } from 'react'\nimport { theme } from '@ynput/ayon-react-components'\n\nconst DateStyled = styled.span`\n margin-left: auto;\n color: var(--md-sys-color-outline);\n user-select: none;\n white-space: nowrap;\n display: flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 3;\n min-width: 0;\n max-width: fit-content;\n\n ${theme.bodySmall}\n`\n\nexport const getFuzzyDate = (date: Date) => {\n let fuzzyDate = formatDistanceToNow(date, { addSuffix: true })\n\n // remove 'about' from the string\n fuzzyDate = fuzzyDate.replace('about', '')\n // replace minutes with min\n fuzzyDate = fuzzyDate.replace('minutes', 'mins')\n fuzzyDate = fuzzyDate.replace('minute', 'min')\n // remove the word ' ago'\n fuzzyDate = fuzzyDate.replace(' ago', '')\n\n // if date is less than a minute ago, return 'Just now'\n if (isSameMinute(date, new Date())) fuzzyDate = 'Just now'\n\n return fuzzyDate\n}\n\ninterface ActivityDateProps extends React.HTMLAttributes<HTMLElement> {\n date?: string\n isExact?: boolean\n}\n\nconst ActivityDate = ({ date, isExact, ...props }: ActivityDateProps) => {\n const [isFuzzy, setIsFuzzy] = useState(true)\n if (!date) return null\n const dateObj = new Date(date)\n if (!isValid(dateObj)) return null\n\n // is date over a day old?\n const today = isToday(dateObj)\n const sameYear = isSameYear(dateObj, new Date())\n const yesterday = isSameDay(dateObj, new Date(new Date().setDate(new Date().getDate() - 1)))\n const sameWeek = isSameWeek(dateObj, new Date())\n const sameMin = isSameMinute(dateObj, new Date())\n\n const dateFormat = yesterday ? '' : sameYear ? (sameWeek ? 'E' : 'MMM d') : 'MMM d yyyy'\n const timeFormat = 'h:mm a'\n\n let dateString =\n isFuzzy && !isExact\n ? today\n ? getFuzzyDate(dateObj)\n : format(dateObj, `${dateFormat}, ${timeFormat}`)\n : format(dateObj, `EEEE, dd MMM yyyy ${timeFormat}`)\n\n if (yesterday && isFuzzy && !isExact) dateString = `Yesterday${dateString}`\n\n // if less than a minute ago overwrite the date string\n if (sameMin) dateString = 'Just now'\n\n const toggleFuzzy = () => {\n setIsFuzzy(!isFuzzy)\n }\n\n return (\n <DateStyled\n className={clsx('date')}\n {...props}\n onClick={toggleFuzzy}\n onMouseOver={() => setIsFuzzy(false)}\n onMouseOut={() => setIsFuzzy(true)}\n >\n {dateString}\n </DateStyled>\n )\n}\n\nexport default ActivityDate\n"],"names":["DateStyled","styled","theme","getFuzzyDate","date","fuzzyDate","formatDistanceToNow","isSameMinute","ActivityDate","isExact","props","isFuzzy","setIsFuzzy","useState","dateObj","isValid","today","isToday","sameYear","isSameYear","yesterday","isSameDay","sameWeek","isSameWeek","sameMin","dateFormat","timeFormat","dateString","format","toggleFuzzy","jsx","clsx"],"mappings":"8SAeMA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAatBC,QAAM,SAAS;AAAA,EAGNC,EAAgBC,GAAe,CAC1C,IAAIC,EAAYC,EAAAA,oBAAoBF,EAAM,CAAE,UAAW,GAAM,EAGjD,OAAAC,EAAAA,EAAU,QAAQ,QAAS,EAAE,EAE7BA,EAAAA,EAAU,QAAQ,UAAW,MAAM,EACnCA,EAAAA,EAAU,QAAQ,SAAU,KAAK,EAEjCA,EAAAA,EAAU,QAAQ,OAAQ,EAAE,EAGpCE,EAAAA,aAAaH,EAAM,IAAI,IAAM,IAAeC,EAAA,YAEzCA,CACT,EAOMG,EAAe,CAAC,CAAE,KAAAJ,EAAM,QAAAK,EAAS,GAAGC,KAA+B,CACvE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAI,EACvC,GAAA,CAACT,EAAa,OAAA,KACZ,MAAAU,EAAU,IAAI,KAAKV,CAAI,EAC7B,GAAI,CAACW,EAAA,QAAQD,CAAO,EAAU,OAAA,KAGxB,MAAAE,EAAQC,UAAQH,CAAO,EACvBI,EAAWC,EAAA,WAAWL,EAAS,IAAI,IAAM,EACzCM,EAAYC,EAAAA,UAAUP,EAAS,IAAI,SAAS,KAAK,EAAE,QAAQ,IAAI,KAAO,EAAA,QAAA,EAAY,CAAC,CAAC,CAAC,EACrFQ,EAAWC,EAAA,WAAWT,EAAS,IAAI,IAAM,EACzCU,EAAUjB,EAAA,aAAaO,EAAS,IAAI,IAAM,EAE1CW,EAAaL,EAAY,GAAKF,EAAYI,EAAW,IAAM,QAAW,aACtEI,EAAa,SAEf,IAAAC,EACFhB,GAAW,CAACF,EACRO,EACEb,EAAaW,CAAO,EACpBc,EAAO,OAAAd,EAAS,GAAGW,CAAU,KAAKC,CAAU,EAAE,EAChDE,EAAAA,OAAOd,EAAS,qBAAqBY,CAAU,EAAE,EAEnDN,GAAaT,GAAW,CAACF,IAASkB,EAAa,YAAYA,CAAU,IAGrEH,IAAsBG,EAAA,YAE1B,MAAME,EAAc,IAAM,CACxBjB,EAAW,CAACD,CAAO,CACrB,EAGE,OAAAmB,EAAA,kBAAA,IAAC9B,EAAA,CACC,UAAW+B,EAAK,MAAM,EACrB,GAAGrB,EACJ,QAASmB,EACT,YAAa,IAAMjB,EAAW,EAAK,EACnC,WAAY,IAAMA,EAAW,EAAI,EAEhC,SAAAe,CAAA,CACH,CAEJ"}

package/dist/shared/src/containers/Feed/components/ActivityDate.es.js CHANGED Viewed

@@ -1,38 +1,43 @@
-import { j as w } from "../../../../../_virtual/jsx-runtime.es.js";
-import { isValid as M, isToday as z, isSameYear as S, isSameDay as g, isSameWeek as x, isSameMinute as l, format as m, formatDistanceToNow as F } from "date-fns";
-import E from "clsx";
-import $ from "styled-components";
-import { useState as h } from "react";
-import { theme as j } from "@ynput/ayon-react-components";
-const b = $.span`
+import { j as D } from "../../../../../_virtual/jsx-runtime.es.js";
+import { isValid as M, isToday as z, isSameYear as x, isSameDay as S, isSameWeek as g, isSameMinute as l, format as m, formatDistanceToNow as h } from "date-fns";
+import F from "clsx";
+import v from "styled-components";
+import { useState as E } from "react";
+import { theme as $ } from "@ynput/ayon-react-components";
+const j = v.span`
   margin-left: auto;
   color: var(--md-sys-color-outline);
   user-select: none;
   white-space: nowrap;
   display: flex;
   align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 3;
+  min-width: 0;
+  max-width: fit-content;
-  ${j.bodySmall}
+  ${$.bodySmall}
 `, k = (a) => {
-  let e = F(a, { addSuffix: !0 });
+  let e = h(a, { addSuffix: !0 });
   return e = e.replace("about", ""), e = e.replace("minutes", "mins"), e = e.replace("minute", "min"), e = e.replace(" ago", ""), l(a, /* @__PURE__ */ new Date()) && (e = "Just now"), e;
 }, W = ({ date: a, isExact: e, ...u }) => {
-  const [s, n] = h(!0);
+  const [s, n] = E(!0);
   if (!a) return null;
   const t = new Date(a);
   if (!M(t)) return null;
-  const c = z(t), y = S(t, /* @__PURE__ */ new Date()), r = g(t, new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() - 1))), d = x(t, /* @__PURE__ */ new Date()), f = l(t, /* @__PURE__ */ new Date()), p = r ? "" : y ? d ? "E" : "MMM d" : "MMM d yyyy", i = "h:mm a";
+  const c = z(t), y = x(t, /* @__PURE__ */ new Date()), r = S(t, new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() - 1))), d = g(t, /* @__PURE__ */ new Date()), f = l(t, /* @__PURE__ */ new Date()), p = r ? "" : y ? d ? "E" : "MMM d" : "MMM d yyyy", i = "h:mm a";
   let o = s && !e ? c ? k(t) : m(t, `${p}, ${i}`) : m(t, `EEEE, dd MMM yyyy ${i}`);
   r && s && !e && (o = `Yesterday${o}`), f && (o = "Just now");
-  const D = () => {
+  const w = () => {
     n(!s);
   };
-  return /* @__PURE__ */ w.jsx(
-    b,
+  return /* @__PURE__ */ D.jsx(
+    j,
     {
-      className: E("date"),
+      className: F("date"),
       ...u,
-      onClick: D,
+      onClick: w,
       onMouseOver: () => n(!1),
       onMouseOut: () => n(!0),
       children: o

package/dist/shared/src/containers/Feed/components/ActivityDate.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityDate.es.js","sources":["../../../../../../src/containers/Feed/components/ActivityDate.tsx"],"sourcesContent":["import {\n format,\n formatDistanceToNow,\n isValid,\n isToday,\n isSameYear,\n isSameDay,\n isSameWeek,\n isSameMinute,\n} from 'date-fns'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { useState } from 'react'\nimport { theme } from '@ynput/ayon-react-components'\n\nconst DateStyled = styled.span`\n margin-left: auto;\n color: var(--md-sys-color-outline);\n user-select: none;\n white-space: nowrap;\n display: flex;\n align-items: center;\n\n ${theme.bodySmall}\n`\n\nexport const getFuzzyDate = (date: Date) => {\n let fuzzyDate = formatDistanceToNow(date, { addSuffix: true })\n\n // remove 'about' from the string\n fuzzyDate = fuzzyDate.replace('about', '')\n // replace minutes with min\n fuzzyDate = fuzzyDate.replace('minutes', 'mins')\n fuzzyDate = fuzzyDate.replace('minute', 'min')\n // remove the word ' ago'\n fuzzyDate = fuzzyDate.replace(' ago', '')\n\n // if date is less than a minute ago, return 'Just now'\n if (isSameMinute(date, new Date())) fuzzyDate = 'Just now'\n\n return fuzzyDate\n}\n\ninterface ActivityDateProps extends React.HTMLAttributes<HTMLElement> {\n date?: string\n isExact?: boolean\n}\n\nconst ActivityDate = ({ date, isExact, ...props }: ActivityDateProps) => {\n const [isFuzzy, setIsFuzzy] = useState(true)\n if (!date) return null\n const dateObj = new Date(date)\n if (!isValid(dateObj)) return null\n\n // is date over a day old?\n const today = isToday(dateObj)\n const sameYear = isSameYear(dateObj, new Date())\n const yesterday = isSameDay(dateObj, new Date(new Date().setDate(new Date().getDate() - 1)))\n const sameWeek = isSameWeek(dateObj, new Date())\n const sameMin = isSameMinute(dateObj, new Date())\n\n const dateFormat = yesterday ? '' : sameYear ? (sameWeek ? 'E' : 'MMM d') : 'MMM d yyyy'\n const timeFormat = 'h:mm a'\n\n let dateString =\n isFuzzy && !isExact\n ? today\n ? getFuzzyDate(dateObj)\n : format(dateObj, `${dateFormat}, ${timeFormat}`)\n : format(dateObj, `EEEE, dd MMM yyyy ${timeFormat}`)\n\n if (yesterday && isFuzzy && !isExact) dateString = `Yesterday${dateString}`\n\n // if less than a minute ago overwrite the date string\n if (sameMin) dateString = 'Just now'\n\n const toggleFuzzy = () => {\n setIsFuzzy(!isFuzzy)\n }\n\n return (\n <DateStyled\n className={clsx('date')}\n {...props}\n onClick={toggleFuzzy}\n onMouseOver={() => setIsFuzzy(false)}\n onMouseOut={() => setIsFuzzy(true)}\n >\n {dateString}\n </DateStyled>\n )\n}\n\nexport default ActivityDate\n"],"names":["DateStyled","styled","theme","getFuzzyDate","date","fuzzyDate","formatDistanceToNow","isSameMinute","ActivityDate","isExact","props","isFuzzy","setIsFuzzy","useState","dateObj","isValid","today","isToday","sameYear","isSameYear","yesterday","isSameDay","sameWeek","isSameWeek","sameMin","dateFormat","timeFormat","dateString","format","toggleFuzzy","jsx","clsx"],"mappings":";;;;;;AAeA,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~IAQtBC~~,EAAM,SAAS;AAAA,GAGNC,IAAe,CAACC,MAAe;AAC1C,MAAIC,IAAYC,EAAoBF,GAAM,EAAE,WAAW,IAAM;AAGjD,SAAAC,IAAAA,EAAU,QAAQ,SAAS,EAAE,GAE7BA,IAAAA,EAAU,QAAQ,WAAW,MAAM,GACnCA,IAAAA,EAAU,QAAQ,UAAU,KAAK,GAEjCA,IAAAA,EAAU,QAAQ,QAAQ,EAAE,GAGpCE,EAAaH,GAAM,oBAAI,KAAK,CAAC,MAAeC,IAAA,aAEzCA;AACT,GAOMG,IAAe,CAAC,EAAE,MAAAJ,GAAM,SAAAK,GAAS,GAAGC,QAA+B;AACvE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI;AACvC,MAAA,CAACT,EAAa,QAAA;AACZ,QAAAU,IAAU,IAAI,KAAKV,CAAI;AAC7B,MAAI,CAACW,EAAQD,CAAO,EAAU,QAAA;AAGxB,QAAAE,IAAQC,EAAQH,CAAO,GACvBI,IAAWC,EAAWL,GAAS,oBAAI,MAAM,GACzCM,IAAYC,EAAUP,GAAS,IAAI,0BAAS,KAAK,GAAE,SAAQ,oBAAI,KAAO,GAAA,QAAA,IAAY,CAAC,CAAC,CAAC,GACrFQ,IAAWC,EAAWT,GAAS,oBAAI,MAAM,GACzCU,IAAUjB,EAAaO,GAAS,oBAAI,MAAM,GAE1CW,IAAaL,IAAY,KAAKF,IAAYI,IAAW,MAAM,UAAW,cACtEI,IAAa;AAEf,MAAAC,IACFhB,KAAW,CAACF,IACRO,IACEb,EAAaW,CAAO,IACpBc,EAAOd,GAAS,GAAGW,CAAU,KAAKC,CAAU,EAAE,IAChDE,EAAOd,GAAS,qBAAqBY,CAAU,EAAE;AAEvD,EAAIN,KAAaT,KAAW,CAACF,MAASkB,IAAa,YAAYA,CAAU,KAGrEH,MAAsBG,IAAA;AAE1B,QAAME,IAAc,MAAM;AACxB,IAAAjB,EAAW,CAACD,CAAO;AAAA,EACrB;AAGE,SAAAmB,gBAAAA,EAAA;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACC,WAAW+B,EAAK,MAAM;AAAA,MACrB,GAAGrB;AAAA,MACJ,SAASmB;AAAA,MACT,aAAa,MAAMjB,EAAW,EAAK;AAAA,MACnC,YAAY,MAAMA,EAAW,EAAI;AAAA,MAEhC,UAAAe;AAAA,IAAA;AAAA,EACH;AAEJ;"}
1	+ {"version":3,"file":"ActivityDate.es.js","sources":["../../../../../../src/containers/Feed/components/ActivityDate.tsx"],"sourcesContent":["import {\n format,\n formatDistanceToNow,\n isValid,\n isToday,\n isSameYear,\n isSameDay,\n isSameWeek,\n isSameMinute,\n} from 'date-fns'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { useState } from 'react'\nimport { theme } from '@ynput/ayon-react-components'\n\nconst DateStyled = styled.span`\n margin-left: auto;\n color: var(--md-sys-color-outline);\n user-select: none;\n white-space: nowrap;\n display: flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 3;\n min-width: 0;\n max-width: fit-content;\n\n ${theme.bodySmall}\n`\n\nexport const getFuzzyDate = (date: Date) => {\n let fuzzyDate = formatDistanceToNow(date, { addSuffix: true })\n\n // remove 'about' from the string\n fuzzyDate = fuzzyDate.replace('about', '')\n // replace minutes with min\n fuzzyDate = fuzzyDate.replace('minutes', 'mins')\n fuzzyDate = fuzzyDate.replace('minute', 'min')\n // remove the word ' ago'\n fuzzyDate = fuzzyDate.replace(' ago', '')\n\n // if date is less than a minute ago, return 'Just now'\n if (isSameMinute(date, new Date())) fuzzyDate = 'Just now'\n\n return fuzzyDate\n}\n\ninterface ActivityDateProps extends React.HTMLAttributes<HTMLElement> {\n date?: string\n isExact?: boolean\n}\n\nconst ActivityDate = ({ date, isExact, ...props }: ActivityDateProps) => {\n const [isFuzzy, setIsFuzzy] = useState(true)\n if (!date) return null\n const dateObj = new Date(date)\n if (!isValid(dateObj)) return null\n\n // is date over a day old?\n const today = isToday(dateObj)\n const sameYear = isSameYear(dateObj, new Date())\n const yesterday = isSameDay(dateObj, new Date(new Date().setDate(new Date().getDate() - 1)))\n const sameWeek = isSameWeek(dateObj, new Date())\n const sameMin = isSameMinute(dateObj, new Date())\n\n const dateFormat = yesterday ? '' : sameYear ? (sameWeek ? 'E' : 'MMM d') : 'MMM d yyyy'\n const timeFormat = 'h:mm a'\n\n let dateString =\n isFuzzy && !isExact\n ? today\n ? getFuzzyDate(dateObj)\n : format(dateObj, `${dateFormat}, ${timeFormat}`)\n : format(dateObj, `EEEE, dd MMM yyyy ${timeFormat}`)\n\n if (yesterday && isFuzzy && !isExact) dateString = `Yesterday${dateString}`\n\n // if less than a minute ago overwrite the date string\n if (sameMin) dateString = 'Just now'\n\n const toggleFuzzy = () => {\n setIsFuzzy(!isFuzzy)\n }\n\n return (\n <DateStyled\n className={clsx('date')}\n {...props}\n onClick={toggleFuzzy}\n onMouseOver={() => setIsFuzzy(false)}\n onMouseOut={() => setIsFuzzy(true)}\n >\n {dateString}\n </DateStyled>\n )\n}\n\nexport default ActivityDate\n"],"names":["DateStyled","styled","theme","getFuzzyDate","date","fuzzyDate","formatDistanceToNow","isSameMinute","ActivityDate","isExact","props","isFuzzy","setIsFuzzy","useState","dateObj","isValid","today","isToday","sameYear","isSameYear","yesterday","isSameDay","sameWeek","isSameWeek","sameMin","dateFormat","timeFormat","dateString","format","toggleFuzzy","jsx","clsx"],"mappings":";;;;;;AAeA,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAatBC,EAAM,SAAS;AAAA,GAGNC,IAAe,CAACC,MAAe;AAC1C,MAAIC,IAAYC,EAAoBF,GAAM,EAAE,WAAW,IAAM;AAGjD,SAAAC,IAAAA,EAAU,QAAQ,SAAS,EAAE,GAE7BA,IAAAA,EAAU,QAAQ,WAAW,MAAM,GACnCA,IAAAA,EAAU,QAAQ,UAAU,KAAK,GAEjCA,IAAAA,EAAU,QAAQ,QAAQ,EAAE,GAGpCE,EAAaH,GAAM,oBAAI,KAAK,CAAC,MAAeC,IAAA,aAEzCA;AACT,GAOMG,IAAe,CAAC,EAAE,MAAAJ,GAAM,SAAAK,GAAS,GAAGC,QAA+B;AACvE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI;AACvC,MAAA,CAACT,EAAa,QAAA;AACZ,QAAAU,IAAU,IAAI,KAAKV,CAAI;AAC7B,MAAI,CAACW,EAAQD,CAAO,EAAU,QAAA;AAGxB,QAAAE,IAAQC,EAAQH,CAAO,GACvBI,IAAWC,EAAWL,GAAS,oBAAI,MAAM,GACzCM,IAAYC,EAAUP,GAAS,IAAI,0BAAS,KAAK,GAAE,SAAQ,oBAAI,KAAO,GAAA,QAAA,IAAY,CAAC,CAAC,CAAC,GACrFQ,IAAWC,EAAWT,GAAS,oBAAI,MAAM,GACzCU,IAAUjB,EAAaO,GAAS,oBAAI,MAAM,GAE1CW,IAAaL,IAAY,KAAKF,IAAYI,IAAW,MAAM,UAAW,cACtEI,IAAa;AAEf,MAAAC,IACFhB,KAAW,CAACF,IACRO,IACEb,EAAaW,CAAO,IACpBc,EAAOd,GAAS,GAAGW,CAAU,KAAKC,CAAU,EAAE,IAChDE,EAAOd,GAAS,qBAAqBY,CAAU,EAAE;AAEvD,EAAIN,KAAaT,KAAW,CAACF,MAASkB,IAAa,YAAYA,CAAU,KAGrEH,MAAsBG,IAAA;AAE1B,QAAME,IAAc,MAAM;AACxB,IAAAjB,EAAW,CAACD,CAAO;AAAA,EACrB;AAGE,SAAAmB,gBAAAA,EAAA;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACC,WAAW+B,EAAK,MAAM;AAAA,MACrB,GAAGrB;AAAA,MACJ,SAASmB;AAAA,MACT,aAAa,MAAMjB,EAAW,EAAK;AAAA,MACnC,YAAY,MAAMA,EAAW,EAAI;AAAA,MAEhC,UAAAe;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),b=require("@ynput/ayon-react-components"),f=require("../ActivityHeader/ActivityHeader.cjs.js"),t=require("./ActivityVersions.styled.cjs.js"),k=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),w=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const D=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");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");const N=({activity:l,projectName:s,entityType:h,onReferenceClick:q,filter:a})=>{const{onOpenViewer:r}=D.useDetailsPanelContext();let{authorName:m,authorFullName:E,createdAt:d,versions:n=[]}=l;const[i,R]=p.useState(a==="versions"),o=2,[y,v]=p.useState(!1),A=(u,x)=>r==null?void 0:r({versionIds:[u],productId:x,projectName:s});return e.jsxRuntimeExports.jsxs(t.Container,{children:[e.jsxRuntimeExports.jsx(f,{name:m,fullName:E||m,date:d,activity:l,projectName:s,entityType:h,onReferenceClick:q}),n.flatMap((u,x)=>{const{name:C,id:c,productId:S,productName:I,updatedAt:T,comment:j}=u;return(x<o||i)&&e.jsxRuntimeExports.jsxs(t.Card,{onClick:()=>A(c,S),children:[e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:I}),e.jsxRuntimeExports.jsx(w.default,{date:d,isExact:!0})]}),e.jsxRuntimeExports.jsx("span",{className:"version",children:C})]}),e.jsxRuntimeExports.jsx(t.Thumbnail,{projectName:s,entityId:c,entityType:"version",onError:()=>v(!0),iconOnly:y,entityUpdatedAt:T,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(t.Comment,{children:j})]},c)}),a!=="versions"&&n.length>o&&e.jsxRuntimeExports.jsxs(k.More,{onClick:()=>R(!i),children:[e.jsxRuntimeExports.jsx(b.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:i?"Show less":`Show ${n.length-o} more versions`})]})]})};module.exports=N;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),T=require("@ynput/ayon-react-components"),b=require("../ActivityHeader/ActivityHeader.cjs.js"),t=require("./ActivityVersions.styled.cjs.js"),f=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),k=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const w=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");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");const D=({activity:l,projectName:s,entityType:h,onReferenceClick:q,filter:a})=>{const{onOpenViewer:r}=w.useDetailsPanelContext();let{authorName:m,authorFullName:E,createdAt:d,versions:n=[]}=l;const[i,R]=p.useState(a==="versions"),o=2,[y,v]=p.useState(!1),A=(u,x)=>r==null?void 0:r({versionIds:[u],productId:x,projectName:s});return e.jsxRuntimeExports.jsxs(t.Container,{children:[e.jsxRuntimeExports.jsx(b,{name:m,fullName:E||m,date:d,activity:l,projectName:s,entityType:h,onReferenceClick:q}),n.flatMap((u,x)=>{const{name:C,id:c,productId:S,productName:I,updatedAt:N,comment:j}=u;return(x<o||i)&&e.jsxRuntimeExports.jsxs(t.Card,{onClick:()=>A(c,S),children:[e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:I}),e.jsxRuntimeExports.jsx(k.default,{date:d,isExact:!0})]}),e.jsxRuntimeExports.jsx(t.VersionName,{className:"version",children:C})]}),e.jsxRuntimeExports.jsx(t.Thumbnail,{projectName:s,entityId:c,entityType:"version",onError:()=>v(!0),iconOnly:y,entityUpdatedAt:N,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(t.Comment,{children:j})]},c)}),a!=="versions"&&n.length>o&&e.jsxRuntimeExports.jsxs(f.More,{onClick:()=>R(!i),children:[e.jsxRuntimeExports.jsx(T.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:i?"Show less":`Show ${n.length-o} more versions`})]})]})};module.exports=D;
 //# sourceMappingURL=ActivityVersions.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <~~span~~ className=\"version\">{name}</~~span~~>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"+5BA+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACE,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAChD,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,IAAOV,EAE/D,KAAM,CAACW,EAASC,CAAU,EAAIC,EAAAA,SAAST,IAAW,UAAU,EACtDU,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtCd,GAAA,YAAAA,EAAe,CAAE,WAAY,CAACa,CAAS,EAAG,UAAAC,EAAW,YAAAlB,CAAA,GAGrD,OAAAmB,EAAA,kBAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,CACC,KAAMhB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CACF,EACCO,EAAS,QAAQ,CAACc,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAA,kBAAA,KAACW,EAAO,KAAP,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAACC,yBAAAY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MACC,CAAA,SAAA,CAACA,yBAAAa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAYM,CAAA,CAAA,EAClBN,EAAA,kBAAA,IAAAY,EAAA,QAAA,CAAa,KAAMzB,EAAW,QAAO,EAAC,CAAA,CAAA,EACzC,~~EACCa~~,~~EAAA~~,~~kBAAA~~,~~IAAA~~,~~OAAA,CAAK,~~UAAU,UAAW,~~SAAKI~~,CAAA,CAAA,CAAA,~~EAClC~~,EACAJ,EAAA,kBAAA,~~IAACa~~,EAAO,UAAP,CACO,~~YAAAlC~~,EACN,SAAU0B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,~~IAACc~~,EAAAA,QAAA,CAAgB,~~SAAQN~~,CAAA,CAAA,CAAA,CAAA,EAnBsBH,CAoB7D,CAAA,CAGL,EACAvB,IAAW,YAAcM,EAAS,OAASI,GAC1CM,EAAA,kBAAA,~~KAACiB~~,OAAK,CAAA,QAAS,~~IAAMzB~~,EAAW,CAACD,CAAO,EACtC,SAAA,CAACW,EAAAA,kBAAAA,~~IAAAgB~~,EAAA,KAAA,CAAK,KAAK,MAAO,CAAA,~~EAClBhB~~,EAAAA,kBAAAA,IAAC,QAAM,SAAUX,EAAA,YAAc,QAAQD,EAAS,OAASI,CAAK,gBAAiB,CAAA,CAAA,CACjF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"+5BA+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACE,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAChD,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,IAAOV,EAE/D,KAAM,CAACW,EAASC,CAAU,EAAIC,EAAAA,SAAST,IAAW,UAAU,EACtDU,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtCd,GAAA,YAAAA,EAAe,CAAE,WAAY,CAACa,CAAS,EAAG,UAAAC,EAAW,YAAAlB,CAAA,GAGrD,OAAAmB,EAAA,kBAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,CACC,KAAMhB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CACF,EACCO,EAAS,QAAQ,CAACc,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAA,kBAAA,KAACW,EAAO,KAAP,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAACC,yBAAAY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MACC,CAAA,SAAA,CAACA,yBAAAa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAYM,CAAA,CAAA,EAClBN,EAAA,kBAAA,IAAAY,EAAA,QAAA,CAAa,KAAMzB,EAAW,QAAO,EAAC,CAAA,CAAA,EACzC,0BACC0B,EAAO,YAAP,CAAmB,UAAU,UAAW,SAAKT,CAAA,CAAA,CAAA,EAChD,EACAJ,EAAA,kBAAA,IAACc,EAAO,UAAP,CACO,YAAAnC,EACN,SAAU0B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAQP,CAAA,CAAA,CAAA,CAAA,EAnBsBH,CAoB7D,CAAA,CAGL,EACAvB,IAAW,YAAcM,EAAS,OAASI,GAC1CM,EAAA,kBAAA,KAACkB,OAAK,CAAA,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAACW,EAAAA,kBAAAA,IAAAiB,EAAA,KAAA,CAAK,KAAK,MAAO,CAAA,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAUX,EAAA,YAAc,QAAQD,EAAS,OAASI,CAAK,gBAAiB,CAAA,CAAA,CACjF,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.es.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { j as t } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useState as x } from "react";
-import { Icon as b } from "@ynput/ayon-react-components";
-import k from "../ActivityHeader/ActivityHeader.es.js";
-import { Container as w, Card as N, Content as g, Title as D, Thumbnail as M, Comment as F } from "./ActivityVersions.styled.es.js";
-import { More as H } from "../ActivityGroup/ActivityGroup.styled.es.js";
-import P from "../ActivityDate.es.js";
+import { Icon as T } from "@ynput/ayon-react-components";
+import b from "../ActivityHeader/ActivityHeader.es.js";
+import { Container as k, Card as w, Content as g, Title as D, VersionName as M, Thumbnail as F, Comment as H } from "./ActivityVersions.styled.es.js";
+import { More as P } from "../ActivityGroup/ActivityGroup.styled.es.js";
+import R from "../ActivityDate.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as R } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as U } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -16,19 +16,19 @@ import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
 import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
-const rt = ({
+const ot = ({
   activity: a,
   projectName: r,
   entityType: u,
   onReferenceClick: j,
   filter: c
 }) => {
-  const { onOpenViewer: o } = R();
+  const { onOpenViewer: o } = U();
   let { authorName: d, authorFullName: f, createdAt: p, versions: e = [] } = a;
   const [i, v] = x(c === "versions"), s = 2, [y, A] = x(!1), C = (n, m) => o == null ? void 0 : o({ versionIds: [n], productId: m, projectName: r });
-  return /* @__PURE__ */ t.jsxs(w, { children: [
+  return /* @__PURE__ */ t.jsxs(k, { children: [
     /* @__PURE__ */ t.jsx(
-      k,
+      b,
       {
         name: d,
         fullName: f || d,
@@ -40,39 +40,39 @@ const rt = ({
       }
     ),
     e.flatMap((n, m) => {
-      const { name: E, id: l, productId: I, productName: S, updatedAt: T, comment: h } = n;
-      return (m < s || i) && /* @__PURE__ */ t.jsxs(N, { onClick: () => C(l, I), children: [
+      const { name: E, id: l, productId: I, productName: N, updatedAt: S, comment: h } = n;
+      return (m < s || i) && /* @__PURE__ */ t.jsxs(w, { onClick: () => C(l, I), children: [
         /* @__PURE__ */ t.jsxs(g, { children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsxs(D, { children: [
-              /* @__PURE__ */ t.jsx("span", { children: S }),
-              /* @__PURE__ */ t.jsx(P, { date: p, isExact: !0 })
+              /* @__PURE__ */ t.jsx("span", { children: N }),
+              /* @__PURE__ */ t.jsx(R, { date: p, isExact: !0 })
             ] }),
-            /* @__PURE__ */ t.jsx("span", { className: "version", children: E })
+            /* @__PURE__ */ t.jsx(M, { className: "version", children: E })
           ] }),
           /* @__PURE__ */ t.jsx(
-            M,
+            F,
             {
               projectName: r,
               entityId: l,
               entityType: "version",
               onError: () => A(!0),
               iconOnly: y,
-              entityUpdatedAt: T,
+              entityUpdatedAt: S,
               icon: "play_circle"
             }
           )
         ] }),
-        h && /* @__PURE__ */ t.jsx(F, { children: h })
+        h && /* @__PURE__ */ t.jsx(H, { children: h })
       ] }, l);
     }),
-    c !== "versions" && e.length > s && /* @__PURE__ */ t.jsxs(H, { onClick: () => v(!i), children: [
-      /* @__PURE__ */ t.jsx(b, { icon: "more" }),
+    c !== "versions" && e.length > s && /* @__PURE__ */ t.jsxs(P, { onClick: () => v(!i), children: [
+      /* @__PURE__ */ t.jsx(T, { icon: "more" }),
       /* @__PURE__ */ t.jsx("span", { children: i ? "Show less" : `Show ${e.length - s} more versions` })
     ] })
   ] });
 };
 export {
-  rt as default
+  ot as default
 };
 //# sourceMappingURL=ActivityVersions.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <~~span~~ className=\"version\">{name}</~~span~~>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,~~YACCa~~,~~gBAAAA~~,~~EAAA~~,~~IAAA,QAAA,EAAK,~~WAAU,WAAW,~~UAAKI~~,EAAA,CAAA;AAAA,UAAA,~~GAClC~~;AAAA,UACAJ,gBAAAA,EAAA;AAAA,~~YAACa~~;AAAAA,YAAA;AAAA,cACO,~~aAAAlC~~;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,~~IAACc~~,GAAA,EAAgB,~~UAAQN~~,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,~~KAACiB~~,GAAK,EAAA,SAAS,~~MAAMzB~~,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,~~IAAAgB~~,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,~~MAClBhB~~,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,kCACC0B,GAAA,EAAmB,WAAU,WAAW,UAAKT,EAAA,CAAA;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAAnC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAQP,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACkB,GAAK,EAAA,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js"),e=require("styled-components"),o=e.li`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js"),e=require("styled-components"),t=e.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -10,7 +10,7 @@
   width: 100%;
   padding: 8px;
-`,r=e.div`
+`,a=e.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
@@ -26,22 +26,45 @@
       display: inline;
     }
   }
-`,i=e.div`
+`,n=e.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  align-items: flex-start;
   gap: var(--base-gap-small);
-`,n=e.div`
+  overflow: hidden;
+  min-width: 0;
+  > div:first-child {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+`,o=e.div`
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: var(--base-gap-small);
+  overflow: hidden;
+  flex: 1;
+  min-width: 0;
+  /* Product name text that can be truncated */
+  > span:not(.date) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-shrink: 1;
+    min-width: 0;
+    max-width: 100%;
+  }
   .date {
     /* by default hide */
     display: none;
+    flex: 1;
   }
-`,t=e(a.ThumbnailSimple)`
+`,r=e(i.ThumbnailSimple)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -55,9 +78,15 @@
   img {
     object-fit: cover;
   }
-`,s=e.div`
+`,d=e.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  min-width: 0;
+`,l=e.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`;exports.Card=r;exports.Comment=s;exports.Container=o;exports.Content=i;exports.Thumbnail=t;exports.Title=n;
+`;exports.Card=a;exports.Comment=l;exports.Container=t;exports.Content=n;exports.Thumbnail=r;exports.Title=o;exports.VersionName=d;
 //# sourceMappingURL=ActivityVersions.styled.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: 8px;\n`\n\nexport const Card = styled.div`\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n\n background-color: var(--md-sys-color-surface-container);\n\n cursor: pointer;\n &:hover {\n color: var(--md-sys-color-on-surface);\n background-color: var(--md-sys-color-surface-container-hover);\n\n / show date /\n .date {\n display: inline;\n }\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n gap: var(--base-gap-small);\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n .date {\n / by default hide */\n display: none;\n }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n width: 74px;\n min-width: 74px;\n height: unset;\n aspect-ratio: 1.7778;\n margin: unset;\n\n .icon {\n font-size: 24px;\n }\n\n img {\n object-fit: cover;\n }\n`\n\nexport const Comment = styled.div`\n margin-top: var(--base-gap-small);\n color: var(--md-sys-color-outline);\n word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","Comment"],"mappings":"gMAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBdE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAQjBG~~,EAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAWfI~~,EAAYJ,EAAOK,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlCC,~~EAAUN~~,EAAO;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"ActivityVersions.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: 8px;\n`\n\nexport const Card = styled.div`\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n\n background-color: var(--md-sys-color-surface-container);\n\n cursor: pointer;\n &:hover {\n color: var(--md-sys-color-on-surface);\n background-color: var(--md-sys-color-surface-container-hover);\n\n / show date /\n .date {\n display: inline;\n }\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: var(--base-gap-small);\n overflow: hidden;\n min-width: 0;\n\n > div:first-child {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n }\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--base-gap-small);\n overflow: hidden;\n flex: 1;\n min-width: 0;\n\n / Product name text that can be truncated /\n > span:not(.date) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-shrink: 1;\n min-width: 0;\n max-width: 100%;\n }\n\n .date {\n / by default hide */\n display: none;\n flex: 1;\n }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n width: 74px;\n min-width: 74px;\n height: unset;\n aspect-ratio: 1.7778;\n margin: unset;\n\n .icon {\n font-size: 24px;\n }\n\n img {\n object-fit: cover;\n }\n`\n\nexport const VersionName = styled.span`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n min-width: 0;\n`\n\nexport const Comment = styled.div`\n margin-top: var(--base-gap-small);\n color: var(--md-sys-color-outline);\n word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":"gMAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBdE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BfI,EAAYJ,EAAOK,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlCC,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrBO,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { ThumbnailSimple as e } from "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import a from "styled-components";
-const i = a.li`
+import { ThumbnailSimple as i } from "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import e from "styled-components";
+const t = e.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -12,7 +12,7 @@ const i = a.li`
   width: 100%;
   padding: 8px;
-`, n = a.div`
+`, n = e.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
@@ -28,22 +28,45 @@ const i = a.li`
       display: inline;
     }
   }
-`, t = a.div`
+`, r = e.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  align-items: flex-start;
   gap: var(--base-gap-small);
-`, s = a.div`
+  overflow: hidden;
+  min-width: 0;
+  > div:first-child {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+`, d = e.div`
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: var(--base-gap-small);
+  overflow: hidden;
+  flex: 1;
+  min-width: 0;
+  /* Product name text that can be truncated */
+  > span:not(.date) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-shrink: 1;
+    min-width: 0;
+    max-width: 100%;
+  }
   .date {
     /* by default hide */
     display: none;
+    flex: 1;
   }
-`, d = a(e)`
+`, s = e(i)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -57,17 +80,24 @@ const i = a.li`
   img {
     object-fit: cover;
   }
-`, l = a.div`
+`, l = e.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  min-width: 0;
+`, c = e.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
 `;
 export {
   n as Card,
-  l as Comment,
-  i as Container,
-  t as Content,
-  d as Thumbnail,
-  s as Title
+  c as Comment,
+  t as Container,
+  r as Content,
+  s as Thumbnail,
+  d as Title,
+  l as VersionName
 };
 //# sourceMappingURL=ActivityVersions.styled.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: 8px;\n`\n\nexport const Card = styled.div`\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n\n background-color: var(--md-sys-color-surface-container);\n\n cursor: pointer;\n &:hover {\n color: var(--md-sys-color-on-surface);\n background-color: var(--md-sys-color-surface-container-hover);\n\n / show date /\n .date {\n display: inline;\n }\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n gap: var(--base-gap-small);\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n .date {\n / by default hide */\n display: none;\n }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n width: 74px;\n min-width: 74px;\n height: unset;\n aspect-ratio: 1.7778;\n margin: unset;\n\n .icon {\n font-size: 24px;\n }\n\n img {\n object-fit: cover;\n }\n`\n\nexport const Comment = styled.div`\n margin-top: var(--base-gap-small);\n color: var(--md-sys-color-outline);\n word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","Comment"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdE,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAQjBG~~,IAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAWfI~~,IAAYJ,EAAOK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlCC,~~IAAUN~~,EAAO;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"ActivityVersions.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: 8px;\n`\n\nexport const Card = styled.div`\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n\n background-color: var(--md-sys-color-surface-container);\n\n cursor: pointer;\n &:hover {\n color: var(--md-sys-color-on-surface);\n background-color: var(--md-sys-color-surface-container-hover);\n\n / show date /\n .date {\n display: inline;\n }\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: var(--base-gap-small);\n overflow: hidden;\n min-width: 0;\n\n > div:first-child {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n }\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--base-gap-small);\n overflow: hidden;\n flex: 1;\n min-width: 0;\n\n / Product name text that can be truncated /\n > span:not(.date) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-shrink: 1;\n min-width: 0;\n max-width: 100%;\n }\n\n .date {\n / by default hide */\n display: none;\n flex: 1;\n }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n width: 74px;\n min-width: 74px;\n height: unset;\n aspect-ratio: 1.7778;\n margin: unset;\n\n .icon {\n font-size: 24px;\n }\n\n img {\n object-fit: cover;\n }\n`\n\nexport const VersionName = styled.span`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n min-width: 0;\n`\n\nexport const Comment = styled.div`\n margin-top: var(--base-gap-small);\n color: var(--md-sys-color-outline);\n word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdE,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBjBG,IAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BfI,IAAYJ,EAAOK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlCC,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBO,IAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;"}