@lifesg/react-design-system 4.0.0-alpha.11 → 4.0.0-alpha.12

package/cjs/file-download/file-download.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("clsx"),s=require("../dashed-border/dashed-border.js"),t=require("../markup/markup.js");require("../theme/theme-provider/index.js"),require("react"),require("../theme/theme-provider/context.js");var a=require("../theme/tokens/border.js"),d=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var l=require("../theme/tokens/radius.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js");var n=require("./file-download.styles.js"),o=require("./file-list-card/file-list-card.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(i);exports.FileDownload=({id:i,fileItems:u,title:m,description:j,onDownload:h,"data-testid":q,className:p,styleType:x="bordered"})=>{const f=r=>e.__awaiter(void 0,void 0,void 0,(function*(){h&&(yield h(r))})),v="bordered"===x;return r.jsxs(s.DashedBorder,{id:i?`${i}-file-download`:"file-download",className:c.default(n.container,v&&n.containerBordered,p),"data-testid":q,enabled:v,thickness:a.Border["width-040"],radius:l.Radius.sm,colour:d.Colour.border,children:[(m||j)&&r.jsxs("div",{className:n.textContainer,children:[m?"string"==typeof m?r.jsx("p",{className:n.title,children:m}):r.jsx(t.Markup,{className:n.titleContainer,baseTextSize:"heading-xs",children:m}):null,j?"string"==typeof j?r.jsx("p",{className:n.description,children:j}):r.jsx(t.Markup,{className:n.descriptionContainer,baseTextSize:"body-md",children:j}):null]}),r.jsx("ul",{className:n.listWrapper,children:u&&u.length>0&&u.map((e=>r.jsx(o.FileListCard,{fileItem:e,onDownload:f},e.id)))})]})};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("clsx"),s=require("../dashed-border/dashed-border.js"),t=require("../markup/markup.js");require("../theme/theme-provider/index.js"),require("react"),require("../theme/theme-provider/context.js");var a=require("../theme/tokens/border.js"),d=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var l=require("../theme/tokens/radius.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../theme/utils/use-media-query.js");var n=require("./file-download.styles.js"),o=require("./file-list-card/file-list-card.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(i);exports.FileDownload=({id:i,fileItems:u,title:m,description:j,onDownload:h,onClick:q,"data-testid":p,className:x,styleType:f="bordered"})=>{const v=r=>e.__awaiter(void 0,void 0,void 0,(function*(){h&&(yield h(r))})),b="bordered"===f;return r.jsxs(s.DashedBorder,{id:i?`${i}-file-download`:"file-download",className:c.default(n.container,b&&n.containerBordered,x),"data-testid":p,enabled:b,thickness:a.Border["width-040"],radius:l.Radius.sm,colour:d.Colour.border,children:[(m||j)&&r.jsxs("div",{className:n.textContainer,children:[m?"string"==typeof m?r.jsx("p",{className:n.title,children:m}):r.jsx(t.Markup,{className:n.titleContainer,baseTextSize:"heading-xs",children:m}):null,j?"string"==typeof j?r.jsx("p",{className:n.description,children:j}):r.jsx(t.Markup,{className:n.descriptionContainer,baseTextSize:"body-md",children:j}):null]}),r.jsx("ul",{className:n.listWrapper,children:u&&u.length>0&&u.map((e=>r.jsx(o.FileListCard,{fileItem:e,onDownload:v,onClick:q},e.id)))})]})};
 //# sourceMappingURL=file-download.js.map

package/cjs/file-download/file-download.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-download.js","sources":["../../../src/file-download/file-download.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { DashedBorder } from \"../dashed-border\";\nimport { Markup } from \"../markup\";\nimport { Border, Colour, Radius } from \"../theme\";\nimport * as styles from \"./file-download.styles\";\nimport { FileListCard } from \"./file-list-card\";\nimport type { FileDownloadProps, FileItemDownloadProps } from \"./types\";\n\n// @catalog\n/**\n * Displays a list of downloadable files, optionally grouped under a title and description.\n *\n * Use `FileDownload` to present one or more files that users can download individually.\n * Each file item renders as a card with file metadata and a download trigger.\n * @keywords attachment, document, download, file\n */\nexport const FileDownload = ({\n    id,\n    fileItems,\n    title,\n    description,\n    onDownload,\n    \"data-testid\": testId,\n    className,\n    styleType = \"bordered\",\n}: FileDownloadProps) => {\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownloadItem = async (item: FileItemDownloadProps) => {\n        if (onDownload) {\n            await onDownload(item);\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderTitle = () => {\n        if (!title) {\n            return null;\n        }\n\n        if (typeof title === \"string\") {\n            return <p className={styles.title}>{title}</p>;\n        }\n\n        return (\n            <Markup className={styles.titleContainer} baseTextSize=\"heading-xs\">\n                {title}\n            </Markup>\n        );\n    };\n\n    const renderDescription = () => {\n        if (!description) {\n            return null;\n        }\n\n        if (typeof description === \"string\") {\n            return <p className={styles.description}>{description}</p>;\n        }\n\n        return (\n            <Markup\n                className={styles.descriptionContainer}\n                baseTextSize=\"body-md\"\n            >\n                {description}\n            </Markup>\n        );\n    };\n\n    const isBordered = styleType === \"bordered\";\n\n    return (\n        <DashedBorder\n            id={id ? `${id}-file-download` : \"file-download\"}\n            className={clsx(\n                styles.container,\n                isBordered && styles.containerBordered,\n                className\n            )}\n            data-testid={testId}\n            enabled={isBordered}\n            thickness={Border[\"width-040\"]}\n            radius={Radius[\"sm\"]}\n            colour={Colour[\"border\"]}\n        >\n            {(title || description) && (\n                <div className={styles.textContainer}>\n                    {renderTitle()}\n                    {renderDescription()}\n                </div>\n            )}\n            <ul className={styles.listWrapper}>\n                {fileItems &&\n                    fileItems.length > 0 &&\n                    fileItems.map((item) => (\n                        <FileListCard\n                            key={item.id}\n                            fileItem={item}\n                            onDownload={handleDownloadItem}\n                        />\n                    ))}\n            </ul>\n        </DashedBorder>\n    );\n};\n"],"names":["id","fileItems","title","description","onDownload","testId","className","styleType","handleDownloadItem","item","__awaiter","isBordered","_jsxs","DashedBorder","clsx","styles.container","styles.containerBordered","enabled","thickness","Border","radius","Radius","colour","Colour","children","styles.textContainer","_jsx","styles.title","Markup","styles.titleContainer","baseTextSize","styles.description","styles.descriptionContainer","styles.listWrapper","length","map","FileListCard","fileItem"],"mappings":"85BAiB4B,EACxBA,KACAC,YACAC,QACAC,cACAC,aACA,cAAeC,EACfC,YACAC,YAAY,eAKZ,MAAMC,EAA4BC,GAA+BC,EAAAA,eAAA,OAAA,OAAA,GAAA,YACzDN,UACMA,EAAWK,GAEzB,IAwCME,EAA2B,aAAdJ,EAEnB,OACIK,OAACC,EAAAA,cACGb,GAAIA,EAAK,GAAGA,kBAAqB,gBACjCM,UAAWQ,EAAAA,QACPC,EAAAA,UACAJ,GAAcK,oBACdV,GACH,cACYD,EACbY,QAASN,EACTO,UAAWC,EAAAA,OAAO,aAClBC,OAAQC,EAAAA,OAAW,GACnBC,OAAQC,EAAAA,OAAe,OAACC,SAAA,EAEtBtB,GAASC,IACPS,EAAAA,YAAKN,UAAWmB,EAAAA,wBAnDnBvB,EAIgB,iBAAVA,EACAwB,EAAAA,IAAA,IAAA,CAAGpB,UAAWqB,EAAAA,MAAYH,SAAGtB,IAIpCwB,EAAAA,IAACE,SAAM,CAACtB,UAAWuB,EAAAA,eAAuBC,aAAa,sBAClD5B,IATE,KAeNC,EAIsB,iBAAhBA,EACAuB,EAAAA,IAAA,IAAA,CAAGpB,UAAWyB,EAAAA,YAAkBP,SAAGrB,IAI1CuB,EAAAA,IAACE,SAAM,CACHtB,UAAW0B,EAAAA,qBACXF,aAAa,mBAEZ3B,IAZE,QAuCPuB,EAAAA,UAAIpB,UAAW2B,EAAAA,qBACVhC,GACGA,EAAUiC,OAAS,GACnBjC,EAAUkC,KAAK1B,GACXiB,EAAAA,IAACU,EAAAA,aAAY,CAETC,SAAU5B,EACVL,WAAYI,GAFPC,EAAKT,UAMf"}
+{"version":3,"file":"file-download.js","sources":["../../../src/file-download/file-download.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { DashedBorder } from \"../dashed-border\";\nimport { Markup } from \"../markup\";\nimport { Border, Colour, Radius } from \"../theme\";\nimport * as styles from \"./file-download.styles\";\nimport { FileListCard } from \"./file-list-card\";\nimport type { FileDownloadProps, FileItemDownloadProps } from \"./types\";\n\n// @catalog\n/**\n * Displays a list of downloadable files, optionally grouped under a title and description.\n *\n * Use `FileDownload` to present one or more files that users can download individually.\n * Each file item renders as a card with file metadata and a download trigger.\n * @keywords attachment, document, download, file\n */\nexport const FileDownload = ({\n    id,\n    fileItems,\n    title,\n    description,\n    onDownload,\n    onClick,\n    \"data-testid\": testId,\n    className,\n    styleType = \"bordered\",\n}: FileDownloadProps) => {\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownloadItem = async (item: FileItemDownloadProps) => {\n        if (onDownload) {\n            await onDownload(item);\n        }\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderTitle = () => {\n        if (!title) {\n            return null;\n        }\n\n        if (typeof title === \"string\") {\n            return <p className={styles.title}>{title}</p>;\n        }\n\n        return (\n            <Markup className={styles.titleContainer} baseTextSize=\"heading-xs\">\n                {title}\n            </Markup>\n        );\n    };\n\n    const renderDescription = () => {\n        if (!description) {\n            return null;\n        }\n\n        if (typeof description === \"string\") {\n            return <p className={styles.description}>{description}</p>;\n        }\n\n        return (\n            <Markup\n                className={styles.descriptionContainer}\n                baseTextSize=\"body-md\"\n            >\n                {description}\n            </Markup>\n        );\n    };\n\n    const isBordered = styleType === \"bordered\";\n\n    return (\n        <DashedBorder\n            id={id ? `${id}-file-download` : \"file-download\"}\n            className={clsx(\n                styles.container,\n                isBordered && styles.containerBordered,\n                className\n            )}\n            data-testid={testId}\n            enabled={isBordered}\n            thickness={Border[\"width-040\"]}\n            radius={Radius[\"sm\"]}\n            colour={Colour[\"border\"]}\n        >\n            {(title || description) && (\n                <div className={styles.textContainer}>\n                    {renderTitle()}\n                    {renderDescription()}\n                </div>\n            )}\n            <ul className={styles.listWrapper}>\n                {fileItems &&\n                    fileItems.length > 0 &&\n                    fileItems.map((item) => (\n                        <FileListCard\n                            key={item.id}\n                            fileItem={item}\n                            onDownload={handleDownloadItem}\n                            onClick={onClick}\n                        />\n                    ))}\n            </ul>\n        </DashedBorder>\n    );\n};\n"],"names":["id","fileItems","title","description","onDownload","onClick","testId","className","styleType","handleDownloadItem","item","__awaiter","isBordered","_jsxs","DashedBorder","clsx","styles.container","styles.containerBordered","enabled","thickness","Border","radius","Radius","colour","Colour","children","styles.textContainer","_jsx","styles.title","Markup","styles.titleContainer","baseTextSize","styles.description","styles.descriptionContainer","styles.listWrapper","length","map","FileListCard","fileItem"],"mappings":"85BAiB4B,EACxBA,KACAC,YACAC,QACAC,cACAC,aACAC,UACA,cAAeC,EACfC,YACAC,YAAY,eAKZ,MAAMC,EAA4BC,GAA+BC,EAAAA,eAAA,OAAA,OAAA,GAAA,YACzDP,UACMA,EAAWM,GAEzB,IAwCME,EAA2B,aAAdJ,EAEnB,OACIK,OAACC,EAAAA,cACGd,GAAIA,EAAK,GAAGA,kBAAqB,gBACjCO,UAAWQ,EAAAA,QACPC,EAAAA,UACAJ,GAAcK,oBACdV,GACH,cACYD,EACbY,QAASN,EACTO,UAAWC,EAAAA,OAAO,aAClBC,OAAQC,EAAAA,OAAW,GACnBC,OAAQC,EAAAA,OAAe,OAACC,SAAA,EAEtBvB,GAASC,IACPU,EAAAA,YAAKN,UAAWmB,EAAAA,wBAnDnBxB,EAIgB,iBAAVA,EACAyB,EAAAA,IAAA,IAAA,CAAGpB,UAAWqB,EAAAA,MAAYH,SAAGvB,IAIpCyB,EAAAA,IAACE,SAAM,CAACtB,UAAWuB,EAAAA,eAAuBC,aAAa,sBAClD7B,IATE,KAeNC,EAIsB,iBAAhBA,EACAwB,EAAAA,IAAA,IAAA,CAAGpB,UAAWyB,EAAAA,YAAkBP,SAAGtB,IAI1CwB,EAAAA,IAACE,SAAM,CACHtB,UAAW0B,EAAAA,qBACXF,aAAa,mBAEZ5B,IAZE,QAuCPwB,EAAAA,UAAIpB,UAAW2B,EAAAA,qBACVjC,GACGA,EAAUkC,OAAS,GACnBlC,EAAUmC,KAAK1B,GACXiB,EAAAA,IAACU,eAAY,CAETC,SAAU5B,EACVN,WAAYK,EACZJ,QAASA,GAHJK,EAAKV,UAOf"}

