@flipdish/portal-library 7.12.0 → 7.12.1

package/dist/components/atoms/Tab/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material/Tab");module.exports=({iconPosition:e="start",...t})=>i.jsx(r,{iconPosition:e,...t});
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material/styles"),s=require("@mui/material/Tab"),r=require("../BadgeCount/index.cjs.js"),t=require("@mui/material/Box");const a=i.styled(t)((({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})));module.exports=({iconPosition:i="start",badgeCount:t,badgeEmphasis:n="strong",label:l,...o})=>{const u=void 0!==t?e.jsxs(a,{children:[l,e.jsx(r,{emphasis:n,children:t})]}):l;return e.jsx(s,{iconPosition:i,label:u,...o})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Tab/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Tab/index.tsx"],"sourcesContent":["import MuiTab, { type TabProps as MuiTabProps } from '@mui/material/Tab';\n\nexport interface TabProps {\n  iconPosition?: MuiTabProps['iconPosition'];\n  icon?: MuiTabProps['icon'];\n  label: string;\n  value?: MuiTabProps['value'];\n  disabled?: boolean;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst Tab = ({ iconPosition = 'start', ...props }: TabProps): JSX.Element => {\n  return <MuiTab iconPosition={iconPosition} {...props} />;\n};\n\nexport default Tab;\n"],"names":["iconPosition","props","_jsx","MuiTab"],"mappings":"8FAYY,EAAGA,eAAe,WAAYC,KACjCC,EAAAA,IAACC,EAAM,CAACH,aAAcA,KAAkBC"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Tab/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport MuiTab, { type TabProps as MuiTabProps } from '@mui/material/Tab';\n\nimport BadgeCount, { type BadgeCountProps } from '../BadgeCount';\nimport Box from '../Box';\n\nexport interface TabProps {\n  badgeCount?: number;\n  badgeEmphasis?: BadgeCountProps['emphasis'];\n  iconPosition?: MuiTabProps['iconPosition'];\n  icon?: MuiTabProps['icon'];\n  label: string;\n  value?: MuiTabProps['value'];\n  disabled?: boolean;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst StyledTabLabelContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nconst Tab = ({\n  iconPosition = 'start',\n  badgeCount,\n  badgeEmphasis = 'strong',\n  label,\n  ...props\n}: TabProps): JSX.Element => {\n  const tabLabel =\n    badgeCount !== undefined ? (\n      <StyledTabLabelContainer>\n        {label}\n        <BadgeCount emphasis={badgeEmphasis}>{badgeCount}</BadgeCount>\n      </StyledTabLabelContainer>\n    ) : (\n      label\n    );\n\n  return <MuiTab iconPosition={iconPosition} label={tabLabel} {...props} />;\n};\n\nexport default Tab;\n"],"names":["StyledTabLabelContainer","styled","Box","theme","display","alignItems","gap","spacing","iconPosition","badgeCount","badgeEmphasis","label","props","tabLabel","undefined","_jsxs","children","_jsx","BadgeCount","emphasis","MuiTab"],"mappings":"wLAkBA,MAAMA,EAA0BC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CACpDC,QAAS,OACTC,WAAY,SACZC,IAAKH,EAAMI,QAAQ,sBAGT,EACVC,eAAe,QACfC,aACAC,gBAAgB,SAChBC,WACGC,MAEH,MAAMC,OACWC,IAAfL,EACEM,EAAAA,KAACf,EAAuB,CAAAgB,SAAA,CACrBL,EACDM,EAAAA,IAACC,EAAU,CAACC,SAAUT,EAAaM,SAAGP,OACd,EAK9B,OAAOQ,EAAAA,IAACG,EAAM,CAACZ,aAAcA,EAAcG,MAAOE,KAAcD"}

package/dist/components/atoms/Tab/index.d.ts

@@ -1,6 +1,9 @@
 import { TabProps as TabProps$1 } from '@mui/material/Tab';
+import { BadgeCountProps } from '../BadgeCount/index.js';
 
 interface TabProps {
+    badgeCount?: number;
+    badgeEmphasis?: BadgeCountProps['emphasis'];
     iconPosition?: TabProps$1['iconPosition'];
     icon?: TabProps$1['icon'];
     label: string;
@@ -9,7 +12,7 @@ interface TabProps {
     className?: string;
     onClick?: () => void;
 }
-declare const Tab: ({ iconPosition, ...props }: TabProps) => JSX.Element;
+declare const Tab: ({ iconPosition, badgeCount, badgeEmphasis, label, ...props }: TabProps) => JSX.Element;
 
 export { Tab as default };
 export type { TabProps };

package/dist/components/atoms/Tab/index.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"@mui/material/Tab";const i=({iconPosition:i="start",...r})=>o(t,{iconPosition:i,...r});export{i as default};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{styled as e}from"@mui/material/styles";import o from"@mui/material/Tab";import r from"../BadgeCount/index.js";import a from"@mui/material/Box";const m=e(a)((({theme:i})=>({display:"flex",alignItems:"center",gap:i.spacing(1)}))),s=({iconPosition:e="start",badgeCount:a,badgeEmphasis:s="strong",label:n,...l})=>{const p=void 0!==a?i(m,{children:[n,t(r,{emphasis:s,children:a})]}):n;return t(o,{iconPosition:e,label:p,...l})};export{s as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Tab/index.tsx"],"sourcesContent":["import MuiTab, { type TabProps as MuiTabProps } from '@mui/material/Tab';\n\nexport interface TabProps {\n  iconPosition?: MuiTabProps['iconPosition'];\n  icon?: MuiTabProps['icon'];\n  label: string;\n  value?: MuiTabProps['value'];\n  disabled?: boolean;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst Tab = ({ iconPosition = 'start', ...props }: TabProps): JSX.Element => {\n  return <MuiTab iconPosition={iconPosition} {...props} />;\n};\n\nexport default Tab;\n"],"names":["Tab","iconPosition","props","_jsx","MuiTab"],"mappings":"yEAYA,MAAMA,EAAM,EAAGC,eAAe,WAAYC,KACjCC,EAACC,EAAM,CAACH,aAAcA,KAAkBC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Tab/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport MuiTab, { type TabProps as MuiTabProps } from '@mui/material/Tab';\n\nimport BadgeCount, { type BadgeCountProps } from '../BadgeCount';\nimport Box from '../Box';\n\nexport interface TabProps {\n  badgeCount?: number;\n  badgeEmphasis?: BadgeCountProps['emphasis'];\n  iconPosition?: MuiTabProps['iconPosition'];\n  icon?: MuiTabProps['icon'];\n  label: string;\n  value?: MuiTabProps['value'];\n  disabled?: boolean;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst StyledTabLabelContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nconst Tab = ({\n  iconPosition = 'start',\n  badgeCount,\n  badgeEmphasis = 'strong',\n  label,\n  ...props\n}: TabProps): JSX.Element => {\n  const tabLabel =\n    badgeCount !== undefined ? (\n      <StyledTabLabelContainer>\n        {label}\n        <BadgeCount emphasis={badgeEmphasis}>{badgeCount}</BadgeCount>\n      </StyledTabLabelContainer>\n    ) : (\n      label\n    );\n\n  return <MuiTab iconPosition={iconPosition} label={tabLabel} {...props} />;\n};\n\nexport default Tab;\n"],"names":["StyledTabLabelContainer","styled","Box","theme","display","alignItems","gap","spacing","Tab","iconPosition","badgeCount","badgeEmphasis","label","props","tabLabel","undefined","_jsxs","children","_jsx","BadgeCount","emphasis","MuiTab"],"mappings":"wMAkBA,MAAMA,EAA0BC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CACpDC,QAAS,OACTC,WAAY,SACZC,IAAKH,EAAMI,QAAQ,OAGfC,EAAM,EACVC,eAAe,QACfC,aACAC,gBAAgB,SAChBC,WACGC,MAEH,MAAMC,OACWC,IAAfL,EACEM,EAAChB,EAAuB,CAAAiB,SAAA,CACrBL,EACDM,EAACC,EAAU,CAACC,SAAUT,EAAaM,SAAGP,OACd,EAK9B,OAAOQ,EAACG,EAAM,CAACZ,aAAcA,EAAcG,MAAOE,KAAcD"}

package/dist/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime");require("react");var i=require("@mui/material/styles"),t=require("@mui/material/Box"),r=require("@mui/material/Grid2"),a=require("@mui/material/Skeleton");const s=i.styled(r)((()=>({listStyle:"none",margin:0,padding:0}))),n=i.styled(t)((({theme:e})=>({borderRadius:e.radius["radius-16"],border:`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,overflow:"hidden"}))),l=i.styled(t)((({theme:e})=>({padding:e.spacing(2)}))),o=["skeleton-1","skeleton-2","skeleton-3","skeleton-4","skeleton-5","skeleton-6"];module.exports=()=>e.jsx(s,{container:!0,"aria-busy":"true","aria-label":"Loading assets",component:"ul",spacing:1,children:o.map((i=>e.jsx(r,{component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:e.jsxs(n,{children:[e.jsx(a,{animation:"wave",height:204,variant:"rectangular"}),e.jsx(l,{children:e.jsx(a,{animation:"wave",height:20,variant:"text",width:"80%"})})]})},i)))});
+//# sourceMappingURL=LibraryTabContentSkeleton.cjs.js.map

package/dist/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryTabContentSkeleton.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Grid from '@fd/components/atoms/Grid';\nimport Skeleton from '@fd/components/atoms/Skeleton';\n\nconst StyledList = styled(Grid)<{ component: string }>(() => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledSkeletonCard = styled(Box)(({ theme }) => ({\n  borderRadius: theme.radius['radius-16'],\n  border: `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  overflow: 'hidden',\n}));\n\nconst StyledSkeletonContent = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2),\n}));\n\nconst SKELETON_IDS = ['skeleton-1', 'skeleton-2', 'skeleton-3', 'skeleton-4', 'skeleton-5', 'skeleton-6'];\n\n/**\n * Skeleton loading state for the LibraryTabContent component.\n * Displays a grid of skeleton cards that match the layout of actual asset cards.\n *\n * @returns The skeleton loading grid\n */\nconst LibraryTabContentSkeleton: React.FC = () => {\n  return (\n    <StyledList container aria-busy=\"true\" aria-label=\"Loading assets\" component=\"ul\" spacing={1}>\n      {SKELETON_IDS.map((skeletonId) => (\n        <Grid key={skeletonId} component=\"li\" size={{ widescreen: 4, desktop: 4, mobile: 6, tablet: 4 }}>\n          <StyledSkeletonCard>\n            <Skeleton animation=\"wave\" height={204} variant=\"rectangular\" />\n            <StyledSkeletonContent>\n              <Skeleton animation=\"wave\" height={20} variant=\"text\" width=\"80%\" />\n            </StyledSkeletonContent>\n          </StyledSkeletonCard>\n        </Grid>\n      ))}\n    </StyledList>\n  );\n};\n\nexport default LibraryTabContentSkeleton;\n"],"names":["StyledList","styled","Grid","listStyle","margin","padding","StyledSkeletonCard","Box","theme","borderRadius","radius","border","palette","semantic","stroke","overflow","StyledSkeletonContent","spacing","SKELETON_IDS","_jsx","container","component","children","map","skeletonId","size","widescreen","desktop","mobile","tablet","_jsxs","Skeleton","animation","height","variant","width"],"mappings":"2MAQA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAoC,KAAA,CACrDE,UAAW,OACXC,OAAQ,EACRC,QAAS,MAGLC,EAAqBL,EAAAA,OAAOM,EAAPN,EAAY,EAAGO,YAAO,CAC/CC,aAAcD,EAAME,OAAO,aAC3BC,OAAQ,aAAaH,EAAMI,QAAQC,SAASC,OAAO,iBACnDC,SAAU,aAGNC,EAAwBf,EAAAA,OAAOM,EAAPN,EAAY,EAAGO,YAAO,CAClDH,QAASG,EAAMS,QAAQ,OAGnBC,EAAe,CAAC,aAAc,aAAc,aAAc,aAAc,aAAc,6BAQhD,IAExCC,EAAAA,IAACnB,EAAU,CAACoB,WAAS,EAAA,YAAW,OAAM,aAAY,iBAAiBC,UAAU,KAAKJ,QAAS,EAACK,SACzFJ,EAAaK,KAAKC,GACjBL,EAAAA,IAACjB,EAAI,CAAkBmB,UAAU,KAAKI,KAAM,CAAEC,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGP,SAC7FQ,EAAAA,KAACxB,EAAkB,CAAAgB,SAAA,CACjBH,EAAAA,IAACY,EAAQ,CAACC,UAAU,OAAOC,OAAQ,IAAKC,QAAQ,gBAChDf,EAAAA,IAACH,EAAqB,CAAAM,SACpBH,EAAAA,IAACY,GAASC,UAAU,OAAOC,OAAQ,GAAIC,QAAQ,OAAOC,MAAM,cAJvDX"}

package/dist/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.d.ts

@@ -0,0 +1,11 @@
+import react__default from 'react';
+
+/**
+ * Skeleton loading state for the LibraryTabContent component.
+ * Displays a grid of skeleton cards that match the layout of actual asset cards.
+ *
+ * @returns The skeleton loading grid
+ */
+declare const LibraryTabContentSkeleton: react__default.FC;
+
+export { LibraryTabContentSkeleton as default };

package/dist/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{styled as i}from"@mui/material/styles";import a from"@mui/material/Box";import r from"@mui/material/Grid2";import o from"@mui/material/Skeleton";const n=i(r)((()=>({listStyle:"none",margin:0,padding:0}))),m=i(a)((({theme:e})=>({borderRadius:e.radius["radius-16"],border:`1px solid ${e.palette.semantic.stroke["stroke-weak"]}`,overflow:"hidden"}))),l=i(a)((({theme:e})=>({padding:e.spacing(2)}))),s=["skeleton-1","skeleton-2","skeleton-3","skeleton-4","skeleton-5","skeleton-6"],d=()=>e(n,{container:!0,"aria-busy":"true","aria-label":"Loading assets",component:"ul",spacing:1,children:s.map((i=>e(r,{component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:t(m,{children:[e(o,{animation:"wave",height:204,variant:"rectangular"}),e(l,{children:e(o,{animation:"wave",height:20,variant:"text",width:"80%"})})]})},i)))});export{d as default};
+//# sourceMappingURL=LibraryTabContentSkeleton.js.map

package/dist/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryTabContentSkeleton.js","sources":["../../../../../src/components/organisms/AssetManager/LibraryTabContent/LibraryTabContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Grid from '@fd/components/atoms/Grid';\nimport Skeleton from '@fd/components/atoms/Skeleton';\n\nconst StyledList = styled(Grid)<{ component: string }>(() => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledSkeletonCard = styled(Box)(({ theme }) => ({\n  borderRadius: theme.radius['radius-16'],\n  border: `1px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n  overflow: 'hidden',\n}));\n\nconst StyledSkeletonContent = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2),\n}));\n\nconst SKELETON_IDS = ['skeleton-1', 'skeleton-2', 'skeleton-3', 'skeleton-4', 'skeleton-5', 'skeleton-6'];\n\n/**\n * Skeleton loading state for the LibraryTabContent component.\n * Displays a grid of skeleton cards that match the layout of actual asset cards.\n *\n * @returns The skeleton loading grid\n */\nconst LibraryTabContentSkeleton: React.FC = () => {\n  return (\n    <StyledList container aria-busy=\"true\" aria-label=\"Loading assets\" component=\"ul\" spacing={1}>\n      {SKELETON_IDS.map((skeletonId) => (\n        <Grid key={skeletonId} component=\"li\" size={{ widescreen: 4, desktop: 4, mobile: 6, tablet: 4 }}>\n          <StyledSkeletonCard>\n            <Skeleton animation=\"wave\" height={204} variant=\"rectangular\" />\n            <StyledSkeletonContent>\n              <Skeleton animation=\"wave\" height={20} variant=\"text\" width=\"80%\" />\n            </StyledSkeletonContent>\n          </StyledSkeletonCard>\n        </Grid>\n      ))}\n    </StyledList>\n  );\n};\n\nexport default LibraryTabContentSkeleton;\n"],"names":["StyledList","styled","Grid","listStyle","margin","padding","StyledSkeletonCard","Box","theme","borderRadius","radius","border","palette","semantic","stroke","overflow","StyledSkeletonContent","spacing","SKELETON_IDS","LibraryTabContentSkeleton","_jsx","container","component","children","map","skeletonId","size","widescreen","desktop","mobile","tablet","_jsxs","Skeleton","animation","height","variant","width"],"mappings":"wNAQA,MAAMA,EAAaC,EAAOC,EAAPD,EAAoC,KAAA,CACrDE,UAAW,OACXC,OAAQ,EACRC,QAAS,MAGLC,EAAqBL,EAAOM,EAAPN,EAAY,EAAGO,YAAO,CAC/CC,aAAcD,EAAME,OAAO,aAC3BC,OAAQ,aAAaH,EAAMI,QAAQC,SAASC,OAAO,iBACnDC,SAAU,aAGNC,EAAwBf,EAAOM,EAAPN,EAAY,EAAGO,YAAO,CAClDH,QAASG,EAAMS,QAAQ,OAGnBC,EAAe,CAAC,aAAc,aAAc,aAAc,aAAc,aAAc,cAQtFC,EAAsC,IAExCC,EAACpB,EAAU,CAACqB,WAAS,EAAA,YAAW,OAAM,aAAY,iBAAiBC,UAAU,KAAKL,QAAS,EAACM,SACzFL,EAAaM,KAAKC,GACjBL,EAAClB,EAAI,CAAkBoB,UAAU,KAAKI,KAAM,CAAEC,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGP,SAC7FQ,EAACzB,EAAkB,CAAAiB,SAAA,CACjBH,EAACY,EAAQ,CAACC,UAAU,OAAOC,OAAQ,IAAKC,QAAQ,gBAChDf,EAACJ,EAAqB,CAAAO,SACpBH,EAACY,GAASC,UAAU,OAAOC,OAAQ,GAAIC,QAAQ,OAAOC,MAAM,cAJvDX"}

package/dist/components/organisms/AssetManager/LibraryTabContent/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/styles"),s=require("@mui/material/Box"),r=require("../../../atoms/Card/index.cjs.js"),i=require("../../../atoms/CircularProgress/index.cjs.js"),a=require("@mui/material/Grid2"),o=require("../../../molecules/EmptyState/index.cjs.js"),l=require("../../../../icons/CheckmarkCircleSolid/index.cjs.js"),n=require("../hooks/useGetAssets.cjs.js");const d=t.styled(a)((()=>({listStyle:"none",margin:0,padding:0}))),c=t.styled(s,{shouldForwardProp:e=>"selected"!==e})((({theme:e,selected:t})=>({width:"100%",cursor:"pointer",position:"relative","& .MuiCard-root":{borderWidth:"2px",borderColor:t?e.palette.semantic.stroke["stroke-selected"]:"transparent",boxShadow:t?"none":`inset 0 0 0 1px ${e.palette.semantic.stroke["stroke-weak"]}`},"&:focus-visible .MuiCard-root":{borderColor:e.palette.semantic.stroke["stroke-selected"],boxShadow:"none"}}))),m=t.styled(l)((({theme:e})=>({position:"absolute",top:e.spacing(2),left:e.spacing(2),zIndex:1,color:e.palette.semantic.icon["icon-primary"],"& circle":{fill:e.palette.common.white}}))),p=t.styled(s)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",minHeight:"200px",padding:e.spacing(4)}))),u=t.styled(s)((({theme:e})=>({padding:e.spacing(4)})));module.exports=({orgId:t,brandId:s,enabled:l,selectedAssets:x,onAssetClick:g})=>{const{data:h,isLoading:j,error:y}=n.useGetAssets(t,l,s);return j?e.jsx(p,{children:e.jsx(i.CircularProgress,{size:"large"})}):y?e.jsx(u,{children:e.jsx(o.EmptyState,{description:"Failed to load assets. Please try again later.",title:"Error loading assets"})}):h&&0!==h.data.length?e.jsx(d,{container:!0,component:"ul",spacing:1,children:h.data.map((t=>{const s=x.has(t.id);return e.jsx(a,{"aria-selected":s,component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:e.jsxs(c,{"aria-label":"Select "+t.fileName,onClick:()=>g(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g(t))},role:"button",selected:s,tabIndex:0,children:[s&&e.jsx(m,{size:"lg"}),e.jsx(r,{content:t.fileName,heading:"",imageAlt:t.metadata.altText,imageSrc:`${t.url}?h=203&fit=crop`})]})},t.id)}))}):e.jsx(u,{children:e.jsx(o.EmptyState,{description:"No assets available to display.",title:"No assets found"})})};
+"use strict";var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/styles"),r=require("@mui/material/Box"),s=require("../../../atoms/Card/index.cjs.js"),i=require("@mui/material/Grid2"),a=require("../../../molecules/EmptyState/index.cjs.js"),o=require("../../../../icons/CheckmarkCircleSolid/index.cjs.js"),l=require("../../../../providers/TranslationProvider.cjs.js"),n=require("./LibraryTabContentSkeleton.cjs.js");const d=t.styled(i)((()=>({listStyle:"none",margin:0,padding:0}))),c=t.styled(r,{shouldForwardProp:e=>"selected"!==e})((({theme:e,selected:t})=>({width:"100%",cursor:"pointer",position:"relative","& .MuiCard-root":{borderWidth:"2px",borderColor:t?e.palette.semantic.stroke["stroke-selected"]:"transparent",boxShadow:t?"none":`inset 0 0 0 1px ${e.palette.semantic.stroke["stroke-weak"]}`},"&:focus-visible .MuiCard-root":{borderColor:e.palette.semantic.stroke["stroke-selected"],boxShadow:"none"}}))),m=t.styled(o)((({theme:e})=>({position:"absolute",top:e.spacing(2),left:e.spacing(2),zIndex:1,color:e.palette.semantic.icon["icon-primary"],"& circle":{fill:e.palette.common.white}}))),p=t.styled(r)((({theme:e})=>({padding:e.spacing(4)})));module.exports=({assets:t,isLoading:r,error:o,selectedAssets:u,onAssetClick:x})=>{const{translate:j}=l.useTranslation();return r?e.jsx(n,{}):o?e.jsx(p,{children:e.jsx(a.EmptyState,{description:"Failed to load assets. Please try again later.",title:"Error loading assets"})}):t&&0!==t.length?e.jsx(d,{container:!0,component:"ul",spacing:1,children:t.map((t=>{const r=u.has(t.id);return e.jsx(i,{"aria-selected":r,component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:e.jsxs(c,{"aria-label":`${j("Select")} ${t.fileName}`,onClick:()=>x(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),x(t))},role:"button",selected:r,tabIndex:0,children:[r&&e.jsx(m,{size:"lg"}),e.jsx(s,{content:t.fileName,heading:"",imageAlt:t.metadata.altText,imageSrc:`${t.url}?h=203&fit=crop`})]})},t.id)}))}):e.jsx(p,{children:e.jsx(a.EmptyState,{description:"No assets available to display.",title:"No assets found"})})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/organisms/AssetManager/LibraryTabContent/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/LibraryTabContent/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Card from '@fd/components/atoms/Card';\nimport CircularProgress from '@fd/components/atoms/CircularProgress';\nimport Grid from '@fd/components/atoms/Grid';\nimport EmptyState from '@fd/components/molecules/EmptyState';\nimport CheckmarkCircleSolidIcon from '@fd/icons/CheckmarkCircleSolid';\n\nimport { useGetAssets } from '../hooks/useGetAssets';\nimport type { Asset } from '../types';\n\nconst StyledList = styled(Grid)<{ component: string }>(() => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledCardWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'selected',\n})<{ selected?: boolean }>(({ theme, selected }) => ({\n  width: '100%',\n  cursor: 'pointer',\n  position: 'relative',\n  '& .MuiCard-root': {\n    // Always use 2px border to prevent layout shift\n    borderWidth: '2px',\n    borderColor: selected ? theme.palette.semantic.stroke['stroke-selected'] : 'transparent',\n    // Use box-shadow to create the visual 1px border when not selected\n    // This prevents layout shift while maintaining the visual appearance\n    boxShadow: selected ? 'none' : `inset 0 0 0 1px ${theme.palette.semantic.stroke['stroke-weak']}`,\n  },\n  '&:focus-visible .MuiCard-root': {\n    borderColor: theme.palette.semantic.stroke['stroke-selected'],\n    boxShadow: 'none',\n  },\n}));\n\nconst StyledCheckmarkIcon = styled(CheckmarkCircleSolidIcon)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: theme.spacing(2),\n  zIndex: 1,\n  color: theme.palette.semantic.icon['icon-primary'],\n  '& circle': {\n    fill: theme.palette.common.white,\n  },\n}));\n\nconst StyledLoadingContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  minHeight: '200px',\n  padding: theme.spacing(4),\n}));\n\nconst StyledErrorContainer = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(4),\n}));\n\n/**\n * Props for the LibraryTabContent component.\n * @param orgId - Organization ID for fetching assets\n * @param brandId - Brand ID for fetching assets\n * @param enabled - Whether the component is enabled (for conditional fetching)\n * @param selectedAssets - Map of selected assets (id -> Asset) for O(1) lookup performance\n * @param onAssetClick - Callback when an asset is clicked\n */\nexport interface LibraryTabContentProps {\n  /** Organization ID for fetching assets */\n  orgId: string;\n  /** Brand ID for fetching assets */\n  brandId?: string;\n  /** Whether the component is enabled (for conditional fetching) */\n  enabled: boolean;\n  /** Map of selected assets (id -> Asset) for O(1) lookup performance */\n  selectedAssets: Map<string, Asset>;\n  /** Callback when an asset is clicked */\n  onAssetClick: (asset: Asset) => void;\n}\n\n/**\n * LibraryTab component displays a grid of assets that can be selected.\n * Handles fetching assets internally and displays loading/error states.\n *\n * @param props - The component props\n * @returns The library tab content\n */\nconst LibraryTabContent: React.FC<LibraryTabContentProps> = ({\n  orgId,\n  brandId,\n  enabled,\n  selectedAssets,\n  onAssetClick,\n}) => {\n  const { data: assetResponse, isLoading, error } = useGetAssets(orgId, enabled, brandId);\n\n  if (isLoading) {\n    return (\n      <StyledLoadingContainer>\n        <CircularProgress size=\"large\" />\n      </StyledLoadingContainer>\n    );\n  }\n\n  if (error) {\n    return (\n      <StyledErrorContainer>\n        <EmptyState\n          description=\"Failed to load assets. Please try again later.\"\n          title=\"Error loading assets\"\n        />\n      </StyledErrorContainer>\n    );\n  }\n\n  if (!assetResponse || assetResponse.data.length === 0) {\n    return (\n      <StyledErrorContainer>\n        <EmptyState description=\"No assets available to display.\" title=\"No assets found\" />\n      </StyledErrorContainer>\n    );\n  }\n\n  return (\n    <StyledList container component=\"ul\" spacing={1}>\n      {assetResponse.data.map((asset: Asset) => {\n        const isSelected = selectedAssets.has(asset.id);\n        return (\n          <Grid\n            key={asset.id}\n            aria-selected={isSelected}\n            component=\"li\"\n            size={{ widescreen: 4, desktop: 4, mobile: 6, tablet: 4 }}\n          >\n            <StyledCardWrapper\n              aria-label={'Select ' + asset.fileName} // TODO: translate this text when translate provider is added\n              onClick={() => onAssetClick(asset)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  onAssetClick(asset);\n                }\n              }}\n              role=\"button\"\n              selected={isSelected}\n              tabIndex={0}\n            >\n              {isSelected && <StyledCheckmarkIcon size=\"lg\" />}\n              <Card\n                content={asset.fileName}\n                heading=\"\"\n                imageAlt={asset.metadata.altText}\n                // Image source will be an imgix url, utilise params to render the image in the correct size and format\n                imageSrc={`${asset.url}?h=203&fit=crop`}\n              />\n            </StyledCardWrapper>\n          </Grid>\n        );\n      })}\n    </StyledList>\n  );\n};\n\nexport default LibraryTabContent;\n"],"names":["StyledList","styled","Grid","listStyle","margin","padding","StyledCardWrapper","Box","shouldForwardProp","prop","theme","selected","width","cursor","position","borderWidth","borderColor","palette","semantic","stroke","boxShadow","StyledCheckmarkIcon","CheckmarkCircleSolidIcon","top","spacing","left","zIndex","color","icon","fill","common","white","StyledLoadingContainer","display","justifyContent","alignItems","minHeight","StyledErrorContainer","orgId","brandId","enabled","selectedAssets","onAssetClick","data","assetResponse","isLoading","error","useGetAssets","_jsx","children","CircularProgress","size","EmptyState","description","title","length","container","component","map","asset","isSelected","has","id","widescreen","desktop","mobile","tablet","_jsxs","fileName","onClick","onKeyDown","e","key","preventDefault","role","tabIndex","Card","content","heading","imageAlt","metadata","altText","imageSrc","url"],"mappings":"kbAcA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAoC,KAAA,CACrDE,UAAW,OACXC,OAAQ,EACRC,QAAS,MAGLC,EAAoBL,EAAAA,OAAOM,EAAK,CACpCC,kBAAoBC,GAAkB,aAATA,GADLR,EAEC,EAAGS,QAAOC,eAAU,CAC7CC,MAAO,OACPC,OAAQ,UACRC,SAAU,WACV,kBAAmB,CAEjBC,YAAa,MACbC,YAAaL,EAAWD,EAAMO,QAAQC,SAASC,OAAO,mBAAqB,cAG3EC,UAAWT,EAAW,OAAS,mBAAmBD,EAAMO,QAAQC,SAASC,OAAO,kBAElF,gCAAiC,CAC/BH,YAAaN,EAAMO,QAAQC,SAASC,OAAO,mBAC3CC,UAAW,YAITC,EAAsBpB,EAAAA,OAAOqB,EAAPrB,EAAiC,EAAGS,YAAO,CACrEI,SAAU,WACVS,IAAKb,EAAMc,QAAQ,GACnBC,KAAMf,EAAMc,QAAQ,GACpBE,OAAQ,EACRC,MAAOjB,EAAMO,QAAQC,SAASU,KAAK,gBACnC,WAAY,CACVC,KAAMnB,EAAMO,QAAQa,OAAOC,WAIzBC,EAAyB/B,EAAAA,OAAOM,EAAPN,EAAY,EAAGS,YAAO,CACnDuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,UAAW,QACX/B,QAASK,EAAMc,QAAQ,OAGnBa,EAAuBpC,EAAAA,OAAOM,EAAPN,EAAY,EAAGS,YAAO,CACjDL,QAASK,EAAMc,QAAQ,sBA+BmC,EAC1Dc,QACAC,UACAC,UACAC,iBACAC,mBAEA,MAAQC,KAAMC,EAAaC,UAAEA,EAASC,MAAEA,GAAUC,eAAaT,EAAOE,EAASD,GAE/E,OAAIM,EAEAG,EAAAA,IAAChB,EAAsB,CAAAiB,SACrBD,EAAAA,IAACE,EAAAA,iBAAgB,CAACC,KAAK,YAKzBL,EAEAE,MAACX,EAAoB,CAAAY,SACnBD,EAAAA,IAACI,EAAAA,WAAU,CACTC,YAAY,iDACZC,MAAM,2BAMTV,GAA+C,IAA9BA,EAAcD,KAAKY,OASvCP,EAAAA,IAAChD,EAAU,CAACwD,WAAS,EAACC,UAAU,KAAKjC,QAAS,EAACyB,SAC5CL,EAAcD,KAAKe,KAAKC,IACvB,MAAMC,EAAanB,EAAeoB,IAAIF,EAAMG,IAC5C,OACEd,EAAAA,IAAC9C,EAAI,CAAA,gBAEY0D,EACfH,UAAU,KACVN,KAAM,CAAEY,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGjB,SAEzDkB,EAAAA,KAAC7D,EAAiB,CAAA,aACJ,UAAYqD,EAAMS,SAC9BC,QAAS,IAAM3B,EAAaiB,GAC5BW,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACF/B,EAAaiB,KAGjBe,KAAK,SACL/D,SAAUiD,EACVe,SAAU,YAETf,GAAcZ,EAAAA,IAAC3B,EAAmB,CAAC8B,KAAK,OACzCH,EAAAA,IAAC4B,EAAI,CACHC,QAASlB,EAAMS,SACfU,QAAQ,GACRC,SAAUpB,EAAMqB,SAASC,QAEzBC,SAAU,GAAGvB,EAAMwB,2BAxBlBxB,EAAMG,SAZjBd,MAACX,EAAoB,CAAAY,SACnBD,EAAAA,IAACI,EAAAA,WAAU,CAACC,YAAY,kCAAkCC,MAAM"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/LibraryTabContent/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Card from '@fd/components/atoms/Card';\nimport Grid from '@fd/components/atoms/Grid';\nimport EmptyState from '@fd/components/molecules/EmptyState';\nimport CheckmarkCircleSolidIcon from '@fd/icons/CheckmarkCircleSolid';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\n\nimport type { Asset } from '../types';\nimport LibraryTabContentSkeleton from './LibraryTabContentSkeleton';\n\nconst StyledList = styled(Grid)<{ component: string }>(() => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledCardWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'selected',\n})<{ selected?: boolean }>(({ theme, selected }) => ({\n  width: '100%',\n  cursor: 'pointer',\n  position: 'relative',\n  '& .MuiCard-root': {\n    // Always use 2px border to prevent layout shift\n    borderWidth: '2px',\n    borderColor: selected ? theme.palette.semantic.stroke['stroke-selected'] : 'transparent',\n    // Use box-shadow to create the visual 1px border when not selected\n    // This prevents layout shift while maintaining the visual appearance\n    boxShadow: selected ? 'none' : `inset 0 0 0 1px ${theme.palette.semantic.stroke['stroke-weak']}`,\n  },\n  '&:focus-visible .MuiCard-root': {\n    borderColor: theme.palette.semantic.stroke['stroke-selected'],\n    boxShadow: 'none',\n  },\n}));\n\nconst StyledCheckmarkIcon = styled(CheckmarkCircleSolidIcon)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: theme.spacing(2),\n  zIndex: 1,\n  color: theme.palette.semantic.icon['icon-primary'],\n  '& circle': {\n    fill: theme.palette.common.white,\n  },\n}));\n\nconst StyledErrorContainer = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(4),\n}));\n\n/**\n * Props for the LibraryTabContent component.\n * @param assets - Array of assets to display\n * @param isLoading - Whether the assets are being loaded\n * @param error - Error object if fetching assets failed\n * @param selectedAssets - Map of selected assets (id -> Asset) for O(1) lookup performance\n * @param onAssetClick - Callback when an asset is clicked\n */\nexport interface LibraryTabContentProps {\n  /** Array of assets to display */\n  assets?: Asset[];\n  /** Whether the assets are being loaded */\n  isLoading: boolean;\n  /** Error object if fetching assets failed */\n  error: Error | null;\n  /** Map of selected assets (id -> Asset) for O(1) lookup performance */\n  selectedAssets: Map<string, Asset>;\n  /** Callback when an asset is clicked */\n  onAssetClick: (asset: Asset) => void;\n}\n\n/**\n * LibraryTab component displays a grid of assets that can be selected.\n * Receives assets data from parent and displays loading/error states.\n *\n * @param props - The component props\n * @returns The library tab content\n */\nconst LibraryTabContent: React.FC<LibraryTabContentProps> = ({\n  assets,\n  isLoading,\n  error,\n  selectedAssets,\n  onAssetClick,\n}) => {\n  const { translate } = useTranslation();\n\n  if (isLoading) {\n    return <LibraryTabContentSkeleton />;\n  }\n\n  if (error) {\n    return (\n      // TODO: Update empty state when confirmed with design\n      <StyledErrorContainer>\n        <EmptyState\n          description=\"Failed to load assets. Please try again later.\"\n          title=\"Error loading assets\"\n        />\n      </StyledErrorContainer>\n    );\n  }\n\n  if (!assets || assets.length === 0) {\n    return (\n      // TODO: Update empty state when confirmed with design\n      <StyledErrorContainer>\n        <EmptyState description=\"No assets available to display.\" title=\"No assets found\" />\n      </StyledErrorContainer>\n    );\n  }\n\n  return (\n    <StyledList container component=\"ul\" spacing={1}>\n      {assets.map((asset: Asset) => {\n        const isSelected = selectedAssets.has(asset.id);\n        return (\n          <Grid\n            key={asset.id}\n            aria-selected={isSelected}\n            component=\"li\"\n            size={{ widescreen: 4, desktop: 4, mobile: 6, tablet: 4 }}\n          >\n            <StyledCardWrapper\n              aria-label={`${translate('Select')} ${asset.fileName}`}\n              onClick={() => onAssetClick(asset)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  onAssetClick(asset);\n                }\n              }}\n              role=\"button\"\n              selected={isSelected}\n              tabIndex={0}\n            >\n              {isSelected && <StyledCheckmarkIcon size=\"lg\" />}\n              <Card\n                content={asset.fileName}\n                heading=\"\"\n                imageAlt={asset.metadata.altText}\n                // Image source will be an imgix url, utilise params to render the image in the correct size and format\n                imageSrc={`${asset.url}?h=203&fit=crop`}\n              />\n            </StyledCardWrapper>\n          </Grid>\n        );\n      })}\n    </StyledList>\n  );\n};\n\nexport default LibraryTabContent;\n"],"names":["StyledList","styled","Grid","listStyle","margin","padding","StyledCardWrapper","Box","shouldForwardProp","prop","theme","selected","width","cursor","position","borderWidth","borderColor","palette","semantic","stroke","boxShadow","StyledCheckmarkIcon","CheckmarkCircleSolidIcon","top","spacing","left","zIndex","color","icon","fill","common","white","StyledErrorContainer","assets","isLoading","error","selectedAssets","onAssetClick","translate","useTranslation","_jsx","LibraryTabContentSkeleton","children","EmptyState","description","title","length","container","component","map","asset","isSelected","has","id","size","widescreen","desktop","mobile","tablet","_jsxs","fileName","onClick","onKeyDown","e","key","preventDefault","role","tabIndex","Card","content","heading","imageAlt","metadata","altText","imageSrc","url"],"mappings":"4bAcA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAoC,KAAA,CACrDE,UAAW,OACXC,OAAQ,EACRC,QAAS,MAGLC,EAAoBL,EAAAA,OAAOM,EAAK,CACpCC,kBAAoBC,GAAkB,aAATA,GADLR,EAEC,EAAGS,QAAOC,eAAU,CAC7CC,MAAO,OACPC,OAAQ,UACRC,SAAU,WACV,kBAAmB,CAEjBC,YAAa,MACbC,YAAaL,EAAWD,EAAMO,QAAQC,SAASC,OAAO,mBAAqB,cAG3EC,UAAWT,EAAW,OAAS,mBAAmBD,EAAMO,QAAQC,SAASC,OAAO,kBAElF,gCAAiC,CAC/BH,YAAaN,EAAMO,QAAQC,SAASC,OAAO,mBAC3CC,UAAW,YAITC,EAAsBpB,EAAAA,OAAOqB,EAAPrB,EAAiC,EAAGS,YAAO,CACrEI,SAAU,WACVS,IAAKb,EAAMc,QAAQ,GACnBC,KAAMf,EAAMc,QAAQ,GACpBE,OAAQ,EACRC,MAAOjB,EAAMO,QAAQC,SAASU,KAAK,gBACnC,WAAY,CACVC,KAAMnB,EAAMO,QAAQa,OAAOC,WAIzBC,EAAuB/B,EAAAA,OAAOM,EAAPN,EAAY,EAAGS,YAAO,CACjDL,QAASK,EAAMc,QAAQ,sBA+BmC,EAC1DS,SACAC,YACAC,QACAC,iBACAC,mBAEA,MAAMC,UAAEA,GAAcC,mBAEtB,OAAIL,EACKM,EAAAA,IAACC,EAAyB,IAG/BN,EAGAK,EAAAA,IAACR,EAAoB,CAAAU,SACnBF,EAAAA,IAACG,EAAAA,YACCC,YAAY,iDACZC,MAAM,2BAMTZ,GAA4B,IAAlBA,EAAOa,OAUpBN,EAAAA,IAACxC,EAAU,CAAC+C,WAAS,EAACC,UAAU,KAAKxB,QAAS,WAC3CS,EAAOgB,KAAKC,IACX,MAAMC,EAAaf,EAAegB,IAAIF,EAAMG,IAC5C,OACEb,EAAAA,IAACtC,EAAI,CAAA,gBAEYiD,EACfH,UAAU,KACVM,KAAM,CAAEC,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGhB,SAEzDiB,EAAAA,KAACrD,EAAiB,CAAA,aACJ,GAAGgC,EAAU,aAAaY,EAAMU,WAC5CC,QAAS,IAAMxB,EAAaa,GAC5BY,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACF5B,EAAaa,KAGjBgB,KAAK,SACLvD,SAAUwC,EACVgB,SAAU,YAEThB,GAAcX,EAAAA,IAACnB,EAAmB,CAACiC,KAAK,OACzCd,EAAAA,IAAC4B,EAAI,CACHC,QAASnB,EAAMU,SACfU,QAAQ,GACRC,SAAUrB,EAAMsB,SAASC,QAEzBC,SAAU,GAAGxB,EAAMyB,2BAxBlBzB,EAAMG,SAZjBb,EAAAA,IAACR,EAAoB,CAAAU,SACnBF,EAAAA,IAACG,EAAAA,YAAWC,YAAY,kCAAkCC,MAAM"}

package/dist/components/organisms/AssetManager/LibraryTabContent/index.d.ts

@@ -3,19 +3,19 @@ import { Asset } from '../types/index.js';
 
 /**
  * Props for the LibraryTabContent component.
- * @param orgId - Organization ID for fetching assets
- * @param brandId - Brand ID for fetching assets
- * @param enabled - Whether the component is enabled (for conditional fetching)
+ * @param assets - Array of assets to display
+ * @param isLoading - Whether the assets are being loaded
+ * @param error - Error object if fetching assets failed
  * @param selectedAssets - Map of selected assets (id -> Asset) for O(1) lookup performance
  * @param onAssetClick - Callback when an asset is clicked
  */
 interface LibraryTabContentProps {
-    /** Organization ID for fetching assets */
-    orgId: string;
-    /** Brand ID for fetching assets */
-    brandId?: string;
-    /** Whether the component is enabled (for conditional fetching) */
-    enabled: boolean;
+    /** Array of assets to display */
+    assets?: Asset[];
+    /** Whether the assets are being loaded */
+    isLoading: boolean;
+    /** Error object if fetching assets failed */
+    error: Error | null;
     /** Map of selected assets (id -> Asset) for O(1) lookup performance */
     selectedAssets: Map<string, Asset>;
     /** Callback when an asset is clicked */
@@ -23,7 +23,7 @@ interface LibraryTabContentProps {
 }
 /**
  * LibraryTab component displays a grid of assets that can be selected.
- * Handles fetching assets internally and displays loading/error states.
+ * Receives assets data from parent and displays loading/error states.
  *
  * @param props - The component props
  * @returns The library tab content

package/dist/components/organisms/AssetManager/LibraryTabContent/index.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{styled as o}from"@mui/material/styles";import i from"@mui/material/Box";import r from"../../../atoms/Card/index.js";import{CircularProgress as a}from"../../../atoms/CircularProgress/index.js";import s from"@mui/material/Grid2";import{EmptyState as n}from"../../../molecules/EmptyState/index.js";import l from"../../../../icons/CheckmarkCircleSolid/index.js";import{useGetAssets as d}from"../hooks/useGetAssets.js";const c=o(s)((()=>({listStyle:"none",margin:0,padding:0}))),m=o(i,{shouldForwardProp:e=>"selected"!==e})((({theme:e,selected:t})=>({width:"100%",cursor:"pointer",position:"relative","& .MuiCard-root":{borderWidth:"2px",borderColor:t?e.palette.semantic.stroke["stroke-selected"]:"transparent",boxShadow:t?"none":`inset 0 0 0 1px ${e.palette.semantic.stroke["stroke-weak"]}`},"&:focus-visible .MuiCard-root":{borderColor:e.palette.semantic.stroke["stroke-selected"],boxShadow:"none"}}))),p=o(l)((({theme:e})=>({position:"absolute",top:e.spacing(2),left:e.spacing(2),zIndex:1,color:e.palette.semantic.icon["icon-primary"],"& circle":{fill:e.palette.common.white}}))),h=o(i)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",minHeight:"200px",padding:e.spacing(4)}))),g=o(i)((({theme:e})=>({padding:e.spacing(4)}))),u=({orgId:o,brandId:i,enabled:l,selectedAssets:u,onAssetClick:f})=>{const{data:x,isLoading:b,error:k}=d(o,l,i);return b?e(h,{children:e(a,{size:"large"})}):k?e(g,{children:e(n,{description:"Failed to load assets. Please try again later.",title:"Error loading assets"})}):x&&0!==x.data.length?e(c,{container:!0,component:"ul",spacing:1,children:x.data.map((o=>{const i=u.has(o.id);return e(s,{"aria-selected":i,component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:t(m,{"aria-label":"Select "+o.fileName,onClick:()=>f(o),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f(o))},role:"button",selected:i,tabIndex:0,children:[i&&e(p,{size:"lg"}),e(r,{content:o.fileName,heading:"",imageAlt:o.metadata.altText,imageSrc:`${o.url}?h=203&fit=crop`})]})},o.id)}))}):e(g,{children:e(n,{description:"No assets available to display.",title:"No assets found"})})};export{u as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import"react";import{styled as o}from"@mui/material/styles";import r from"@mui/material/Box";import i from"../../../atoms/Card/index.js";import a from"@mui/material/Grid2";import{EmptyState as s}from"../../../molecules/EmptyState/index.js";import n from"../../../../icons/CheckmarkCircleSolid/index.js";import{useTranslation as l}from"../../../../providers/TranslationProvider.js";import d from"./LibraryTabContentSkeleton.js";const m=o(a)((()=>({listStyle:"none",margin:0,padding:0}))),c=o(r,{shouldForwardProp:e=>"selected"!==e})((({theme:e,selected:t})=>({width:"100%",cursor:"pointer",position:"relative","& .MuiCard-root":{borderWidth:"2px",borderColor:t?e.palette.semantic.stroke["stroke-selected"]:"transparent",boxShadow:t?"none":`inset 0 0 0 1px ${e.palette.semantic.stroke["stroke-weak"]}`},"&:focus-visible .MuiCard-root":{borderColor:e.palette.semantic.stroke["stroke-selected"],boxShadow:"none"}}))),p=o(n)((({theme:e})=>({position:"absolute",top:e.spacing(2),left:e.spacing(2),zIndex:1,color:e.palette.semantic.icon["icon-primary"],"& circle":{fill:e.palette.common.white}}))),h=o(r)((({theme:e})=>({padding:e.spacing(4)}))),u=({assets:o,isLoading:r,error:n,selectedAssets:u,onAssetClick:f})=>{const{translate:b}=l();return r?e(d,{}):n?e(h,{children:e(s,{description:"Failed to load assets. Please try again later.",title:"Error loading assets"})}):o&&0!==o.length?e(m,{container:!0,component:"ul",spacing:1,children:o.map((o=>{const r=u.has(o.id);return e(a,{"aria-selected":r,component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:t(c,{"aria-label":`${b("Select")} ${o.fileName}`,onClick:()=>f(o),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f(o))},role:"button",selected:r,tabIndex:0,children:[r&&e(p,{size:"lg"}),e(i,{content:o.fileName,heading:"",imageAlt:o.metadata.altText,imageSrc:`${o.url}?h=203&fit=crop`})]})},o.id)}))}):e(h,{children:e(s,{description:"No assets available to display.",title:"No assets found"})})};export{u as default};
 //# sourceMappingURL=index.js.map

package/dist/components/organisms/AssetManager/LibraryTabContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/AssetManager/LibraryTabContent/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Card from '@fd/components/atoms/Card';\nimport CircularProgress from '@fd/components/atoms/CircularProgress';\nimport Grid from '@fd/components/atoms/Grid';\nimport EmptyState from '@fd/components/molecules/EmptyState';\nimport CheckmarkCircleSolidIcon from '@fd/icons/CheckmarkCircleSolid';\n\nimport { useGetAssets } from '../hooks/useGetAssets';\nimport type { Asset } from '../types';\n\nconst StyledList = styled(Grid)<{ component: string }>(() => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledCardWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'selected',\n})<{ selected?: boolean }>(({ theme, selected }) => ({\n  width: '100%',\n  cursor: 'pointer',\n  position: 'relative',\n  '& .MuiCard-root': {\n    // Always use 2px border to prevent layout shift\n    borderWidth: '2px',\n    borderColor: selected ? theme.palette.semantic.stroke['stroke-selected'] : 'transparent',\n    // Use box-shadow to create the visual 1px border when not selected\n    // This prevents layout shift while maintaining the visual appearance\n    boxShadow: selected ? 'none' : `inset 0 0 0 1px ${theme.palette.semantic.stroke['stroke-weak']}`,\n  },\n  '&:focus-visible .MuiCard-root': {\n    borderColor: theme.palette.semantic.stroke['stroke-selected'],\n    boxShadow: 'none',\n  },\n}));\n\nconst StyledCheckmarkIcon = styled(CheckmarkCircleSolidIcon)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: theme.spacing(2),\n  zIndex: 1,\n  color: theme.palette.semantic.icon['icon-primary'],\n  '& circle': {\n    fill: theme.palette.common.white,\n  },\n}));\n\nconst StyledLoadingContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  minHeight: '200px',\n  padding: theme.spacing(4),\n}));\n\nconst StyledErrorContainer = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(4),\n}));\n\n/**\n * Props for the LibraryTabContent component.\n * @param orgId - Organization ID for fetching assets\n * @param brandId - Brand ID for fetching assets\n * @param enabled - Whether the component is enabled (for conditional fetching)\n * @param selectedAssets - Map of selected assets (id -> Asset) for O(1) lookup performance\n * @param onAssetClick - Callback when an asset is clicked\n */\nexport interface LibraryTabContentProps {\n  /** Organization ID for fetching assets */\n  orgId: string;\n  /** Brand ID for fetching assets */\n  brandId?: string;\n  /** Whether the component is enabled (for conditional fetching) */\n  enabled: boolean;\n  /** Map of selected assets (id -> Asset) for O(1) lookup performance */\n  selectedAssets: Map<string, Asset>;\n  /** Callback when an asset is clicked */\n  onAssetClick: (asset: Asset) => void;\n}\n\n/**\n * LibraryTab component displays a grid of assets that can be selected.\n * Handles fetching assets internally and displays loading/error states.\n *\n * @param props - The component props\n * @returns The library tab content\n */\nconst LibraryTabContent: React.FC<LibraryTabContentProps> = ({\n  orgId,\n  brandId,\n  enabled,\n  selectedAssets,\n  onAssetClick,\n}) => {\n  const { data: assetResponse, isLoading, error } = useGetAssets(orgId, enabled, brandId);\n\n  if (isLoading) {\n    return (\n      <StyledLoadingContainer>\n        <CircularProgress size=\"large\" />\n      </StyledLoadingContainer>\n    );\n  }\n\n  if (error) {\n    return (\n      <StyledErrorContainer>\n        <EmptyState\n          description=\"Failed to load assets. Please try again later.\"\n          title=\"Error loading assets\"\n        />\n      </StyledErrorContainer>\n    );\n  }\n\n  if (!assetResponse || assetResponse.data.length === 0) {\n    return (\n      <StyledErrorContainer>\n        <EmptyState description=\"No assets available to display.\" title=\"No assets found\" />\n      </StyledErrorContainer>\n    );\n  }\n\n  return (\n    <StyledList container component=\"ul\" spacing={1}>\n      {assetResponse.data.map((asset: Asset) => {\n        const isSelected = selectedAssets.has(asset.id);\n        return (\n          <Grid\n            key={asset.id}\n            aria-selected={isSelected}\n            component=\"li\"\n            size={{ widescreen: 4, desktop: 4, mobile: 6, tablet: 4 }}\n          >\n            <StyledCardWrapper\n              aria-label={'Select ' + asset.fileName} // TODO: translate this text when translate provider is added\n              onClick={() => onAssetClick(asset)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  onAssetClick(asset);\n                }\n              }}\n              role=\"button\"\n              selected={isSelected}\n              tabIndex={0}\n            >\n              {isSelected && <StyledCheckmarkIcon size=\"lg\" />}\n              <Card\n                content={asset.fileName}\n                heading=\"\"\n                imageAlt={asset.metadata.altText}\n                // Image source will be an imgix url, utilise params to render the image in the correct size and format\n                imageSrc={`${asset.url}?h=203&fit=crop`}\n              />\n            </StyledCardWrapper>\n          </Grid>\n        );\n      })}\n    </StyledList>\n  );\n};\n\nexport default LibraryTabContent;\n"],"names":["StyledList","styled","Grid","listStyle","margin","padding","StyledCardWrapper","Box","shouldForwardProp","prop","theme","selected","width","cursor","position","borderWidth","borderColor","palette","semantic","stroke","boxShadow","StyledCheckmarkIcon","CheckmarkCircleSolidIcon","top","spacing","left","zIndex","color","icon","fill","common","white","StyledLoadingContainer","display","justifyContent","alignItems","minHeight","StyledErrorContainer","LibraryTabContent","orgId","brandId","enabled","selectedAssets","onAssetClick","data","assetResponse","isLoading","error","useGetAssets","_jsx","children","CircularProgress","size","EmptyState","description","title","length","container","component","map","asset","isSelected","has","id","widescreen","desktop","mobile","tablet","_jsxs","fileName","onClick","onKeyDown","e","key","preventDefault","role","tabIndex","Card","content","heading","imageAlt","metadata","altText","imageSrc","url"],"mappings":"qeAcA,MAAMA,EAAaC,EAAOC,EAAPD,EAAoC,KAAA,CACrDE,UAAW,OACXC,OAAQ,EACRC,QAAS,MAGLC,EAAoBL,EAAOM,EAAK,CACpCC,kBAAoBC,GAAkB,aAATA,GADLR,EAEC,EAAGS,QAAOC,eAAU,CAC7CC,MAAO,OACPC,OAAQ,UACRC,SAAU,WACV,kBAAmB,CAEjBC,YAAa,MACbC,YAAaL,EAAWD,EAAMO,QAAQC,SAASC,OAAO,mBAAqB,cAG3EC,UAAWT,EAAW,OAAS,mBAAmBD,EAAMO,QAAQC,SAASC,OAAO,kBAElF,gCAAiC,CAC/BH,YAAaN,EAAMO,QAAQC,SAASC,OAAO,mBAC3CC,UAAW,YAITC,EAAsBpB,EAAOqB,EAAPrB,EAAiC,EAAGS,YAAO,CACrEI,SAAU,WACVS,IAAKb,EAAMc,QAAQ,GACnBC,KAAMf,EAAMc,QAAQ,GACpBE,OAAQ,EACRC,MAAOjB,EAAMO,QAAQC,SAASU,KAAK,gBACnC,WAAY,CACVC,KAAMnB,EAAMO,QAAQa,OAAOC,WAIzBC,EAAyB/B,EAAOM,EAAPN,EAAY,EAAGS,YAAO,CACnDuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,UAAW,QACX/B,QAASK,EAAMc,QAAQ,OAGnBa,EAAuBpC,EAAOM,EAAPN,EAAY,EAAGS,YAAO,CACjDL,QAASK,EAAMc,QAAQ,OA+BnBc,EAAsD,EAC1DC,QACAC,UACAC,UACAC,iBACAC,mBAEA,MAAQC,KAAMC,EAAaC,UAAEA,EAASC,MAAEA,GAAUC,EAAaT,EAAOE,EAASD,GAE/E,OAAIM,EAEAG,EAACjB,EAAsB,CAAAkB,SACrBD,EAACE,EAAgB,CAACC,KAAK,YAKzBL,EAEAE,EAACZ,EAAoB,CAAAa,SACnBD,EAACI,EAAU,CACTC,YAAY,iDACZC,MAAM,2BAMTV,GAA+C,IAA9BA,EAAcD,KAAKY,OASvCP,EAACjD,EAAU,CAACyD,WAAS,EAACC,UAAU,KAAKlC,QAAS,EAAC0B,SAC5CL,EAAcD,KAAKe,KAAKC,IACvB,MAAMC,EAAanB,EAAeoB,IAAIF,EAAMG,IAC5C,OACEd,EAAC/C,EAAI,CAAA,gBAEY2D,EACfH,UAAU,KACVN,KAAM,CAAEY,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGjB,SAEzDkB,EAAC9D,EAAiB,CAAA,aACJ,UAAYsD,EAAMS,SAC9BC,QAAS,IAAM3B,EAAaiB,GAC5BW,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACF/B,EAAaiB,KAGjBe,KAAK,SACLhE,SAAUkD,EACVe,SAAU,YAETf,GAAcZ,EAAC5B,EAAmB,CAAC+B,KAAK,OACzCH,EAAC4B,EAAI,CACHC,QAASlB,EAAMS,SACfU,QAAQ,GACRC,SAAUpB,EAAMqB,SAASC,QAEzBC,SAAU,GAAGvB,EAAMwB,2BAxBlBxB,EAAMG,SAZjBd,EAACZ,EAAoB,CAAAa,SACnBD,EAACI,EAAU,CAACC,YAAY,kCAAkCC,MAAM"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/organisms/AssetManager/LibraryTabContent/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Card from '@fd/components/atoms/Card';\nimport Grid from '@fd/components/atoms/Grid';\nimport EmptyState from '@fd/components/molecules/EmptyState';\nimport CheckmarkCircleSolidIcon from '@fd/icons/CheckmarkCircleSolid';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\n\nimport type { Asset } from '../types';\nimport LibraryTabContentSkeleton from './LibraryTabContentSkeleton';\n\nconst StyledList = styled(Grid)<{ component: string }>(() => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledCardWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'selected',\n})<{ selected?: boolean }>(({ theme, selected }) => ({\n  width: '100%',\n  cursor: 'pointer',\n  position: 'relative',\n  '& .MuiCard-root': {\n    // Always use 2px border to prevent layout shift\n    borderWidth: '2px',\n    borderColor: selected ? theme.palette.semantic.stroke['stroke-selected'] : 'transparent',\n    // Use box-shadow to create the visual 1px border when not selected\n    // This prevents layout shift while maintaining the visual appearance\n    boxShadow: selected ? 'none' : `inset 0 0 0 1px ${theme.palette.semantic.stroke['stroke-weak']}`,\n  },\n  '&:focus-visible .MuiCard-root': {\n    borderColor: theme.palette.semantic.stroke['stroke-selected'],\n    boxShadow: 'none',\n  },\n}));\n\nconst StyledCheckmarkIcon = styled(CheckmarkCircleSolidIcon)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  left: theme.spacing(2),\n  zIndex: 1,\n  color: theme.palette.semantic.icon['icon-primary'],\n  '& circle': {\n    fill: theme.palette.common.white,\n  },\n}));\n\nconst StyledErrorContainer = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(4),\n}));\n\n/**\n * Props for the LibraryTabContent component.\n * @param assets - Array of assets to display\n * @param isLoading - Whether the assets are being loaded\n * @param error - Error object if fetching assets failed\n * @param selectedAssets - Map of selected assets (id -> Asset) for O(1) lookup performance\n * @param onAssetClick - Callback when an asset is clicked\n */\nexport interface LibraryTabContentProps {\n  /** Array of assets to display */\n  assets?: Asset[];\n  /** Whether the assets are being loaded */\n  isLoading: boolean;\n  /** Error object if fetching assets failed */\n  error: Error | null;\n  /** Map of selected assets (id -> Asset) for O(1) lookup performance */\n  selectedAssets: Map<string, Asset>;\n  /** Callback when an asset is clicked */\n  onAssetClick: (asset: Asset) => void;\n}\n\n/**\n * LibraryTab component displays a grid of assets that can be selected.\n * Receives assets data from parent and displays loading/error states.\n *\n * @param props - The component props\n * @returns The library tab content\n */\nconst LibraryTabContent: React.FC<LibraryTabContentProps> = ({\n  assets,\n  isLoading,\n  error,\n  selectedAssets,\n  onAssetClick,\n}) => {\n  const { translate } = useTranslation();\n\n  if (isLoading) {\n    return <LibraryTabContentSkeleton />;\n  }\n\n  if (error) {\n    return (\n      // TODO: Update empty state when confirmed with design\n      <StyledErrorContainer>\n        <EmptyState\n          description=\"Failed to load assets. Please try again later.\"\n          title=\"Error loading assets\"\n        />\n      </StyledErrorContainer>\n    );\n  }\n\n  if (!assets || assets.length === 0) {\n    return (\n      // TODO: Update empty state when confirmed with design\n      <StyledErrorContainer>\n        <EmptyState description=\"No assets available to display.\" title=\"No assets found\" />\n      </StyledErrorContainer>\n    );\n  }\n\n  return (\n    <StyledList container component=\"ul\" spacing={1}>\n      {assets.map((asset: Asset) => {\n        const isSelected = selectedAssets.has(asset.id);\n        return (\n          <Grid\n            key={asset.id}\n            aria-selected={isSelected}\n            component=\"li\"\n            size={{ widescreen: 4, desktop: 4, mobile: 6, tablet: 4 }}\n          >\n            <StyledCardWrapper\n              aria-label={`${translate('Select')} ${asset.fileName}`}\n              onClick={() => onAssetClick(asset)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  onAssetClick(asset);\n                }\n              }}\n              role=\"button\"\n              selected={isSelected}\n              tabIndex={0}\n            >\n              {isSelected && <StyledCheckmarkIcon size=\"lg\" />}\n              <Card\n                content={asset.fileName}\n                heading=\"\"\n                imageAlt={asset.metadata.altText}\n                // Image source will be an imgix url, utilise params to render the image in the correct size and format\n                imageSrc={`${asset.url}?h=203&fit=crop`}\n              />\n            </StyledCardWrapper>\n          </Grid>\n        );\n      })}\n    </StyledList>\n  );\n};\n\nexport default LibraryTabContent;\n"],"names":["StyledList","styled","Grid","listStyle","margin","padding","StyledCardWrapper","Box","shouldForwardProp","prop","theme","selected","width","cursor","position","borderWidth","borderColor","palette","semantic","stroke","boxShadow","StyledCheckmarkIcon","CheckmarkCircleSolidIcon","top","spacing","left","zIndex","color","icon","fill","common","white","StyledErrorContainer","LibraryTabContent","assets","isLoading","error","selectedAssets","onAssetClick","translate","useTranslation","_jsx","LibraryTabContentSkeleton","children","EmptyState","description","title","length","container","component","map","asset","isSelected","has","id","size","widescreen","desktop","mobile","tablet","_jsxs","fileName","onClick","onKeyDown","e","key","preventDefault","role","tabIndex","Card","content","heading","imageAlt","metadata","altText","imageSrc","url"],"mappings":"6dAcA,MAAMA,EAAaC,EAAOC,EAAPD,EAAoC,KAAA,CACrDE,UAAW,OACXC,OAAQ,EACRC,QAAS,MAGLC,EAAoBL,EAAOM,EAAK,CACpCC,kBAAoBC,GAAkB,aAATA,GADLR,EAEC,EAAGS,QAAOC,eAAU,CAC7CC,MAAO,OACPC,OAAQ,UACRC,SAAU,WACV,kBAAmB,CAEjBC,YAAa,MACbC,YAAaL,EAAWD,EAAMO,QAAQC,SAASC,OAAO,mBAAqB,cAG3EC,UAAWT,EAAW,OAAS,mBAAmBD,EAAMO,QAAQC,SAASC,OAAO,kBAElF,gCAAiC,CAC/BH,YAAaN,EAAMO,QAAQC,SAASC,OAAO,mBAC3CC,UAAW,YAITC,EAAsBpB,EAAOqB,EAAPrB,EAAiC,EAAGS,YAAO,CACrEI,SAAU,WACVS,IAAKb,EAAMc,QAAQ,GACnBC,KAAMf,EAAMc,QAAQ,GACpBE,OAAQ,EACRC,MAAOjB,EAAMO,QAAQC,SAASU,KAAK,gBACnC,WAAY,CACVC,KAAMnB,EAAMO,QAAQa,OAAOC,WAIzBC,EAAuB/B,EAAOM,EAAPN,EAAY,EAAGS,YAAO,CACjDL,QAASK,EAAMc,QAAQ,OA+BnBS,EAAsD,EAC1DC,SACAC,YACAC,QACAC,iBACAC,mBAEA,MAAMC,UAAEA,GAAcC,IAEtB,OAAIL,EACKM,EAACC,EAAyB,IAG/BN,EAGAK,EAACT,EAAoB,CAAAW,SACnBF,EAACG,GACCC,YAAY,iDACZC,MAAM,2BAMTZ,GAA4B,IAAlBA,EAAOa,OAUpBN,EAACzC,EAAU,CAACgD,WAAS,EAACC,UAAU,KAAKzB,QAAS,WAC3CU,EAAOgB,KAAKC,IACX,MAAMC,EAAaf,EAAegB,IAAIF,EAAMG,IAC5C,OACEb,EAACvC,EAAI,CAAA,gBAEYkD,EACfH,UAAU,KACVM,KAAM,CAAEC,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGhB,SAEzDiB,EAACtD,EAAiB,CAAA,aACJ,GAAGiC,EAAU,aAAaY,EAAMU,WAC5CC,QAAS,IAAMxB,EAAaa,GAC5BY,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACF5B,EAAaa,KAGjBgB,KAAK,SACLxD,SAAUyC,EACVgB,SAAU,YAEThB,GAAcX,EAACpB,EAAmB,CAACkC,KAAK,OACzCd,EAAC4B,EAAI,CACHC,QAASnB,EAAMU,SACfU,QAAQ,GACRC,SAAUrB,EAAMsB,SAASC,QAEzBC,SAAU,GAAGxB,EAAMyB,2BAxBlBzB,EAAMG,SAZjBb,EAACT,EAAoB,CAAAW,SACnBF,EAACG,GAAWC,YAAY,kCAAkCC,MAAM"}

package/dist/components/organisms/AssetManager/__mocks__/mockAssets.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../types/index.cjs.js");const a=(a={})=>({...{id:"asset_e3454351fw5",fileName:"Mock Asset.jpg",contentType:"image/jpeg",url:"./images/pizza-horizontal.jpg",createdBy:"Mock User",updatedBy:"Mock User",updatedAt:(new Date).toISOString(),uploadedAt:(new Date).toISOString(),orgId:"org10121",brandId:"br1",type:e.AssetType.IMAGE,metadata:{tags:["mock"]}},...a}),t={data:[a({id:"asset_e3454351fw5",fileName:"Pizza Special.jpg",createdBy:"John Doe",updatedBy:"John Doe",metadata:{tags:["pizza","food"],altText:"Delicious pizza with toppings"}}),a({id:"asset_et351fw6",fileName:"Burger Combo.jpg",createdBy:"Jane Smith",updatedBy:"Jane Smith",metadata:{tags:["burger","food"],altText:"Juicy burger with fries"}}),a({id:"asset_f351fw7",fileName:"Salad Fresh.jpg",createdBy:"Bob Johnson",updatedBy:"Bob Johnson",metadata:{tags:["salad","healthy"],altText:"Fresh green salad"}}),a({id:"asset_g351fw8",fileName:"Pasta Delight.jpg",createdBy:"Alice Brown",updatedBy:"Alice Brown",metadata:{tags:["pasta","italian"]}}),a({id:"asset_h351fw9",fileName:"Dessert Special.jpg",createdBy:"Charlie Davis",updatedBy:"Charlie Davis",metadata:{tags:["dessert","sweet"]}})]};exports.createMockAsset=a,exports.createMockAssets=(e,t)=>Array.from({length:e},((e,s)=>{const i=t?.[s]||{};return a({id:(s+1).toString(),fileName:`Mock Asset ${s+1}.jpg`,...i})})),exports.mockAssets=t;
+"use strict";var e=require("../types/index.cjs.js");const a=(a={})=>({...{id:"asset_e3454351fw5",fileName:"Mock Asset.jpg",contentType:"image/jpeg",url:"./images/pizza-horizontal.jpg",fileSize:1e3,createdBy:"Mock User",updatedBy:"Mock User",updatedAt:(new Date).toISOString(),createdAt:(new Date).toISOString(),orgId:"org10121",brandId:"br1",type:e.AssetType.IMAGE,metadata:{tags:["mock"]}},...a}),t={data:[a({id:"asset_e3454351fw5",fileName:"Pizza Special.jpg",createdBy:"John Doe",updatedBy:"John Doe",metadata:{tags:["pizza","food"],altText:"Delicious pizza with toppings"}}),a({id:"asset_et351fw6",fileName:"Burger Combo.jpg",createdBy:"Jane Smith",updatedBy:"Jane Smith",metadata:{tags:["burger","food"],altText:"Juicy burger with fries"}}),a({id:"asset_f351fw7",fileName:"Salad Fresh.jpg",createdBy:"Bob Johnson",updatedBy:"Bob Johnson",metadata:{tags:["salad","healthy"],altText:"Fresh green salad"}}),a({id:"asset_g351fw8",fileName:"Pasta Delight.jpg",createdBy:"Alice Brown",updatedBy:"Alice Brown",metadata:{tags:["pasta","italian"]}}),a({id:"asset_h351fw9",fileName:"Dessert Special.jpg",createdBy:"Charlie Davis",updatedBy:"Charlie Davis",metadata:{tags:["dessert","sweet"]}})]};exports.createMockAsset=a,exports.createMockAssets=(e,t)=>Array.from({length:e},((e,s)=>{const i=t?.[s]||{};return a({id:(s+1).toString(),fileName:`Mock Asset ${s+1}.jpg`,...i})})),exports.mockAssets=t;
 //# sourceMappingURL=mockAssets.cjs.js.map

package/dist/components/organisms/AssetManager/__mocks__/mockAssets.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockAssets.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/__mocks__/mockAssets.ts"],"sourcesContent":["import { type Asset, type AssetResponse, AssetType } from '../types';\n\n/**\n * Factory function to create a mock asset with customizable properties\n * @param overrides - Partial asset properties to override defaults\n * @returns A complete mock asset\n */\nexport const createMockAsset = (overrides: Partial<Asset> = {}): Asset => {\n  const defaultAsset: Asset = {\n    id: 'asset_e3454351fw5',\n    fileName: 'Mock Asset.jpg',\n    contentType: 'image/jpeg',\n    url: './images/pizza-horizontal.jpg',\n    createdBy: 'Mock User',\n    updatedBy: 'Mock User',\n    updatedAt: new Date().toISOString(),\n    uploadedAt: new Date().toISOString(),\n    orgId: 'org10121',\n    brandId: 'br1',\n    type: AssetType.IMAGE,\n    metadata: { tags: ['mock'] },\n  };\n\n  return { ...defaultAsset, ...overrides };\n};\n\n/**\n * Generate multiple mock assets\n * @param count - Number of assets to generate\n * @param overridesArray - Optional array of overrides for each asset\n * @returns Array of mock assets\n */\nexport const createMockAssets = (count: number, overridesArray?: Array<Partial<Asset>>): Asset[] => {\n  return Array.from({ length: count }, (_, index) => {\n    const baseOverrides = overridesArray?.[index] || {};\n    return createMockAsset({\n      id: (index + 1).toString(),\n      fileName: `Mock Asset ${index + 1}.jpg`,\n      ...baseOverrides,\n    });\n  });\n};\n\n/**\n * Pre-defined mock assets for common testing scenarios\n */\nexport const mockAssets: AssetResponse = {\n  data: [\n    createMockAsset({\n      id: 'asset_e3454351fw5',\n      fileName: 'Pizza Special.jpg',\n      createdBy: 'John Doe',\n      updatedBy: 'John Doe',\n      metadata: { tags: ['pizza', 'food'], altText: 'Delicious pizza with toppings' },\n    }),\n    createMockAsset({\n      id: 'asset_et351fw6',\n      fileName: 'Burger Combo.jpg',\n      createdBy: 'Jane Smith',\n      updatedBy: 'Jane Smith',\n      metadata: { tags: ['burger', 'food'], altText: 'Juicy burger with fries' },\n    }),\n    createMockAsset({\n      id: 'asset_f351fw7',\n      fileName: 'Salad Fresh.jpg',\n      createdBy: 'Bob Johnson',\n      updatedBy: 'Bob Johnson',\n      metadata: { tags: ['salad', 'healthy'], altText: 'Fresh green salad' },\n    }),\n    createMockAsset({\n      id: 'asset_g351fw8',\n      fileName: 'Pasta Delight.jpg',\n      createdBy: 'Alice Brown',\n      updatedBy: 'Alice Brown',\n      metadata: { tags: ['pasta', 'italian'] },\n    }),\n    createMockAsset({\n      id: 'asset_h351fw9',\n      fileName: 'Dessert Special.jpg',\n      createdBy: 'Charlie Davis',\n      updatedBy: 'Charlie Davis',\n      metadata: { tags: ['dessert', 'sweet'] },\n    }),\n  ],\n};\n"],"names":["createMockAsset","overrides","id","fileName","contentType","url","createdBy","updatedBy","updatedAt","Date","toISOString","uploadedAt","orgId","brandId","type","AssetType","IMAGE","metadata","tags","mockAssets","data","altText","count","overridesArray","Array","from","length","_","index","baseOverrides","toString"],"mappings":"0DAOaA,EAAkB,CAACC,EAA4B,MAgBnD,IAfqB,CAC1BC,GAAI,oBACJC,SAAU,iBACVC,YAAa,aACbC,IAAK,gCACLC,UAAW,YACXC,UAAW,YACXC,WAAW,IAAIC,MAAOC,cACtBC,YAAY,IAAIF,MAAOC,cACvBE,MAAO,WACPC,QAAS,MACTC,KAAMC,EAAAA,UAAUC,MAChBC,SAAU,CAAEC,KAAM,CAAC,aAGQjB,IAuBlBkB,EAA4B,CACvCC,KAAM,CACJpB,EAAgB,CACdE,GAAI,oBACJC,SAAU,oBACVG,UAAW,WACXC,UAAW,WACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,QAASG,QAAS,mCAEhDrB,EAAgB,CACdE,GAAI,iBACJC,SAAU,mBACVG,UAAW,aACXC,UAAW,aACXU,SAAU,CAAEC,KAAM,CAAC,SAAU,QAASG,QAAS,6BAEjDrB,EAAgB,CACdE,GAAI,gBACJC,SAAU,kBACVG,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,WAAYG,QAAS,uBAEnDrB,EAAgB,CACdE,GAAI,gBACJC,SAAU,oBACVG,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,cAE9BlB,EAAgB,CACdE,GAAI,gBACJC,SAAU,sBACVG,UAAW,gBACXC,UAAW,gBACXU,SAAU,CAAEC,KAAM,CAAC,UAAW,iEAjDJ,CAACI,EAAeC,IACvCC,MAAMC,KAAK,CAAEC,OAAQJ,IAAS,CAACK,EAAGC,KACvC,MAAMC,EAAgBN,IAAiBK,IAAU,CAAA,EACjD,OAAO5B,EAAgB,CACrBE,IAAK0B,EAAQ,GAAGE,WAChB3B,SAAU,cAAcyB,EAAQ,WAC7BC"}
+{"version":3,"file":"mockAssets.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/__mocks__/mockAssets.ts"],"sourcesContent":["import { type Asset, type AssetResponse, AssetType } from '../types';\n\n/**\n * Factory function to create a mock asset with customizable properties\n * @param overrides - Partial asset properties to override defaults\n * @returns A complete mock asset\n */\nexport const createMockAsset = (overrides: Partial<Asset> = {}): Asset => {\n  const defaultAsset: Asset = {\n    id: 'asset_e3454351fw5',\n    fileName: 'Mock Asset.jpg',\n    contentType: 'image/jpeg',\n    url: './images/pizza-horizontal.jpg',\n    fileSize: 1000,\n    createdBy: 'Mock User',\n    updatedBy: 'Mock User',\n    updatedAt: new Date().toISOString(),\n    createdAt: new Date().toISOString(),\n    orgId: 'org10121',\n    brandId: 'br1',\n    type: AssetType.IMAGE,\n    metadata: { tags: ['mock'] },\n  };\n\n  return { ...defaultAsset, ...overrides };\n};\n\n/**\n * Generate multiple mock assets\n * @param count - Number of assets to generate\n * @param overridesArray - Optional array of overrides for each asset\n * @returns Array of mock assets\n */\nexport const createMockAssets = (count: number, overridesArray?: Array<Partial<Asset>>): Asset[] => {\n  return Array.from({ length: count }, (_, index) => {\n    const baseOverrides = overridesArray?.[index] || {};\n    return createMockAsset({\n      id: (index + 1).toString(),\n      fileName: `Mock Asset ${index + 1}.jpg`,\n      ...baseOverrides,\n    });\n  });\n};\n\n/**\n * Pre-defined mock assets for common testing scenarios\n */\nexport const mockAssets: AssetResponse = {\n  data: [\n    createMockAsset({\n      id: 'asset_e3454351fw5',\n      fileName: 'Pizza Special.jpg',\n      createdBy: 'John Doe',\n      updatedBy: 'John Doe',\n      metadata: { tags: ['pizza', 'food'], altText: 'Delicious pizza with toppings' },\n    }),\n    createMockAsset({\n      id: 'asset_et351fw6',\n      fileName: 'Burger Combo.jpg',\n      createdBy: 'Jane Smith',\n      updatedBy: 'Jane Smith',\n      metadata: { tags: ['burger', 'food'], altText: 'Juicy burger with fries' },\n    }),\n    createMockAsset({\n      id: 'asset_f351fw7',\n      fileName: 'Salad Fresh.jpg',\n      createdBy: 'Bob Johnson',\n      updatedBy: 'Bob Johnson',\n      metadata: { tags: ['salad', 'healthy'], altText: 'Fresh green salad' },\n    }),\n    createMockAsset({\n      id: 'asset_g351fw8',\n      fileName: 'Pasta Delight.jpg',\n      createdBy: 'Alice Brown',\n      updatedBy: 'Alice Brown',\n      metadata: { tags: ['pasta', 'italian'] },\n    }),\n    createMockAsset({\n      id: 'asset_h351fw9',\n      fileName: 'Dessert Special.jpg',\n      createdBy: 'Charlie Davis',\n      updatedBy: 'Charlie Davis',\n      metadata: { tags: ['dessert', 'sweet'] },\n    }),\n  ],\n};\n"],"names":["createMockAsset","overrides","id","fileName","contentType","url","fileSize","createdBy","updatedBy","updatedAt","Date","toISOString","createdAt","orgId","brandId","type","AssetType","IMAGE","metadata","tags","mockAssets","data","altText","count","overridesArray","Array","from","length","_","index","baseOverrides","toString"],"mappings":"0DAOaA,EAAkB,CAACC,EAA4B,MAiBnD,IAhBqB,CAC1BC,GAAI,oBACJC,SAAU,iBACVC,YAAa,aACbC,IAAK,gCACLC,SAAU,IACVC,UAAW,YACXC,UAAW,YACXC,WAAW,IAAIC,MAAOC,cACtBC,WAAW,IAAIF,MAAOC,cACtBE,MAAO,WACPC,QAAS,MACTC,KAAMC,EAAAA,UAAUC,MAChBC,SAAU,CAAEC,KAAM,CAAC,aAGQlB,IAuBlBmB,EAA4B,CACvCC,KAAM,CACJrB,EAAgB,CACdE,GAAI,oBACJC,SAAU,oBACVI,UAAW,WACXC,UAAW,WACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,QAASG,QAAS,mCAEhDtB,EAAgB,CACdE,GAAI,iBACJC,SAAU,mBACVI,UAAW,aACXC,UAAW,aACXU,SAAU,CAAEC,KAAM,CAAC,SAAU,QAASG,QAAS,6BAEjDtB,EAAgB,CACdE,GAAI,gBACJC,SAAU,kBACVI,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,WAAYG,QAAS,uBAEnDtB,EAAgB,CACdE,GAAI,gBACJC,SAAU,oBACVI,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,cAE9BnB,EAAgB,CACdE,GAAI,gBACJC,SAAU,sBACVI,UAAW,gBACXC,UAAW,gBACXU,SAAU,CAAEC,KAAM,CAAC,UAAW,iEAjDJ,CAACI,EAAeC,IACvCC,MAAMC,KAAK,CAAEC,OAAQJ,IAAS,CAACK,EAAGC,KACvC,MAAMC,EAAgBN,IAAiBK,IAAU,CAAA,EACjD,OAAO7B,EAAgB,CACrBE,IAAK2B,EAAQ,GAAGE,WAChB5B,SAAU,cAAc0B,EAAQ,WAC7BC"}

package/dist/components/organisms/AssetManager/__mocks__/mockAssets.js

@@ -1,2 +1,2 @@
-import{AssetType as e}from"../types/index.js";const a=(a={})=>({...{id:"asset_e3454351fw5",fileName:"Mock Asset.jpg",contentType:"image/jpeg",url:"./images/pizza-horizontal.jpg",createdBy:"Mock User",updatedBy:"Mock User",updatedAt:(new Date).toISOString(),uploadedAt:(new Date).toISOString(),orgId:"org10121",brandId:"br1",type:e.IMAGE,metadata:{tags:["mock"]}},...a}),t=(e,t)=>Array.from({length:e},((e,s)=>{const d=t?.[s]||{};return a({id:(s+1).toString(),fileName:`Mock Asset ${s+1}.jpg`,...d})})),s={data:[a({id:"asset_e3454351fw5",fileName:"Pizza Special.jpg",createdBy:"John Doe",updatedBy:"John Doe",metadata:{tags:["pizza","food"],altText:"Delicious pizza with toppings"}}),a({id:"asset_et351fw6",fileName:"Burger Combo.jpg",createdBy:"Jane Smith",updatedBy:"Jane Smith",metadata:{tags:["burger","food"],altText:"Juicy burger with fries"}}),a({id:"asset_f351fw7",fileName:"Salad Fresh.jpg",createdBy:"Bob Johnson",updatedBy:"Bob Johnson",metadata:{tags:["salad","healthy"],altText:"Fresh green salad"}}),a({id:"asset_g351fw8",fileName:"Pasta Delight.jpg",createdBy:"Alice Brown",updatedBy:"Alice Brown",metadata:{tags:["pasta","italian"]}}),a({id:"asset_h351fw9",fileName:"Dessert Special.jpg",createdBy:"Charlie Davis",updatedBy:"Charlie Davis",metadata:{tags:["dessert","sweet"]}})]};export{a as createMockAsset,t as createMockAssets,s as mockAssets};
+import{AssetType as e}from"../types/index.js";const a=(a={})=>({...{id:"asset_e3454351fw5",fileName:"Mock Asset.jpg",contentType:"image/jpeg",url:"./images/pizza-horizontal.jpg",fileSize:1e3,createdBy:"Mock User",updatedBy:"Mock User",updatedAt:(new Date).toISOString(),createdAt:(new Date).toISOString(),orgId:"org10121",brandId:"br1",type:e.IMAGE,metadata:{tags:["mock"]}},...a}),t=(e,t)=>Array.from({length:e},((e,i)=>{const s=t?.[i]||{};return a({id:(i+1).toString(),fileName:`Mock Asset ${i+1}.jpg`,...s})})),i={data:[a({id:"asset_e3454351fw5",fileName:"Pizza Special.jpg",createdBy:"John Doe",updatedBy:"John Doe",metadata:{tags:["pizza","food"],altText:"Delicious pizza with toppings"}}),a({id:"asset_et351fw6",fileName:"Burger Combo.jpg",createdBy:"Jane Smith",updatedBy:"Jane Smith",metadata:{tags:["burger","food"],altText:"Juicy burger with fries"}}),a({id:"asset_f351fw7",fileName:"Salad Fresh.jpg",createdBy:"Bob Johnson",updatedBy:"Bob Johnson",metadata:{tags:["salad","healthy"],altText:"Fresh green salad"}}),a({id:"asset_g351fw8",fileName:"Pasta Delight.jpg",createdBy:"Alice Brown",updatedBy:"Alice Brown",metadata:{tags:["pasta","italian"]}}),a({id:"asset_h351fw9",fileName:"Dessert Special.jpg",createdBy:"Charlie Davis",updatedBy:"Charlie Davis",metadata:{tags:["dessert","sweet"]}})]};export{a as createMockAsset,t as createMockAssets,i as mockAssets};
 //# sourceMappingURL=mockAssets.js.map

package/dist/components/organisms/AssetManager/__mocks__/mockAssets.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockAssets.js","sources":["../../../../../src/components/organisms/AssetManager/__mocks__/mockAssets.ts"],"sourcesContent":["import { type Asset, type AssetResponse, AssetType } from '../types';\n\n/**\n * Factory function to create a mock asset with customizable properties\n * @param overrides - Partial asset properties to override defaults\n * @returns A complete mock asset\n */\nexport const createMockAsset = (overrides: Partial<Asset> = {}): Asset => {\n  const defaultAsset: Asset = {\n    id: 'asset_e3454351fw5',\n    fileName: 'Mock Asset.jpg',\n    contentType: 'image/jpeg',\n    url: './images/pizza-horizontal.jpg',\n    createdBy: 'Mock User',\n    updatedBy: 'Mock User',\n    updatedAt: new Date().toISOString(),\n    uploadedAt: new Date().toISOString(),\n    orgId: 'org10121',\n    brandId: 'br1',\n    type: AssetType.IMAGE,\n    metadata: { tags: ['mock'] },\n  };\n\n  return { ...defaultAsset, ...overrides };\n};\n\n/**\n * Generate multiple mock assets\n * @param count - Number of assets to generate\n * @param overridesArray - Optional array of overrides for each asset\n * @returns Array of mock assets\n */\nexport const createMockAssets = (count: number, overridesArray?: Array<Partial<Asset>>): Asset[] => {\n  return Array.from({ length: count }, (_, index) => {\n    const baseOverrides = overridesArray?.[index] || {};\n    return createMockAsset({\n      id: (index + 1).toString(),\n      fileName: `Mock Asset ${index + 1}.jpg`,\n      ...baseOverrides,\n    });\n  });\n};\n\n/**\n * Pre-defined mock assets for common testing scenarios\n */\nexport const mockAssets: AssetResponse = {\n  data: [\n    createMockAsset({\n      id: 'asset_e3454351fw5',\n      fileName: 'Pizza Special.jpg',\n      createdBy: 'John Doe',\n      updatedBy: 'John Doe',\n      metadata: { tags: ['pizza', 'food'], altText: 'Delicious pizza with toppings' },\n    }),\n    createMockAsset({\n      id: 'asset_et351fw6',\n      fileName: 'Burger Combo.jpg',\n      createdBy: 'Jane Smith',\n      updatedBy: 'Jane Smith',\n      metadata: { tags: ['burger', 'food'], altText: 'Juicy burger with fries' },\n    }),\n    createMockAsset({\n      id: 'asset_f351fw7',\n      fileName: 'Salad Fresh.jpg',\n      createdBy: 'Bob Johnson',\n      updatedBy: 'Bob Johnson',\n      metadata: { tags: ['salad', 'healthy'], altText: 'Fresh green salad' },\n    }),\n    createMockAsset({\n      id: 'asset_g351fw8',\n      fileName: 'Pasta Delight.jpg',\n      createdBy: 'Alice Brown',\n      updatedBy: 'Alice Brown',\n      metadata: { tags: ['pasta', 'italian'] },\n    }),\n    createMockAsset({\n      id: 'asset_h351fw9',\n      fileName: 'Dessert Special.jpg',\n      createdBy: 'Charlie Davis',\n      updatedBy: 'Charlie Davis',\n      metadata: { tags: ['dessert', 'sweet'] },\n    }),\n  ],\n};\n"],"names":["createMockAsset","overrides","id","fileName","contentType","url","createdBy","updatedBy","updatedAt","Date","toISOString","uploadedAt","orgId","brandId","type","AssetType","IMAGE","metadata","tags","createMockAssets","count","overridesArray","Array","from","length","_","index","baseOverrides","toString","mockAssets","data","altText"],"mappings":"oDAOaA,EAAkB,CAACC,EAA4B,MAgBnD,IAfqB,CAC1BC,GAAI,oBACJC,SAAU,iBACVC,YAAa,aACbC,IAAK,gCACLC,UAAW,YACXC,UAAW,YACXC,WAAW,IAAIC,MAAOC,cACtBC,YAAY,IAAIF,MAAOC,cACvBE,MAAO,WACPC,QAAS,MACTC,KAAMC,EAAUC,MAChBC,SAAU,CAAEC,KAAM,CAAC,aAGQjB,IASlBkB,EAAmB,CAACC,EAAeC,IACvCC,MAAMC,KAAK,CAAEC,OAAQJ,IAAS,CAACK,EAAGC,KACvC,MAAMC,EAAgBN,IAAiBK,IAAU,CAAA,EACjD,OAAO1B,EAAgB,CACrBE,IAAKwB,EAAQ,GAAGE,WAChBzB,SAAU,cAAcuB,EAAQ,WAC7BC,OAQIE,EAA4B,CACvCC,KAAM,CACJ9B,EAAgB,CACdE,GAAI,oBACJC,SAAU,oBACVG,UAAW,WACXC,UAAW,WACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,QAASa,QAAS,mCAEhD/B,EAAgB,CACdE,GAAI,iBACJC,SAAU,mBACVG,UAAW,aACXC,UAAW,aACXU,SAAU,CAAEC,KAAM,CAAC,SAAU,QAASa,QAAS,6BAEjD/B,EAAgB,CACdE,GAAI,gBACJC,SAAU,kBACVG,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,WAAYa,QAAS,uBAEnD/B,EAAgB,CACdE,GAAI,gBACJC,SAAU,oBACVG,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,cAE9BlB,EAAgB,CACdE,GAAI,gBACJC,SAAU,sBACVG,UAAW,gBACXC,UAAW,gBACXU,SAAU,CAAEC,KAAM,CAAC,UAAW"}
+{"version":3,"file":"mockAssets.js","sources":["../../../../../src/components/organisms/AssetManager/__mocks__/mockAssets.ts"],"sourcesContent":["import { type Asset, type AssetResponse, AssetType } from '../types';\n\n/**\n * Factory function to create a mock asset with customizable properties\n * @param overrides - Partial asset properties to override defaults\n * @returns A complete mock asset\n */\nexport const createMockAsset = (overrides: Partial<Asset> = {}): Asset => {\n  const defaultAsset: Asset = {\n    id: 'asset_e3454351fw5',\n    fileName: 'Mock Asset.jpg',\n    contentType: 'image/jpeg',\n    url: './images/pizza-horizontal.jpg',\n    fileSize: 1000,\n    createdBy: 'Mock User',\n    updatedBy: 'Mock User',\n    updatedAt: new Date().toISOString(),\n    createdAt: new Date().toISOString(),\n    orgId: 'org10121',\n    brandId: 'br1',\n    type: AssetType.IMAGE,\n    metadata: { tags: ['mock'] },\n  };\n\n  return { ...defaultAsset, ...overrides };\n};\n\n/**\n * Generate multiple mock assets\n * @param count - Number of assets to generate\n * @param overridesArray - Optional array of overrides for each asset\n * @returns Array of mock assets\n */\nexport const createMockAssets = (count: number, overridesArray?: Array<Partial<Asset>>): Asset[] => {\n  return Array.from({ length: count }, (_, index) => {\n    const baseOverrides = overridesArray?.[index] || {};\n    return createMockAsset({\n      id: (index + 1).toString(),\n      fileName: `Mock Asset ${index + 1}.jpg`,\n      ...baseOverrides,\n    });\n  });\n};\n\n/**\n * Pre-defined mock assets for common testing scenarios\n */\nexport const mockAssets: AssetResponse = {\n  data: [\n    createMockAsset({\n      id: 'asset_e3454351fw5',\n      fileName: 'Pizza Special.jpg',\n      createdBy: 'John Doe',\n      updatedBy: 'John Doe',\n      metadata: { tags: ['pizza', 'food'], altText: 'Delicious pizza with toppings' },\n    }),\n    createMockAsset({\n      id: 'asset_et351fw6',\n      fileName: 'Burger Combo.jpg',\n      createdBy: 'Jane Smith',\n      updatedBy: 'Jane Smith',\n      metadata: { tags: ['burger', 'food'], altText: 'Juicy burger with fries' },\n    }),\n    createMockAsset({\n      id: 'asset_f351fw7',\n      fileName: 'Salad Fresh.jpg',\n      createdBy: 'Bob Johnson',\n      updatedBy: 'Bob Johnson',\n      metadata: { tags: ['salad', 'healthy'], altText: 'Fresh green salad' },\n    }),\n    createMockAsset({\n      id: 'asset_g351fw8',\n      fileName: 'Pasta Delight.jpg',\n      createdBy: 'Alice Brown',\n      updatedBy: 'Alice Brown',\n      metadata: { tags: ['pasta', 'italian'] },\n    }),\n    createMockAsset({\n      id: 'asset_h351fw9',\n      fileName: 'Dessert Special.jpg',\n      createdBy: 'Charlie Davis',\n      updatedBy: 'Charlie Davis',\n      metadata: { tags: ['dessert', 'sweet'] },\n    }),\n  ],\n};\n"],"names":["createMockAsset","overrides","id","fileName","contentType","url","fileSize","createdBy","updatedBy","updatedAt","Date","toISOString","createdAt","orgId","brandId","type","AssetType","IMAGE","metadata","tags","createMockAssets","count","overridesArray","Array","from","length","_","index","baseOverrides","toString","mockAssets","data","altText"],"mappings":"oDAOaA,EAAkB,CAACC,EAA4B,MAiBnD,IAhBqB,CAC1BC,GAAI,oBACJC,SAAU,iBACVC,YAAa,aACbC,IAAK,gCACLC,SAAU,IACVC,UAAW,YACXC,UAAW,YACXC,WAAW,IAAIC,MAAOC,cACtBC,WAAW,IAAIF,MAAOC,cACtBE,MAAO,WACPC,QAAS,MACTC,KAAMC,EAAUC,MAChBC,SAAU,CAAEC,KAAM,CAAC,aAGQlB,IASlBmB,EAAmB,CAACC,EAAeC,IACvCC,MAAMC,KAAK,CAAEC,OAAQJ,IAAS,CAACK,EAAGC,KACvC,MAAMC,EAAgBN,IAAiBK,IAAU,CAAA,EACjD,OAAO3B,EAAgB,CACrBE,IAAKyB,EAAQ,GAAGE,WAChB1B,SAAU,cAAcwB,EAAQ,WAC7BC,OAQIE,EAA4B,CACvCC,KAAM,CACJ/B,EAAgB,CACdE,GAAI,oBACJC,SAAU,oBACVI,UAAW,WACXC,UAAW,WACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,QAASa,QAAS,mCAEhDhC,EAAgB,CACdE,GAAI,iBACJC,SAAU,mBACVI,UAAW,aACXC,UAAW,aACXU,SAAU,CAAEC,KAAM,CAAC,SAAU,QAASa,QAAS,6BAEjDhC,EAAgB,CACdE,GAAI,gBACJC,SAAU,kBACVI,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,WAAYa,QAAS,uBAEnDhC,EAAgB,CACdE,GAAI,gBACJC,SAAU,oBACVI,UAAW,cACXC,UAAW,cACXU,SAAU,CAAEC,KAAM,CAAC,QAAS,cAE9BnB,EAAgB,CACdE,GAAI,gBACJC,SAAU,sBACVI,UAAW,gBACXC,UAAW,gBACXU,SAAU,CAAEC,KAAM,CAAC,UAAW"}

package/dist/components/organisms/AssetManager/assets.queryKeys.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s={all:["assets"],list:t=>[...s.all,"list",t],upload:["assets","upload"]};exports.assetsKeys=s;
+//# sourceMappingURL=assets.queryKeys.cjs.js.map

package/dist/components/organisms/AssetManager/assets.queryKeys.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.queryKeys.cjs.js","sources":["../../../../src/components/organisms/AssetManager/assets.queryKeys.ts"],"sourcesContent":["export const assetsKeys = {\n  all: ['assets'] as const,\n  list: (params: { orgId: string; brandId?: string }) => [...assetsKeys.all, 'list', params] as const,\n  upload: ['assets', 'upload'] as const,\n};\n"],"names":["assetsKeys","all","list","params","upload"],"mappings":"aAAO,MAAMA,EAAa,CACxBC,IAAK,CAAC,UACNC,KAAOC,GAAgD,IAAIH,EAAWC,IAAK,OAAQE,GACnFC,OAAQ,CAAC,SAAU"}

package/dist/components/organisms/AssetManager/assets.queryKeys.d.ts

@@ -0,0 +1,13 @@
+declare const assetsKeys: {
+    all: readonly ["assets"];
+    list: (params: {
+        orgId: string;
+        brandId?: string;
+    }) => readonly ["assets", "list", {
+        orgId: string;
+        brandId?: string | undefined;
+    }];
+    upload: readonly ["assets", "upload"];
+};
+
+export { assetsKeys };

package/dist/components/organisms/AssetManager/assets.queryKeys.js

@@ -0,0 +1,2 @@
+const s={all:["assets"],list:l=>[...s.all,"list",l],upload:["assets","upload"]};export{s as assetsKeys};
+//# sourceMappingURL=assets.queryKeys.js.map

package/dist/components/organisms/AssetManager/assets.queryKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.queryKeys.js","sources":["../../../../src/components/organisms/AssetManager/assets.queryKeys.ts"],"sourcesContent":["export const assetsKeys = {\n  all: ['assets'] as const,\n  list: (params: { orgId: string; brandId?: string }) => [...assetsKeys.all, 'list', params] as const,\n  upload: ['assets', 'upload'] as const,\n};\n"],"names":["assetsKeys","all","list","params","upload"],"mappings":"AAAO,MAAMA,EAAa,CACxBC,IAAK,CAAC,UACNC,KAAOC,GAAgD,IAAIH,EAAWC,IAAK,OAAQE,GACnFC,OAAQ,CAAC,SAAU"}

package/dist/components/organisms/AssetManager/hooks/useGetAssets.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../utilities/timeUtilities.cjs.js"),s=require("@tanstack/react-query"),t=require("../services/asset.service.cjs.js");exports.useGetAssets=(r,i,u)=>s.useQuery({queryKey:[t.getAssetsKey,r,u],queryFn:()=>t.getAssets(r,u),gcTime:e.TEN_MINUTES,enabled:i});
+"use strict";var e=require("../../../../utilities/timeUtilities.cjs.js"),s=require("@tanstack/react-query"),r=require("../assets.queryKeys.cjs.js"),t=require("../services/asset.service.cjs.js");exports.useGetAssets=(i,u,a)=>s.useQuery({queryKey:r.assetsKeys.list({orgId:i,brandId:a}),queryFn:()=>t.getAssets(i,a),gcTime:e.TEN_MINUTES,enabled:u});
 //# sourceMappingURL=useGetAssets.cjs.js.map

package/dist/components/organisms/AssetManager/hooks/useGetAssets.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetAssets.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useGetAssets.ts"],"sourcesContent":["import { TEN_MINUTES } from '@fd/utilities/timeUtilities';\nimport { useQuery, type UseQueryResult } from '@tanstack/react-query';\n\nimport { getAssets, getAssetsKey } from '../services/asset.service';\nimport type { AssetResponse } from '../types';\n\n/**\n * Hook to fetch assets from the API\n * Automatically determines the API URL based on environment and orgId\n * @param orgId - Organization ID\n * @param enabled - Whether the query should be enabled\n * @param brandId - Brand ID\n * @returns Query result with assets data, loading state, and error state\n */\nexport const useGetAssets = (\n  orgId: string,\n  enabled: boolean,\n  brandId?: string,\n): UseQueryResult<AssetResponse, Error> => {\n  return useQuery<AssetResponse, Error>({\n    queryKey: [getAssetsKey, orgId, brandId],\n    queryFn: () => getAssets(orgId, brandId),\n    gcTime: TEN_MINUTES,\n    enabled,\n  });\n};\n"],"names":["orgId","enabled","brandId","useQuery","queryKey","getAssetsKey","queryFn","getAssets","gcTime","TEN_MINUTES"],"mappings":"+KAc4B,CAC1BA,EACAC,EACAC,IAEOC,WAA+B,CACpCC,SAAU,CAACC,EAAAA,aAAcL,EAAOE,GAChCI,QAAS,IAAMC,EAAAA,UAAUP,EAAOE,GAChCM,OAAQC,EAAAA,YACRR"}
+{"version":3,"file":"useGetAssets.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useGetAssets.ts"],"sourcesContent":["import { TEN_MINUTES } from '@fd/utilities/timeUtilities';\nimport { useQuery, type UseQueryResult } from '@tanstack/react-query';\n\nimport { assetsKeys } from '../assets.queryKeys';\nimport { getAssets } from '../services/asset.service';\nimport type { AssetResponse } from '../types';\n\n/**\n * Hook to fetch assets from the API\n * Automatically determines the API URL based on environment and orgId\n * @param orgId - Organization ID\n * @param enabled - Whether the query should be enabled\n * @param brandId - Brand ID\n * @returns Query result with assets data, loading state, and error state\n */\nexport const useGetAssets = (\n  orgId: string,\n  enabled: boolean,\n  brandId?: string,\n): UseQueryResult<AssetResponse, Error> => {\n  return useQuery<AssetResponse, Error>({\n    queryKey: assetsKeys.list({ orgId, brandId }),\n    queryFn: () => getAssets(orgId, brandId),\n    gcTime: TEN_MINUTES,\n    enabled,\n  });\n};\n"],"names":["orgId","enabled","brandId","useQuery","queryKey","assetsKeys","list","queryFn","getAssets","gcTime","TEN_MINUTES"],"mappings":"uNAe4B,CAC1BA,EACAC,EACAC,IAEOC,WAA+B,CACpCC,SAAUC,EAAAA,WAAWC,KAAK,CAAEN,QAAOE,YACnCK,QAAS,IAAMC,EAAAA,UAAUR,EAAOE,GAChCO,OAAQC,EAAAA,YACRT"}

package/dist/components/organisms/AssetManager/hooks/useGetAssets.js

@@ -1,2 +1,2 @@
-import{TEN_MINUTES as e}from"../../../../utilities/timeUtilities.js";import{useQuery as t}from"@tanstack/react-query";import{getAssets as i,getAssetsKey as r}from"../services/asset.service.js";const s=(s,m,o)=>t({queryKey:[r,s,o],queryFn:()=>i(s,o),gcTime:e,enabled:m});export{s as useGetAssets};
+import{TEN_MINUTES as e}from"../../../../utilities/timeUtilities.js";import{useQuery as r}from"@tanstack/react-query";import{assetsKeys as s}from"../assets.queryKeys.js";import{getAssets as t}from"../services/asset.service.js";const i=(i,o,m)=>r({queryKey:s.list({orgId:i,brandId:m}),queryFn:()=>t(i,m),gcTime:e,enabled:o});export{i as useGetAssets};
 //# sourceMappingURL=useGetAssets.js.map

package/dist/components/organisms/AssetManager/hooks/useGetAssets.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetAssets.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useGetAssets.ts"],"sourcesContent":["import { TEN_MINUTES } from '@fd/utilities/timeUtilities';\nimport { useQuery, type UseQueryResult } from '@tanstack/react-query';\n\nimport { getAssets, getAssetsKey } from '../services/asset.service';\nimport type { AssetResponse } from '../types';\n\n/**\n * Hook to fetch assets from the API\n * Automatically determines the API URL based on environment and orgId\n * @param orgId - Organization ID\n * @param enabled - Whether the query should be enabled\n * @param brandId - Brand ID\n * @returns Query result with assets data, loading state, and error state\n */\nexport const useGetAssets = (\n  orgId: string,\n  enabled: boolean,\n  brandId?: string,\n): UseQueryResult<AssetResponse, Error> => {\n  return useQuery<AssetResponse, Error>({\n    queryKey: [getAssetsKey, orgId, brandId],\n    queryFn: () => getAssets(orgId, brandId),\n    gcTime: TEN_MINUTES,\n    enabled,\n  });\n};\n"],"names":["useGetAssets","orgId","enabled","brandId","useQuery","queryKey","getAssetsKey","queryFn","getAssets","gcTime","TEN_MINUTES"],"mappings":"iMAcO,MAAMA,EAAe,CAC1BC,EACAC,EACAC,IAEOC,EAA+B,CACpCC,SAAU,CAACC,EAAcL,EAAOE,GAChCI,QAAS,IAAMC,EAAUP,EAAOE,GAChCM,OAAQC,EACRR"}
+{"version":3,"file":"useGetAssets.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useGetAssets.ts"],"sourcesContent":["import { TEN_MINUTES } from '@fd/utilities/timeUtilities';\nimport { useQuery, type UseQueryResult } from '@tanstack/react-query';\n\nimport { assetsKeys } from '../assets.queryKeys';\nimport { getAssets } from '../services/asset.service';\nimport type { AssetResponse } from '../types';\n\n/**\n * Hook to fetch assets from the API\n * Automatically determines the API URL based on environment and orgId\n * @param orgId - Organization ID\n * @param enabled - Whether the query should be enabled\n * @param brandId - Brand ID\n * @returns Query result with assets data, loading state, and error state\n */\nexport const useGetAssets = (\n  orgId: string,\n  enabled: boolean,\n  brandId?: string,\n): UseQueryResult<AssetResponse, Error> => {\n  return useQuery<AssetResponse, Error>({\n    queryKey: assetsKeys.list({ orgId, brandId }),\n    queryFn: () => getAssets(orgId, brandId),\n    gcTime: TEN_MINUTES,\n    enabled,\n  });\n};\n"],"names":["useGetAssets","orgId","enabled","brandId","useQuery","queryKey","assetsKeys","list","queryFn","getAssets","gcTime","TEN_MINUTES"],"mappings":"mOAeO,MAAMA,EAAe,CAC1BC,EACAC,EACAC,IAEOC,EAA+B,CACpCC,SAAUC,EAAWC,KAAK,CAAEN,QAAOE,YACnCK,QAAS,IAAMC,EAAUR,EAAOE,GAChCO,OAAQC,EACRT"}

package/dist/components/organisms/AssetManager/hooks/useUploadAsset.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@tanstack/react-query"),s=require("../services/asset.service.cjs.js");exports.useUploadAsset=()=>{const t=e.useQueryClient();return e.useMutation({mutationFn:s.uploadAsset,onSuccess:(e,r)=>{t.invalidateQueries({queryKey:[s.getAssetsKey,r.orgId,r.brandId]})}})};
+"use strict";var s=require("@tanstack/react-query"),e=require("../assets.queryKeys.cjs.js"),t=require("../services/asset.service.cjs.js");exports.useUploadAsset=()=>{const a=s.useQueryClient();return s.useMutation({mutationKey:e.assetsKeys.upload,mutationFn:t.uploadAsset,onSuccess:(s,t)=>{const r=e.assetsKeys.list({orgId:t.orgId,brandId:t.brandId}),u=s.data||[];a.setQueryData(r,(s=>({data:[...u,...s?.data||[]]})))}})};
 //# sourceMappingURL=useUploadAsset.cjs.js.map

package/dist/components/organisms/AssetManager/hooks/useUploadAsset.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadAsset.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useUploadAsset.ts"],"sourcesContent":["import { useMutation, type UseMutationResult, useQueryClient } from '@tanstack/react-query';\n\nimport { getAssetsKey, uploadAsset, type UploadAssetParams } from '../services/asset.service';\nimport type { UploadAssetResponse } from '../types';\n\n/**\n * Hook to upload assets to the API\n * Automatically invalidates the assets query after successful upload\n * @returns Mutation result with mutate function, loading state, and error state\n */\nexport const useUploadAsset = (): UseMutationResult<UploadAssetResponse, Error, UploadAssetParams> => {\n  const queryClient = useQueryClient();\n\n  return useMutation<UploadAssetResponse, Error, UploadAssetParams>({\n    mutationFn: uploadAsset,\n    onSuccess: (_, variables) => {\n      // Invalidate assets query for the specific orgId and brandId to refetch the list\n      void queryClient.invalidateQueries({\n        queryKey: [getAssetsKey, variables.orgId, variables.brandId],\n      });\n    },\n  });\n};\n"],"names":["queryClient","useQueryClient","useMutation","mutationFn","uploadAsset","onSuccess","_","variables","invalidateQueries","queryKey","getAssetsKey","orgId","brandId"],"mappings":"yHAU8B,KAC5B,MAAMA,EAAcC,EAAAA,iBAEpB,OAAOC,cAA2D,CAChEC,WAAYC,EAAAA,YACZC,UAAW,CAACC,EAAGC,KAERP,EAAYQ,kBAAkB,CACjCC,SAAU,CAACC,EAAAA,aAAcH,EAAUI,MAAOJ,EAAUK"}
+{"version":3,"file":"useUploadAsset.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useUploadAsset.ts"],"sourcesContent":["import { useMutation, type UseMutationResult, useQueryClient } from '@tanstack/react-query';\n\nimport { assetsKeys } from '../assets.queryKeys';\nimport { uploadAsset, type UploadAssetParams } from '../services/asset.service';\nimport type { AssetResponse, UploadAssetResponse } from '../types';\n\n/**\n * Hook to upload assets to the API\n * Automatically updates the assets query cache after successful upload\n * @returns Mutation result with mutate function, loading state, and error state\n */\nexport const useUploadAsset = (): UseMutationResult<UploadAssetResponse, Error, UploadAssetParams> => {\n  const queryClient = useQueryClient();\n\n  return useMutation<UploadAssetResponse, Error, UploadAssetParams>({\n    mutationKey: assetsKeys.upload,\n    mutationFn: uploadAsset,\n    onSuccess: (createdAssetsResponse, variables) => {\n      const queryKey = assetsKeys.list({ orgId: variables.orgId, brandId: variables.brandId });\n      const newAssets = createdAssetsResponse.data || [];\n\n      queryClient.setQueryData<AssetResponse>(queryKey, (prev) => ({\n        data: [...newAssets, ...(prev?.data || [])],\n      }));\n    },\n  });\n};\n"],"names":["queryClient","useQueryClient","useMutation","mutationKey","assetsKeys","upload","mutationFn","uploadAsset","onSuccess","createdAssetsResponse","variables","queryKey","list","orgId","brandId","newAssets","data","setQueryData","prev"],"mappings":"iKAW8B,KAC5B,MAAMA,EAAcC,EAAAA,iBAEpB,OAAOC,cAA2D,CAChEC,YAAaC,EAAAA,WAAWC,OACxBC,WAAYC,EAAAA,YACZC,UAAW,CAACC,EAAuBC,KACjC,MAAMC,EAAWP,EAAAA,WAAWQ,KAAK,CAAEC,MAAOH,EAAUG,MAAOC,QAASJ,EAAUI,UACxEC,EAAYN,EAAsBO,MAAQ,GAEhDhB,EAAYiB,aAA4BN,GAAWO,IAAI,CACrDF,KAAM,IAAID,KAAeG,GAAMF,MAAQ"}

package/dist/components/organisms/AssetManager/hooks/useUploadAsset.d.ts

@@ -4,7 +4,7 @@ import { UploadAssetResponse } from '../types/index.js';
 
 /**
  * Hook to upload assets to the API
- * Automatically invalidates the assets query after successful upload
+ * Automatically updates the assets query cache after successful upload
  * @returns Mutation result with mutate function, loading state, and error state
  */
 declare const useUploadAsset: () => UseMutationResult<UploadAssetResponse, Error, UploadAssetParams>;

package/dist/components/organisms/AssetManager/hooks/useUploadAsset.js

@@ -1,2 +1,2 @@
-import{useQueryClient as e,useMutation as r}from"@tanstack/react-query";import{uploadAsset as t,getAssetsKey as s}from"../services/asset.service.js";const o=()=>{const o=e();return r({mutationFn:t,onSuccess:(e,r)=>{o.invalidateQueries({queryKey:[s,r.orgId,r.brandId]})}})};export{o as useUploadAsset};
+import{useQueryClient as t,useMutation as r}from"@tanstack/react-query";import{assetsKeys as s}from"../assets.queryKeys.js";import{uploadAsset as a}from"../services/asset.service.js";const e=()=>{const e=t();return r({mutationKey:s.upload,mutationFn:a,onSuccess:(t,r)=>{const a=s.list({orgId:r.orgId,brandId:r.brandId}),o=t.data||[];e.setQueryData(a,(t=>({data:[...o,...t?.data||[]]})))}})};export{e as useUploadAsset};
 //# sourceMappingURL=useUploadAsset.js.map

package/dist/components/organisms/AssetManager/hooks/useUploadAsset.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadAsset.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useUploadAsset.ts"],"sourcesContent":["import { useMutation, type UseMutationResult, useQueryClient } from '@tanstack/react-query';\n\nimport { getAssetsKey, uploadAsset, type UploadAssetParams } from '../services/asset.service';\nimport type { UploadAssetResponse } from '../types';\n\n/**\n * Hook to upload assets to the API\n * Automatically invalidates the assets query after successful upload\n * @returns Mutation result with mutate function, loading state, and error state\n */\nexport const useUploadAsset = (): UseMutationResult<UploadAssetResponse, Error, UploadAssetParams> => {\n  const queryClient = useQueryClient();\n\n  return useMutation<UploadAssetResponse, Error, UploadAssetParams>({\n    mutationFn: uploadAsset,\n    onSuccess: (_, variables) => {\n      // Invalidate assets query for the specific orgId and brandId to refetch the list\n      void queryClient.invalidateQueries({\n        queryKey: [getAssetsKey, variables.orgId, variables.brandId],\n      });\n    },\n  });\n};\n"],"names":["useUploadAsset","queryClient","useQueryClient","useMutation","mutationFn","uploadAsset","onSuccess","_","variables","invalidateQueries","queryKey","getAssetsKey","orgId","brandId"],"mappings":"qJAUO,MAAMA,EAAiB,KAC5B,MAAMC,EAAcC,IAEpB,OAAOC,EAA2D,CAChEC,WAAYC,EACZC,UAAW,CAACC,EAAGC,KAERP,EAAYQ,kBAAkB,CACjCC,SAAU,CAACC,EAAcH,EAAUI,MAAOJ,EAAUK"}
+{"version":3,"file":"useUploadAsset.js","sources":["../../../../../src/components/organisms/AssetManager/hooks/useUploadAsset.ts"],"sourcesContent":["import { useMutation, type UseMutationResult, useQueryClient } from '@tanstack/react-query';\n\nimport { assetsKeys } from '../assets.queryKeys';\nimport { uploadAsset, type UploadAssetParams } from '../services/asset.service';\nimport type { AssetResponse, UploadAssetResponse } from '../types';\n\n/**\n * Hook to upload assets to the API\n * Automatically updates the assets query cache after successful upload\n * @returns Mutation result with mutate function, loading state, and error state\n */\nexport const useUploadAsset = (): UseMutationResult<UploadAssetResponse, Error, UploadAssetParams> => {\n  const queryClient = useQueryClient();\n\n  return useMutation<UploadAssetResponse, Error, UploadAssetParams>({\n    mutationKey: assetsKeys.upload,\n    mutationFn: uploadAsset,\n    onSuccess: (createdAssetsResponse, variables) => {\n      const queryKey = assetsKeys.list({ orgId: variables.orgId, brandId: variables.brandId });\n      const newAssets = createdAssetsResponse.data || [];\n\n      queryClient.setQueryData<AssetResponse>(queryKey, (prev) => ({\n        data: [...newAssets, ...(prev?.data || [])],\n      }));\n    },\n  });\n};\n"],"names":["useUploadAsset","queryClient","useQueryClient","useMutation","mutationKey","assetsKeys","upload","mutationFn","uploadAsset","onSuccess","createdAssetsResponse","variables","queryKey","list","orgId","brandId","newAssets","data","setQueryData","prev"],"mappings":"uLAWO,MAAMA,EAAiB,KAC5B,MAAMC,EAAcC,IAEpB,OAAOC,EAA2D,CAChEC,YAAaC,EAAWC,OACxBC,WAAYC,EACZC,UAAW,CAACC,EAAuBC,KACjC,MAAMC,EAAWP,EAAWQ,KAAK,CAAEC,MAAOH,EAAUG,MAAOC,QAASJ,EAAUI,UACxEC,EAAYN,EAAsBO,MAAQ,GAEhDhB,EAAYiB,aAA4BN,GAAWO,IAAI,CACrDF,KAAM,IAAID,KAAeG,GAAMF,MAAQ"}

package/dist/components/organisms/AssetManager/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),s=require("../../atoms/Tab/index.cjs.js"),l=require("../../molecules/Modal/index.cjs.js"),r=require("../../molecules/Tabs/index.cjs.js"),n=require("@tanstack/react-query"),i=require("./hooks/useUploadAsset.cjs.js"),t=require("./LibraryTabContent/index.cjs.js"),o=require("./UploadTabContent/index.cjs.js");const c=new n.QueryClient,d=({open:n,onClose:c,onSelect:d,orgId:u,brandId:b,maxSelect:p=1})=>{const[j,m]=a.useState(new Map),[C,y]=a.useState("library"),[g,x]=a.useState([]),k=i.useUploadAsset();a.useEffect((()=>{n||(m(new Map),x([]))}),[n]);const f=a.useCallback((()=>{m(new Map),c()}),[c]),v=a.useCallback((()=>{const e=Array.from(j.values());d&&e.length>0&&d(e),m(new Map),c()}),[d,j,c]),q=a.useCallback((e=>{m((a=>{const s=a.has(e.id),l=new Map(a);return s?l.delete(e.id):1===p?(l.clear(),l.set(e.id,e)):l.size<p&&l.set(e.id,e),l}))}),[p]),h=a.useCallback((()=>{k.mutate({orgId:u,brandId:b,files:g.map((e=>e.file))},{onSuccess:()=>{x([]),y("library")},onError:e=>{console.error("Upload failed:",e)}})}),[u,b,g,k]),S=a.useCallback((e=>{const a=e.map((e=>({file:e})));x((e=>[...e,...a]))}),[]),I=a.useCallback((e=>{x((a=>a.filter((a=>a.file!==e))))}),[]),M=a.useMemo((()=>{const e={label:"Cancel",onClick:f,variant:"secondary",tone:"neutral",id:"asset-manager-cancel"},a={library:[e,{label:"Select",onClick:v,variant:"primary",disabled:0===j.size,id:"asset-manager-select"}],upload:[e,{label:"Save",onClick:h,disabled:0===g.length||k.isPending,variant:"primary",id:"asset-manager-upload"}]};return a[C]??a.library}),[C,j.size,g.length,k.isPending,f,v,h]);return e.jsxs(l,{actions:M,onClose:f,open:n,size:"large",title:"library"===C?"Select Images":"Upload Images",children:[e.jsxs(r,{fdKey:"asset-manager-tabs",onChange:(e,a)=>y(a),value:C,children:[e.jsx(s,{label:"Upload",value:"upload"}),e.jsx(s,{label:"Library",value:"library"})]}),"library"===C?e.jsx(t,{brandId:b,enabled:n,onAssetClick:q,orgId:u,selectedAssets:j}):e.jsx(o,{files:g,onRemove:I,onUpload:S})]})};module.exports=a=>e.jsx(n.QueryClientProvider,{client:c,children:e.jsx(d,{...a})});
+"use strict";var e=require("react/jsx-runtime"),a=require("react"),s=require("@mui/material/styles"),r=require("@mui/material/Box"),i=require("../../atoms/Tab/index.cjs.js"),l=require("../../molecules/Modal/index.cjs.js"),t=require("../../molecules/Tabs/index.cjs.js"),n=require("../../../providers/TranslationProvider.cjs.js"),o=require("@tanstack/react-query"),c=require("./hooks/useGetAssets.cjs.js"),u=require("./hooks/useUploadAsset.cjs.js"),d=require("./LibraryTabContent/index.cjs.js"),p=require("./UploadTabContent/index.cjs.js");const b=s.styled(r)((({theme:e})=>({height:"calc(70vh - 200px)",overflowY:"auto",marginTop:e.spacing(2),marginRight:e.spacing(-2),paddingRight:e.spacing(2)}))),m=new o.QueryClient,j=({open:s,onClose:r,onSelect:o,orgId:m,brandId:j,maxSelect:g=1})=>{const[x,y]=a.useState(new Map),[C,f]=a.useState("library"),[h,v]=a.useState([]),q=u.useUploadAsset(),{translate:k}=n.useTranslation(),{data:S,isLoading:w,error:M}=c.useGetAssets(m,s,j);a.useEffect((()=>{s||(y(new Map),v([]))}),[s]);const A=a.useCallback((()=>{y(new Map),r()}),[r]),T=a.useCallback((()=>{if(0===x.size)return;const e=Array.from(x.values());o&&e.length>0&&o(e),y(new Map),r()}),[o,x,r]),U=a.useCallback((e=>{y((a=>{const s=a.has(e.id),r=new Map(a);return s?r.delete(e.id):1===g?(r.clear(),r.set(e.id,e)):r.size<g&&r.set(e.id,e),r}))}),[g]),I=a.useCallback((()=>{q.mutate({orgId:m,brandId:j,files:h.map((e=>e.file))},{onSuccess:e=>{const a=e.data||[];y((e=>{const s=new Map(e);for(const e of a)s.size<g&&s.set(e.id,e);return s})),v([]),f("library")},onError:e=>{console.error("Upload failed:",e)}})}),[m,j,h,q,g]),z=a.useCallback((e=>{if(0===e.length)return;const a=e.map((e=>({file:e})));v((e=>[...e,...a]))}),[]),L=a.useCallback((e=>{v((a=>a.filter((a=>a.file!==e))))}),[]),P=a.useMemo((()=>{const e={label:k("Cancel"),onClick:A,variant:"secondary",tone:"neutral",id:"asset-manager-cancel"},a={library:[e,{label:k("Select"),onClick:T,variant:"primary",id:"asset-manager-select"}],upload:[e,{label:k("Save"),onClick:I,disabled:q.isPending,variant:"primary",id:"asset-manager-upload"}]};return a[C]??a.library}),[C,q.isPending,A,T,I,k]);return e.jsxs(l,{actions:P,onClose:A,open:s,size:"large",title:k("library"===C?"Select_Images":"Upload_Images"),children:[e.jsxs(t,{fdKey:"asset-manager-tabs",onChange:(e,a)=>{f(a),v([])},value:C,children:[e.jsx(i,{label:k("Upload"),value:"upload"}),e.jsx(i,{label:k("Library"),value:"library"})]}),e.jsx(b,{children:"library"===C?e.jsx(d,{assets:S?.data,error:M,isLoading:w,onAssetClick:U,selectedAssets:x}):e.jsx(p,{files:h,onRemove:L,onUpload:z})})]})};module.exports=a=>e.jsx(o.QueryClientProvider,{client:m,children:e.jsx(j,{...a})});
 //# sourceMappingURL=index.cjs.js.map