@flipdish/portal-library 8.4.0 → 8.4.2

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"),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"})})};
+"use strict";var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/styles"),r=require("@mui/material/Box"),i=require("../../../atoms/Card/index.cjs.js"),s=require("@mui/material/Grid2"),o=require("../../../molecules/EmptyState/index.cjs.js"),a=require("../../../../icons/CheckmarkCircleSolid/index.cjs.js"),l=require("../../../../providers/TranslationProvider.cjs.js"),n=require("./LibraryTabContentSkeleton.cjs.js");const d=t.styled(s)((({theme:e})=>({listStyle:"none",margin:0,padding:e.spacing(1)}))),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"]:e.palette.semantic.stroke["stroke-weak"]},"&:focus-visible .MuiCard-root":{borderColor:e.palette.semantic.stroke["stroke-selected"],boxShadow:"none"},"&:hover .MuiCard-root":{boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.2)"}}))),m=t.styled(a)((({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),maxWidth:"100%",overflow:"hidden",boxSizing:"border-box"})));module.exports=({assets:t,isLoading:r,error:a,selectedAssets:u,onAssetClick:x})=>{const{translate:h}=l.useTranslation();return r?e.jsx(n,{}):a?e.jsx(p,{children:e.jsx(o.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(s,{"aria-selected":r,component:"li",size:{widescreen:4,desktop:4,mobile:6,tablet:4},children:e.jsxs(c,{"aria-label":`${h("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(i,{content:t.fileName,heading:"",imageAlt:t.metadata.altText,imageSrc:`${t.url}?h=203&fit=crop`})]})},t.id)}))}):e.jsx(p,{children:e.jsx(o.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 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"}
+{"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/assets.type';\nimport LibraryTabContentSkeleton from './LibraryTabContentSkeleton';\n\nconst StyledList = styled(Grid)<{ component: string }>(({ theme }) => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: theme.spacing(1),\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\n      ? theme.palette.semantic.stroke['stroke-selected']\n      : 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  '&:hover .MuiCard-root': {\n    boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2)',\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  maxWidth: '100%',\n  overflow: 'hidden',\n  boxSizing: 'border-box',\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","theme","listStyle","margin","padding","spacing","StyledCardWrapper","Box","shouldForwardProp","prop","selected","width","cursor","position","borderWidth","borderColor","palette","semantic","stroke","boxShadow","StyledCheckmarkIcon","CheckmarkCircleSolidIcon","top","left","zIndex","color","icon","fill","common","white","StyledErrorContainer","maxWidth","overflow","boxSizing","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,EAAGE,YAAO,CAC/DC,UAAW,OACXC,OAAQ,EACRC,QAASH,EAAMI,QAAQ,OAGnBC,EAAoBP,EAAAA,OAAOQ,EAAK,CACpCC,kBAAoBC,GAAkB,aAATA,GADLV,EAEC,EAAGE,QAAOS,eAAU,CAC7CC,MAAO,OACPC,OAAQ,UACRC,SAAU,WACV,kBAAmB,CAEjBC,YAAa,MACbC,YAAaL,EACTT,EAAMe,QAAQC,SAASC,OAAO,mBAC9BjB,EAAMe,QAAQC,SAASC,OAAO,gBAEpC,gCAAiC,CAC/BH,YAAad,EAAMe,QAAQC,SAASC,OAAO,mBAC3CC,UAAW,QAEb,wBAAyB,CACvBA,UAAW,uCAITC,EAAsBrB,EAAAA,OAAOsB,EAAPtB,EAAiC,EAAGE,YAAO,CACrEY,SAAU,WACVS,IAAKrB,EAAMI,QAAQ,GACnBkB,KAAMtB,EAAMI,QAAQ,GACpBmB,OAAQ,EACRC,MAAOxB,EAAMe,QAAQC,SAASS,KAAK,gBACnC,WAAY,CACVC,KAAM1B,EAAMe,QAAQY,OAAOC,WAIzBC,EAAuB/B,EAAAA,OAAOQ,EAAPR,EAAY,EAAGE,YAAO,CACjDG,QAASH,EAAMI,QAAQ,GACvB0B,SAAU,OACVC,SAAU,SACVC,UAAW,gCA+B+C,EAC1DC,SACAC,YACAC,QACAC,iBACAC,mBAEA,MAAMC,UAAEA,GAAcC,mBAEtB,OAAIL,EACKM,EAAAA,IAACC,EAAyB,IAG/BN,EAGAK,EAAAA,IAACX,EAAoB,CAAAa,SACnBF,EAAAA,IAACG,EAAAA,YACCC,YAAY,iDACZC,MAAM,2BAMTZ,GAA4B,IAAlBA,EAAOa,OAUpBN,EAAAA,IAAC3C,EAAU,CAACkD,WAAS,EAACC,UAAU,KAAK5C,QAAS,WAC3C6B,EAAOgB,KAAKC,IACX,MAAMC,EAAaf,EAAegB,IAAIF,EAAMG,IAC5C,OACEb,EAAAA,IAACzC,EAAI,CAAA,gBAEYoD,EACfH,UAAU,KACVM,KAAM,CAAEC,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGhB,SAEzDiB,EAAAA,KAACtD,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,SACLzD,SAAU0C,EACVgB,SAAU,YAEThB,GAAcX,EAAAA,IAACrB,EAAmB,CAACmC,KAAK,OACzCd,EAAAA,IAAC4B,EAAI,CACHC,QAASnB,EAAMU,SACfU,QAAQ,GACRC,SAAUrB,EAAMsB,SAASC,QAEzBC,SAAU,GAAGxB,EAAMyB,2BAxBlBzB,EAAMG,SAZjBb,EAAAA,IAACX,EAAoB,CAAAa,SACnBF,EAAAA,IAACG,EAAAA,YAAWC,YAAY,kCAAkCC,MAAM"}

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

@@ -1,5 +1,5 @@
 import react__default from 'react';
-import { Asset } from '../types/index.js';
+import { Asset } from '@flipdish/asset-management';
 
 /**
  * Props for the LibraryTabContent component.

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 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};
+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 l from"../../../../icons/CheckmarkCircleSolid/index.js";import{useTranslation as n}from"../../../../providers/TranslationProvider.js";import d from"./LibraryTabContentSkeleton.js";const m=o(a)((({theme:e})=>({listStyle:"none",margin:0,padding:e.spacing(1)}))),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"]:e.palette.semantic.stroke["stroke-weak"]},"&:focus-visible .MuiCard-root":{borderColor:e.palette.semantic.stroke["stroke-selected"],boxShadow:"none"},"&:hover .MuiCard-root":{boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.2)"}}))),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(r)((({theme:e})=>({padding:e.spacing(4),maxWidth:"100%",overflow:"hidden",boxSizing:"border-box"}))),u=({assets:o,isLoading:r,error:l,selectedAssets:u,onAssetClick:b})=>{const{translate:f}=n();return r?e(d,{}):l?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":`${f("Select")} ${o.fileName}`,onClick:()=>b(o),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b(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 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"}
+{"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/assets.type';\nimport LibraryTabContentSkeleton from './LibraryTabContentSkeleton';\n\nconst StyledList = styled(Grid)<{ component: string }>(({ theme }) => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: theme.spacing(1),\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\n      ? theme.palette.semantic.stroke['stroke-selected']\n      : 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  '&:hover .MuiCard-root': {\n    boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2)',\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  maxWidth: '100%',\n  overflow: 'hidden',\n  boxSizing: 'border-box',\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","theme","listStyle","margin","padding","spacing","StyledCardWrapper","Box","shouldForwardProp","prop","selected","width","cursor","position","borderWidth","borderColor","palette","semantic","stroke","boxShadow","StyledCheckmarkIcon","CheckmarkCircleSolidIcon","top","left","zIndex","color","icon","fill","common","white","StyledErrorContainer","maxWidth","overflow","boxSizing","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,EAAGE,YAAO,CAC/DC,UAAW,OACXC,OAAQ,EACRC,QAASH,EAAMI,QAAQ,OAGnBC,EAAoBP,EAAOQ,EAAK,CACpCC,kBAAoBC,GAAkB,aAATA,GADLV,EAEC,EAAGE,QAAOS,eAAU,CAC7CC,MAAO,OACPC,OAAQ,UACRC,SAAU,WACV,kBAAmB,CAEjBC,YAAa,MACbC,YAAaL,EACTT,EAAMe,QAAQC,SAASC,OAAO,mBAC9BjB,EAAMe,QAAQC,SAASC,OAAO,gBAEpC,gCAAiC,CAC/BH,YAAad,EAAMe,QAAQC,SAASC,OAAO,mBAC3CC,UAAW,QAEb,wBAAyB,CACvBA,UAAW,uCAITC,EAAsBrB,EAAOsB,EAAPtB,EAAiC,EAAGE,YAAO,CACrEY,SAAU,WACVS,IAAKrB,EAAMI,QAAQ,GACnBkB,KAAMtB,EAAMI,QAAQ,GACpBmB,OAAQ,EACRC,MAAOxB,EAAMe,QAAQC,SAASS,KAAK,gBACnC,WAAY,CACVC,KAAM1B,EAAMe,QAAQY,OAAOC,WAIzBC,EAAuB/B,EAAOQ,EAAPR,EAAY,EAAGE,YAAO,CACjDG,QAASH,EAAMI,QAAQ,GACvB0B,SAAU,OACVC,SAAU,SACVC,UAAW,iBA+BPC,EAAsD,EAC1DC,SACAC,YACAC,QACAC,iBACAC,mBAEA,MAAMC,UAAEA,GAAcC,IAEtB,OAAIL,EACKM,EAACC,EAAyB,IAG/BN,EAGAK,EAACZ,EAAoB,CAAAc,SACnBF,EAACG,GACCC,YAAY,iDACZC,MAAM,2BAMTZ,GAA4B,IAAlBA,EAAOa,OAUpBN,EAAC5C,EAAU,CAACmD,WAAS,EAACC,UAAU,KAAK7C,QAAS,WAC3C8B,EAAOgB,KAAKC,IACX,MAAMC,EAAaf,EAAegB,IAAIF,EAAMG,IAC5C,OACEb,EAAC1C,EAAI,CAAA,gBAEYqD,EACfH,UAAU,KACVM,KAAM,CAAEC,WAAY,EAAGC,QAAS,EAAGC,OAAQ,EAAGC,OAAQ,GAAGhB,SAEzDiB,EAACvD,EAAiB,CAAA,aACJ,GAAGkC,EAAU,aAAaY,EAAMU,WAC5CC,QAAS,IAAMxB,EAAaa,GAC5BY,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACF5B,EAAaa,KAGjBgB,KAAK,SACL1D,SAAU2C,EACVgB,SAAU,YAEThB,GAAcX,EAACtB,EAAmB,CAACoC,KAAK,OACzCd,EAAC4B,EAAI,CACHC,QAASnB,EAAMU,SACfU,QAAQ,GACRC,SAAUrB,EAAMsB,SAASC,QAEzBC,SAAU,GAAGxB,EAAMyB,2BAxBlBzB,EAAMG,SAZjBb,EAACZ,EAAoB,CAAAc,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",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;
+"use strict";const e=(e={})=>({...{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:"Image",metadata:{tags:["mock"]}},...e}),a={data:[e({id:"asset_e3454351fw5",fileName:"Pizza Special.jpg",createdBy:"John Doe",updatedBy:"John Doe",metadata:{tags:["pizza","food"],altText:"Delicious pizza with toppings"}}),e({id:"asset_et351fw6",fileName:"Burger Combo.jpg",createdBy:"Jane Smith",updatedBy:"Jane Smith",metadata:{tags:["burger","food"],altText:"Juicy burger with fries"}}),e({id:"asset_f351fw7",fileName:"Salad Fresh.jpg",createdBy:"Bob Johnson",updatedBy:"Bob Johnson",metadata:{tags:["salad","healthy"],altText:"Fresh green salad"}}),e({id:"asset_g351fw8",fileName:"Pasta Delight.jpg",createdBy:"Alice Brown",updatedBy:"Alice Brown",metadata:{tags:["pasta","italian"]}}),e({id:"asset_h351fw9",fileName:"Dessert Special.jpg",createdBy:"Charlie Davis",updatedBy:"Charlie Davis",metadata:{tags:["dessert","sweet"]}})]};exports.createMockAsset=e,exports.createMockAssets=(a,t)=>Array.from({length:a},((a,s)=>{const i=t?.[s]||{};return e({id:(s+1).toString(),fileName:`Mock Asset ${s+1}.jpg`,...i})})),exports.mockAssets=a;
 //# 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    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"}
+{"version":3,"file":"mockAssets.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/__mocks__/mockAssets.ts"],"sourcesContent":["import type { Asset, AssetType, ListAssetsResponse } from '../types/assets.type';\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: 'Image' as unknown as AssetType,\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: ListAssetsResponse = {\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","metadata","tags","mockAssets","data","altText","count","overridesArray","Array","from","length","_","index","baseOverrides","toString"],"mappings":"mBAOaA,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,KAAM,QACNC,SAAU,CAAEC,KAAM,CAAC,aAGQhB,IAuBlBiB,EAAiC,CAC5CC,KAAM,CACJnB,EAAgB,CACdE,GAAI,oBACJC,SAAU,oBACVI,UAAW,WACXC,UAAW,WACXQ,SAAU,CAAEC,KAAM,CAAC,QAAS,QAASG,QAAS,mCAEhDpB,EAAgB,CACdE,GAAI,iBACJC,SAAU,mBACVI,UAAW,aACXC,UAAW,aACXQ,SAAU,CAAEC,KAAM,CAAC,SAAU,QAASG,QAAS,6BAEjDpB,EAAgB,CACdE,GAAI,gBACJC,SAAU,kBACVI,UAAW,cACXC,UAAW,cACXQ,SAAU,CAAEC,KAAM,CAAC,QAAS,WAAYG,QAAS,uBAEnDpB,EAAgB,CACdE,GAAI,gBACJC,SAAU,oBACVI,UAAW,cACXC,UAAW,cACXQ,SAAU,CAAEC,KAAM,CAAC,QAAS,cAE9BjB,EAAgB,CACdE,GAAI,gBACJC,SAAU,sBACVI,UAAW,gBACXC,UAAW,gBACXQ,SAAU,CAAEC,KAAM,CAAC,UAAW,iEAjDJ,CAACI,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"}

package/dist/components/organisms/AssetManager/__mocks__/mockAssets.d.ts

@@ -1,4 +1,4 @@
-import { Asset, AssetResponse } from '../types/index.js';
+import { Asset, ListAssetsResponse } from '@flipdish/asset-management';
 
 /**
  * Factory function to create a mock asset with customizable properties
@@ -16,6 +16,6 @@ declare const createMockAssets: (count: number, overridesArray?: Array<Partial<A
 /**
  * Pre-defined mock assets for common testing scenarios
  */
-declare const mockAssets: AssetResponse;
+declare const mockAssets: ListAssetsResponse;
 
 export { createMockAsset, createMockAssets, mockAssets };

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",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};
+const e=(e={})=>({...{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:"Image",metadata:{tags:["mock"]}},...e}),a=(a,t)=>Array.from({length:a},((a,i)=>{const s=t?.[i]||{};return e({id:(i+1).toString(),fileName:`Mock Asset ${i+1}.jpg`,...s})})),t={data:[e({id:"asset_e3454351fw5",fileName:"Pizza Special.jpg",createdBy:"John Doe",updatedBy:"John Doe",metadata:{tags:["pizza","food"],altText:"Delicious pizza with toppings"}}),e({id:"asset_et351fw6",fileName:"Burger Combo.jpg",createdBy:"Jane Smith",updatedBy:"Jane Smith",metadata:{tags:["burger","food"],altText:"Juicy burger with fries"}}),e({id:"asset_f351fw7",fileName:"Salad Fresh.jpg",createdBy:"Bob Johnson",updatedBy:"Bob Johnson",metadata:{tags:["salad","healthy"],altText:"Fresh green salad"}}),e({id:"asset_g351fw8",fileName:"Pasta Delight.jpg",createdBy:"Alice Brown",updatedBy:"Alice Brown",metadata:{tags:["pasta","italian"]}}),e({id:"asset_h351fw9",fileName:"Dessert Special.jpg",createdBy:"Charlie Davis",updatedBy:"Charlie Davis",metadata:{tags:["dessert","sweet"]}})]};export{e as createMockAsset,a as createMockAssets,t 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    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"}
+{"version":3,"file":"mockAssets.js","sources":["../../../../../src/components/organisms/AssetManager/__mocks__/mockAssets.ts"],"sourcesContent":["import type { Asset, AssetType, ListAssetsResponse } from '../types/assets.type';\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: 'Image' as unknown as AssetType,\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: ListAssetsResponse = {\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","metadata","tags","createMockAssets","count","overridesArray","Array","from","length","_","index","baseOverrides","toString","mockAssets","data","altText"],"mappings":"MAOaA,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,KAAM,QACNC,SAAU,CAAEC,KAAM,CAAC,aAGQhB,IASlBiB,EAAmB,CAACC,EAAeC,IACvCC,MAAMC,KAAK,CAAEC,OAAQJ,IAAS,CAACK,EAAGC,KACvC,MAAMC,EAAgBN,IAAiBK,IAAU,CAAA,EACjD,OAAOzB,EAAgB,CACrBE,IAAKuB,EAAQ,GAAGE,WAChBxB,SAAU,cAAcsB,EAAQ,WAC7BC,OAQIE,EAAiC,CAC5CC,KAAM,CACJ7B,EAAgB,CACdE,GAAI,oBACJC,SAAU,oBACVI,UAAW,WACXC,UAAW,WACXQ,SAAU,CAAEC,KAAM,CAAC,QAAS,QAASa,QAAS,mCAEhD9B,EAAgB,CACdE,GAAI,iBACJC,SAAU,mBACVI,UAAW,aACXC,UAAW,aACXQ,SAAU,CAAEC,KAAM,CAAC,SAAU,QAASa,QAAS,6BAEjD9B,EAAgB,CACdE,GAAI,gBACJC,SAAU,kBACVI,UAAW,cACXC,UAAW,cACXQ,SAAU,CAAEC,KAAM,CAAC,QAAS,WAAYa,QAAS,uBAEnD9B,EAAgB,CACdE,GAAI,gBACJC,SAAU,oBACVI,UAAW,cACXC,UAAW,cACXQ,SAAU,CAAEC,KAAM,CAAC,QAAS,cAE9BjB,EAAgB,CACdE,GAAI,gBACJC,SAAU,sBACVI,UAAW,gBACXC,UAAW,gBACXQ,SAAU,CAAEC,KAAM,CAAC,UAAW"}

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"),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});
+"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,staleTime:0,enabled:u,refetchOnMount:"always"});
 //# 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 { 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"}
+{"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 ListAssetsResponse } from '../types/assets.type';\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<ListAssetsResponse, Error> => {\n  return useQuery<ListAssetsResponse, Error>({\n    queryKey: assetsKeys.list({ orgId, brandId }),\n    queryFn: () => getAssets(orgId, brandId),\n    gcTime: TEN_MINUTES,\n    staleTime: 0, // Always consider data stale to ensure fresh fetch when modal opens\n    enabled,\n    refetchOnMount: 'always', // Always refetch when query becomes enabled (modal opens)\n  });\n};\n"],"names":["orgId","enabled","brandId","useQuery","queryKey","assetsKeys","list","queryFn","getAssets","gcTime","TEN_MINUTES","staleTime","refetchOnMount"],"mappings":"uNAc4B,CAC1BA,EACAC,EACAC,IAEOC,WAAoC,CACzCC,SAAUC,EAAAA,WAAWC,KAAK,CAAEN,QAAOE,YACnCK,QAAS,IAAMC,EAAAA,UAAUR,EAAOE,GAChCO,OAAQC,EAAAA,YACRC,UAAW,EACXV,UACAW,eAAgB"}

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

@@ -1,2 +1,2 @@
-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};
+import{TEN_MINUTES as e}from"../../../../utilities/timeUtilities.js";import{useQuery as t}from"@tanstack/react-query";import{assetsKeys as r}from"../assets.queryKeys.js";import{getAssets as s}from"../services/asset.service.js";const i=(i,o,m)=>t({queryKey:r.list({orgId:i,brandId:m}),queryFn:()=>s(i,m),gcTime:e,staleTime:0,enabled:o,refetchOnMount:"always"});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 { 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"}
+{"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 ListAssetsResponse } from '../types/assets.type';\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<ListAssetsResponse, Error> => {\n  return useQuery<ListAssetsResponse, Error>({\n    queryKey: assetsKeys.list({ orgId, brandId }),\n    queryFn: () => getAssets(orgId, brandId),\n    gcTime: TEN_MINUTES,\n    staleTime: 0, // Always consider data stale to ensure fresh fetch when modal opens\n    enabled,\n    refetchOnMount: 'always', // Always refetch when query becomes enabled (modal opens)\n  });\n};\n"],"names":["useGetAssets","orgId","enabled","brandId","useQuery","queryKey","assetsKeys","list","queryFn","getAssets","gcTime","TEN_MINUTES","staleTime","refetchOnMount"],"mappings":"mOAcO,MAAMA,EAAe,CAC1BC,EACAC,EACAC,IAEOC,EAAoC,CACzCC,SAAUC,EAAWC,KAAK,CAAEN,QAAOE,YACnCK,QAAS,IAAMC,EAAUR,EAAOE,GAChCO,OAAQC,EACRC,UAAW,EACXV,UACAW,eAAgB"}

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 { 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"}
+{"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 ListAssetsResponse, type UploadAssetResponse } from '../types/assets.type';\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<ListAssetsResponse>(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,aAAiCN,GAAWO,IAAI,CAC1DF,KAAM,IAAID,KAAeG,GAAMF,MAAQ"}

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

@@ -1,6 +1,6 @@
 import { UseMutationResult } from '@tanstack/react-query';
 import { UploadAssetParams } from '../services/asset.service.js';
-import { UploadAssetResponse } from '../types/index.js';
+import { UploadAssetResponse } from '@flipdish/asset-management';
 
 /**
  * Hook to upload assets to the API

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 { 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"}
+{"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 ListAssetsResponse, type UploadAssetResponse } from '../types/assets.type';\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<ListAssetsResponse>(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,aAAiCN,GAAWO,IAAI,CAC1DF,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("@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})});
+"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"),t=require("../../molecules/Modal/index.cjs.js"),n=require("../../molecules/Tabs/index.cjs.js"),l=require("../../../providers/TranslationProvider.cjs.js"),o=require("@tanstack/react-query"),c=require("./hooks/useGetAssets.cjs.js"),d=require("./hooks/useUploadAsset.cjs.js"),u=require("./LibraryTabContent/index.cjs.js"),p=require("./UploadTabContent/index.cjs.js");const g=s.styled(r)((({theme:e})=>({height:"calc(70vh - 200px)",overflowY:"auto",marginTop:e.spacing(2),marginRight:e.spacing(-2),marginLeft:e.spacing(-1),marginBottom:e.spacing(-1),paddingRight:e.spacing(2),paddingLeft:e.spacing(1),paddingBottom:e.spacing(1)}))),m=new o.QueryClient({defaultOptions:{queries:{refetchOnWindowFocus:!1,retry:2}}}),b=({open:s,onClose:r,onSelect:o,orgId:m,brandId:b,maxSelect:j=1})=>{const[f,y]=a.useState(new Map),[x,C]=a.useState("library"),[h,q]=a.useState([]),v=d.useUploadAsset(),{translate:k}=l.useTranslation(),{data:w,isLoading:S,error:M}=c.useGetAssets(m,s,b);a.useEffect((()=>{s||(y(new Map),q([]))}),[s]);const A=a.useCallback((()=>{y(new Map),r()}),[r]),T=a.useCallback((()=>{if(0===f.size)return;const e=Array.from(f.values());o&&e.length>0&&o(e),y(new Map),r()}),[o,f,r]),U=a.useCallback((e=>{y((a=>{const s=a.has(e.id),r=new Map(a);return s?r.delete(e.id):1===j?(r.clear(),r.set(e.id,e)):r.size<j&&r.set(e.id,e),r}))}),[j]),I=a.useCallback((()=>{v.mutate({orgId:m,brandId:b,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<j&&s.set(e.id,e);return s})),q([]),C("library")},onError:e=>{console.error("Upload failed:",e)}})}),[m,b,h,v,j]),L=a.useCallback((e=>{if(0===e.length)return;const a=e.map((e=>({file:e})));q((e=>[...e,...a]))}),[]),z=a.useCallback((e=>{q((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:v.isPending,variant:"primary",id:"asset-manager-upload"}]};return a[x]??a.library}),[x,v.isPending,A,T,I,k]);return e.jsxs(t,{actions:P,onClose:A,open:s,size:"large",title:k("library"===x?"Select_Images":"Upload_Images"),children:[e.jsxs(n,{fdKey:"asset-manager-tabs",onChange:(e,a)=>{C(a),q([])},value:x,children:[e.jsx(i,{label:k("Upload"),value:"upload"}),e.jsx(i,{label:k("Library"),value:"library"})]}),e.jsx(g,{children:"library"===x?e.jsx(u,{assets:w?.data,error:M,isLoading:S,onAssetClick:U,selectedAssets:f}):e.jsx(p,{files:h,onRemove:z,onUpload:L})})]})};module.exports=a=>e.jsx(o.QueryClientProvider,{client:m,children:e.jsx(b,{...a})});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/organisms/AssetManager/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Tab from '@fd/components/atoms/Tab';\nimport Modal, { type ModalAction } from '@fd/components/molecules/Modal';\nimport Tabs from '@fd/components/molecules/Tabs';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport type { FileUploadState } from '../FileUpload';\nimport { useGetAssets } from './hooks/useGetAssets';\nimport { useUploadAsset } from './hooks/useUploadAsset';\nimport LibraryTabContent from './LibraryTabContent';\nimport type { Asset } from './types';\nimport UploadAssetContent from './UploadTabContent';\n/**\n * Scrollable container for the tab content.\n * Allows the asset list to scroll while keeping the modal title, tabs, and actions visible.\n * Uses fixed height to prevent modal resizing when switching tabs.\n */\nconst StyledScrollableContent = styled(Box)(({ theme }) => ({\n  height: 'calc(70vh - 200px)', // Fixed height for consistent modal size across tabs\n  overflowY: 'auto',\n  marginTop: theme.spacing(2),\n  marginRight: theme.spacing(-2), // Extend to edge for scrollbar\n  paddingRight: theme.spacing(2), // Compensate for negative margin\n}));\n\n/**\n * Props for the AssetManager component.\n * Provides a modal interface for selecting images from a grid display.\n * It supports both single and multiple image selection modes with configurable limits.\n *\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n *\n * ```tsx\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n */\nexport interface AssetManagerProps {\n  /** Whether the asset manager modal is open */\n  open: boolean;\n  /** Callback function when the modal is closed or cancelled */\n  onClose: () => void;\n  /** Callback function when assets are selected */\n  onSelect?: (selectedAssets: Asset[]) => void;\n  /**\n   * Organization ID for fetching assets\n   */\n  orgId: string;\n  /** Brand ID for fetching assets */\n  brandId?: string;\n  /** Maximum number of assets that can be selected. Defaults to 1 */\n  maxSelect?: number;\n}\n\n// Create a QueryClient instance for the AssetManager component\n// This allows the component to be used without requiring clients to wrap it in QueryClientProvider\nconst queryClient = new QueryClient();\n\n/**\n * Inner component that contains the AssetManager logic.\n * Must be rendered inside QueryClientProvider to use React Query hooks.\n */\nconst AssetManagerContent: React.FC<AssetManagerProps> = ({\n  open,\n  onClose,\n  onSelect,\n  orgId,\n  brandId,\n  maxSelect = 1,\n}) => {\n  // Use Map for O(1) lookup performance and direct access to Asset objects\n  const [selectedAssetsMap, setSelectedAssetsMap] = useState<Map<string, Asset>>(new Map());\n  const [selectedTab, setSelectedTab] = useState<string>('library');\n  const [uploadedFiles, setUploadedFiles] = useState<FileUploadState[]>([]);\n  const uploadMutation = useUploadAsset();\n  const { translate } = useTranslation();\n\n  // Fetch assets at the parent level to enable future reuse across tabs\n  const {\n    data: assetResponse,\n    isLoading: isLoadingAssets,\n    error: assetsError,\n  } = useGetAssets(orgId, open, brandId);\n\n  // Reset selection when modal opens/closes\n  useEffect(() => {\n    if (!open) {\n      setSelectedAssetsMap(new Map());\n      setUploadedFiles([]);\n    }\n  }, [open]);\n\n  const handleCancel = useCallback((): void => {\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onClose]);\n\n  const handleSelect = useCallback((): void => {\n    if (selectedAssetsMap.size === 0) {\n      return;\n    }\n    const selectedAssets = Array.from(selectedAssetsMap.values());\n    if (onSelect && selectedAssets.length > 0) {\n      onSelect(selectedAssets);\n    }\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onSelect, selectedAssetsMap, onClose]);\n\n  const getTitle = (): string => {\n    switch (selectedTab) {\n      case 'library':\n        return translate('Select_Images');\n      default:\n        return translate('Upload_Images');\n    }\n  };\n\n  const handleAssetClick = useCallback(\n    (asset: Asset): void => {\n      setSelectedAssetsMap((prevMap) => {\n        const isSelected = prevMap.has(asset.id);\n        const newMap = new Map(prevMap);\n\n        if (isSelected) {\n          // Always allow deselecting an already selected asset\n          newMap.delete(asset.id);\n        } else if (maxSelect === 1) {\n          // Single select mode: replace selection\n          newMap.clear();\n          newMap.set(asset.id, asset);\n        } else if (newMap.size < maxSelect) {\n          // Multi-select mode: add if under limit\n          newMap.set(asset.id, asset);\n        }\n        // If at max limit and trying to select a new asset, do nothing\n        return newMap;\n      });\n    },\n    [maxSelect],\n  );\n\n  const handleSaveAssets = useCallback((): void => {\n    uploadMutation.mutate(\n      {\n        orgId,\n        brandId,\n        files: uploadedFiles.map((file) => file.file),\n      },\n      {\n        onSuccess: (response) => {\n          // Select the newly uploaded assets\n          const uploadedAssets = response.data || [];\n          setSelectedAssetsMap((prevMap) => {\n            const newMap = new Map(prevMap);\n            // Add uploaded assets to selection, respecting maxSelect limit\n            for (const asset of uploadedAssets) {\n              if (newMap.size < maxSelect) {\n                newMap.set(asset.id, asset);\n              }\n            }\n            return newMap;\n          });\n          // Clear uploaded files and switch to library tab\n          setUploadedFiles([]);\n          setSelectedTab('library');\n        },\n        onError: (error) => {\n          console.error('Upload failed:', error);\n          // Error handling - you could add a snackbar notification here\n        },\n      },\n    );\n  }, [orgId, brandId, uploadedFiles, uploadMutation, maxSelect]);\n\n  const handleUpload = useCallback((files: File[]): void => {\n    if (files.length === 0) {\n      return;\n    }\n    // Add files with uploading state\n    const newFiles: FileUploadState[] = files.map((file) => ({\n      file,\n    }));\n    setUploadedFiles((prev) => [...prev, ...newFiles]);\n  }, []);\n\n  const handleRemove = useCallback((fileToRemove: File): void => {\n    setUploadedFiles((prev) => prev.filter((fileState) => fileState.file !== fileToRemove));\n  }, []);\n\n  // Tab-specific action button configurations\n  const actionButtons = useMemo<ModalAction[]>(() => {\n    // Common cancel button configuration\n    const cancelButton: ModalAction = {\n      label: translate('Cancel'),\n      onClick: handleCancel,\n      variant: 'secondary',\n      tone: 'neutral',\n      id: 'asset-manager-cancel',\n    };\n\n    const tabActions: Record<string, ModalAction[]> = {\n      library: [\n        cancelButton,\n        {\n          label: translate('Select'),\n          onClick: handleSelect,\n          variant: 'primary',\n          id: 'asset-manager-select',\n        },\n      ],\n      upload: [\n        cancelButton,\n        {\n          label: translate('Save'),\n          onClick: handleSaveAssets,\n          disabled: uploadMutation.isPending,\n          variant: 'primary',\n          id: 'asset-manager-upload',\n        },\n      ],\n    };\n\n    return tabActions[selectedTab] ?? (tabActions['library'] as ModalAction[]);\n  }, [selectedTab, uploadMutation.isPending, handleCancel, handleSelect, handleSaveAssets, translate]);\n\n  return (\n    <Modal actions={actionButtons} onClose={handleCancel} open={open} size=\"large\" title={getTitle()}>\n      <Tabs\n        fdKey=\"asset-manager-tabs\"\n        onChange={(_, value: string) => {\n          setSelectedTab(value);\n          setUploadedFiles([]);\n        }}\n        value={selectedTab}\n      >\n        <Tab label={translate('Upload')} value=\"upload\" />\n        <Tab label={translate('Library')} value=\"library\" />\n      </Tabs>\n      <StyledScrollableContent>\n        {selectedTab === 'library' ? (\n          <LibraryTabContent\n            assets={assetResponse?.data}\n            error={assetsError}\n            isLoading={isLoadingAssets}\n            onAssetClick={handleAssetClick}\n            selectedAssets={selectedAssetsMap}\n          />\n        ) : (\n          <UploadAssetContent files={uploadedFiles} onRemove={handleRemove} onUpload={handleUpload} />\n        )}\n      </StyledScrollableContent>\n    </Modal>\n  );\n};\n\n/**\n * AssetManager component used to select assets from the library or upload new assets.\n * Can manage assets at a organization or brand level.\n *\n * @example\n * ```tsx\n * <AssetManager\n *   open={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   onSelect={(assets) => console.log(assets)}\n *   orgId=\"org123\"\n *   brandId=\"brand456\"\n *   maxSelect={3}\n * />\n * ```\n */\nconst AssetManager: React.FC<AssetManagerProps> = (props) => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AssetManagerContent {...props} />\n    </QueryClientProvider>\n  );\n};\n\nexport default AssetManager;\n"],"names":["StyledScrollableContent","styled","Box","theme","height","overflowY","marginTop","spacing","marginRight","paddingRight","queryClient","QueryClient","AssetManagerContent","open","onClose","onSelect","orgId","brandId","maxSelect","selectedAssetsMap","setSelectedAssetsMap","useState","Map","selectedTab","setSelectedTab","uploadedFiles","setUploadedFiles","uploadMutation","useUploadAsset","translate","useTranslation","data","assetResponse","isLoading","isLoadingAssets","error","assetsError","useGetAssets","useEffect","handleCancel","useCallback","handleSelect","size","selectedAssets","Array","from","values","length","handleAssetClick","asset","prevMap","isSelected","has","id","newMap","delete","clear","set","handleSaveAssets","mutate","files","map","file","onSuccess","response","uploadedAssets","onError","console","handleUpload","newFiles","prev","handleRemove","fileToRemove","filter","fileState","actionButtons","useMemo","cancelButton","label","onClick","variant","tone","tabActions","library","upload","disabled","isPending","_jsxs","Modal","actions","title","Tabs","fdKey","onChange","_","value","_jsx","Tab","children","LibraryTabContent","assets","onAssetClick","UploadAssetContent","onRemove","onUpload","props","QueryClientProvider","client"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/organisms/AssetManager/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Tab from '@fd/components/atoms/Tab';\nimport Modal, { type ModalAction } from '@fd/components/molecules/Modal';\nimport Tabs from '@fd/components/molecules/Tabs';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport type { FileUploadState } from '../FileUpload';\nimport { useGetAssets } from './hooks/useGetAssets';\nimport { useUploadAsset } from './hooks/useUploadAsset';\nimport LibraryTabContent from './LibraryTabContent';\nimport type { Asset } from './types/assets.type';\nimport UploadAssetContent from './UploadTabContent';\n/**\n * Scrollable container for the tab content.\n * Allows the asset list to scroll while keeping the modal title, tabs, and actions visible.\n * Uses fixed height to prevent modal resizing when switching tabs.\n */\nconst StyledScrollableContent = styled(Box)(({ theme }) => ({\n  height: 'calc(70vh - 200px)', // Fixed height for consistent modal size across tabs\n  overflowY: 'auto',\n  marginTop: theme.spacing(2),\n  marginRight: theme.spacing(-2), // Extend to edge for scrollbar\n  marginLeft: theme.spacing(-1), // Allow space for shadows on left\n  marginBottom: theme.spacing(-1), // Allow space for shadows on bottom\n  paddingRight: theme.spacing(2), // Compensate for negative margin\n  paddingLeft: theme.spacing(1), // Compensate for negative margin\n  paddingBottom: theme.spacing(1), // Compensate for negative margin\n}));\n\n/**\n * Props for the AssetManager component.\n * Provides a modal interface for selecting images from a grid display.\n * It supports both single and multiple image selection modes with configurable limits.\n *\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n *\n * ```tsx\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n */\nexport interface AssetManagerProps {\n  /** Whether the asset manager modal is open */\n  open: boolean;\n  /** Callback function when the modal is closed or cancelled */\n  onClose: () => void;\n  /** Callback function when assets are selected */\n  onSelect?: (selectedAssets: Asset[]) => void;\n  /**\n   * Organization ID for fetching assets\n   */\n  orgId: string;\n  /** Brand ID for fetching assets */\n  brandId?: string;\n  /** Maximum number of assets that can be selected. Defaults to 1 */\n  maxSelect?: number;\n}\n\n// Create a QueryClient instance for the AssetManager component\n// This allows the component to be used without requiring clients to wrap it in QueryClientProvider\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      refetchOnWindowFocus: false,\n      retry: 2,\n    },\n  },\n});\n\n/**\n * Inner component that contains the AssetManager logic.\n * Must be rendered inside QueryClientProvider to use React Query hooks.\n */\nconst AssetManagerContent: React.FC<AssetManagerProps> = ({\n  open,\n  onClose,\n  onSelect,\n  orgId,\n  brandId,\n  maxSelect = 1,\n}) => {\n  // Use Map for O(1) lookup performance and direct access to Asset objects\n  const [selectedAssetsMap, setSelectedAssetsMap] = useState<Map<string, Asset>>(new Map());\n  const [selectedTab, setSelectedTab] = useState<string>('library');\n  const [uploadedFiles, setUploadedFiles] = useState<FileUploadState[]>([]);\n  const uploadMutation = useUploadAsset();\n  const { translate } = useTranslation();\n\n  // Fetch assets at the parent level to enable future reuse across tabs\n  const {\n    data: assetResponse,\n    isLoading: isLoadingAssets,\n    error: assetsError,\n  } = useGetAssets(orgId, open, brandId);\n\n  // Reset selection when modal opens/closes\n  useEffect(() => {\n    if (!open) {\n      setSelectedAssetsMap(new Map());\n      setUploadedFiles([]);\n    }\n  }, [open]);\n\n  const handleCancel = useCallback((): void => {\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onClose]);\n\n  const handleSelect = useCallback((): void => {\n    if (selectedAssetsMap.size === 0) {\n      return;\n    }\n    const selectedAssets = Array.from(selectedAssetsMap.values());\n    if (onSelect && selectedAssets.length > 0) {\n      onSelect(selectedAssets);\n    }\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onSelect, selectedAssetsMap, onClose]);\n\n  const getTitle = (): string => {\n    switch (selectedTab) {\n      case 'library':\n        return translate('Select_Images');\n      default:\n        return translate('Upload_Images');\n    }\n  };\n\n  const handleAssetClick = useCallback(\n    (asset: Asset): void => {\n      setSelectedAssetsMap((prevMap) => {\n        const isSelected = prevMap.has(asset.id);\n        const newMap = new Map(prevMap);\n\n        if (isSelected) {\n          // Always allow deselecting an already selected asset\n          newMap.delete(asset.id);\n        } else if (maxSelect === 1) {\n          // Single select mode: replace selection\n          newMap.clear();\n          newMap.set(asset.id, asset);\n        } else if (newMap.size < maxSelect) {\n          // Multi-select mode: add if under limit\n          newMap.set(asset.id, asset);\n        }\n        // If at max limit and trying to select a new asset, do nothing\n        return newMap;\n      });\n    },\n    [maxSelect],\n  );\n\n  const handleSaveAssets = useCallback((): void => {\n    uploadMutation.mutate(\n      {\n        orgId,\n        brandId,\n        files: uploadedFiles.map((file) => file.file),\n      },\n      {\n        onSuccess: (response) => {\n          // Select the newly uploaded assets\n          const uploadedAssets = response.data || [];\n          setSelectedAssetsMap((prevMap) => {\n            const newMap = new Map(prevMap);\n            // Add uploaded assets to selection, respecting maxSelect limit\n            for (const asset of uploadedAssets) {\n              if (newMap.size < maxSelect) {\n                newMap.set(asset.id, asset);\n              }\n            }\n            return newMap;\n          });\n          // Clear uploaded files and switch to library tab\n          setUploadedFiles([]);\n          setSelectedTab('library');\n        },\n        onError: (error) => {\n          console.error('Upload failed:', error);\n          // Error handling - you could add a snackbar notification here\n        },\n      },\n    );\n  }, [orgId, brandId, uploadedFiles, uploadMutation, maxSelect]);\n\n  const handleUpload = useCallback((files: File[]): void => {\n    if (files.length === 0) {\n      return;\n    }\n    // Add files with uploading state\n    const newFiles: FileUploadState[] = files.map((file) => ({\n      file,\n    }));\n    setUploadedFiles((prev) => [...prev, ...newFiles]);\n  }, []);\n\n  const handleRemove = useCallback((fileToRemove: File): void => {\n    setUploadedFiles((prev) => prev.filter((fileState) => fileState.file !== fileToRemove));\n  }, []);\n\n  // Tab-specific action button configurations\n  const actionButtons = useMemo<ModalAction[]>(() => {\n    // Common cancel button configuration\n    const cancelButton: ModalAction = {\n      label: translate('Cancel'),\n      onClick: handleCancel,\n      variant: 'secondary',\n      tone: 'neutral',\n      id: 'asset-manager-cancel',\n    };\n\n    const tabActions: Record<string, ModalAction[]> = {\n      library: [\n        cancelButton,\n        {\n          label: translate('Select'),\n          onClick: handleSelect,\n          variant: 'primary',\n          id: 'asset-manager-select',\n        },\n      ],\n      upload: [\n        cancelButton,\n        {\n          label: translate('Save'),\n          onClick: handleSaveAssets,\n          disabled: uploadMutation.isPending,\n          variant: 'primary',\n          id: 'asset-manager-upload',\n        },\n      ],\n    };\n\n    return tabActions[selectedTab] ?? (tabActions['library'] as ModalAction[]);\n  }, [selectedTab, uploadMutation.isPending, handleCancel, handleSelect, handleSaveAssets, translate]);\n\n  return (\n    <Modal actions={actionButtons} onClose={handleCancel} open={open} size=\"large\" title={getTitle()}>\n      <Tabs\n        fdKey=\"asset-manager-tabs\"\n        onChange={(_, value: string) => {\n          setSelectedTab(value);\n          setUploadedFiles([]);\n        }}\n        value={selectedTab}\n      >\n        <Tab label={translate('Upload')} value=\"upload\" />\n        <Tab label={translate('Library')} value=\"library\" />\n      </Tabs>\n      <StyledScrollableContent>\n        {selectedTab === 'library' ? (\n          <LibraryTabContent\n            assets={assetResponse?.data}\n            error={assetsError}\n            isLoading={isLoadingAssets}\n            onAssetClick={handleAssetClick}\n            selectedAssets={selectedAssetsMap}\n          />\n        ) : (\n          <UploadAssetContent files={uploadedFiles} onRemove={handleRemove} onUpload={handleUpload} />\n        )}\n      </StyledScrollableContent>\n    </Modal>\n  );\n};\n\n/**\n * AssetManager component used to select assets from the library or upload new assets.\n * Can manage assets at a organization or brand level.\n *\n * @example\n * ```tsx\n * <AssetManager\n *   open={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   onSelect={(assets) => console.log(assets)}\n *   orgId=\"org123\"\n *   brandId=\"brand456\"\n *   maxSelect={3}\n * />\n * ```\n */\nconst AssetManager: React.FC<AssetManagerProps> = (props) => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AssetManagerContent {...props} />\n    </QueryClientProvider>\n  );\n};\n\nexport type { Asset, AssetMetadata, AssetMetadataDimensions, AssetType } from './types/assets.type';\nexport default AssetManager;\n"],"names":["StyledScrollableContent","styled","Box","theme","height","overflowY","marginTop","spacing","marginRight","marginLeft","marginBottom","paddingRight","paddingLeft","paddingBottom","queryClient","QueryClient","defaultOptions","queries","refetchOnWindowFocus","retry","AssetManagerContent","open","onClose","onSelect","orgId","brandId","maxSelect","selectedAssetsMap","setSelectedAssetsMap","useState","Map","selectedTab","setSelectedTab","uploadedFiles","setUploadedFiles","uploadMutation","useUploadAsset","translate","useTranslation","data","assetResponse","isLoading","isLoadingAssets","error","assetsError","useGetAssets","useEffect","handleCancel","useCallback","handleSelect","size","selectedAssets","Array","from","values","length","handleAssetClick","asset","prevMap","isSelected","has","id","newMap","delete","clear","set","handleSaveAssets","mutate","files","map","file","onSuccess","response","uploadedAssets","onError","console","handleUpload","newFiles","prev","handleRemove","fileToRemove","filter","fileState","actionButtons","useMemo","cancelButton","label","onClick","variant","tone","tabActions","library","upload","disabled","isPending","_jsxs","Modal","actions","title","Tabs","fdKey","onChange","_","value","_jsx","Tab","children","LibraryTabContent","assets","onAssetClick","UploadAssetContent","onRemove","onUpload","props","QueryClientProvider","client"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import react__default from 'react';
-import { Asset } from './types/index.js';
+import { Asset } from '@flipdish/asset-management';
+export { Asset, AssetMetadata, AssetMetadataDimensions, AssetType } from '@flipdish/asset-management';
 
 /**
  * Props for the AssetManager component.

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/AssetManager/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Tab from '@fd/components/atoms/Tab';\nimport Modal, { type ModalAction } from '@fd/components/molecules/Modal';\nimport Tabs from '@fd/components/molecules/Tabs';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport type { FileUploadState } from '../FileUpload';\nimport { useGetAssets } from './hooks/useGetAssets';\nimport { useUploadAsset } from './hooks/useUploadAsset';\nimport LibraryTabContent from './LibraryTabContent';\nimport type { Asset } from './types';\nimport UploadAssetContent from './UploadTabContent';\n/**\n * Scrollable container for the tab content.\n * Allows the asset list to scroll while keeping the modal title, tabs, and actions visible.\n * Uses fixed height to prevent modal resizing when switching tabs.\n */\nconst StyledScrollableContent = styled(Box)(({ theme }) => ({\n  height: 'calc(70vh - 200px)', // Fixed height for consistent modal size across tabs\n  overflowY: 'auto',\n  marginTop: theme.spacing(2),\n  marginRight: theme.spacing(-2), // Extend to edge for scrollbar\n  paddingRight: theme.spacing(2), // Compensate for negative margin\n}));\n\n/**\n * Props for the AssetManager component.\n * Provides a modal interface for selecting images from a grid display.\n * It supports both single and multiple image selection modes with configurable limits.\n *\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n *\n * ```tsx\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n */\nexport interface AssetManagerProps {\n  /** Whether the asset manager modal is open */\n  open: boolean;\n  /** Callback function when the modal is closed or cancelled */\n  onClose: () => void;\n  /** Callback function when assets are selected */\n  onSelect?: (selectedAssets: Asset[]) => void;\n  /**\n   * Organization ID for fetching assets\n   */\n  orgId: string;\n  /** Brand ID for fetching assets */\n  brandId?: string;\n  /** Maximum number of assets that can be selected. Defaults to 1 */\n  maxSelect?: number;\n}\n\n// Create a QueryClient instance for the AssetManager component\n// This allows the component to be used without requiring clients to wrap it in QueryClientProvider\nconst queryClient = new QueryClient();\n\n/**\n * Inner component that contains the AssetManager logic.\n * Must be rendered inside QueryClientProvider to use React Query hooks.\n */\nconst AssetManagerContent: React.FC<AssetManagerProps> = ({\n  open,\n  onClose,\n  onSelect,\n  orgId,\n  brandId,\n  maxSelect = 1,\n}) => {\n  // Use Map for O(1) lookup performance and direct access to Asset objects\n  const [selectedAssetsMap, setSelectedAssetsMap] = useState<Map<string, Asset>>(new Map());\n  const [selectedTab, setSelectedTab] = useState<string>('library');\n  const [uploadedFiles, setUploadedFiles] = useState<FileUploadState[]>([]);\n  const uploadMutation = useUploadAsset();\n  const { translate } = useTranslation();\n\n  // Fetch assets at the parent level to enable future reuse across tabs\n  const {\n    data: assetResponse,\n    isLoading: isLoadingAssets,\n    error: assetsError,\n  } = useGetAssets(orgId, open, brandId);\n\n  // Reset selection when modal opens/closes\n  useEffect(() => {\n    if (!open) {\n      setSelectedAssetsMap(new Map());\n      setUploadedFiles([]);\n    }\n  }, [open]);\n\n  const handleCancel = useCallback((): void => {\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onClose]);\n\n  const handleSelect = useCallback((): void => {\n    if (selectedAssetsMap.size === 0) {\n      return;\n    }\n    const selectedAssets = Array.from(selectedAssetsMap.values());\n    if (onSelect && selectedAssets.length > 0) {\n      onSelect(selectedAssets);\n    }\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onSelect, selectedAssetsMap, onClose]);\n\n  const getTitle = (): string => {\n    switch (selectedTab) {\n      case 'library':\n        return translate('Select_Images');\n      default:\n        return translate('Upload_Images');\n    }\n  };\n\n  const handleAssetClick = useCallback(\n    (asset: Asset): void => {\n      setSelectedAssetsMap((prevMap) => {\n        const isSelected = prevMap.has(asset.id);\n        const newMap = new Map(prevMap);\n\n        if (isSelected) {\n          // Always allow deselecting an already selected asset\n          newMap.delete(asset.id);\n        } else if (maxSelect === 1) {\n          // Single select mode: replace selection\n          newMap.clear();\n          newMap.set(asset.id, asset);\n        } else if (newMap.size < maxSelect) {\n          // Multi-select mode: add if under limit\n          newMap.set(asset.id, asset);\n        }\n        // If at max limit and trying to select a new asset, do nothing\n        return newMap;\n      });\n    },\n    [maxSelect],\n  );\n\n  const handleSaveAssets = useCallback((): void => {\n    uploadMutation.mutate(\n      {\n        orgId,\n        brandId,\n        files: uploadedFiles.map((file) => file.file),\n      },\n      {\n        onSuccess: (response) => {\n          // Select the newly uploaded assets\n          const uploadedAssets = response.data || [];\n          setSelectedAssetsMap((prevMap) => {\n            const newMap = new Map(prevMap);\n            // Add uploaded assets to selection, respecting maxSelect limit\n            for (const asset of uploadedAssets) {\n              if (newMap.size < maxSelect) {\n                newMap.set(asset.id, asset);\n              }\n            }\n            return newMap;\n          });\n          // Clear uploaded files and switch to library tab\n          setUploadedFiles([]);\n          setSelectedTab('library');\n        },\n        onError: (error) => {\n          console.error('Upload failed:', error);\n          // Error handling - you could add a snackbar notification here\n        },\n      },\n    );\n  }, [orgId, brandId, uploadedFiles, uploadMutation, maxSelect]);\n\n  const handleUpload = useCallback((files: File[]): void => {\n    if (files.length === 0) {\n      return;\n    }\n    // Add files with uploading state\n    const newFiles: FileUploadState[] = files.map((file) => ({\n      file,\n    }));\n    setUploadedFiles((prev) => [...prev, ...newFiles]);\n  }, []);\n\n  const handleRemove = useCallback((fileToRemove: File): void => {\n    setUploadedFiles((prev) => prev.filter((fileState) => fileState.file !== fileToRemove));\n  }, []);\n\n  // Tab-specific action button configurations\n  const actionButtons = useMemo<ModalAction[]>(() => {\n    // Common cancel button configuration\n    const cancelButton: ModalAction = {\n      label: translate('Cancel'),\n      onClick: handleCancel,\n      variant: 'secondary',\n      tone: 'neutral',\n      id: 'asset-manager-cancel',\n    };\n\n    const tabActions: Record<string, ModalAction[]> = {\n      library: [\n        cancelButton,\n        {\n          label: translate('Select'),\n          onClick: handleSelect,\n          variant: 'primary',\n          id: 'asset-manager-select',\n        },\n      ],\n      upload: [\n        cancelButton,\n        {\n          label: translate('Save'),\n          onClick: handleSaveAssets,\n          disabled: uploadMutation.isPending,\n          variant: 'primary',\n          id: 'asset-manager-upload',\n        },\n      ],\n    };\n\n    return tabActions[selectedTab] ?? (tabActions['library'] as ModalAction[]);\n  }, [selectedTab, uploadMutation.isPending, handleCancel, handleSelect, handleSaveAssets, translate]);\n\n  return (\n    <Modal actions={actionButtons} onClose={handleCancel} open={open} size=\"large\" title={getTitle()}>\n      <Tabs\n        fdKey=\"asset-manager-tabs\"\n        onChange={(_, value: string) => {\n          setSelectedTab(value);\n          setUploadedFiles([]);\n        }}\n        value={selectedTab}\n      >\n        <Tab label={translate('Upload')} value=\"upload\" />\n        <Tab label={translate('Library')} value=\"library\" />\n      </Tabs>\n      <StyledScrollableContent>\n        {selectedTab === 'library' ? (\n          <LibraryTabContent\n            assets={assetResponse?.data}\n            error={assetsError}\n            isLoading={isLoadingAssets}\n            onAssetClick={handleAssetClick}\n            selectedAssets={selectedAssetsMap}\n          />\n        ) : (\n          <UploadAssetContent files={uploadedFiles} onRemove={handleRemove} onUpload={handleUpload} />\n        )}\n      </StyledScrollableContent>\n    </Modal>\n  );\n};\n\n/**\n * AssetManager component used to select assets from the library or upload new assets.\n * Can manage assets at a organization or brand level.\n *\n * @example\n * ```tsx\n * <AssetManager\n *   open={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   onSelect={(assets) => console.log(assets)}\n *   orgId=\"org123\"\n *   brandId=\"brand456\"\n *   maxSelect={3}\n * />\n * ```\n */\nconst AssetManager: React.FC<AssetManagerProps> = (props) => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AssetManagerContent {...props} />\n    </QueryClientProvider>\n  );\n};\n\nexport default AssetManager;\n"],"names":["StyledScrollableContent","styled","Box","theme","height","overflowY","marginTop","spacing","marginRight","paddingRight","queryClient","QueryClient","AssetManagerContent","open","onClose","onSelect","orgId","brandId","maxSelect","selectedAssetsMap","setSelectedAssetsMap","useState","Map","selectedTab","setSelectedTab","uploadedFiles","setUploadedFiles","uploadMutation","useUploadAsset","translate","useTranslation","data","assetResponse","isLoading","isLoadingAssets","error","assetsError","useGetAssets","useEffect","handleCancel","useCallback","handleSelect","size","selectedAssets","Array","from","values","length","handleAssetClick","asset","prevMap","isSelected","has","id","newMap","delete","clear","set","handleSaveAssets","mutate","files","map","file","onSuccess","response","uploadedAssets","onError","console","handleUpload","newFiles","prev","handleRemove","fileToRemove","filter","fileState","actionButtons","useMemo","cancelButton","label","onClick","variant","tone","tabActions","library","upload","disabled","isPending","_jsxs","Modal","actions","title","Tabs","fdKey","onChange","_","value","_jsx","Tab","children","LibraryTabContent","assets","onAssetClick","UploadAssetContent","onRemove","onUpload","AssetManager","props","QueryClientProvider","client"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/AssetManager/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Tab from '@fd/components/atoms/Tab';\nimport Modal, { type ModalAction } from '@fd/components/molecules/Modal';\nimport Tabs from '@fd/components/molecules/Tabs';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport type { FileUploadState } from '../FileUpload';\nimport { useGetAssets } from './hooks/useGetAssets';\nimport { useUploadAsset } from './hooks/useUploadAsset';\nimport LibraryTabContent from './LibraryTabContent';\nimport type { Asset } from './types/assets.type';\nimport UploadAssetContent from './UploadTabContent';\n/**\n * Scrollable container for the tab content.\n * Allows the asset list to scroll while keeping the modal title, tabs, and actions visible.\n * Uses fixed height to prevent modal resizing when switching tabs.\n */\nconst StyledScrollableContent = styled(Box)(({ theme }) => ({\n  height: 'calc(70vh - 200px)', // Fixed height for consistent modal size across tabs\n  overflowY: 'auto',\n  marginTop: theme.spacing(2),\n  marginRight: theme.spacing(-2), // Extend to edge for scrollbar\n  marginLeft: theme.spacing(-1), // Allow space for shadows on left\n  marginBottom: theme.spacing(-1), // Allow space for shadows on bottom\n  paddingRight: theme.spacing(2), // Compensate for negative margin\n  paddingLeft: theme.spacing(1), // Compensate for negative margin\n  paddingBottom: theme.spacing(1), // Compensate for negative margin\n}));\n\n/**\n * Props for the AssetManager component.\n * Provides a modal interface for selecting images from a grid display.\n * It supports both single and multiple image selection modes with configurable limits.\n *\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n *\n * ```tsx\n * import AssetManager from '@flipdish/portal-library/components/organisms/AssetManager';\n */\nexport interface AssetManagerProps {\n  /** Whether the asset manager modal is open */\n  open: boolean;\n  /** Callback function when the modal is closed or cancelled */\n  onClose: () => void;\n  /** Callback function when assets are selected */\n  onSelect?: (selectedAssets: Asset[]) => void;\n  /**\n   * Organization ID for fetching assets\n   */\n  orgId: string;\n  /** Brand ID for fetching assets */\n  brandId?: string;\n  /** Maximum number of assets that can be selected. Defaults to 1 */\n  maxSelect?: number;\n}\n\n// Create a QueryClient instance for the AssetManager component\n// This allows the component to be used without requiring clients to wrap it in QueryClientProvider\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      refetchOnWindowFocus: false,\n      retry: 2,\n    },\n  },\n});\n\n/**\n * Inner component that contains the AssetManager logic.\n * Must be rendered inside QueryClientProvider to use React Query hooks.\n */\nconst AssetManagerContent: React.FC<AssetManagerProps> = ({\n  open,\n  onClose,\n  onSelect,\n  orgId,\n  brandId,\n  maxSelect = 1,\n}) => {\n  // Use Map for O(1) lookup performance and direct access to Asset objects\n  const [selectedAssetsMap, setSelectedAssetsMap] = useState<Map<string, Asset>>(new Map());\n  const [selectedTab, setSelectedTab] = useState<string>('library');\n  const [uploadedFiles, setUploadedFiles] = useState<FileUploadState[]>([]);\n  const uploadMutation = useUploadAsset();\n  const { translate } = useTranslation();\n\n  // Fetch assets at the parent level to enable future reuse across tabs\n  const {\n    data: assetResponse,\n    isLoading: isLoadingAssets,\n    error: assetsError,\n  } = useGetAssets(orgId, open, brandId);\n\n  // Reset selection when modal opens/closes\n  useEffect(() => {\n    if (!open) {\n      setSelectedAssetsMap(new Map());\n      setUploadedFiles([]);\n    }\n  }, [open]);\n\n  const handleCancel = useCallback((): void => {\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onClose]);\n\n  const handleSelect = useCallback((): void => {\n    if (selectedAssetsMap.size === 0) {\n      return;\n    }\n    const selectedAssets = Array.from(selectedAssetsMap.values());\n    if (onSelect && selectedAssets.length > 0) {\n      onSelect(selectedAssets);\n    }\n    setSelectedAssetsMap(new Map());\n    onClose();\n  }, [onSelect, selectedAssetsMap, onClose]);\n\n  const getTitle = (): string => {\n    switch (selectedTab) {\n      case 'library':\n        return translate('Select_Images');\n      default:\n        return translate('Upload_Images');\n    }\n  };\n\n  const handleAssetClick = useCallback(\n    (asset: Asset): void => {\n      setSelectedAssetsMap((prevMap) => {\n        const isSelected = prevMap.has(asset.id);\n        const newMap = new Map(prevMap);\n\n        if (isSelected) {\n          // Always allow deselecting an already selected asset\n          newMap.delete(asset.id);\n        } else if (maxSelect === 1) {\n          // Single select mode: replace selection\n          newMap.clear();\n          newMap.set(asset.id, asset);\n        } else if (newMap.size < maxSelect) {\n          // Multi-select mode: add if under limit\n          newMap.set(asset.id, asset);\n        }\n        // If at max limit and trying to select a new asset, do nothing\n        return newMap;\n      });\n    },\n    [maxSelect],\n  );\n\n  const handleSaveAssets = useCallback((): void => {\n    uploadMutation.mutate(\n      {\n        orgId,\n        brandId,\n        files: uploadedFiles.map((file) => file.file),\n      },\n      {\n        onSuccess: (response) => {\n          // Select the newly uploaded assets\n          const uploadedAssets = response.data || [];\n          setSelectedAssetsMap((prevMap) => {\n            const newMap = new Map(prevMap);\n            // Add uploaded assets to selection, respecting maxSelect limit\n            for (const asset of uploadedAssets) {\n              if (newMap.size < maxSelect) {\n                newMap.set(asset.id, asset);\n              }\n            }\n            return newMap;\n          });\n          // Clear uploaded files and switch to library tab\n          setUploadedFiles([]);\n          setSelectedTab('library');\n        },\n        onError: (error) => {\n          console.error('Upload failed:', error);\n          // Error handling - you could add a snackbar notification here\n        },\n      },\n    );\n  }, [orgId, brandId, uploadedFiles, uploadMutation, maxSelect]);\n\n  const handleUpload = useCallback((files: File[]): void => {\n    if (files.length === 0) {\n      return;\n    }\n    // Add files with uploading state\n    const newFiles: FileUploadState[] = files.map((file) => ({\n      file,\n    }));\n    setUploadedFiles((prev) => [...prev, ...newFiles]);\n  }, []);\n\n  const handleRemove = useCallback((fileToRemove: File): void => {\n    setUploadedFiles((prev) => prev.filter((fileState) => fileState.file !== fileToRemove));\n  }, []);\n\n  // Tab-specific action button configurations\n  const actionButtons = useMemo<ModalAction[]>(() => {\n    // Common cancel button configuration\n    const cancelButton: ModalAction = {\n      label: translate('Cancel'),\n      onClick: handleCancel,\n      variant: 'secondary',\n      tone: 'neutral',\n      id: 'asset-manager-cancel',\n    };\n\n    const tabActions: Record<string, ModalAction[]> = {\n      library: [\n        cancelButton,\n        {\n          label: translate('Select'),\n          onClick: handleSelect,\n          variant: 'primary',\n          id: 'asset-manager-select',\n        },\n      ],\n      upload: [\n        cancelButton,\n        {\n          label: translate('Save'),\n          onClick: handleSaveAssets,\n          disabled: uploadMutation.isPending,\n          variant: 'primary',\n          id: 'asset-manager-upload',\n        },\n      ],\n    };\n\n    return tabActions[selectedTab] ?? (tabActions['library'] as ModalAction[]);\n  }, [selectedTab, uploadMutation.isPending, handleCancel, handleSelect, handleSaveAssets, translate]);\n\n  return (\n    <Modal actions={actionButtons} onClose={handleCancel} open={open} size=\"large\" title={getTitle()}>\n      <Tabs\n        fdKey=\"asset-manager-tabs\"\n        onChange={(_, value: string) => {\n          setSelectedTab(value);\n          setUploadedFiles([]);\n        }}\n        value={selectedTab}\n      >\n        <Tab label={translate('Upload')} value=\"upload\" />\n        <Tab label={translate('Library')} value=\"library\" />\n      </Tabs>\n      <StyledScrollableContent>\n        {selectedTab === 'library' ? (\n          <LibraryTabContent\n            assets={assetResponse?.data}\n            error={assetsError}\n            isLoading={isLoadingAssets}\n            onAssetClick={handleAssetClick}\n            selectedAssets={selectedAssetsMap}\n          />\n        ) : (\n          <UploadAssetContent files={uploadedFiles} onRemove={handleRemove} onUpload={handleUpload} />\n        )}\n      </StyledScrollableContent>\n    </Modal>\n  );\n};\n\n/**\n * AssetManager component used to select assets from the library or upload new assets.\n * Can manage assets at a organization or brand level.\n *\n * @example\n * ```tsx\n * <AssetManager\n *   open={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   onSelect={(assets) => console.log(assets)}\n *   orgId=\"org123\"\n *   brandId=\"brand456\"\n *   maxSelect={3}\n * />\n * ```\n */\nconst AssetManager: React.FC<AssetManagerProps> = (props) => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <AssetManagerContent {...props} />\n    </QueryClientProvider>\n  );\n};\n\nexport type { Asset, AssetMetadata, AssetMetadataDimensions, AssetType } from './types/assets.type';\nexport default AssetManager;\n"],"names":["StyledScrollableContent","styled","Box","theme","height","overflowY","marginTop","spacing","marginRight","marginLeft","marginBottom","paddingRight","paddingLeft","paddingBottom","queryClient","QueryClient","defaultOptions","queries","refetchOnWindowFocus","retry","AssetManagerContent","open","onClose","onSelect","orgId","brandId","maxSelect","selectedAssetsMap","setSelectedAssetsMap","useState","Map","selectedTab","setSelectedTab","uploadedFiles","setUploadedFiles","uploadMutation","useUploadAsset","translate","useTranslation","data","assetResponse","isLoading","isLoadingAssets","error","assetsError","useGetAssets","useEffect","handleCancel","useCallback","handleSelect","size","selectedAssets","Array","from","values","length","handleAssetClick","asset","prevMap","isSelected","has","id","newMap","delete","clear","set","handleSaveAssets","mutate","files","map","file","onSuccess","response","uploadedAssets","onError","console","handleUpload","newFiles","prev","handleRemove","fileToRemove","filter","fileState","actionButtons","useMemo","cancelButton","label","onClick","variant","tone","tabActions","library","upload","disabled","isPending","_jsxs","Modal","actions","title","Tabs","fdKey","onChange","_","value","_jsx","Tab","children","LibraryTabContent","assets","onAssetClick","UploadAssetContent","onRemove","onUpload","AssetManager","props","QueryClientProvider","client"],"mappings":"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"}

package/dist/components/organisms/AssetManager/services/asset.service.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=()=>{const t=window.location?.host?.includes("portal.flipdish.com");return t?"https://api.portal.flipdish.com/assets":"https://api-prod-staging.portal.flipdishdev.com/assets"};exports.getAssets=async(s,e)=>{const o=((s,e)=>{if(!s)return;const o=e?`?brandId=${e}`:"";return`${t()}/orgs/${s}/assets${o}`})(s,e);if(!o)throw new Error("Organization ID is required to fetch assets");const r=await fetch(o,{method:"GET",credentials:"include"});if(!r.ok)throw new Error(`Failed to fetch assets: ${r.statusText}`);return await r.json()},exports.uploadAsset=async s=>{const{orgId:e,brandId:o,files:r}=s;if(!e)throw new Error("Organization ID is required to upload assets");if(!r||0===r.length)throw new Error("At least one file is required to upload");const a=`${t()}/orgs/${e}/assets/upload`,i=new FormData;r.forEach((t=>{i.append("files",t)})),o&&i.append("brandId",o);const n=await fetch(a,{method:"POST",credentials:"include",body:i});if(!n.ok)throw new Error(`Failed to upload assets: ${n.statusText}`);return await n.json()};
+"use strict";var t=require("../../../../utilities/apiUtils.cjs.js"),s=require("@flipdish/asset-management");const e=new s.Configuration({basePath:(()=>{const t=window.location?.host?.includes("portal.flipdish.com");return t?"https://api.portal.flipdish.com/assets":"https://api-prod-staging.portal.flipdishdev.com/assets"})(),baseOptions:{withCredentials:!0}}),r=new s.AssetsApi(e);exports.getAssets=async(s,e)=>{if(!s)throw new Error("Organization ID is required to fetch assets");try{return(await r.listAssets(s,e)).data}catch(s){const e=t.getErrorMessage(s,"Failed to fetch assets");throw new Error(e)}},exports.uploadAsset=async s=>{const{orgId:e,brandId:a,files:i}=s;if(!e)throw new Error("Organization ID is required to upload assets");if(!i||0===i.length)throw new Error("At least one file is required to upload");try{return(await r.uploadAsset(e,i,a)).data}catch(s){const e=t.getErrorMessage(s,"Failed to upload assets");throw new Error(e)}};
 //# sourceMappingURL=asset.service.cjs.js.map

package/dist/components/organisms/AssetManager/services/asset.service.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset.service.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/services/asset.service.ts"],"sourcesContent":["import type { AssetResponse, UploadAssetResponse } from '../types';\n\nconst PROD_API_URL = 'https://api.portal.flipdish.com/assets';\nconst DEV_STAGING_API_URL = 'https://api-prod-staging.portal.flipdishdev.com/assets';\n\n/**\n * Gets the asset management API base URL based on the current environment\n * @returns The appropriate API URL for the current environment\n */\nconst getAssetManagementApiUrl = (): string => {\n  const isProd = window.location?.host?.includes('portal.flipdish.com');\n\n  if (isProd) {\n    return PROD_API_URL;\n  }\n\n  return DEV_STAGING_API_URL;\n};\n\n/**\n * Builds the complete API URL for fetching assets\n * @param orgId - Optional organization ID.\n * @param brandId - Optional brand ID.\n * @returns The complete API URL or undefined if no orgId available\n */\nconst buildApiUrl = (orgId: string, brandId?: string): string | undefined => {\n  if (!orgId) return undefined;\n  const brandIdQueryParam = brandId ? `?brandId=${brandId}` : '';\n  const baseUrl = getAssetManagementApiUrl();\n  return `${baseUrl}/orgs/${orgId}/assets${brandIdQueryParam}`;\n};\n\n/**\n * Fetches assets from the asset management service API\n * @param orgId - organization ID.\n * @param brandId - brand ID.\n * @returns Promise resolving to an array of assets\n */\nexport const getAssets = async (orgId: string, brandId?: string): Promise<AssetResponse> => {\n  const apiUrl = buildApiUrl(orgId, brandId);\n\n  if (!apiUrl) {\n    throw new Error('Organization ID is required to fetch assets');\n  }\n\n  const response = await fetch(apiUrl, {\n    method: 'GET',\n    credentials: 'include',\n  });\n\n  if (!response.ok) {\n    throw new Error(`Failed to fetch assets: ${response.statusText}`);\n  }\n\n  return (await response.json()) as AssetResponse;\n};\n\n/**\n * Upload parameters for asset upload\n */\nexport interface UploadAssetParams {\n  /** Organization ID */\n  orgId: string;\n  /** Optional brand ID */\n  brandId?: string;\n  /** The files to upload */\n  files: File[];\n}\n\n/**\n * Uploads multiple assets to the asset management service API\n * @param params - Upload parameters containing orgId, brandId, and files\n * @returns Promise resolving to an array of uploaded assets\n */\nexport const uploadAsset = async (params: UploadAssetParams): Promise<UploadAssetResponse> => {\n  const { orgId, brandId, files } = params;\n\n  if (!orgId) {\n    throw new Error('Organization ID is required to upload assets');\n  }\n\n  if (!files || files.length === 0) {\n    throw new Error('At least one file is required to upload');\n  }\n\n  const baseUrl = getAssetManagementApiUrl();\n  const apiUrl = `${baseUrl}/orgs/${orgId}/assets/upload`;\n\n  const formData = new FormData();\n\n  // Append all files under the 'files' key\n  files.forEach((file) => {\n    formData.append('files', file);\n  });\n\n  if (brandId) {\n    formData.append('brandId', brandId);\n  }\n\n  const response = await fetch(apiUrl, {\n    method: 'POST',\n    credentials: 'include',\n    body: formData,\n  });\n\n  if (!response.ok) {\n    throw new Error(`Failed to upload assets: ${response.statusText}`);\n  }\n\n  return (await response.json()) as UploadAssetResponse;\n};\n"],"names":["getAssetManagementApiUrl","isProd","window","location","host","includes","async","orgId","brandId","apiUrl","brandIdQueryParam","buildApiUrl","Error","response","fetch","method","credentials","ok","statusText","json","params","files","length","formData","FormData","forEach","file","append","body"],"mappings":"aAEA,MAOMA,EAA2B,KAC/B,MAAMC,EAASC,OAAOC,UAAUC,MAAMC,SAAS,uBAE/C,OAAIJ,EAVe,yCACO,4EAmCHK,MAAOC,EAAeC,KAC7C,MAAMC,EAdY,EAACF,EAAeC,KAClC,IAAKD,EAAO,OACZ,MAAMG,EAAoBF,EAAU,YAAYA,IAAY,GAE5D,MAAO,GADSR,YACUO,WAAeG,KAU1BC,CAAYJ,EAAOC,GAElC,IAAKC,EACH,MAAM,IAAIG,MAAM,+CAGlB,MAAMC,QAAiBC,MAAML,EAAQ,CACnCM,OAAQ,MACRC,YAAa,YAGf,IAAKH,EAASI,GACZ,MAAM,IAAIL,MAAM,2BAA2BC,EAASK,cAGtD,aAAcL,EAASM,4BAoBEb,MAAOc,IAChC,MAAMb,MAAEA,EAAKC,QAAEA,EAAOa,MAAEA,GAAUD,EAElC,IAAKb,EACH,MAAM,IAAIK,MAAM,gDAGlB,IAAKS,GAA0B,IAAjBA,EAAMC,OAClB,MAAM,IAAIV,MAAM,2CAGlB,MACMH,EAAS,GADCT,YACkBO,kBAE5BgB,EAAW,IAAIC,SAGrBH,EAAMI,SAASC,IACbH,EAASI,OAAO,QAASD,MAGvBlB,GACFe,EAASI,OAAO,UAAWnB,GAG7B,MAAMK,QAAiBC,MAAML,EAAQ,CACnCM,OAAQ,OACRC,YAAa,UACbY,KAAML,IAGR,IAAKV,EAASI,GACZ,MAAM,IAAIL,MAAM,4BAA4BC,EAASK,cAGvD,aAAcL,EAASM"}
+{"version":3,"file":"asset.service.cjs.js","sources":["../../../../../src/components/organisms/AssetManager/services/asset.service.ts"],"sourcesContent":["import { getErrorMessage } from '@fd/utilities/apiUtils';\nimport { AssetsApi, Configuration } from '@flipdish/asset-management';\n\nimport type { ListAssetsResponse, UploadAssetResponse } from '../types/assets.type';\n\nconst PROD_API_URL = 'https://api.portal.flipdish.com/assets';\nconst DEV_STAGING_API_URL = 'https://api-prod-staging.portal.flipdishdev.com/assets';\n\n/**\n * Gets the asset management API base URL based on the current environment\n * @returns The appropriate API URL for the current environment\n */\nconst getAssetManagementApiUrl = (): string => {\n  const isProd = window.location?.host?.includes('portal.flipdish.com');\n\n  if (isProd) {\n    return PROD_API_URL;\n  }\n\n  return DEV_STAGING_API_URL;\n};\n\n/**\n * Configuration for the asset management API client\n * - basePath: API base URL based on environment\n * - baseOptions.withCredentials: Send cookies/credentials with requests\n */\nconst configuration = new Configuration({\n  basePath: getAssetManagementApiUrl(),\n  baseOptions: {\n    withCredentials: true,\n  },\n});\n\nconst assetsApi = new AssetsApi(configuration);\n\n/**\n * Fetches assets from the asset management service API\n * @param orgId - organization ID.\n * @param brandId - brand ID.\n * @returns Promise resolving to an array of assets\n */\nexport const getAssets = async (orgId: string, brandId?: string): Promise<ListAssetsResponse> => {\n  if (!orgId) {\n    throw new Error('Organization ID is required to fetch assets');\n  }\n\n  try {\n    const response = await assetsApi.listAssets(orgId, brandId);\n    return response.data;\n  } catch (error: unknown) {\n    const errorMessage = getErrorMessage(error, 'Failed to fetch assets');\n    throw new Error(errorMessage);\n  }\n};\n\n/**\n * Upload parameters for asset upload\n */\nexport interface UploadAssetParams {\n  /** Organization ID */\n  orgId: string;\n  /** Optional brand ID */\n  brandId?: string;\n  /** The files to upload */\n  files: File[];\n}\n\n/**\n * Uploads multiple assets to the asset management service API\n * @param params - Upload parameters containing orgId, brandId, and files\n * @returns Promise resolving to an array of uploaded assets\n */\nexport const uploadAsset = async (params: UploadAssetParams): Promise<UploadAssetResponse> => {\n  const { orgId, brandId, files } = params;\n\n  if (!orgId) {\n    throw new Error('Organization ID is required to upload assets');\n  }\n\n  if (!files || files.length === 0) {\n    throw new Error('At least one file is required to upload');\n  }\n\n  try {\n    const response = await assetsApi.uploadAsset(orgId, files, brandId);\n    return response.data;\n  } catch (error: unknown) {\n    const errorMessage = getErrorMessage(error, 'Failed to upload assets');\n    throw new Error(errorMessage);\n  }\n};\n"],"names":["configuration","Configuration","basePath","isProd","window","location","host","includes","getAssetManagementApiUrl","baseOptions","withCredentials","assetsApi","AssetsApi","async","orgId","brandId","Error","listAssets","data","error","errorMessage","getErrorMessage","params","files","length","uploadAsset"],"mappings":"4GAKA,MAsBMA,EAAgB,IAAIC,EAAAA,cAAc,CACtCC,SAhB+B,MAC/B,MAAMC,EAASC,OAAOC,UAAUC,MAAMC,SAAS,uBAE/C,OAAIJ,EAVe,yCACO,0DAsBhBK,GACVC,YAAa,CACXC,iBAAiB,KAIfC,EAAY,IAAIC,EAAAA,UAAUZ,qBAQPa,MAAOC,EAAeC,KAC7C,IAAKD,EACH,MAAM,IAAIE,MAAM,+CAGlB,IAEE,aADuBL,EAAUM,WAAWH,EAAOC,IACnCG,IAClB,CAAE,MAAOC,GACP,MAAMC,EAAeC,EAAAA,gBAAgBF,EAAO,0BAC5C,MAAM,IAAIH,MAAMI,EAClB,uBAoByBP,MAAOS,IAChC,MAAMR,MAAEA,EAAKC,QAAEA,EAAOQ,MAAEA,GAAUD,EAElC,IAAKR,EACH,MAAM,IAAIE,MAAM,gDAGlB,IAAKO,GAA0B,IAAjBA,EAAMC,OAClB,MAAM,IAAIR,MAAM,2CAGlB,IAEE,aADuBL,EAAUc,YAAYX,EAAOS,EAAOR,IAC3CG,IAClB,CAAE,MAAOC,GACP,MAAMC,EAAeC,EAAAA,gBAAgBF,EAAO,2BAC5C,MAAM,IAAIH,MAAMI,EAClB"}