package/cjs/file-download/file-list-card/file-list-card.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("@lifesg/react-icons"),t=require("@lifesg/react-icons/exclamation-circle-fill"),a=require("clsx"),s=require("react"),n=require("../../button/button.js"),l=require("../../file-upload/helper.js"),c=require("../../shared/image-with-fallback/image-with-fallback.js");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js");var o=require("../../util/string-helper.js");require("@react-aria/live-announcer");var d=require("../../theme/utils/use-media-query.js"),u=require("./file-list-card.styles.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(a);const j=s.memo((({fileItem:a,onDownload:m})=>{const{id:j,name:x,size:g,errorMessage:f,thumbnailImageDataUrl:v,truncateText:q=!0,ready:b=!0}=a,[N,p]=s.useState(!1),[S,y]=s.useState(!1),w=l.FileUploadHelper.formatFileSizeDisplay(g),F=d.useMaxWidthMediaQuery("sm"),[I,k]=s.useState(),C=s.useRef(null);s.useEffect((()=>{C.current&&k(F?E(x):x)}),[x,F]);const E=e=>{if(!q)return e;const r=C&&C.current?C.current.getBoundingClientRect().width:0;return o.StringHelper.truncateTwoLines(e,r,16,1.5)},M=()=>r.jsxs(r.Fragment,{children:[r.jsx("div",{className:u.itemNameText,ref:C,children:I}),S&&r.jsxs("div",{className:u.desktopErrorMessage,children:[r.jsx(t.ExclamationCircleFillIcon,{className:u.errorIcon}),f||"Something went wrong"]})]});return r.jsx("li",{className:u.item,"data-testid":j,children:r.jsxs("div",{className:h.default(u.box,S&&u.boxError),onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(b&&!N){p(!0);try{y(!1),yield m(a)}catch(e){y(!0)}finally{p(!1)}}})),children:[(()=>{let e;var i;return v?(i=v,e=r.jsxs(r.Fragment,{children:[r.jsx("div",{className:u.thumbnailContainer,"data-testid":`${j}-thumbnail`,children:r.jsx(c.ImageWithFallback,{className:u.thumbnail,"data-testid":`${j}-thumbnail-image`,src:i})}),r.jsxs("div",{className:u.extendedNameSection,children:[r.jsx("div",{className:u.nameSection,children:M()}),r.jsx("div",{className:u.fileSizeSection,children:w||"-"}),S&&r.jsxs("div",{className:u.mobileErrorMessage,children:[r.jsx(t.ExclamationCircleFillIcon,{className:u.errorIcon}),f||"Something went wrong"]})]})]})):e=r.jsxs(r.Fragment,{children:[r.jsx("div",{className:u.nameSection,children:M()}),r.jsx("div",{className:u.fileSizeSection,children:w||"-"}),S&&r.jsxs("div",{className:u.mobileErrorMessage,children:[r.jsx(t.ExclamationCircleFillIcon,{className:u.errorIcon}),f||"Something went wrong"]})]}),r.jsx("div",{className:h.default(u.contentSection,!!v&&u.contentSectionHasThumbnail),children:e})})(),r.jsx("div",{className:u.actionContainer,children:r.jsx(n.Button,{className:u.iconButton,"data-testid":`${j}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${x}`,loading:N||!b,icon:r.jsx(i.DownloadIcon,{})})})]})})}));exports.FileListCard=j;
+"use strict";var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),r=require("@lifesg/react-icons/exclamation-circle-fill"),a=require("clsx"),s=require("react"),l=require("../../button/button.js"),n=require("../../file-upload/helper.js"),o=require("../../shared/accessibility/index.js"),c=require("../../shared/image-with-fallback/image-with-fallback.js");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js");var d=require("../../util/string-helper.js");require("@react-aria/live-announcer");var u=require("../../theme/utils/use-media-query.js"),m=require("./file-list-card.styles.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=h(a);const x=s.memo((({fileItem:a,onDownload:h,onClick:x})=>{const{id:p,name:b,mimeType:f,size:g,errorMessage:q,thumbnailImageDataUrl:y,truncateText:v=!0,ready:N=!0,clickLabel:k}=a,[w,S]=s.useState(!1),[C,F]=s.useState(!1),I=n.FileUploadHelper.formatFileSizeDisplay(g),T=n.FileUploadHelper.resolveThumbnailDisplay(f,y),D="none"!==T.type,E=u.useMaxWidthMediaQuery("sm"),[H,_]=s.useState(),M=s.useRef(null);s.useEffect((()=>{M.current&&_(E?L(b):b)}),[b,E]);const U=()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(N&&!w){S(!0);try{F(!1),yield h(a)}catch(e){F(!0)}finally{S(!1)}}})),$=()=>{N&&(x?x(a):U())},z=e=>{e.stopPropagation(),$()},B=e=>{e.stopPropagation(),U()},L=e=>{if(!v)return e;const i=M&&M.current?M.current.getBoundingClientRect().width:0;return d.StringHelper.truncateTwoLines(e,i,16,1.5)},P=()=>{if("none"===T.type)return null;const e="pdf-icon"===T.type;return i.jsx("div",{className:m.thumbnailContainer,"data-testid":`${p}-thumbnail`,children:i.jsx(c.ImageWithFallback,{className:j.default(m.thumbnail,e&&m.thumbnailPdf),"data-testid":`${p}-thumbnail-image`,src:e?n.FileUploadHelper.PDF_ICON_URL:T.src})})},R=()=>i.jsxs(i.Fragment,{children:[i.jsx("div",{className:m.nameSection,children:i.jsxs(i.Fragment,{children:[i.jsx("div",{className:m.itemNameText,ref:M,children:H}),C&&i.jsxs("div",{className:m.desktopErrorMessage,children:[i.jsx(r.ExclamationCircleFillIcon,{className:m.errorIcon}),q||"Something went wrong"]})]})}),i.jsx("div",{className:m.fileSizeSection,children:I||"-"}),C&&i.jsxs("div",{className:m.mobileErrorMessage,children:[i.jsx(r.ExclamationCircleFillIcon,{className:m.errorIcon}),q||"Something went wrong"]})]});return i.jsx("li",{className:m.item,"data-testid":p,children:i.jsxs("div",{className:j.default(m.box,C&&m.boxError),onClick:$,children:[i.jsxs("div",{className:j.default(m.contentSection,D&&m.contentSectionHasThumbnail),children:[P(),D?i.jsx("div",{className:m.extendedNameSection,children:R()}):R()]}),x?i.jsx(o.VisuallyHidden,{children:i.jsx("button",{type:"button",className:m.cardButton,"data-testid":`${p}-card-button`,"aria-label":null!=k?k:b,disabled:!N,onClick:z})}):null,i.jsx("div",{className:m.actionContainer,children:i.jsx(l.Button,{className:m.iconButton,"data-testid":`${p}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${b}`,loading:w||!N,icon:i.jsx(t.DownloadIcon,{}),onClick:B})})]})})}));exports.FileListCard=x;
 //# sourceMappingURL=file-list-card.js.map

