@flipdish/portal-library 7.12.0 → 8.0.0

package/dist/components/molecules/Rating/index.d.ts

@@ -1,16 +1,5 @@
 import { RatingProps as RatingProps$1 } from '@mui/material/Rating';
 
-interface RatingTranslations {
-    /** The text to read for the accessibility of the rating component
-     * Should be of format: {value} out of {max} {iconType}
-     * e.g. "4.5 out of 5 stars"
-     */
-    accessibilityRatingText: string;
-    /** The text to display before the number of reviews */
-    fromText: string;
-    /** The text to display after the number of reviews */
-    reviewsText: string;
-}
 type BaseRatingProps = Omit<RatingProps$1, 'emptyIcon' | 'icon' | 'onChange' | 'precision' | 'readOnly' | 'value'> & {
     /** The identifier for the rating component */
     fdKey: string;
@@ -30,8 +19,6 @@ interface NonReviewRatingProps extends BaseRatingProps {
     linkHref?: never;
     /** The number of reviews */
     reviews?: never;
-    /** The translations for the rating component */
-    translations?: never;
 }
 interface ReviewRatingProps extends BaseRatingProps {
     /** The layout of the rating component */
@@ -42,8 +29,6 @@ interface ReviewRatingProps extends BaseRatingProps {
     linkHref: string;
     /** The number of reviews */
     reviews: number;
-    /** The translations for the rating component */
-    translations: RatingTranslations;
 }
 /**
  * The props for the Rating component.

package/dist/components/molecules/Rating/index.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import a from"@mui/material/Rating";import{styled as i}from"@mui/material/styles";import r from"@mui/material/Box";import n from"@mui/material/Typography";import{Link as o}from"../../atoms/Link/index.js";import{StarFilledIcon as l,StarEmptyIcon as m,HeartFilledIcon as s,HeartEmptyIcon as d}from"./icons/index.js";const c=i(r,{shouldForwardProp:t=>"layout"!==t})((({theme:t,layout:e})=>({display:"flex",flexDirection:"horizontal"===e?"row":"column",gap:"horizontal"===e?t.spacing(1):t.spacing(.5),justifyContent:"center"}))),p=i(r)((({theme:t})=>({alignItems:"center",display:"flex",gap:t.spacing(1),justifyContent:"center"}))),f=i(r)((({theme:t})=>({alignItems:"center",display:"flex",gap:t.spacing(.5),justifyContent:"flex-start"}))),y=i(n)((({theme:t})=>({color:t.palette.semantic.text["text-strong"]}))),h=i(n)((({theme:t})=>({color:t.palette.semantic.text["text-weak"]}))),x={heart:{empty:t(d,{"data-testid":"heart-empty-icon"}),filled:t(s,{"data-testid":"heart-filled-icon"})},star:{empty:t(m,{"data-testid":"star-empty-icon"}),filled:t(l,{"data-testid":"star-filled-icon"})}},u=({fdKey:i,layout:r="horizontal",linkFdKey:n,linkHref:l,max:m=5,onChange:s,reviews:d=0,translations:u,type:g="star",value:v,...j})=>{const k=x[g].empty,w=x[g].filled,C=d>0&&n&&l&&u;return e(c,{layout:r,children:[e(p,{children:[t(a,{...j,"data-fd":i,emptyIcon:k,getLabelText:t=>u?.accessibilityRatingText??"",icon:w,max:m,name:i,onChange:(t,e)=>{s?.(t,null!==e?e:0)},precision:.5,readOnly:void 0===s,value:v}),t(y,{"aria-hidden":!0,variant:"b1Strong",children:v?.toFixed(1)})]}),C&&e(f,{children:["vertical"===r&&e(h,{variant:"captionWeak",children:[u.fromText," "]}),t(o,{fdKey:n,href:l,size:"caption",tone:"Brand",children:`(${d} ${u.reviewsText})`})]})]})};export{u as Rating,u as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import a from"@mui/material/Rating";import{styled as i}from"@mui/material/styles";import r from"@mui/material/Box";import o from"@mui/material/Typography";import{useTranslation as n}from"../../../providers/TranslationProvider.js";import{Link as l}from"../../atoms/Link/index.js";import{StarFilledIcon as m,StarEmptyIcon as s,HeartFilledIcon as d,HeartEmptyIcon as p}from"./icons/index.js";const c=i(r,{shouldForwardProp:t=>"layout"!==t})((({theme:t,layout:e})=>({display:"flex",flexDirection:"horizontal"===e?"row":"column",gap:"horizontal"===e?t.spacing(1):t.spacing(.5),justifyContent:"center"}))),f=i(r)((({theme:t})=>({alignItems:"center",display:"flex",gap:t.spacing(1),justifyContent:"center"}))),h=i(r)((({theme:t})=>({alignItems:"center",display:"flex",gap:t.spacing(.5),justifyContent:"flex-start"}))),u=i(o)((({theme:t})=>({color:t.palette.semantic.text["text-strong"]}))),y=i(o)((({theme:t})=>({color:t.palette.semantic.text["text-weak"]}))),x={heart:{empty:t(p,{"data-testid":"heart-empty-icon"}),filled:t(d,{"data-testid":"heart-filled-icon"})},star:{empty:t(s,{"data-testid":"star-empty-icon"}),filled:t(m,{"data-testid":"star-filled-icon"})}},g=({fdKey:i,layout:r="horizontal",linkFdKey:o,linkHref:m,max:s=5,onChange:d,reviews:p=0,type:g="star",value:v,..._})=>{const{translate:j}=n(),w=x[g].empty,b=x[g].filled,k=p>0&&o&&m;return e(c,{layout:r,children:[e(f,{children:[t(a,{..._,"data-fd":i,emptyIcon:w,getLabelText:t=>j("heart"===g?"number_out_of_total_hearts":"number_out_of_total_stars",{number:t,total:s}),icon:b,max:s,name:i,onChange:(t,e)=>{d?.(t,null!==e?e:0)},precision:.5,readOnly:void 0===d,value:v}),t(u,{"aria-hidden":!0,variant:"b1Strong",children:v?.toFixed(1)})]}),k&&e(h,{children:["vertical"===r&&e(y,{variant:"captionWeak",children:[j("From")," "]}),t(l,{fdKey:o,href:m,size:"caption",tone:"Brand",children:1===p?j("one_review"):j("total_reviews",{total:p})})]})]})};export{g as Rating,g as default};
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Rating/index.tsx"],"sourcesContent":["import MuiRating, { type RatingProps as MuiRatingProps } from '@mui/material/Rating';\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Typography from '@fd/components/atoms/Typography';\n\nimport Link from '../../atoms/Link';\nimport { HeartEmptyIcon, HeartFilledIcon, StarEmptyIcon, StarFilledIcon } from './icons';\n\ninterface RatingTranslations {\n  /** The text to read for the accessibility of the rating component\n   * Should be of format: {value} out of {max} {iconType}\n   * e.g. \"4.5 out of 5 stars\"\n   */\n  accessibilityRatingText: string;\n  /** The text to display before the number of reviews */\n  fromText: string;\n  /** The text to display after the number of reviews */\n  reviewsText: string;\n}\n\ntype BaseRatingProps = Omit<\n  MuiRatingProps,\n  'emptyIcon' | 'icon' | 'onChange' | 'precision' | 'readOnly' | 'value'\n> & {\n  /** The identifier for the rating component */\n  fdKey: string;\n  /** The function to call when the rating value changes */\n  onChange?: (event: React.SyntheticEvent, value: number) => void;\n  /** The type of rating component to use */\n  type?: 'heart' | 'star';\n  /** The value of the rating component */\n  value: number;\n};\n\ninterface NonReviewRatingProps extends BaseRatingProps {\n  /** The layout of the rating component */\n  layout?: 'horizontal' | undefined;\n  /** The identifier for the link component */\n  linkFdKey?: never;\n  /** The href for the link component */\n  linkHref?: never;\n  /** The number of reviews */\n  reviews?: never;\n  /** The translations for the rating component */\n  translations?: never;\n}\n\ninterface ReviewRatingProps extends BaseRatingProps {\n  /** The layout of the rating component */\n  layout?: 'horizontal' | 'vertical';\n  /** The identifier for the link component */\n  linkFdKey: string;\n  /** The href for the link component */\n  linkHref: string;\n  /** The number of reviews */\n  reviews: number;\n  /** The translations for the rating component */\n  translations: RatingTranslations;\n}\n\n/**\n * The props for the Rating component.\n */\nexport type RatingProps = NonReviewRatingProps | ReviewRatingProps;\n\nconst StyledContainer = styled(Box, { shouldForwardProp: (prop) => prop !== 'layout' })<{\n  layout: RatingProps['layout'];\n}>(({ theme, layout }) => ({\n  display: 'flex',\n  flexDirection: layout === 'horizontal' ? 'row' : 'column',\n  gap: layout === 'horizontal' ? theme.spacing(1) : theme.spacing(0.5),\n  justifyContent: 'center',\n}));\n\nconst StyledIconContainer = styled(Box)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  gap: theme.spacing(1),\n  justifyContent: 'center',\n}));\n\nconst StyledReviewsContainer = styled(Box)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  gap: theme.spacing(0.5),\n  justifyContent: 'flex-start',\n}));\n\nconst StyledValueText = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-strong'],\n}));\n\nconst StyledReviewsText = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst iconMap = {\n  heart: {\n    empty: <HeartEmptyIcon data-testid=\"heart-empty-icon\" />,\n    filled: <HeartFilledIcon data-testid=\"heart-filled-icon\" />,\n  },\n  star: {\n    empty: <StarEmptyIcon data-testid=\"star-empty-icon\" />,\n    filled: <StarFilledIcon data-testid=\"star-filled-icon\" />,\n  },\n};\n\n/**\n * Rating component allows users to provide feedback by rating items with stars.\n *\n * @param props - Additional props to pass to the underlying MUI Rating component\n * @returns A Rating component\n */\nexport const Rating: React.FC<RatingProps> = ({\n  fdKey,\n  layout = 'horizontal',\n  linkFdKey,\n  linkHref,\n  max = 5,\n  onChange,\n  reviews = 0,\n  translations,\n  type = 'star',\n  value,\n  ...props\n}) => {\n  const emptyIcon = iconMap[type].empty;\n  const icon = iconMap[type].filled;\n\n  const isReview = reviews > 0 && linkFdKey && linkHref && translations;\n\n  const handleChange = (event: React.SyntheticEvent, value: number | null): void => {\n    if (value !== null) onChange?.(event, value);\n    else onChange?.(event, 0);\n  };\n\n  const getLabelText = (_value: number): string => {\n    return translations?.accessibilityRatingText ?? '';\n  };\n\n  return (\n    <StyledContainer layout={layout}>\n      <StyledIconContainer>\n        <MuiRating\n          {...props}\n          data-fd={fdKey}\n          emptyIcon={emptyIcon}\n          getLabelText={getLabelText}\n          icon={icon}\n          max={max}\n          name={fdKey}\n          onChange={handleChange}\n          precision={0.5}\n          readOnly={onChange === undefined}\n          value={value}\n        />\n        <StyledValueText aria-hidden variant=\"b1Strong\">\n          {value?.toFixed(1)}\n        </StyledValueText>\n      </StyledIconContainer>\n      {isReview && (\n        <StyledReviewsContainer>\n          {layout === 'vertical' && (\n            <StyledReviewsText variant=\"captionWeak\">{translations.fromText} </StyledReviewsText>\n          )}\n          <Link fdKey={linkFdKey} href={linkHref} size=\"caption\" tone=\"Brand\">\n            {`(${reviews} ${translations.reviewsText})`}\n          </Link>\n        </StyledReviewsContainer>\n      )}\n    </StyledContainer>\n  );\n};\n\nexport default Rating;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","layout","display","flexDirection","gap","spacing","justifyContent","StyledIconContainer","alignItems","StyledReviewsContainer","StyledValueText","Typography","color","palette","semantic","text","StyledReviewsText","iconMap","heart","empty","_jsx","HeartEmptyIcon","filled","HeartFilledIcon","star","StarEmptyIcon","StarFilledIcon","Rating","fdKey","linkFdKey","linkHref","max","onChange","reviews","translations","type","value","props","emptyIcon","icon","isReview","_jsxs","children","MuiRating","getLabelText","_value","accessibilityRatingText","name","event","precision","readOnly","undefined","variant","toFixed","fromText","Link","href","size","tone","reviewsText"],"mappings":"4WAkEA,MAAMA,EAAkBC,EAAOC,EAAK,CAAEC,kBAAoBC,GAAkB,WAATA,GAA3CH,EAErB,EAAGI,QAAOC,aAAQ,CACnBC,QAAS,OACTC,cAA0B,eAAXF,EAA0B,MAAQ,SACjDG,IAAgB,eAAXH,EAA0BD,EAAMK,QAAQ,GAAKL,EAAMK,QAAQ,IAChEC,eAAgB,aAGZC,EAAsBX,EAAOC,EAAPD,EAAY,EAAGI,YAAO,CAChDQ,WAAY,SACZN,QAAS,OACTE,IAAKJ,EAAMK,QAAQ,GACnBC,eAAgB,aAGZG,EAAyBb,EAAOC,EAAPD,EAAY,EAAGI,YAAO,CACnDQ,WAAY,SACZN,QAAS,OACTE,IAAKJ,EAAMK,QAAQ,IACnBC,eAAgB,iBAGZI,EAAkBd,EAAOe,EAAPf,EAAmB,EAAGI,YAAO,CACnDY,MAAOZ,EAAMa,QAAQC,SAASC,KAAK,mBAG/BC,EAAoBpB,EAAOe,EAAPf,EAAmB,EAAGI,YAAO,CACrDY,MAAOZ,EAAMa,QAAQC,SAASC,KAAK,iBAG/BE,EAAU,CACdC,MAAO,CACLC,MAAOC,EAACC,EAAc,CAAA,cAAa,qBACnCC,OAAQF,EAACG,EAAe,CAAA,cAAa,uBAEvCC,KAAM,CACJL,MAAOC,EAACK,EAAa,CAAA,cAAa,oBAClCH,OAAQF,EAACM,EAAc,CAAA,cAAa,uBAU3BC,EAAgC,EAC3CC,QACA3B,SAAS,aACT4B,YACAC,WACAC,MAAM,EACNC,WACAC,UAAU,EACVC,eACAC,OAAO,OACPC,WACGC,MAEH,MAAMC,EAAYrB,EAAQkB,GAAMhB,MAC1BoB,EAAOtB,EAAQkB,GAAMb,OAErBkB,EAAWP,EAAU,GAAKJ,GAAaC,GAAYI,EAWzD,OACEO,EAAC9C,EAAe,CAACM,OAAQA,EAAMyC,SAAA,CAC7BD,EAAClC,EAAmB,CAAAmC,SAAA,CAClBtB,EAACuB,EAAS,IACJN,EAAK,UACAT,EACTU,UAAWA,EACXM,aAXcC,GACbX,GAAcY,yBAA2B,GAW1CP,KAAMA,EACNR,IAAKA,EACLgB,KAAMnB,EACNI,SApBa,CAACgB,EAA6BZ,KAC7BJ,IAAWgB,EAAjB,OAAVZ,EAAkCA,EACf,IAmBjBa,UAAW,GACXC,cAAuBC,IAAbnB,EACVI,MAAOA,IAEThB,EAACV,EAAe,CAAA,eAAA,EAAa0C,QAAQ,WAAUV,SAC5CN,GAAOiB,QAAQ,QAGnBb,GACCC,EAAChC,EAAsB,CAAAiC,SAAA,CACT,aAAXzC,GACCwC,EAACzB,EAAiB,CAACoC,QAAQ,cAAaV,SAAA,CAAER,EAAaoB,gBAEzDlC,EAACmC,EAAI,CAAC3B,MAAOC,EAAW2B,KAAM1B,EAAU2B,KAAK,UAAUC,KAAK,QAAOhB,SAChE,IAAIT,KAAWC,EAAayB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Rating/index.tsx"],"sourcesContent":["import MuiRating, { type RatingProps as MuiRatingProps } from '@mui/material/Rating';\nimport { styled } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\nimport Typography from '@fd/components/atoms/Typography';\nimport { useTranslation } from '@fd/providers/TranslationProvider';\n\nimport Link from '../../atoms/Link';\nimport { HeartEmptyIcon, HeartFilledIcon, StarEmptyIcon, StarFilledIcon } from './icons';\n\ntype BaseRatingProps = Omit<\n  MuiRatingProps,\n  'emptyIcon' | 'icon' | 'onChange' | 'precision' | 'readOnly' | 'value'\n> & {\n  /** The identifier for the rating component */\n  fdKey: string;\n  /** The function to call when the rating value changes */\n  onChange?: (event: React.SyntheticEvent, value: number) => void;\n  /** The type of rating component to use */\n  type?: 'heart' | 'star';\n  /** The value of the rating component */\n  value: number;\n};\n\ninterface NonReviewRatingProps extends BaseRatingProps {\n  /** The layout of the rating component */\n  layout?: 'horizontal' | undefined;\n  /** The identifier for the link component */\n  linkFdKey?: never;\n  /** The href for the link component */\n  linkHref?: never;\n  /** The number of reviews */\n  reviews?: never;\n}\n\ninterface ReviewRatingProps extends BaseRatingProps {\n  /** The layout of the rating component */\n  layout?: 'horizontal' | 'vertical';\n  /** The identifier for the link component */\n  linkFdKey: string;\n  /** The href for the link component */\n  linkHref: string;\n  /** The number of reviews */\n  reviews: number;\n}\n\n/**\n * The props for the Rating component.\n */\nexport type RatingProps = NonReviewRatingProps | ReviewRatingProps;\n\nconst StyledContainer = styled(Box, { shouldForwardProp: (prop) => prop !== 'layout' })<{\n  layout: RatingProps['layout'];\n}>(({ theme, layout }) => ({\n  display: 'flex',\n  flexDirection: layout === 'horizontal' ? 'row' : 'column',\n  gap: layout === 'horizontal' ? theme.spacing(1) : theme.spacing(0.5),\n  justifyContent: 'center',\n}));\n\nconst StyledIconContainer = styled(Box)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  gap: theme.spacing(1),\n  justifyContent: 'center',\n}));\n\nconst StyledReviewsContainer = styled(Box)(({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  gap: theme.spacing(0.5),\n  justifyContent: 'flex-start',\n}));\n\nconst StyledValueText = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-strong'],\n}));\n\nconst StyledReviewsText = styled(Typography)(({ theme }) => ({\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst iconMap = {\n  heart: {\n    empty: <HeartEmptyIcon data-testid=\"heart-empty-icon\" />,\n    filled: <HeartFilledIcon data-testid=\"heart-filled-icon\" />,\n  },\n  star: {\n    empty: <StarEmptyIcon data-testid=\"star-empty-icon\" />,\n    filled: <StarFilledIcon data-testid=\"star-filled-icon\" />,\n  },\n};\n\n/**\n * Rating component allows users to provide feedback by rating items with stars.\n *\n * @param props - Additional props to pass to the underlying MUI Rating component\n * @returns A Rating component\n */\nexport const Rating: React.FC<RatingProps> = ({\n  fdKey,\n  layout = 'horizontal',\n  linkFdKey,\n  linkHref,\n  max = 5,\n  onChange,\n  reviews = 0,\n  type = 'star',\n  value,\n  ...props\n}) => {\n  const { translate } = useTranslation();\n\n  const emptyIcon = iconMap[type].empty;\n  const icon = iconMap[type].filled;\n\n  const isReview = reviews > 0 && linkFdKey && linkHref;\n\n  const handleChange = (event: React.SyntheticEvent, value: number | null): void => {\n    if (value !== null) onChange?.(event, value);\n    else onChange?.(event, 0);\n  };\n\n  const getLabelText = (labelValue: number): string => {\n    if (type === 'heart') {\n      return translate('number_out_of_total_hearts', { number: labelValue, total: max });\n    }\n    return translate('number_out_of_total_stars', { number: labelValue, total: max });\n  };\n\n  return (\n    <StyledContainer layout={layout}>\n      <StyledIconContainer>\n        <MuiRating\n          {...props}\n          data-fd={fdKey}\n          emptyIcon={emptyIcon}\n          getLabelText={getLabelText}\n          icon={icon}\n          max={max}\n          name={fdKey}\n          onChange={handleChange}\n          precision={0.5}\n          readOnly={onChange === undefined}\n          value={value}\n        />\n        <StyledValueText aria-hidden variant=\"b1Strong\">\n          {value?.toFixed(1)}\n        </StyledValueText>\n      </StyledIconContainer>\n      {isReview && (\n        <StyledReviewsContainer>\n          {layout === 'vertical' && (\n            <StyledReviewsText variant=\"captionWeak\">{translate('From')} </StyledReviewsText>\n          )}\n          <Link fdKey={linkFdKey} href={linkHref} size=\"caption\" tone=\"Brand\">\n            {reviews === 1 ? translate('one_review') : translate('total_reviews', { total: reviews })}\n          </Link>\n        </StyledReviewsContainer>\n      )}\n    </StyledContainer>\n  );\n};\n\nexport default Rating;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","layout","display","flexDirection","gap","spacing","justifyContent","StyledIconContainer","alignItems","StyledReviewsContainer","StyledValueText","Typography","color","palette","semantic","text","StyledReviewsText","iconMap","heart","empty","_jsx","HeartEmptyIcon","filled","HeartFilledIcon","star","StarEmptyIcon","StarFilledIcon","Rating","fdKey","linkFdKey","linkHref","max","onChange","reviews","type","value","props","translate","useTranslation","emptyIcon","icon","isReview","_jsxs","children","MuiRating","getLabelText","labelValue","number","total","name","event","precision","readOnly","undefined","variant","toFixed","Link","href","size","tone"],"mappings":"ubAmDA,MAAMA,EAAkBC,EAAOC,EAAK,CAAEC,kBAAoBC,GAAkB,WAATA,GAA3CH,EAErB,EAAGI,QAAOC,aAAQ,CACnBC,QAAS,OACTC,cAA0B,eAAXF,EAA0B,MAAQ,SACjDG,IAAgB,eAAXH,EAA0BD,EAAMK,QAAQ,GAAKL,EAAMK,QAAQ,IAChEC,eAAgB,aAGZC,EAAsBX,EAAOC,EAAPD,EAAY,EAAGI,YAAO,CAChDQ,WAAY,SACZN,QAAS,OACTE,IAAKJ,EAAMK,QAAQ,GACnBC,eAAgB,aAGZG,EAAyBb,EAAOC,EAAPD,EAAY,EAAGI,YAAO,CACnDQ,WAAY,SACZN,QAAS,OACTE,IAAKJ,EAAMK,QAAQ,IACnBC,eAAgB,iBAGZI,EAAkBd,EAAOe,EAAPf,EAAmB,EAAGI,YAAO,CACnDY,MAAOZ,EAAMa,QAAQC,SAASC,KAAK,mBAG/BC,EAAoBpB,EAAOe,EAAPf,EAAmB,EAAGI,YAAO,CACrDY,MAAOZ,EAAMa,QAAQC,SAASC,KAAK,iBAG/BE,EAAU,CACdC,MAAO,CACLC,MAAOC,EAACC,EAAc,CAAA,cAAa,qBACnCC,OAAQF,EAACG,EAAe,CAAA,cAAa,uBAEvCC,KAAM,CACJL,MAAOC,EAACK,EAAa,CAAA,cAAa,oBAClCH,OAAQF,EAACM,EAAc,CAAA,cAAa,uBAU3BC,EAAgC,EAC3CC,QACA3B,SAAS,aACT4B,YACAC,WACAC,MAAM,EACNC,WACAC,UAAU,EACVC,OAAO,OACPC,WACGC,MAEH,MAAMC,UAAEA,GAAcC,IAEhBC,EAAYtB,EAAQiB,GAAMf,MAC1BqB,EAAOvB,EAAQiB,GAAMZ,OAErBmB,EAAWR,EAAU,GAAKJ,GAAaC,EAc7C,OACEY,EAAC/C,EAAe,CAACM,OAAQA,EAAM0C,SAAA,CAC7BD,EAACnC,EAAmB,CAAAoC,SAAA,CAClBvB,EAACwB,MACKR,EAAK,UACAR,EACTW,UAAWA,EACXM,aAdcC,GAEXT,EADI,UAATH,EACe,6BAEF,4BAFgC,CAAEa,OAAQD,EAAYE,MAAOjB,IAaxES,KAAMA,EACNT,IAAKA,EACLkB,KAAMrB,EACNI,SAvBa,CAACkB,EAA6Bf,KAC7BH,IAAWkB,EAAjB,OAAVf,EAAkCA,EACf,IAsBjBgB,UAAW,GACXC,cAAuBC,IAAbrB,EACVG,MAAOA,IAETf,EAACV,oBAA4B4C,QAAQ,WAAUX,SAC5CR,GAAOoB,QAAQ,QAGnBd,GACCC,EAACjC,aACa,aAAXR,GACCyC,EAAC1B,EAAiB,CAACsC,QAAQ,cAAaX,SAAA,CAAEN,EAAU,QAAO,OAE7DjB,EAACoC,EAAI,CAAC5B,MAAOC,EAAW4B,KAAM3B,EAAU4B,KAAK,UAAUC,KAAK,QAAOhB,SACpD,IAAZV,EAAgBI,EAAU,cAAgBA,EAAU,gBAAiB,CAAEW,MAAOf"}

package/dist/components/molecules/SearchInput/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../Autocomplete/index.cjs.js");const a=({ariaLabel:a,clearTextAriaLabel:r,onChange:o,shortcutHotkeyAriaDescription:i,...s})=>e.jsx(t.Autocomplete,{...s,ariaLabel:a,multiple:!1,onChange:()=>{},onInputChange:o,options:[],translations:{clearTextAriaLabel:r,shortcutHotkeyAriaDescription:i,dismissTagAriaLabel:"",loadingText:"",noOptionsText:"",openPopupAriaLabel:""},type:"search"});exports.SearchInput=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../Autocomplete/index.cjs.js");const r=({ariaLabel:r,onChange:a,...o})=>e.jsx(t.Autocomplete,{...o,ariaLabel:r,multiple:!1,onChange:()=>{},onInputChange:a,options:[],type:"search"});exports.SearchInput=r,exports.default=r;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/molecules/SearchInput/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/SearchInput/index.tsx"],"sourcesContent":["import Autocomplete, { type AutocompleteProps } from '../Autocomplete';\n\n/**\n * The props for the SearchInput component.\n */\nexport type SearchInputProps = Omit<\n  AutocompleteProps,\n  | 'errorText'\n  | 'helperText'\n  | 'label'\n  | 'multiple'\n  | 'onChange'\n  | 'onInputChange'\n  | 'options'\n  | 'required'\n  | 'translations'\n  | 'type'\n> & {\n  /** Aria-label for the search input. */\n  ariaLabel: string;\n  /** Aria-label for the clear button. */\n  clearTextAriaLabel: AutocompleteProps['translations']['clearTextAriaLabel'];\n  /** Called when the input text changes. */\n  onChange: AutocompleteProps['onInputChange'];\n  /** Screen reader hint describing the shortcut, e.g., \"Press ⌘+K to focus search\". */\n  shortcutHotkeyAriaDescription: AutocompleteProps['translations']['shortcutHotkeyAriaDescription'];\n};\n\n/**\n * A SearchInput component.\n *\n * @param props - The component props\n * @returns The rendered SearchInput component\n */\nexport const SearchInput = ({\n  ariaLabel,\n  clearTextAriaLabel,\n  onChange,\n  shortcutHotkeyAriaDescription,\n  ...props\n}: SearchInputProps): JSX.Element => {\n  return (\n    <Autocomplete\n      {...props}\n      ariaLabel={ariaLabel}\n      multiple={false}\n      onChange={() => {}}\n      onInputChange={onChange}\n      options={[]}\n      translations={{\n        clearTextAriaLabel,\n        shortcutHotkeyAriaDescription,\n        dismissTagAriaLabel: '',\n        loadingText: '',\n        noOptionsText: '',\n        openPopupAriaLabel: '',\n      }}\n      type=\"search\"\n    />\n  );\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","ariaLabel","clearTextAriaLabel","onChange","shortcutHotkeyAriaDescription","props","_jsx","Autocomplete","multiple","onInputChange","options","translations","dismissTagAriaLabel","loadingText","noOptionsText","openPopupAriaLabel","type"],"mappings":"iJAkCO,MAAMA,EAAc,EACzBC,YACAC,qBACAC,WACAC,mCACGC,KAGDC,EAAAA,IAACC,EAAAA,aAAY,IACPF,EACJJ,UAAWA,EACXO,UAAU,EACVL,SAAU,OACVM,cAAeN,EACfO,QAAS,GACTC,aAAc,CACZT,qBACAE,gCACAQ,oBAAqB,GACrBC,YAAa,GACbC,cAAe,GACfC,mBAAoB,IAEtBC,KAAK"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/molecules/SearchInput/index.tsx"],"sourcesContent":["import Autocomplete, { type AutocompleteProps } from '../Autocomplete';\n\n/**\n * The props for the SearchInput component.\n */\nexport type SearchInputProps = Omit<\n  AutocompleteProps,\n  | 'errorText'\n  | 'helperText'\n  | 'label'\n  | 'multiple'\n  | 'onChange'\n  | 'onInputChange'\n  | 'options'\n  | 'required'\n  | 'translations'\n  | 'type'\n> & {\n  /** Aria-label for the search input. */\n  ariaLabel: string;\n  /** Called when the input text changes. */\n  onChange: AutocompleteProps['onInputChange'];\n};\n\n/**\n * A SearchInput component.\n *\n * @param props - The component props\n * @returns The rendered SearchInput component\n */\nexport const SearchInput = ({ ariaLabel, onChange, ...props }: SearchInputProps): JSX.Element => {\n  return (\n    <Autocomplete\n      {...props}\n      ariaLabel={ariaLabel}\n      multiple={false}\n      onChange={() => {}}\n      onInputChange={onChange}\n      options={[]}\n      type=\"search\"\n    />\n  );\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","ariaLabel","onChange","props","_jsx","Autocomplete","multiple","onInputChange","options","type"],"mappings":"iJA8BO,MAAMA,EAAc,EAAGC,YAAWC,cAAaC,KAElDC,EAAAA,IAACC,EAAAA,aAAY,IACPF,EACJF,UAAWA,EACXK,UAAU,EACVJ,SAAU,OACVK,cAAeL,EACfM,QAAS,GACTC,KAAK"}

package/dist/components/molecules/SearchInput/index.d.ts

@@ -6,12 +6,8 @@ import { AutocompleteProps } from '../Autocomplete/index.js';
 type SearchInputProps = Omit<AutocompleteProps, 'errorText' | 'helperText' | 'label' | 'multiple' | 'onChange' | 'onInputChange' | 'options' | 'required' | 'translations' | 'type'> & {
     /** Aria-label for the search input. */
     ariaLabel: string;
-    /** Aria-label for the clear button. */
-    clearTextAriaLabel: AutocompleteProps['translations']['clearTextAriaLabel'];
     /** Called when the input text changes. */
     onChange: AutocompleteProps['onInputChange'];
-    /** Screen reader hint describing the shortcut, e.g., "Press ⌘+K to focus search". */
-    shortcutHotkeyAriaDescription: AutocompleteProps['translations']['shortcutHotkeyAriaDescription'];
 };
 /**
  * A SearchInput component.
@@ -19,7 +15,7 @@ type SearchInputProps = Omit<AutocompleteProps, 'errorText' | 'helperText' | 'la
  * @param props - The component props
  * @returns The rendered SearchInput component
  */
-declare const SearchInput: ({ ariaLabel, clearTextAriaLabel, onChange, shortcutHotkeyAriaDescription, ...props }: SearchInputProps) => JSX.Element;
+declare const SearchInput: ({ ariaLabel, onChange, ...props }: SearchInputProps) => JSX.Element;
 
 export { SearchInput, SearchInput as default };
 export type { SearchInputProps };

package/dist/components/molecules/SearchInput/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{Autocomplete as a}from"../Autocomplete/index.js";const t=({ariaLabel:t,clearTextAriaLabel:o,onChange:i,shortcutHotkeyAriaDescription:r,...n})=>e(a,{...n,ariaLabel:t,multiple:!1,onChange:()=>{},onInputChange:i,options:[],translations:{clearTextAriaLabel:o,shortcutHotkeyAriaDescription:r,dismissTagAriaLabel:"",loadingText:"",noOptionsText:"",openPopupAriaLabel:""},type:"search"});export{t as SearchInput,t as default};
+import{jsx as e}from"react/jsx-runtime";import{Autocomplete as a}from"../Autocomplete/index.js";const o=({ariaLabel:o,onChange:t,...n})=>e(a,{...n,ariaLabel:o,multiple:!1,onChange:()=>{},onInputChange:t,options:[],type:"search"});export{o as SearchInput,o as default};
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/SearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SearchInput/index.tsx"],"sourcesContent":["import Autocomplete, { type AutocompleteProps } from '../Autocomplete';\n\n/**\n * The props for the SearchInput component.\n */\nexport type SearchInputProps = Omit<\n  AutocompleteProps,\n  | 'errorText'\n  | 'helperText'\n  | 'label'\n  | 'multiple'\n  | 'onChange'\n  | 'onInputChange'\n  | 'options'\n  | 'required'\n  | 'translations'\n  | 'type'\n> & {\n  /** Aria-label for the search input. */\n  ariaLabel: string;\n  /** Aria-label for the clear button. */\n  clearTextAriaLabel: AutocompleteProps['translations']['clearTextAriaLabel'];\n  /** Called when the input text changes. */\n  onChange: AutocompleteProps['onInputChange'];\n  /** Screen reader hint describing the shortcut, e.g., \"Press ⌘+K to focus search\". */\n  shortcutHotkeyAriaDescription: AutocompleteProps['translations']['shortcutHotkeyAriaDescription'];\n};\n\n/**\n * A SearchInput component.\n *\n * @param props - The component props\n * @returns The rendered SearchInput component\n */\nexport const SearchInput = ({\n  ariaLabel,\n  clearTextAriaLabel,\n  onChange,\n  shortcutHotkeyAriaDescription,\n  ...props\n}: SearchInputProps): JSX.Element => {\n  return (\n    <Autocomplete\n      {...props}\n      ariaLabel={ariaLabel}\n      multiple={false}\n      onChange={() => {}}\n      onInputChange={onChange}\n      options={[]}\n      translations={{\n        clearTextAriaLabel,\n        shortcutHotkeyAriaDescription,\n        dismissTagAriaLabel: '',\n        loadingText: '',\n        noOptionsText: '',\n        openPopupAriaLabel: '',\n      }}\n      type=\"search\"\n    />\n  );\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","ariaLabel","clearTextAriaLabel","onChange","shortcutHotkeyAriaDescription","props","_jsx","Autocomplete","multiple","onInputChange","options","translations","dismissTagAriaLabel","loadingText","noOptionsText","openPopupAriaLabel","type"],"mappings":"gGAkCO,MAAMA,EAAc,EACzBC,YACAC,qBACAC,WACAC,mCACGC,KAGDC,EAACC,EAAY,IACPF,EACJJ,UAAWA,EACXO,UAAU,EACVL,SAAU,OACVM,cAAeN,EACfO,QAAS,GACTC,aAAc,CACZT,qBACAE,gCACAQ,oBAAqB,GACrBC,YAAa,GACbC,cAAe,GACfC,mBAAoB,IAEtBC,KAAK"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SearchInput/index.tsx"],"sourcesContent":["import Autocomplete, { type AutocompleteProps } from '../Autocomplete';\n\n/**\n * The props for the SearchInput component.\n */\nexport type SearchInputProps = Omit<\n  AutocompleteProps,\n  | 'errorText'\n  | 'helperText'\n  | 'label'\n  | 'multiple'\n  | 'onChange'\n  | 'onInputChange'\n  | 'options'\n  | 'required'\n  | 'translations'\n  | 'type'\n> & {\n  /** Aria-label for the search input. */\n  ariaLabel: string;\n  /** Called when the input text changes. */\n  onChange: AutocompleteProps['onInputChange'];\n};\n\n/**\n * A SearchInput component.\n *\n * @param props - The component props\n * @returns The rendered SearchInput component\n */\nexport const SearchInput = ({ ariaLabel, onChange, ...props }: SearchInputProps): JSX.Element => {\n  return (\n    <Autocomplete\n      {...props}\n      ariaLabel={ariaLabel}\n      multiple={false}\n      onChange={() => {}}\n      onInputChange={onChange}\n      options={[]}\n      type=\"search\"\n    />\n  );\n};\n\nexport default SearchInput;\n"],"names":["SearchInput","ariaLabel","onChange","props","_jsx","Autocomplete","multiple","onInputChange","options","type"],"mappings":"gGA8BO,MAAMA,EAAc,EAAGC,YAAWC,cAAaC,KAElDC,EAACC,EAAY,IACPF,EACJF,UAAWA,EACXK,UAAU,EACVJ,SAAU,OACVK,cAAeL,EACfM,QAAS,GACTC,KAAK"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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