package/cjs/file-download/file-list-card/file-list-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-list-card.js","sources":["../../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport clsx from \"clsx\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport { Button } from \"../../button\";\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { ImageWithFallback } from \"../../shared/image-with-fallback/image-with-fallback\";\nimport { useMaxWidthMediaQuery } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport * as styles from \"./file-list-card.styles\";\nimport type { FileListItemProps } from \"./types\";\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const isMobile = useMaxWidthMediaQuery(\"sm\");\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <div className={styles.itemNameText} ref={containerRef}>\n                {displayText}\n            </div>\n            {isError && (\n                <div className={styles.desktopErrorMessage}>\n                    <ExclamationCircleFillIcon className={styles.errorIcon} />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </div>\n            )}\n        </>\n    );\n\n    const renderWithThumbnail = (thumbnailSrc: string) => (\n        <>\n            <div\n                className={styles.thumbnailContainer}\n                data-testid={`${id}-thumbnail`}\n            >\n                <ImageWithFallback\n                    className={styles.thumbnail}\n                    data-testid={`${id}-thumbnail-image`}\n                    src={thumbnailSrc}\n                />\n            </div>\n            <div className={styles.extendedNameSection}>\n                <div className={styles.nameSection}>\n                    {renderNameDescription()}\n                </div>\n                <div className={styles.fileSizeSection}>\n                    {fileSize ? fileSize : \"-\"}\n                </div>\n                {isError && (\n                    <div className={styles.mobileErrorMessage}>\n                        <ExclamationCircleFillIcon\n                            className={styles.errorIcon}\n                        />\n                        {errorMessage ? errorMessage : \"Something went wrong\"}\n                    </div>\n                )}\n            </div>\n        </>\n    );\n\n    const renderDefault = () => (\n        <>\n            <div className={styles.nameSection}>{renderNameDescription()}</div>\n            <div className={styles.fileSizeSection}>\n                {fileSize ? fileSize : \"-\"}\n            </div>\n            {isError && (\n                <div className={styles.mobileErrorMessage}>\n                    <ExclamationCircleFillIcon className={styles.errorIcon} />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </div>\n            )}\n        </>\n    );\n\n    const renderContents = () => {\n        let content: JSX.Element;\n\n        if (thumbnailImageDataUrl) {\n            content = renderWithThumbnail(thumbnailImageDataUrl);\n        } else {\n            content = renderDefault();\n        }\n\n        return (\n            <div\n                className={clsx(\n                    styles.contentSection,\n                    !!thumbnailImageDataUrl && styles.contentSectionHasThumbnail\n                )}\n            >\n                {content}\n            </div>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <div className={styles.actionContainer}>\n                <Button\n                    className={styles.iconButton}\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    loading={isLoading || !ready}\n                    icon={<DownloadIcon />}\n                />\n            </div>\n        );\n    };\n\n    return (\n        <li className={styles.item} data-testid={id}>\n            <div\n                className={clsx(styles.box, isError && styles.boxError)}\n                onClick={handleDownload}\n            >\n                {renderContents()}\n                {renderActions()}\n            </div>\n        </li>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","isMobile","useMaxWidthMediaQuery","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_Fragment","children","_jsx","className","styles.itemNameText","ref","styles.desktopErrorMessage","ExclamationCircleFillIcon","styles.errorIcon","styles.item","clsx","styles.box","styles.boxError","onClick","__awaiter","_a","content","thumbnailSrc","styles.thumbnailContainer","ImageWithFallback","styles.thumbnail","src","styles.extendedNameSection","styles.nameSection","styles.fileSizeSection","styles.mobileErrorMessage","styles.contentSection","styles.contentSectionHasThumbnail","renderContents","styles.actionContainer","Button","styles.iconButton","type","styleType","sizeType","loading","icon","DownloadIcon"],"mappings":"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"}
+{"version":3,"file":"file-list-card.js","sources":["../../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport clsx from \"clsx\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport { Button } from \"../../button\";\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { VisuallyHidden } from \"../../shared/accessibility\";\nimport { ImageWithFallback } from \"../../shared/image-with-fallback/image-with-fallback\";\nimport { useMaxWidthMediaQuery } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport * as styles from \"./file-list-card.styles\";\nimport type { FileListItemProps } from \"./types\";\n\nconst Component = ({ fileItem, onDownload, onClick }: FileListItemProps) => {\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const {\n        id,\n        name,\n        mimeType,\n        size,\n        errorMessage,\n        thumbnailImageDataUrl,\n        truncateText = true,\n        ready = true,\n        clickLabel,\n    } = fileItem;\n\n    // Local variables\n    const [isLoading, setIsLoading] = useState<boolean>(false);\n    const [isError, setIsError] = useState<boolean>(false);\n    const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n    const thumbnailDisplay = FileUploadHelper.resolveThumbnailDisplay(\n        mimeType,\n        thumbnailImageDataUrl\n    );\n    const hasThumbnail = thumbnailDisplay.type !== \"none\";\n    const isMobile = useMaxWidthMediaQuery(\"sm\");\n    const [displayText, setDisplayText] = useState<string>();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEffect(() => {\n        if (!containerRef.current) return;\n        if (isMobile) {\n            setDisplayText(getTruncatedText(name));\n        } else {\n            setDisplayText(name);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [name, isMobile]);\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleDownload = async () => {\n        if (!ready || isLoading) {\n            return;\n        }\n\n        setIsLoading(true);\n        try {\n            setIsError(false);\n            await onDownload(fileItem);\n        } catch {\n            setIsError(true);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const handleCardClick = () => {\n        if (!ready) {\n            return;\n        }\n\n        if (onClick) {\n            onClick(fileItem);\n            return;\n        }\n\n        handleDownload();\n    };\n\n    const handleCardButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement>\n    ) => {\n        /*\n         * The button sits inside the container, which handles clicks too.\n         * Without this both handlers fire and the action runs twice.\n         */\n        event.stopPropagation();\n        handleCardClick();\n    };\n\n    const handleDownloadButtonClick = (\n        event: React.MouseEvent<HTMLButtonElement>\n    ) => {\n        // Same reason: the container's handler must not also run.\n        event.stopPropagation();\n        handleDownload();\n    };\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getTruncatedText = (value: string) => {\n        if (!truncateText) return value;\n\n        const widthOfElement =\n            containerRef && containerRef.current\n                ? containerRef.current.getBoundingClientRect().width\n                : 0;\n\n        return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderNameDescription = () => (\n        <>\n            <div className={styles.itemNameText} ref={containerRef}>\n                {displayText}\n            </div>\n            {isError && (\n                <div className={styles.desktopErrorMessage}>\n                    <ExclamationCircleFillIcon className={styles.errorIcon} />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </div>\n            )}\n        </>\n    );\n\n    const renderThumbnail = () => {\n        if (thumbnailDisplay.type === \"none\") {\n            return null;\n        }\n\n        const isPdfBadge = thumbnailDisplay.type === \"pdf-icon\";\n\n        return (\n            <div\n                className={styles.thumbnailContainer}\n                data-testid={`${id}-thumbnail`}\n            >\n                <ImageWithFallback\n                    className={clsx(\n                        styles.thumbnail,\n                        isPdfBadge && styles.thumbnailPdf\n                    )}\n                    data-testid={`${id}-thumbnail-image`}\n                    src={\n                        isPdfBadge\n                            ? FileUploadHelper.PDF_ICON_URL\n                            : thumbnailDisplay.src\n                    }\n                />\n            </div>\n        );\n    };\n\n    const renderNameSizeError = () => (\n        <>\n            <div className={styles.nameSection}>{renderNameDescription()}</div>\n            <div className={styles.fileSizeSection}>\n                {fileSize ? fileSize : \"-\"}\n            </div>\n            {isError && (\n                <div className={styles.mobileErrorMessage}>\n                    <ExclamationCircleFillIcon className={styles.errorIcon} />\n                    {errorMessage ? errorMessage : \"Something went wrong\"}\n                </div>\n            )}\n        </>\n    );\n\n    const renderContents = () => (\n        <div\n            className={clsx(\n                styles.contentSection,\n                hasThumbnail && styles.contentSectionHasThumbnail\n            )}\n        >\n            {renderThumbnail()}\n            {hasThumbnail ? (\n                <div className={styles.extendedNameSection}>\n                    {renderNameSizeError()}\n                </div>\n            ) : (\n                renderNameSizeError()\n            )}\n        </div>\n    );\n\n    const renderCardButton = () => {\n        if (!onClick) {\n            return null;\n        }\n\n        return (\n            <VisuallyHidden>\n                <button\n                    type=\"button\"\n                    className={styles.cardButton}\n                    data-testid={`${id}-card-button`}\n                    aria-label={clickLabel ?? name}\n                    disabled={!ready}\n                    onClick={handleCardButtonClick}\n                />\n            </VisuallyHidden>\n        );\n    };\n\n    const renderActions = () => {\n        return (\n            <div className={styles.actionContainer}>\n                <Button\n                    className={styles.iconButton}\n                    data-testid={`${id}-download-button`}\n                    type=\"button\"\n                    styleType=\"light\"\n                    sizeType=\"small\"\n                    aria-label={`download ${name}`}\n                    loading={isLoading || !ready}\n                    icon={<DownloadIcon />}\n                    onClick={handleDownloadButtonClick}\n                />\n            </div>\n        );\n    };\n\n    return (\n        <li className={styles.item} data-testid={id}>\n            <div\n                className={clsx(styles.box, isError && styles.boxError)}\n                onClick={handleCardClick}\n            >\n                {renderContents()}\n                {renderCardButton()}\n                {renderActions()}\n            </div>\n        </li>\n    );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["FileListCard","memo","fileItem","onDownload","onClick","id","name","mimeType","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","clickLabel","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","thumbnailDisplay","resolveThumbnailDisplay","hasThumbnail","type","isMobile","useMaxWidthMediaQuery","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","handleDownload","__awaiter","_a","handleCardClick","handleCardButtonClick","event","stopPropagation","handleDownloadButtonClick","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderThumbnail","isPdfBadge","_jsx","className","styles.thumbnailContainer","children","ImageWithFallback","clsx","styles.thumbnail","styles.thumbnailPdf","src","PDF_ICON_URL","renderNameSizeError","_jsxs","_Fragment","styles.nameSection","styles.itemNameText","ref","styles.desktopErrorMessage","ExclamationCircleFillIcon","styles.errorIcon","styles.fileSizeSection","styles.mobileErrorMessage","styles.item","styles.box","styles.boxError","styles.contentSection","styles.contentSectionHasThumbnail","styles.extendedNameSection","VisuallyHidden","styles.cardButton","disabled","styles.actionContainer","Button","styles.iconButton","styleType","sizeType","loading","icon","DownloadIcon"],"mappings":"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"}

package/cjs/file-download/file-list-card/file-list-card.styles.js

@@ -1,2 +1,2 @@
-"use strict";require("./file-list-card.styles_18j2gut.css");exports.actionContainer="a1xq0zd",exports.box="b7grm6i",exports.boxError="b1ryf4f4",exports.contentSection="casceiz",exports.contentSectionHasThumbnail="c83cih3",exports.desktopErrorMessage="dga23xt",exports.errorIcon="e4y82lx",exports.extendedNameSection="ethi1vt",exports.fileSizeSection="ff8ofzq",exports.iconButton="i18nltf5",exports.item="ifkrwze",exports.itemNameText="iytzo9z",exports.mobileErrorMessage="m1qdniby",exports.nameSection="n13wqyhg",exports.thumbnail="t4orgj8",exports.thumbnailContainer="tmpqdeo";
+"use strict";require("./file-list-card.styles_lzbqkk.css");exports.actionContainer="a18nltf5",exports.box="b1ryf4f4",exports.boxError="basceiz",exports.cardButton="c7grm6i",exports.contentSection="c83cih3",exports.contentSectionHasThumbnail="c13wqyhg",exports.desktopErrorMessage="d1qdniby",exports.errorIcon="ega23xt",exports.extendedNameSection="ef8ofzq",exports.fileSizeSection="fytzo9z",exports.iconButton="impqdeo",exports.item="ifkrwze",exports.itemNameText="i4y82lx",exports.mobileErrorMessage="m1xq0zd",exports.nameSection="nthi1vt",exports.thumbnail="t96jkl",exports.thumbnailContainer="t4orgj8",exports.thumbnailPdf="t1l7ztkl";
 //# sourceMappingURL=file-list-card.styles.js.map

package/cjs/file-download/file-list-card/file-list-card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-list-card.styles.js","sources":["../../../../src/file-download/file-list-card/file-list-card.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { lineClampCss } from \"../../shared/styles\";\nimport { Border, Colour, Font, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const item = css`\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    border: none;\n\n    &:not(:last-child) {\n        margin-bottom: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const box = css`\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-32\"]};\n    cursor: pointer;\n\n    background: ${Colour[\"bg-primary-subtlest\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        padding: ${Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        background: ${Colour[\"bg-hover\"]};\n    }\n`;\n\nexport const boxError = css`\n    background: ${Colour[\"bg-error\"]};\n    border-color: ${Colour[\"border-error\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-error\"]};\n    }\n`;\n\nexport const contentSection = css`\n    display: flex;\n    flex: 1;\n    align-items: center;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        align-items: flex-start;\n        width: 100%;\n    }\n`;\n\nexport const contentSectionHasThumbnail = css`\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: row;\n        align-items: center;\n    }\n`;\n\nexport const nameSection = css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    width: 100%;\n\n    overflow-wrap: break-word;\n    word-break: break-all;\n    white-space: normal;\n`;\n\nexport const extendedNameSection = css`\n    display: flex;\n    flex: 1;\n    align-items: center;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        align-items: flex-start;\n        width: 100%;\n    }\n`;\n\nexport const fileSizeSection = css`\n    display: flex;\n    justify-content: flex-end;\n\n    width: 5rem;\n    margin-left: ${Spacing[\"spacing-8\"]};\n\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        justify-content: flex-start;\n\n        width: 100%;\n        margin-left: 0;\n        margin-top: ${Spacing[\"spacing-8\"]};\n\n        ${lineClampCss(2)}\n    }\n`;\n\nexport const itemNameText = css`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        ${lineClampCss(2)}\n    }\n`;\n\nexport const errorIcon = css`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nconst baseErrorMessage = `\n    ${Font[\"body-sm-semibold\"]}\n    color: ${Colour[\"text-error\"]};\n`;\n\nexport const desktopErrorMessage = css`\n    ${baseErrorMessage}\n    margin-top: ${Spacing[\"spacing-8\"]};\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: none;\n        visibility: hidden;\n    }\n`;\n\nexport const mobileErrorMessage = css`\n    ${baseErrorMessage}\n    display: none;\n    visibility: hidden;\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: flex;\n        gap: ${Spacing[\"spacing-4\"]};\n        visibility: visible;\n        margin-top: ${Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const actionContainer = css`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    margin-left: ${Spacing[\"spacing-32\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-left: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const iconButton = css`\n    min-width: unset;\n\n    &:not(:last-child) {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const thumbnailContainer = css`\n    width: auto;\n    margin-right: ${Spacing[\"spacing-32\"]};\n\n    display: flex;\n    flex-shrink: 0;\n    flex-direction: column;\n    justify-content: center;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const thumbnail = css`\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n    width: 96px;\n    height: 96px;\n    aspect-ratio: 1;\n    object-fit: cover;\n\n    ${MediaQuery.MaxWidth.lg} {\n        width: 64px;\n        height: 64px;\n    }\n`;\n"],"names":[],"mappings":"gIAgK4B,sBA5IZ,2BAqBK,kCASM,6CAYY,sCAyEP,4BAZV,sCA1CU,kCAYJ,6BA+EL,wBApKN,+BA0GQ,qCAiCM,+BA9EP,6BA6HF,qCAdS"}
+{"version":3,"file":"file-list-card.styles.js","sources":["../../../../src/file-download/file-list-card/file-list-card.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { lineClampCss } from \"../../shared/styles\";\nimport { Border, Colour, Font, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const item = css`\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    border: none;\n\n    &:not(:last-child) {\n        margin-bottom: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const cardButton = css`\n    appearance: none;\n    padding: 0;\n    background: none;\n    border: none;\n`;\n\nexport const box = css`\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-32\"]};\n    cursor: pointer;\n\n    background: ${Colour[\"bg-primary-subtlest\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        padding: ${Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        background: ${Colour[\"bg-hover\"]};\n    }\n\n    @supports selector(:has(*)) {\n        &:has(.${cardButton}:focus-visible) {\n            outline: 2px solid ${Colour[\"focus-ring\"]};\n            outline-offset: -2px;\n        }\n    }\n`;\n\nexport const boxError = css`\n    background: ${Colour[\"bg-error\"]};\n    border-color: ${Colour[\"border-error\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-error\"]};\n    }\n\n    @supports selector(:has(*)) {\n        &:has(.${cardButton}:focus-visible) {\n            outline-color: ${Colour[\"border-error-focus\"]};\n        }\n    }\n`;\n\nexport const contentSection = css`\n    display: flex;\n    flex: 1;\n    align-items: center;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        align-items: flex-start;\n        width: 100%;\n    }\n`;\n\nexport const contentSectionHasThumbnail = css`\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: row;\n        align-items: center;\n    }\n`;\n\nexport const nameSection = css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    width: 100%;\n\n    overflow-wrap: break-word;\n    word-break: break-all;\n    white-space: normal;\n`;\n\nexport const extendedNameSection = css`\n    display: flex;\n    flex: 1;\n    align-items: center;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        align-items: flex-start;\n        width: 100%;\n    }\n`;\n\nexport const fileSizeSection = css`\n    display: flex;\n    justify-content: flex-end;\n\n    width: 5rem;\n    margin-left: ${Spacing[\"spacing-8\"]};\n\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        justify-content: flex-start;\n\n        width: 100%;\n        margin-left: 0;\n        margin-top: ${Spacing[\"spacing-8\"]};\n\n        ${lineClampCss(2)}\n    }\n`;\n\nexport const itemNameText = css`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        ${lineClampCss(2)}\n    }\n`;\n\nexport const errorIcon = css`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nconst baseErrorMessage = `\n    ${Font[\"body-sm-semibold\"]}\n    color: ${Colour[\"text-error\"]};\n`;\n\nexport const desktopErrorMessage = css`\n    ${baseErrorMessage}\n    margin-top: ${Spacing[\"spacing-8\"]};\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: none;\n        visibility: hidden;\n    }\n`;\n\nexport const mobileErrorMessage = css`\n    ${baseErrorMessage}\n    display: none;\n    visibility: hidden;\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: flex;\n        gap: ${Spacing[\"spacing-4\"]};\n        visibility: visible;\n        margin-top: ${Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const actionContainer = css`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    margin-left: ${Spacing[\"spacing-32\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-left: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const iconButton = css`\n    min-width: unset;\n\n    &:not(:last-child) {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const thumbnailContainer = css`\n    width: auto;\n    margin-right: ${Spacing[\"spacing-32\"]};\n\n    display: flex;\n    flex-shrink: 0;\n    flex-direction: column;\n    justify-content: center;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const thumbnail = css`\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n    width: 96px;\n    height: 96px;\n    aspect-ratio: 1;\n    object-fit: cover;\n\n    ${MediaQuery.MaxWidth.lg} {\n        width: 64px;\n        height: 64px;\n    }\n`;\n\nexport const thumbnailPdf = css`\n    border: none;\n`;\n"],"names":[],"mappings":"+HAqL4B,uBA1JZ,4BA6BK,6BApCE,iCAmDI,6CAYY,uCAyEP,6BAZV,sCA1CU,kCAYJ,6BA+EL,uBAzLN,+BA+HQ,qCAiCM,8BA9EP,4BA6HF,oCAdS,+BA6BN"}

package/cjs/file-download/file-list-card/file-list-card.styles_lzbqkk.css

@@ -0,0 +1,18 @@
+@layer fds{.ifkrwze{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;border:none;}.ifkrwze:not(:last-child){margin-bottom:var(--fds-spacing-16);}
+.c7grm6i{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;padding:0;background:none;border:none;}
+.b1ryf4f4{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--fds-spacing-16) var(--fds-spacing-32);cursor:pointer;background:var(--fds-colour-bg-primary-subtlest);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);}:where(body.fds-breakpoint-lg-max) .b1ryf4f4{padding:var(--fds-spacing-16);}.b1ryf4f4:hover{background:var(--fds-colour-bg-hover);}@supports selector(:has(*)){.b1ryf4f4:has(.c7grm6i:focus-visible){outline:2px solid var(--fds-colour-focus-ring);outline-offset:-2px;}}
+.basceiz{background:var(--fds-colour-bg-error);border-color:var(--fds-colour-border-error);}.basceiz:hover{background:var(--fds-colour-bg-error);}@supports selector(:has(*)){.basceiz:has(.c7grm6i:focus-visible){outline-color:var(--fds-colour-border-error-focus);}}
+.c83cih3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}:where(body.fds-breakpoint-lg-max) .c83cih3{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}
+:where(body.fds-breakpoint-lg-max) .c13wqyhg{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.nthi1vt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;overflow-wrap:break-word;word-break:break-all;white-space:normal;}
+.ef8ofzq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}:where(body.fds-breakpoint-lg-max) .ef8ofzq{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;}
+.fytzo9z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;width:5rem;margin-left:var(--fds-spacing-8);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text);}:where(body.fds-breakpoint-lg-max) .fytzo9z{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%;margin-left:0;margin-top:var(--fds-spacing-8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
+.i4y82lx{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);color:var(--fds-colour-text);}:where(body.fds-breakpoint-lg-max) .i4y82lx{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
+.ega23xt{height:1lh;width:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--fds-colour-icon-error-strong);}
+.d1qdniby{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);color:var(--fds-colour-text-error);margin-top:var(--fds-spacing-8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-4);}:where(body.fds-breakpoint-lg-max) .d1qdniby{display:none;visibility:hidden;}
+.m1xq0zd{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);color:var(--fds-colour-text-error);display:none;visibility:hidden;}:where(body.fds-breakpoint-lg-max) .m1xq0zd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-4);visibility:visible;margin-top:var(--fds-spacing-8);}
+.a18nltf5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:var(--fds-spacing-32);}:where(body.fds-breakpoint-lg-max) .a18nltf5{margin-left:var(--fds-spacing-16);}
+.impqdeo{min-width:unset;}.impqdeo:not(:last-child){margin-right:var(--fds-spacing-16);}
+.t4orgj8{width:auto;margin-right:var(--fds-spacing-32);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}:where(body.fds-breakpoint-lg-max) .t4orgj8{margin-right:var(--fds-spacing-16);}
+.t96jkl{border-radius:var(--fds-radius-sm);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);width:96px;height:96px;aspect-ratio:1;object-fit:cover;}:where(body.fds-breakpoint-lg-max) .t96jkl{width:64px;height:64px;}
+.t1l7ztkl{border:none;}}

package/cjs/file-upload/helper.js

@@ -1,2 +1,2 @@
-"use strict";class e{static formatFileSizeDisplay(e){if(!e||0===e)return"0 KB";const i=Math.floor(Math.log(e)/Math.log(1024));return`${Number(e/Math.pow(1024,i)).toFixed(0)} ${["B","KB","MB","GB","TB","PB","EB","ZB","YB"][i]}`}static isSupportedImageType(e){return["image/avif","image/gif","image/jpeg","image/png","image/svg+xml","image/webp"].includes(e)}}e.PDF_MIME_TYPE="application/pdf",e.PDF_ICON_URL="https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg",exports.FileUploadHelper=e;
+"use strict";class e{static formatFileSizeDisplay(e){if(!e||0===e)return"0 KB";const t=Math.floor(Math.log(e)/Math.log(1024));return`${Number(e/Math.pow(1024,t)).toFixed(0)} ${["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]}`}static isSupportedImageType(e){return["image/avif","image/gif","image/jpeg","image/png","image/svg+xml","image/webp"].includes(e)}static resolveThumbnailDisplay(t,i){return i?{type:"image",src:i}:t===e.PDF_MIME_TYPE?{type:"pdf-icon"}:{type:"none"}}}e.PDF_MIME_TYPE="application/pdf",e.PDF_ICON_URL="https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg",exports.FileUploadHelper=e;
 //# sourceMappingURL=helper.js.map

package/cjs/file-upload/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/file-upload/helper.ts"],"sourcesContent":["export class FileUploadHelper {\n    public static readonly PDF_MIME_TYPE = \"application/pdf\";\n    public static readonly PDF_ICON_URL =\n        \"https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg\";\n\n    // Adapted from https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-size-to-kb-mb-gb-in-javascript\n    public static formatFileSizeDisplay(size?: number) {\n        if (!size || size === 0) return \"0 KB\";\n\n        const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n        const index: number = Math.floor(Math.log(size) / Math.log(1024));\n\n        const value = Number(size / Math.pow(1024, index)).toFixed(0);\n        const measurement = sizes[index];\n\n        return `${value} ${measurement}`;\n    }\n\n    public static isSupportedImageType(type: string): boolean {\n        /** Currently only images supported by html <img> */\n        const acceptedImageTypes = [\n            \"image/avif\",\n            \"image/gif\",\n            \"image/jpeg\",\n            \"image/png\",\n            \"image/svg+xml\",\n            \"image/webp\",\n        ];\n\n        return acceptedImageTypes.includes(type);\n    }\n}\n"],"names":["FileUploadHelper","formatFileSizeDisplay","size","index","Math","floor","log","Number","pow","toFixed","isSupportedImageType","type","includes","PDF_MIME_TYPE","PDF_ICON_URL"],"mappings":"mBAAaA,EAMF,4BAAOC,CAAsBC,GAChC,IAAKA,GAAiB,IAATA,EAAY,MAAO,OAEhC,MAEMC,EAAgBC,KAAKC,MAAMD,KAAKE,IAAIJ,GAAQE,KAAKE,IAAI,OAK3D,MAAO,GAHOC,OAAOL,EAAOE,KAAKI,IAAI,KAAML,IAAQM,QAAQ,MAJ7C,CAAC,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAKpCN,IAG9B,CAEO,2BAAOO,CAAqBC,GAW/B,MAT2B,CACvB,aACA,YACA,aACA,YACA,gBACA,cAGsBC,SAASD,EACvC,EA9BuBX,EAAAa,cAAgB,kBAChBb,EAAAc,aACnB"}
+{"version":3,"file":"helper.js","sources":["../../../src/file-upload/helper.ts"],"sourcesContent":["/**\n * How a file's thumbnail slot should be rendered.\n *\n * - `image` — a thumbnail was supplied; render it at `src`\n * - `pdf-icon` — a PDF with no thumbnail; render the PDF badge borderless\n * - `none` — nothing to show; render no thumbnail slot at all\n */\nexport type FileThumbnailDisplay =\n    | { type: \"image\"; src: string }\n    | { type: \"pdf-icon\" }\n    | { type: \"none\" };\n\nexport class FileUploadHelper {\n    public static readonly PDF_MIME_TYPE = \"application/pdf\";\n    public static readonly PDF_ICON_URL =\n        \"https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg\";\n\n    // Adapted from https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-size-to-kb-mb-gb-in-javascript\n    public static formatFileSizeDisplay(size?: number) {\n        if (!size || size === 0) return \"0 KB\";\n\n        const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n        const index: number = Math.floor(Math.log(size) / Math.log(1024));\n\n        const value = Number(size / Math.pow(1024, index)).toFixed(0);\n        const measurement = sizes[index];\n\n        return `${value} ${measurement}`;\n    }\n\n    public static isSupportedImageType(type: string): boolean {\n        /** Currently only images supported by html <img> */\n        const acceptedImageTypes = [\n            \"image/avif\",\n            \"image/gif\",\n            \"image/jpeg\",\n            \"image/png\",\n            \"image/svg+xml\",\n            \"image/webp\",\n        ];\n\n        return acceptedImageTypes.includes(type);\n    }\n\n    /**\n     * Decides how a file's thumbnail slot should render, given its MIME type\n     * and any thumbnail the consumer supplied.\n     *\n     * Lives on `FileUploadHelper` so `FileUpload` can adopt it later. Today\n     * only `FileDownload` calls it: `FileUpload` still decides this inline in\n     * `file-list-item-thumbnail.tsx`, and the two do NOT yet agree — for a\n     * non-PDF with no thumbnail this returns `\"none\"` while `FileUpload`\n     * renders an `<img>` with an empty `src`. Do not read this as an invariant\n     * the two components already share.\n     *\n     * Callers render the result with their own markup, because their thumbnails\n     * change size at different breakpoints.\n     */\n    public static resolveThumbnailDisplay(\n        mimeType: string | undefined,\n        thumbnailImageDataUrl: string | undefined\n    ): FileThumbnailDisplay {\n        if (thumbnailImageDataUrl) {\n            return { type: \"image\", src: thumbnailImageDataUrl };\n        }\n\n        if (mimeType === FileUploadHelper.PDF_MIME_TYPE) {\n            return { type: \"pdf-icon\" };\n        }\n\n        return { type: \"none\" };\n    }\n}\n"],"names":["FileUploadHelper","formatFileSizeDisplay","size","index","Math","floor","log","Number","pow","toFixed","isSupportedImageType","type","includes","resolveThumbnailDisplay","mimeType","thumbnailImageDataUrl","src","PDF_MIME_TYPE","PDF_ICON_URL"],"mappings":"mBAYaA,EAMF,4BAAOC,CAAsBC,GAChC,IAAKA,GAAiB,IAATA,EAAY,MAAO,OAEhC,MAEMC,EAAgBC,KAAKC,MAAMD,KAAKE,IAAIJ,GAAQE,KAAKE,IAAI,OAK3D,MAAO,GAHOC,OAAOL,EAAOE,KAAKI,IAAI,KAAML,IAAQM,QAAQ,MAJ7C,CAAC,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAKpCN,IAG9B,CAEO,2BAAOO,CAAqBC,GAW/B,MAT2B,CACvB,aACA,YACA,aACA,YACA,gBACA,cAGsBC,SAASD,EACvC,CAgBO,8BAAOE,CACVC,EACAC,GAEA,OAAIA,EACO,CAAEJ,KAAM,QAASK,IAAKD,GAG7BD,IAAad,EAAiBiB,cACvB,CAAEN,KAAM,YAGZ,CAAEA,KAAM,OACnB,EA3DuBX,EAAAiB,cAAgB,kBAChBjB,EAAAkB,aACnB"}

package/cjs/footer/footer-disclaimer-links-data.js

@@ -1,2 +1,2 @@
-"use strict";const e={privacy:{href:"https://www.life.gov.sg/privacy-statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.life.gov.sg/terms-of-use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},r={privacy:{href:"https://assets.life.gov.sg/bookingsg/BSG_Privacy_Policy.pdf",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://assets.life.gov.sg/bookingsg/BSG_Terms_of_Use.pdf",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},t={privacy:{href:"https://www.imda.gov.sg/privacy-statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.imda.gov.sg/terms-of-use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},o={privacy:{href:"https://mylegacy.life.gov.sg/privacy-statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://mylegacy.life.gov.sg/terms-of-use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},s={privacy:{href:"https://www.police.gov.sg/Privacy-Statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.police.gov.sg/Terms-of-Use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report-vulnerability",target:"_blank",rel:"noopener",external:!0}},n={privacy:{href:"https://supportgowhere.life.gov.sg/privacy-statement.pdf",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://supportgowhere.life.gov.sg/terms-of-use.pdf",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}};exports.getDefaultDisclaimerLinks=a=>{switch(a){case"bookingsg":return r;case"imda":return t;case"mylegacy":return o;case"spf":return s;case"supportgowhere":return n;default:return e}};
+"use strict";const e={privacy:{href:"https://www.life.gov.sg/privacy-statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.life.gov.sg/terms-of-use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},r={privacy:{href:"https://assets.life.gov.sg/bookingsg/BSG_Privacy_Policy.pdf",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://assets.life.gov.sg/bookingsg/BSG_Terms_of_Use.pdf",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},t={privacy:{href:"https://www.imda.gov.sg/privacy-statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.imda.gov.sg/terms-of-use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},o={privacy:{href:"https://mylegacy.life.gov.sg/privacy-statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://mylegacy.life.gov.sg/terms-of-use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},s={privacy:{href:"https://www.police.gov.sg/Privacy-Statement",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.police.gov.sg/Terms-of-Use",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report-vulnerability",target:"_blank",rel:"noopener",external:!0}},n={privacy:{href:"https://www.sportsingapore.gov.sg/privacy/",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://www.sportsingapore.gov.sg/terms-of-use/",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}},a={privacy:{href:"https://supportgowhere.life.gov.sg/privacy-statement.pdf",target:"_blank",rel:"noopener"},termsOfUse:{href:"https://supportgowhere.life.gov.sg/terms-of-use.pdf",target:"_blank",rel:"noopener"},reportVulnerability:{href:"https://www.tech.gov.sg/report_vulnerability",target:"_blank",rel:"noopener",external:!0}};exports.getDefaultDisclaimerLinks=l=>{switch(l){case"bookingsg":return r;case"imda":return t;case"mylegacy":return o;case"spf":return s;case"sportsg-orange":return n;case"supportgowhere":return a;default:return e}};
 //# sourceMappingURL=footer-disclaimer-links-data.js.map

package/cjs/footer/footer-disclaimer-links-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-disclaimer-links-data.js","sources":["../../../src/footer/footer-disclaimer-links-data.tsx"],"sourcesContent":["import type { ThemeType } from \"../theme/types\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\n\nconst BaseDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst BookingSgDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Privacy_Policy.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Terms_of_Use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst IMDADisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.imda.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.imda.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst MyLegacyDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://mylegacy.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://mylegacy.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SPFDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.police.gov.sg/Privacy-Statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.police.gov.sg/Terms-of-Use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report-vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SupportGoWhereDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://supportgowhere.life.gov.sg/privacy-statement.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://supportgowhere.life.gov.sg/terms-of-use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nexport const getDefaultDisclaimerLinks = (resourceScheme?: ThemeType) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return BookingSgDisclaimerLinks;\n        case \"imda\":\n            return IMDADisclaimerLinks;\n        case \"mylegacy\":\n            return MyLegacyDisclaimerLinks;\n        case \"spf\":\n            return SPFDisclaimerLinks;\n        case \"supportgowhere\":\n            return SupportGoWhereDisclaimerLinks;\n        default:\n            return BaseDisclaimerLinks;\n    }\n};\n"],"names":["BaseDisclaimerLinks","privacy","href","target","rel","termsOfUse","reportVulnerability","external","BookingSgDisclaimerLinks","IMDADisclaimerLinks","MyLegacyDisclaimerLinks","SPFDisclaimerLinks","SupportGoWhereDisclaimerLinks","resourceScheme"],"mappings":"aAGA,MAAMA,EAA+C,CACjDC,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZC,EAAoD,CACtDP,QAAS,CACLC,KAAM,8DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4DACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZE,EAA+C,CACjDR,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZG,EAAmD,CACrDT,QAAS,CACLC,KAAM,iDACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZI,EAA8C,CAChDV,QAAS,CACLC,KAAM,8CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,yCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZK,EAAyD,CAC3DX,QAAS,CACLC,KAAM,2DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,sDACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,sCAIwBM,IACtC,OAAQA,GACJ,IAAK,YACD,OAAOL,EACX,IAAK,OACD,OAAOC,EACX,IAAK,WACD,OAAOC,EACX,IAAK,MACD,OAAOC,EACX,IAAK,iBACD,OAAOC,EACX,QACI,OAAOZ"}
+{"version":3,"file":"footer-disclaimer-links-data.js","sources":["../../../src/footer/footer-disclaimer-links-data.tsx"],"sourcesContent":["import type { ThemeType } from \"../theme/types\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\n\nconst BaseDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst BookingSgDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Privacy_Policy.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://assets.life.gov.sg/bookingsg/BSG_Terms_of_Use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst IMDADisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.imda.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.imda.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst MyLegacyDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://mylegacy.life.gov.sg/privacy-statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://mylegacy.life.gov.sg/terms-of-use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SPFDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.police.gov.sg/Privacy-Statement\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.police.gov.sg/Terms-of-Use\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report-vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SportSGOrangeWhereDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://www.sportsingapore.gov.sg/privacy/\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://www.sportsingapore.gov.sg/terms-of-use/\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nconst SupportGoWhereDisclaimerLinks: InternalDisclaimerLinks = {\n    privacy: {\n        href: \"https://supportgowhere.life.gov.sg/privacy-statement.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    termsOfUse: {\n        href: \"https://supportgowhere.life.gov.sg/terms-of-use.pdf\",\n        target: \"_blank\",\n        rel: \"noopener\",\n    },\n    reportVulnerability: {\n        href: \"https://www.tech.gov.sg/report_vulnerability\",\n        target: \"_blank\",\n        rel: \"noopener\",\n        external: true,\n    },\n};\n\nexport const getDefaultDisclaimerLinks = (resourceScheme?: ThemeType) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return BookingSgDisclaimerLinks;\n        case \"imda\":\n            return IMDADisclaimerLinks;\n        case \"mylegacy\":\n            return MyLegacyDisclaimerLinks;\n        case \"spf\":\n            return SPFDisclaimerLinks;\n        case \"sportsg-orange\":\n            return SportSGOrangeWhereDisclaimerLinks;\n        case \"supportgowhere\":\n            return SupportGoWhereDisclaimerLinks;\n        default:\n            return BaseDisclaimerLinks;\n    }\n};\n"],"names":["BaseDisclaimerLinks","privacy","href","target","rel","termsOfUse","reportVulnerability","external","BookingSgDisclaimerLinks","IMDADisclaimerLinks","MyLegacyDisclaimerLinks","SPFDisclaimerLinks","SportSGOrangeWhereDisclaimerLinks","SupportGoWhereDisclaimerLinks","resourceScheme"],"mappings":"aAGA,MAAMA,EAA+C,CACjDC,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZC,EAAoD,CACtDP,QAAS,CACLC,KAAM,8DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4DACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZE,EAA+C,CACjDR,QAAS,CACLC,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,uCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZG,EAAmD,CACrDT,QAAS,CACLC,KAAM,iDACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,4CACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,2CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZI,EAA8C,CAChDV,QAAS,CACLC,KAAM,8CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,yCACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZK,EAA6D,CAC/DX,QAAS,CACLC,KAAM,6CACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,kDACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,IAIZM,EAAyD,CAC3DZ,QAAS,CACLC,KAAM,2DACNC,OAAQ,SACRC,IAAK,YAETC,WAAY,CACRH,KAAM,sDACNC,OAAQ,SACRC,IAAK,YAETE,oBAAqB,CACjBJ,KAAM,+CACNC,OAAQ,SACRC,IAAK,WACLG,UAAU,sCAIwBO,IACtC,OAAQA,GACJ,IAAK,YACD,OAAON,EACX,IAAK,OACD,OAAOC,EACX,IAAK,WACD,OAAOC,EACX,IAAK,MACD,OAAOC,EACX,IAAK,iBACD,OAAOC,EACX,IAAK,iBACD,OAAOC,EACX,QACI,OAAOb"}

package/cjs/footer/footer.styles.js

@@ -1,2 +1,2 @@
-"use strict";require("./footer.styles_1msorhc.css");exports.addonSection="a1r2lyba",exports.baseFooter="b1ozupxm",exports.bottomSection="b1ni5lnl",exports.bottomSectionContent="bakpusz",exports.copyrightSection="cb1d27e",exports.copyrightText="cntgl6w",exports.disclaimerTextLink="d2vgmpj",exports.footerLink="f1b3ng0m",exports.fullWidthDivider="f1f7a2pi",exports.linkSection="l1dnmj9w",exports.linkSectionWrapper="l1guit5j",exports.logoImage="l14ev7f9",exports.logoSection="l1t4stq",exports.logoSize={lifesg:"l1rsy8ww",bookingsg:"bsv4pll",mylegacy:"m1m4savg",ccube:"c6zlk1a",supportgowhere:"sdqdit1"},exports.topSection="t1nab4kr";
+"use strict";require("./footer.styles_14hnlcq.css");exports.addonSection="a1r2lyba",exports.baseFooter="b1ozupxm",exports.bottomSection="b1ni5lnl",exports.bottomSectionContent="bakpusz",exports.copyrightSection="cb1d27e",exports.copyrightText="cntgl6w",exports.disclaimerTextLink="d2vgmpj",exports.footerLink="f1b3ng0m",exports.fullWidthDivider="f1f7a2pi",exports.linkSection="l1dnmj9w",exports.linkSectionWrapper="l1guit5j",exports.logoImage="l14ev7f9",exports.logoSection="l1t4stq",exports.logoSize={bookingsg:"b1rsy8ww",ccube:"csv4pll",lifesg:"l1m4savg",mylegacy:"m6zlk1a",supportgowhere:"sdqdit1"},exports.topSection="t1nab4kr";
 //# sourceMappingURL=footer.styles.js.map

package/cjs/footer/footer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.styles.js","sources":["../../../src/footer/footer.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { ComponentToken, MediaQuery, Spacing } from \"../theme\";\nimport type { ThemeType } from \"../theme/types\";\n\n// =============================================================================\n// GENERIC\n// =============================================================================\n\nexport const baseFooter = css`\n    background: ${ComponentToken.Footer[\"colour-bg\"]};\n`;\n\nexport const footerLink = css`\n    color: ${ComponentToken.Footer[\"link-colour-text\"]};\n\n    &:hover {\n        color: ${ComponentToken.Footer[\"link-colour-text-hover\"]};\n    }\n`;\n\n// =============================================================================\n// TOP SECTION\n// =============================================================================\n\nexport const fullWidthDivider = css`\n    width: 100%;\n`;\n\nexport const topSection = css`\n    padding: ${Spacing[\"spacing-64\"]} 0;\n\n    ${MediaQuery.MaxWidth.lg} {\n        padding: ${Spacing[\"spacing-32\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n            gap: ${Spacing[\"spacing-32\"]};\n        }\n    }\n`;\n\nexport const logoSection = css`\n    display: flex;\n    width: fit-content;\n    margin-right: ${Spacing[\"spacing-64\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        width: 100%;\n        margin-right: 0;\n    }\n`;\n\nexport const logoImage = css`\n    max-height: 4rem;\n    max-width: 100%;\n    object-fit: contain;\n`;\n\nexport const logoSize: Partial<Record<ThemeType, string>> = {\n    lifesg: css`\n        width: 4rem;\n    `,\n    bookingsg: css`\n        width: 4rem;\n    `,\n    mylegacy: css`\n        width: 10rem;\n        max-height: 2rem;\n    `,\n    ccube: css`\n        width: 10rem;\n    `,\n    supportgowhere: css`\n        width: 10rem;\n    `,\n};\n\nexport const linkSectionWrapper = css`\n    display: flex;\n    gap: ${Spacing[\"spacing-32\"]};\n    flex: 1 1 auto;\n    max-width: calc(32% + ${Spacing[\"spacing-32\"]});\n\n    ${MediaQuery.MaxWidth.lg} {\n        max-width: 100%;\n    }\n`;\n\nexport const linkSection = css`\n    flex: 1 1 50%;\n    list-style-type: none;\n\n    &:nth-of-type(2) {\n        // 2nd col\n        grid-column: 7 / span 4;\n    }\n\n    li {\n        &:not(:last-child) {\n            margin-bottom: ${Spacing[\"spacing-8\"]};\n        }\n\n        a {\n            display: inline-block;\n        }\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        // first col\n        grid-column: 1 / span 6;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 7 / span 6;\n        }\n    }\n\n    ${MediaQuery.MaxWidth.md} {\n        // first col\n        grid-column: 1 / span 4;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 5 / span 4;\n        }\n    }\n`;\n\nexport const addonSection = css`\n    flex: 0 1 33%;\n    margin-left: auto;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex: 1 1 100%;\n        margin-left: 0;\n    }\n`;\n\n// =============================================================================\n// BOTTOM SECTION\n// =============================================================================\n\nexport const bottomSection = css`\n    padding: ${Spacing[\"spacing-20\"]} 0;\n\n    [data-id=\"container\"] {\n        column-gap: ${Spacing[\"spacing-32\"]};\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        border-top: none;\n        padding: ${Spacing[\"spacing-16\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n        }\n    }\n`;\n\nexport const bottomSectionContent = css`\n    flex: 1 1 50%;\n    display: flex;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        gap: ${Spacing[\"spacing-8\"]};\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n\nexport const copyrightSection = css`\n    justify-content: flex-end;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-top: ${Spacing[\"spacing-16\"]};\n        justify-content: flex-start;\n    }\n`;\n\nexport const copyrightText = css`\n    color: ${ComponentToken.Footer[\"colour-text\"]};\n`;\n\nexport const disclaimerTextLink = css`\n    color: ${ComponentToken.Footer[\"disclaimer-link-colour-text\"]};\n    &:not(:last-child) {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        color: ${ComponentToken.Footer[\"disclaimer-link-colour-text-hover\"]};\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n"],"names":["lifesg","bookingsg","mylegacy","ccube","supportgowhere"],"mappings":"+FAiIyB,8BAxHF,iCAsIG,wCAiBO,mCAaJ,gCASH,qCAIK,6BA7KR,oCAYM,+BAgEL,sCAXO,6BAzBT,+BAXE,2BAiBoC,CACxDA,OAAM,WAGNC,UAAS,UAGTC,SAAQ,WAIRC,MAAK,UAGLC,eAAc,8BA5CK"}
+{"version":3,"file":"footer.styles.js","sources":["../../../src/footer/footer.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { ComponentToken, MediaQuery, Spacing } from \"../theme\";\nimport type { ThemeType } from \"../theme/types\";\n\n// =============================================================================\n// GENERIC\n// =============================================================================\n\nexport const baseFooter = css`\n    background: ${ComponentToken.Footer[\"colour-bg\"]};\n`;\n\nexport const footerLink = css`\n    color: ${ComponentToken.Footer[\"link-colour-text\"]};\n\n    &:hover {\n        color: ${ComponentToken.Footer[\"link-colour-text-hover\"]};\n    }\n`;\n\n// =============================================================================\n// TOP SECTION\n// =============================================================================\n\nexport const fullWidthDivider = css`\n    width: 100%;\n`;\n\nexport const topSection = css`\n    padding: ${Spacing[\"spacing-64\"]} 0;\n\n    ${MediaQuery.MaxWidth.lg} {\n        padding: ${Spacing[\"spacing-32\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n            gap: ${Spacing[\"spacing-32\"]};\n        }\n    }\n`;\n\nexport const logoSection = css`\n    display: flex;\n    width: fit-content;\n    margin-right: ${Spacing[\"spacing-64\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        width: 100%;\n        margin-right: 0;\n    }\n`;\n\nexport const logoImage = css`\n    max-height: 4rem;\n    max-width: 100%;\n    object-fit: contain;\n`;\n\nexport const logoSize: Partial<Record<ThemeType, string>> = {\n    bookingsg: css`\n        width: 4rem;\n    `,\n    ccube: css`\n        width: 10rem;\n    `,\n    lifesg: css`\n        width: 4rem;\n    `,\n    mylegacy: css`\n        width: 10rem;\n        max-height: 2rem;\n    `,\n    supportgowhere: css`\n        width: 10rem;\n    `,\n};\n\nexport const linkSectionWrapper = css`\n    display: flex;\n    gap: ${Spacing[\"spacing-32\"]};\n    flex: 1 1 auto;\n    max-width: calc(32% + ${Spacing[\"spacing-32\"]});\n\n    ${MediaQuery.MaxWidth.lg} {\n        max-width: 100%;\n    }\n`;\n\nexport const linkSection = css`\n    flex: 1 1 50%;\n    list-style-type: none;\n\n    &:nth-of-type(2) {\n        // 2nd col\n        grid-column: 7 / span 4;\n    }\n\n    li {\n        &:not(:last-child) {\n            margin-bottom: ${Spacing[\"spacing-8\"]};\n        }\n\n        a {\n            display: inline-block;\n        }\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        // first col\n        grid-column: 1 / span 6;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 7 / span 6;\n        }\n    }\n\n    ${MediaQuery.MaxWidth.md} {\n        // first col\n        grid-column: 1 / span 4;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 5 / span 4;\n        }\n    }\n`;\n\nexport const addonSection = css`\n    flex: 0 1 33%;\n    margin-left: auto;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex: 1 1 100%;\n        margin-left: 0;\n    }\n`;\n\n// =============================================================================\n// BOTTOM SECTION\n// =============================================================================\n\nexport const bottomSection = css`\n    padding: ${Spacing[\"spacing-20\"]} 0;\n\n    [data-id=\"container\"] {\n        column-gap: ${Spacing[\"spacing-32\"]};\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        border-top: none;\n        padding: ${Spacing[\"spacing-16\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n        }\n    }\n`;\n\nexport const bottomSectionContent = css`\n    flex: 1 1 50%;\n    display: flex;\n\n    ${MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        gap: ${Spacing[\"spacing-8\"]};\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n\nexport const copyrightSection = css`\n    justify-content: flex-end;\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin-top: ${Spacing[\"spacing-16\"]};\n        justify-content: flex-start;\n    }\n`;\n\nexport const copyrightText = css`\n    color: ${ComponentToken.Footer[\"colour-text\"]};\n`;\n\nexport const disclaimerTextLink = css`\n    color: ${ComponentToken.Footer[\"disclaimer-link-colour-text\"]};\n    &:not(:last-child) {\n        margin-right: ${Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        color: ${ComponentToken.Footer[\"disclaimer-link-colour-text-hover\"]};\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n"],"names":["bookingsg","ccube","lifesg","mylegacy","supportgowhere"],"mappings":"+FAiIyB,8BAxHF,iCAsIG,wCAiBO,mCAaJ,gCASH,qCAIK,6BA7KR,oCAYM,+BAgEL,sCAXO,6BAzBT,+BAXE,2BAiBoC,CACxDA,UAAS,WAGTC,MAAK,UAGLC,OAAM,WAGNC,SAAQ,UAIRC,eAAc,8BA5CK"}

package/cjs/footer/{footer.styles_1msorhc.css → footer.styles_14hnlcq.css}

@@ -4,10 +4,10 @@
 .t1nab4kr{padding:var(--fds-spacing-64) 0;}:where(body.fds-breakpoint-lg-max) .t1nab4kr{padding:var(--fds-spacing-32) 0;}:where(body.fds-breakpoint-lg-max) .t1nab4kr [data-id="container"]{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--fds-spacing-32);}
 .l1t4stq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:var(--fds-spacing-64);}:where(body.fds-breakpoint-lg-max) .l1t4stq{width:100%;margin-right:0;}
 .l14ev7f9{max-height:4rem;max-width:100%;object-fit:contain;}
-.l1rsy8ww{width:4rem;}
-.bsv4pll{width:4rem;}
-.m1m4savg{width:10rem;max-height:2rem;}
-.c6zlk1a{width:10rem;}
+.b1rsy8ww{width:4rem;}
+.csv4pll{width:10rem;}
+.l1m4savg{width:4rem;}
+.m6zlk1a{width:10rem;max-height:2rem;}
 .sdqdit1{width:10rem;}
 .l1guit5j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-32);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;max-width:calc(32% + var(--fds-spacing-32));}:where(body.fds-breakpoint-lg-max) .l1guit5j{max-width:100%;}
 .l1dnmj9w{-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;list-style-type:none;}.l1dnmj9w:nth-of-type(2){-ms-grid-column:7;-ms-grid-column-span:4;grid-column:7/span 4;}.l1dnmj9w li:not(:last-child){margin-bottom:var(--fds-spacing-8);}.l1dnmj9w li a{display:inline-block;}:where(body.fds-breakpoint-lg-max) .l1dnmj9w{-ms-grid-column:1;-ms-grid-column-span:6;grid-column:1/span 6;}:where(body.fds-breakpoint-lg-max) .l1dnmj9w:nth-of-type(2){-ms-grid-column:7;-ms-grid-column-span:6;grid-column:7/span 6;}:where(body.fds-breakpoint-md-max) .l1dnmj9w{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/span 4;}:where(body.fds-breakpoint-md-max) .l1dnmj9w:nth-of-type(2){-ms-grid-column:5;-ms-grid-column-span:4;grid-column:5/span 4;}

package/cjs/fullscreen-image-carousel/fullscreen-image-carousel.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),l=require("@lifesg/react-icons/bin"),a=require("@react-aria/live-announcer"),r=require("clsx"),n=require("react"),s=require("react-zoom-pan-pinch"),o=require("../modal-v2/modal-v2.js"),u=require("../shared/clickable-icon/clickable-icon.js"),c=require("../shared/hooks/use-state-callback.js"),d=require("../shared/image-placeholder/image-placeholder.js");require("../theme/theme-provider/index.js");var m=require("../theme/utils/css-variable.js");require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var h=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js");var v=require("../typography/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js");var f=require("../util/use-event-listener.js"),g=require("./fullscreen-image-carousel.styles.js"),p=require("./stateful-image.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=j(r);const b=e=>!!e&&"custom"===e.type,I=(r,j)=>{var I,{items:y,initialActiveItemIndex:C,hideThumbnail:N=!1,hideNavigation:k=!1,hideCounter:q=!1,hideMagnifier:w=!1,onDelete:S,onClose:B,insets:T,show:R}=r,A=e.__rest(r,["items","initialActiveItemIndex","hideThumbnail","hideNavigation","hideCounter","hideMagnifier","onDelete","onClose","insets","show"]);const[$,M]=c.useStateCallback(null!=C?C:0),[L,P]=n.useState({}),[V,W]=n.useState(1),[E,D]=n.useState(),[U,z]=n.useState(),F=n.useRef(null),G=n.useRef([]),X=n.useRef([]),Z=n.useRef(null),_=n.useRef(null),O=n.useRef(null),H=n.useRef(null),J=n.useRef(null),K=E&&U?E-U:0,Q=y[$],Y=y.some((e=>{var i;return b(e)&&!!(null===(i=e.itemLabel)||void 0===i?void 0:i.trim())})),ee=Y?"item":"image",ie=n.useMemo((()=>y.some((e=>{var i,t;return(null===(i=e.fileName)||void 0===i?void 0:i.trim())||(null===(t=e.fileSize)||void 0===t?void 0:t.trim())}))),[y]);h.useApplyStyle(_,{[g.tokens.topActionButtons.insetTop]:m.formatUnitValue(null==T?void 0:T.top,"px"),[g.tokens.topActionButtons.insetLeft]:m.formatUnitValue(null==T?void 0:T.left,"px"),[g.tokens.topActionButtons.insetRight]:m.formatUnitValue(null==T?void 0:T.right,"px")}),h.useApplyStyle(O,{[g.tokens.arrowButton.insetLeft]:m.formatUnitValue(null==T?void 0:T.left,"px")}),h.useApplyStyle(H,{[g.tokens.arrowButton.insetRight]:m.formatUnitValue(null==T?void 0:T.right,"px")}),h.useApplyStyle(J,{[g.tokens.thumbnailContainer.insetBottom]:m.formatUnitValue(null==T?void 0:T.bottom,"px")});const te=n.useCallback((e=>{var i,t;const l=y[e],a=Y?"Item":"Image",r=b(l)?(null===(i=l.itemLabel)||void 0===i?void 0:i.trim())||"":(null===(t=l.alt)||void 0===t?void 0:t.trim())||"",n=`${a} ${e+1} of ${y.length}.`;return r?`${r}. ${n}`:n}),[y,Y]);n.useImperativeHandle(j,(()=>({currentItemIndex:$,setCurrentItem:oe,goToPrevItem:ne,goToNextItem:se}))),f.useEventListener("keydown",(function(e){"ArrowRight"===e.key?se():"ArrowLeft"===e.key?ne():"Escape"===e.key&&(null==B||B())}),"document"),n.useEffect((()=>{var e;R&&(null===(e=Z.current)||void 0===e||e.focus())}),[R]),n.useEffect((()=>{0!==y.length?$>y.length-1&&M(y.length-1):M(0)}),[$,y.length,M]),n.useEffect((()=>{var e,i;null===(i=null===(e=G.current)||void 0===e?void 0:e[$])||void 0===i||i.scrollIntoView({behavior:"smooth",inline:"center"}),W(1)}),[$]);const le=e=>{W(e.state.scale)};const ae=({src:e,height:i,width:t})=>{P((l=>Object.assign(Object.assign({},l),{[e]:{height:i,width:t}})))},re=()=>{if(!Q||b(Q))return;const e=L[Q.src];if(F.current&&e){const{clientHeight:i,clientWidth:t}=F.current,{width:l,height:a}=e,r=a/l<i/t;return l<t&&a<i?r?t/l:i/a:r?i/(a/(l/t)):t/(l/(a/i))}},ne=()=>{var e,i;null===(i=null===(e=X.current)||void 0===e?void 0:e[$])||void 0===i||i.resetTransform(),M((e=>0===e?y.length-1:e-1),(e=>{a.clearAnnouncer("polite"),a.announce(te(e),"polite")}))},se=()=>{var e,i;null===(i=null===(e=X.current)||void 0===e?void 0:e[$])||void 0===i||i.resetTransform(),M((e=>e===y.length-1?0:e+1),(e=>{a.clearAnnouncer("polite"),a.announce(te(e),"polite")}))},oe=e=>{var i,t;null===(t=null===(i=X.current)||void 0===i?void 0:i[$])||void 0===t||t.resetTransform(),M(e)};return i.jsx(o.ModalV2,Object.assign({},A,{"data-testid":"image-carousel-modal","aria-label":Y?"Carousel":"Image carousel",show:R,disableInitialFocus:!0,children:i.jsxs("div",{className:g.carouselModalContent,children:[i.jsxs("div",{className:g.imageGalleryContainer,children:[i.jsxs("div",{className:g.imageGalleryWrapper,children:[i.jsx("div",{className:g.imageGallerySwipe,ref:F,onTouchStart:e=>{V<=1&&D(e.touches[0].clientX)},onTouchMove:e=>{!E||V>1||z(e.touches[0].clientX)},onTouchEnd:()=>{F.current&&(Math.abs(K)>F.current.offsetWidth/3&&(K>0?se():ne()),D(void 0),z(void 0))},children:i.jsx("div",{className:g.imageGallerySlides,style:{transform:`translateX(calc(${100*-$}% - ${K}px))`},children:y.map(((e,t)=>{const l=t===$,a=Math.abs(t-$)<=1||0===$&&t===y.length-1||$===y.length-1&&0===t;return i.jsx("div",{className:g.imageGallerySlide,"data-testid":"slide-item",children:i.jsx("div",{className:g.focusableImageRegion,ref:l?Z:null,tabIndex:l?0:-1,children:b(e)?a?e.renderContent():i.jsx(d.ImagePlaceholder,{className:g.slidePlaceholderImage}):i.jsx(s.TransformWrapper,{ref:e=>X.current[t]=e,panning:{disabled:V<=1},initialScale:1,onZoom:le,onZoomStop:le,onWheel:le,children:i.jsx(s.TransformComponent,{children:i.jsx(p.StatefulImage,{className:g.slideImage,src:e.src,alt:te(t),placeholder:i.jsx(d.ImagePlaceholder,{className:g.slidePlaceholderImage}),fit:"scale-down",retrieveImageDimension:!0,setDimension:ae})})})})},t)}))})}),!k&&i.jsxs(i.Fragment,{children:[i.jsx(u.ClickableIcon,{className:x.default(g.iconButton,g.arrowButton,g.arrowButtonLeft),ref:O,"aria-label":`Previous ${ee}`,"data-testid":"prev-btn",onClick:ne,children:i.jsx(t.ChevronLeftIcon,{"aria-hidden":!0})}),i.jsx(u.ClickableIcon,{className:x.default(g.iconButton,g.arrowButton,g.arrowButtonRight),ref:H,"aria-label":`Next ${ee}`,"data-testid":"forward-btn",onClick:se,children:i.jsx(t.ChevronRightIcon,{"aria-hidden":!0})})]}),!q&&i.jsx("div",{className:g.boxChip,"aria-hidden":"true",children:i.jsx(v.Typography.BodyXS,{className:g.chip,weight:"semibold","data-testid":"carousel-counter",children:`${$+1}/${y.length}`})})]}),!N&&i.jsx("div",{className:g.thumbnailContainer,ref:J,"aria-hidden":"true","data-testid":"thumbnail-container",children:i.jsx("div",{className:g.thumbnailWrapper,children:y.map(((e,t)=>{var l;const a=b(e)?e.thumbnailSrc:null!==(l=e.thumbnailSrc)&&void 0!==l?l:e.src;return i.jsx("div",{className:g.thumbnailItemContainer,children:i.jsx("div",{className:g.thumbnailItem,"data-active":t===$,"data-testid":"thumbnail-item",onClick:()=>oe(t),ref:e=>G.current[t]=e,children:a?i.jsx(p.StatefulImage,{className:g.thumbnailImage,src:a,alt:`Thumbnail ${t+1}`,fit:"cover"}):i.jsx(d.ImagePlaceholder,{className:g.slidePlaceholderImage})})},t)}))})})]}),i.jsxs("div",{className:g.topActionButtons,ref:_,"data-has-file-info":ie,children:[ie&&(()=>{const{fileName:e,fileSize:t}=null!=Q?Q:{},l=null==e?void 0:e.trim(),a=null==t?void 0:t.trim();return i.jsxs("div",{className:x.default(g.fileInfoTextWrapper,!a&&g.fileInfoTextWrapperCentered),"aria-live":"polite","aria-atomic":"true","data-testid":"file-info-bar",children:[l&&i.jsx(v.Typography.BodyBL,{className:g.fileInfoFileName,weight:"semibold","data-testid":"file-info-name",children:l}),a&&i.jsx(v.Typography.BodyMD,{className:g.fileInfoFileSize,"data-testid":"file-info-size",children:a})]})})(),!w&&!b(Q)&&i.jsx(u.ClickableIcon,{className:g.iconButton,"aria-label":1===V?"Zoom in":"Zoom out",onClick:()=>{var e,i,t,l;if(1===V){const t=re();null===(i=null===(e=X.current)||void 0===e?void 0:e[$])||void 0===i||i.centerView(t),W(null!=t?t:1)}else W(1),null===(l=null===(t=X.current)||void 0===t?void 0:t[$])||void 0===l||l.resetTransform()},children:1===V?i.jsx(t.MagnifierPlusIcon,{"aria-hidden":!0}):i.jsx(t.MagnifierMinusIcon,{"aria-hidden":!0})}),S&&i.jsx(u.ClickableIcon,{className:x.default(g.iconButton,g.iconButtonError),"aria-label":`Delete ${b(Q)&&(null===(I=Q.itemLabel)||void 0===I?void 0:I.trim())||"image"}`,"data-testid":"delete-btn",onClick:()=>{Q&&S&&S(Q,$)},children:i.jsx(l.BinIcon,{"aria-hidden":!0})}),i.jsx(u.ClickableIcon,{className:g.iconButton,"aria-label":Y?"Close carousel":"Close image carousel",onClick:B,children:i.jsx(t.CrossIcon,{"aria-hidden":!0})})]})]})}))},y=n.forwardRef(I);exports.Component=I,exports.FullscreenImageCarousel=y;
+"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),a=require("@lifesg/react-icons/bin"),l=require("@react-aria/live-announcer"),r=require("clsx"),n=require("react"),s=require("react-zoom-pan-pinch"),o=require("../modal-v2/modal-v2.js"),u=require("../shared/clickable-icon/clickable-icon.js"),c=require("../shared/hooks/use-state-callback.js"),d=require("../shared/image-placeholder/image-placeholder.js");require("../theme/theme-provider/index.js");var m=require("../theme/utils/css-variable.js");require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var h=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js");var v=require("../typography/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var f=require("../util/merge-refs.js");require("../util/simple-id-generator.js"),require("../util/string-helper.js");var g=require("../util/use-event-listener.js"),p=require("./fullscreen-image-carousel.styles.js"),j=require("./stateful-image.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=x(r);const I=e=>!!e&&"custom"===e.type,y=(r,x)=>{var y,C,{items:N,initialActiveItemIndex:k,hideThumbnail:q=!1,hideNavigation:B=!1,hideCounter:S=!1,hideMagnifier:w=!1,customActions:T,onDelete:A,onClose:R,insets:M,topBarRef:$,show:L}=r,P=e.__rest(r,["items","initialActiveItemIndex","hideThumbnail","hideNavigation","hideCounter","hideMagnifier","customActions","onDelete","onClose","insets","topBarRef","show"]);const[V,E]=c.useStateCallback(null!=k?k:0),[W,D]=n.useState({}),[U,z]=n.useState(1),[F,G]=n.useState(),[X,Z]=n.useState(),_=n.useRef(null),O=n.useRef([]),H=n.useRef([]),J=n.useRef(null),[K,Q]=n.useState(null),Y=n.useMemo((()=>({current:K})),[K]),ee=n.useMemo((()=>f.mergeRefs(Q,$)),[$]),ie=n.useRef(null),te=n.useRef(null),ae=n.useRef(null),le=F&&X?F-X:0,re=N[V],ne=null!==(C=null!==(y=null==re?void 0:re.customActions)&&void 0!==y?y:T)&&void 0!==C?C:[],se=N.some((e=>{var i;return I(e)&&!!(null===(i=e.itemLabel)||void 0===i?void 0:i.trim())})),oe=se?"item":"image",ue=n.useMemo((()=>N.some((e=>{var i,t;return(null===(i=e.fileName)||void 0===i?void 0:i.trim())||(null===(t=e.fileSize)||void 0===t?void 0:t.trim())}))),[N]);h.useApplyStyle(Y,{[p.tokens.topActionButtons.insetTop]:m.formatUnitValue(null==M?void 0:M.top,"px"),[p.tokens.topActionButtons.insetLeft]:m.formatUnitValue(null==M?void 0:M.left,"px"),[p.tokens.topActionButtons.insetRight]:m.formatUnitValue(null==M?void 0:M.right,"px")}),h.useApplyStyle(ie,{[p.tokens.arrowButton.insetLeft]:m.formatUnitValue(null==M?void 0:M.left,"px")}),h.useApplyStyle(te,{[p.tokens.arrowButton.insetRight]:m.formatUnitValue(null==M?void 0:M.right,"px")}),h.useApplyStyle(ae,{[p.tokens.thumbnailContainer.insetBottom]:m.formatUnitValue(null==M?void 0:M.bottom,"px")});const ce=n.useCallback((e=>{var i,t;const a=N[e],l=se?"Item":"Image",r=I(a)?(null===(i=a.itemLabel)||void 0===i?void 0:i.trim())||"":(null===(t=a.alt)||void 0===t?void 0:t.trim())||"",n=`${l} ${e+1} of ${N.length}.`;return r?`${r}. ${n}`:n}),[N,se]);n.useImperativeHandle(x,(()=>({currentItemIndex:V,setCurrentItem:je,goToPrevItem:ge,goToNextItem:pe}))),g.useEventListener("keydown",(function(e){"ArrowRight"===e.key?pe():"ArrowLeft"===e.key?ge():"Escape"===e.key&&(null==R||R())}),"document"),n.useEffect((()=>{var e;L&&(null===(e=J.current)||void 0===e||e.focus())}),[L]),n.useEffect((()=>{0!==N.length?V>N.length-1&&E(N.length-1):E(0)}),[V,N.length,E]),n.useEffect((()=>{var e,i;null===(i=null===(e=O.current)||void 0===e?void 0:e[V])||void 0===i||i.scrollIntoView({behavior:"smooth",inline:"center"}),z(1)}),[V]);const de=e=>{z(e.state.scale)},me=()=>{re&&A&&A(re,V)};const he=()=>{var e,i,t,a;if(1===U){const t=fe();null===(i=null===(e=H.current)||void 0===e?void 0:e[V])||void 0===i||i.centerView(t),z(null!=t?t:1)}else z(1),null===(a=null===(t=H.current)||void 0===t?void 0:t[V])||void 0===a||a.resetTransform()},ve=({src:e,height:i,width:t})=>{D((a=>Object.assign(Object.assign({},a),{[e]:{height:i,width:t}})))},fe=()=>{if(!re||I(re))return;const e=W[re.src];if(_.current&&e){const{clientHeight:i,clientWidth:t}=_.current,{width:a,height:l}=e,r=l/a<i/t;return a<t&&l<i?r?t/a:i/l:r?i/(l/(a/t)):t/(a/(l/i))}},ge=()=>{var e,i;null===(i=null===(e=H.current)||void 0===e?void 0:e[V])||void 0===i||i.resetTransform(),E((e=>0===e?N.length-1:e-1),(e=>{l.clearAnnouncer("polite"),l.announce(ce(e),"polite")}))},pe=()=>{var e,i;null===(i=null===(e=H.current)||void 0===e?void 0:e[V])||void 0===i||i.resetTransform(),E((e=>e===N.length-1?0:e+1),(e=>{l.clearAnnouncer("polite"),l.announce(ce(e),"polite")}))},je=e=>{var i,t;null===(t=null===(i=H.current)||void 0===i?void 0:i[V])||void 0===t||t.resetTransform(),E(e)},xe=()=>{const{fileName:e,fileSize:t}=null!=re?re:{},a=null==e?void 0:e.trim(),l=null==t?void 0:t.trim();return i.jsxs("div",{className:b.default(p.fileInfoTextWrapper,!l&&p.fileInfoTextWrapperCentered),"aria-live":"polite","aria-atomic":"true","data-testid":"file-info-bar",children:[a&&i.jsx(v.Typography.BodyBL,{className:p.fileInfoFileName,weight:"semibold","data-testid":"file-info-name",children:a}),l&&i.jsx(v.Typography.BodyMD,{className:p.fileInfoFileSize,"data-testid":"file-info-size",children:l})]})};return i.jsx(o.ModalV2,Object.assign({},P,{"data-testid":"image-carousel-modal","aria-label":se?"Carousel":"Image carousel",show:L,disableInitialFocus:!0,children:i.jsxs("div",{className:p.carouselModalContent,children:[i.jsxs("div",{className:p.imageGalleryContainer,children:[i.jsxs("div",{className:p.imageGalleryWrapper,children:[i.jsx("div",{className:p.imageGallerySwipe,ref:_,onTouchStart:e=>{U<=1&&G(e.touches[0].clientX)},onTouchMove:e=>{!F||U>1||Z(e.touches[0].clientX)},onTouchEnd:()=>{_.current&&(Math.abs(le)>_.current.offsetWidth/3&&(le>0?pe():ge()),G(void 0),Z(void 0))},children:i.jsx("div",{className:p.imageGallerySlides,style:{transform:`translateX(calc(${100*-V}% - ${le}px))`},children:N.map(((e,t)=>{const a=t===V,l=Math.abs(t-V)<=1||0===V&&t===N.length-1||V===N.length-1&&0===t;return i.jsx("div",{className:p.imageGallerySlide,"data-testid":"slide-item",children:i.jsx("div",{className:p.focusableImageRegion,ref:a?J:null,tabIndex:a?0:-1,children:I(e)?l?e.renderContent():i.jsx(d.ImagePlaceholder,{className:p.slidePlaceholderImage}):i.jsx(s.TransformWrapper,{ref:e=>H.current[t]=e,panning:{disabled:U<=1},initialScale:1,onZoom:de,onZoomStop:de,onWheel:de,children:i.jsx(s.TransformComponent,{children:i.jsx(j.StatefulImage,{className:p.slideImage,src:e.src,alt:ce(t),placeholder:i.jsx(d.ImagePlaceholder,{className:p.slidePlaceholderImage}),fit:"scale-down",retrieveImageDimension:!0,setDimension:ve})})})})},t)}))})}),!B&&i.jsxs(i.Fragment,{children:[i.jsx(u.ClickableIcon,{className:b.default(p.iconButton,p.arrowButton,p.arrowButtonLeft),ref:ie,"aria-label":`Previous ${oe}`,"data-testid":"prev-btn",onClick:ge,children:i.jsx(t.ChevronLeftIcon,{"aria-hidden":!0})}),i.jsx(u.ClickableIcon,{className:b.default(p.iconButton,p.arrowButton,p.arrowButtonRight),ref:te,"aria-label":`Next ${oe}`,"data-testid":"forward-btn",onClick:pe,children:i.jsx(t.ChevronRightIcon,{"aria-hidden":!0})})]}),!S&&i.jsx("div",{className:p.boxChip,"aria-hidden":"true",children:i.jsx(v.Typography.BodyXS,{className:p.chip,weight:"semibold","data-testid":"carousel-counter",children:`${V+1}/${N.length}`})})]}),!q&&i.jsx("div",{className:p.thumbnailContainer,ref:ae,"aria-hidden":"true","data-testid":"thumbnail-container",children:i.jsx("div",{className:p.thumbnailWrapper,children:N.map(((e,t)=>{var a;const l=I(e)?e.thumbnailSrc:null!==(a=e.thumbnailSrc)&&void 0!==a?a:e.src;return i.jsx("div",{className:p.thumbnailItemContainer,children:i.jsx("div",{className:p.thumbnailItem,"data-active":t===V,"data-testid":"thumbnail-item",onClick:()=>je(t),ref:e=>O.current[t]=e,children:l?i.jsx(j.StatefulImage,{className:p.thumbnailImage,src:l,alt:`Thumbnail ${t+1}`,fit:"cover"}):i.jsx(d.ImagePlaceholder,{className:p.slidePlaceholderImage})})},t)}))})})]}),(()=>{var e;return i.jsxs("div",{className:p.topActionButtons,ref:ee,"data-has-file-info":ue,children:[ue&&xe(),ne.map(((e,t)=>i.jsx(u.ClickableIcon,{className:p.iconButton,"aria-label":e.ariaLabel,"data-testid":e["data-testid"],onClick:()=>(e=>{re&&e.onClick(re,V)})(e),children:n.cloneElement(e.icon,{"aria-hidden":!0})},t))),!w&&!I(re)&&i.jsx(u.ClickableIcon,{className:p.iconButton,"aria-label":1===U?"Zoom in":"Zoom out",onClick:he,children:1===U?i.jsx(t.MagnifierPlusIcon,{"aria-hidden":!0}):i.jsx(t.MagnifierMinusIcon,{"aria-hidden":!0})}),A&&i.jsx(u.ClickableIcon,{className:b.default(p.iconButton,p.iconButtonError),"aria-label":`Delete ${I(re)&&(null===(e=re.itemLabel)||void 0===e?void 0:e.trim())||"image"}`,"data-testid":"delete-btn",onClick:me,children:i.jsx(a.BinIcon,{"aria-hidden":!0})}),i.jsx(u.ClickableIcon,{className:p.iconButton,"aria-label":se?"Close carousel":"Close image carousel",onClick:R,children:i.jsx(t.CrossIcon,{"aria-hidden":!0})})]})})()]})}))},C=n.forwardRef(y);exports.Component=y,exports.FullscreenImageCarousel=C;
 //# sourceMappingURL=fullscreen-image-carousel.js.map