@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.2

package/e-signature/e-signature.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"e-signature.styles.js","sources":["../../src/e-signature/e-signature.styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { DashedBorder } from \"../dashed-border\";\nimport { IconButton } from \"../icon-button\";\nimport { Modal } from \"../modal\";\nimport { Border, Colour, Radius } from \"../theme\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Border,\n    V3_Breakpoint,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface SignatureAreaProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// CUSTOM MEDIA QUERIES\n// =============================================================================\n// for mobileL and below in both orientations\nconst mobileMediaQuery = css`\n    ${(props) => `\n        ${V3_MediaQuery.MaxWidth.sm(props)},\n        (orientation: landscape) and (max-height: ${V3_Breakpoint[\"sm-max\"](\n            props\n        )}px)\n    `}\n`;\nconst mobileLandscapeMediaQuery = css`\n    ${(props) => `\n        @media (orientation: landscape) and (max-height: ${V3_Breakpoint[\n            \"sm-max\"\n        ](props)}px)\n    `}\n`;\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\n// -----------------------------------------------------------------------------\n// MAIN FIELD\n// -----------------------------------------------------------------------------\n\nexport const SignatureArea = styled(DashedBorder).attrs<SignatureAreaProps>(\n    (props) => ({\n        thickness: Border[\"width-040\"],\n        radius: Radius[\"sm\"],\n        colour: props.$disabled ? Colour[\"border-disabled\"] : Colour[\"border\"],\n        backgroundColor: props.$disabled ? Colour[\"bg-disabled\"] : Colour[\"bg\"],\n    })\n)<SignatureAreaProps>`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 14.125rem;\n`;\n\nexport const AddSignatureButton = styled(Button.Default)`\n    width: fit-content;\n    margin: 0 ${V3_Spacing[\"spacing-20\"]};\n\n    &:disabled {\n        border-color: ${V3_Colour[\"border-strong\"]};\n    }\n`;\n\nexport const EditSignatureButton = styled(IconButton)`\n    position: absolute;\n    top: ${V3_Spacing[\"spacing-16\"]};\n    right: ${V3_Spacing[\"spacing-16\"]};\n\n    &:disabled {\n        border-color: ${V3_Colour[\"border-strong\"]};\n    }\n`;\n\nexport const SignaturePreviewImage = styled.img`\n    display: block;\n    object-fit: contain;\n    object-position: center;\n    width: calc(100% - (3rem + ${V3_Spacing[\"spacing-16\"]}) * 2);\n    height: 100%;\n`;\n\nexport const ProgressBox = styled.div`\n    background: ${V3_Colour[\"bg-primary-subtlest\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    margin: 0 ${V3_Spacing[\"spacing-20\"]};\n    padding: ${V3_Spacing[\"spacing-16\"]};\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n    flex: 1;\n    flex-direction: column;\n    align-items: center;\n`;\n\nexport const Instructions = styled(Typography.BodySM)`\n    margin-top: ${V3_Spacing[\"spacing-16\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// SIGNATURE MODAL\n// -----------------------------------------------------------------------------\n\nexport const ScrollableModal = styled(Modal)`\n    /* increase specificity as the styles are overwritten */\n    && {\n        height: 100%;\n        overflow-y: auto;\n    }\n`;\n\nexport const GrowContainer = styled.div`\n    width: 100%;\n    margin: auto;\n    padding: ${V3_Spacing[\"layout-xxl\"]} ${V3_Spacing[\"layout-sm\"]};\n\n    ${mobileMediaQuery} {\n        padding: 0;\n        width: 100%;\n        height: 100%;\n    }\n`;\n\nexport const ModalBox = styled(Modal.Box)`\n    width: 100%;\n    height: 29rem;\n    max-width: 672px;\n    max-height: none;\n    margin: 0 auto;\n    padding: ${V3_Spacing[\"spacing-16\"]};\n\n    ${mobileMediaQuery} {\n        display: flex;\n        flex-direction: column;\n        max-width: none;\n        height: 100%;\n        border-radius: 0;\n        padding: 0;\n\n        --close-button-top-inset: ${V3_Spacing[\"spacing-8\"]};\n        --close-button-right-inset: ${V3_Spacing[\"spacing-20\"]};\n    }\n`;\n\nexport const ModalTitle = styled.h2`\n    ${V3_Font[\"body-baseline-semibold\"]}\n    color: ${V3_Colour[\"text\"]};\n    margin-bottom: ${V3_Spacing[\"spacing-16\"]};\n    text-align: center;\n\n    ${mobileMediaQuery} {\n        ${V3_Font[\"body-md-semibold\"]}\n        margin: ${V3_Spacing[\"spacing-12\"]} 0;\n    }\n`;\n\nexport const ESignatureContainer = styled.div`\n    width: 100%;\n    height: 20rem;\n    border-radius: ${V3_Radius[\"lg\"]};\n    overflow: hidden;\n\n    ${mobileMediaQuery} {\n        border-radius: 0;\n        flex: 1;\n    }\n\n    ${mobileLandscapeMediaQuery} {\n        background: ${V3_Colour[\"bg-strong\"]};\n    }\n`;\n\nexport const ESignatureDrawable = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: ${V3_Colour[\"bg-stronger\"]};\n    margin: auto;\n\n    ${mobileMediaQuery} {\n        aspect-ratio: 4/3;\n    }\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n        height: auto;\n    }\n    ${mobileLandscapeMediaQuery} {\n        width: auto;\n        height: 100%;\n    }\n`;\n\nexport const SignatureLine = styled.div`\n    position: absolute;\n    left: 50%;\n    top: calc(75% - 1px);\n    width: 300px;\n    height: 2px;\n    transform: translateX(-50%);\n    background-color: ${V3_Colour[\"border-strong\"]};\n    pointer-events: none;\n\n    ${mobileMediaQuery} {\n        width: calc(100% - ${V3_Spacing[\"spacing-40\"]});\n        max-width: 300px;\n        left: 50%;\n    }\n`;\n\nexport const ModalButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    margin-top: ${V3_Spacing[\"spacing-16\"]};\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        flex-direction: column-reverse;\n        margin: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-24\"]}\n            ${V3_Spacing[\"spacing-48\"]};\n        gap: ${V3_Spacing[\"spacing-16\"]};\n    }\n\n    ${mobileLandscapeMediaQuery} {\n        flex-direction: row;\n        margin: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-20\"]};\n    }\n`;\n\nexport const ModalActionButton = styled(Button.Default)`\n    width: 8.5rem;\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n    ${mobileLandscapeMediaQuery} {\n        height: 2.5rem;\n    }\n`;\n\nexport const SignatureCanvasContainer = styled.div`\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n`;\n\nexport const SignatureCanvas = styled.canvas`\n    cursor: crosshair;\n`;\n"],"names":["mobileMediaQuery","css","props","V3_MediaQuery","MaxWidth","sm","V3_Breakpoint","mobileLandscapeMediaQuery","SignatureArea","styled","DashedBorder","attrs","thickness","Border","radius","Radius","colour","$disabled","Colour","backgroundColor","AddSignatureButton","Button","Default","V3_Spacing","V3_Colour","EditSignatureButton","IconButton","SignaturePreviewImage","img","ProgressBox","div","V3_Border","V3_Radius","Instructions","Typography","BodySM","ScrollableModal","Modal","GrowContainer","ModalBox","Box","ModalTitle","h2","V3_Font","ESignatureContainer","ESignatureDrawable","SignatureLine","ModalButtons","ModalActionButton","SignatureCanvasContainer","SignatureCanvas","canvas"],"mappings":"i3BA6BA,MAAMA,EAAmBC,CAAG;MACrBC,GAAU,aACPC,EAAcC,SAASC,GAAGH,0DACgBI,EAAc,UACtDJ;EAINK,EAA4BN,CAAG;MAC9BC,GAAU,8DAC0CI,EAC/C,UACFJ;EAYGM,EAAgBC,EAAOC,GAAcC,OAC7CT,IAAK,CACFU,UAAWC,EAAO,aAClBC,OAAQC,EAAW,GACnBC,OAAQd,EAAMe,UAAYC,EAAO,mBAAqBA,EAAe,OACrEC,gBAAiBjB,EAAMe,UAAYC,EAAO,eAAiBA,EAAW,MAEzD;;;;;;EAQRE,EAAqBX,EAAOY,EAAOC,QAAQ;;gBAExCC,EAAW;;;wBAGHC,EAAU;;EAIrBC,EAAsBhB,EAAOiB,EAAW;;WAE1CH,EAAW;aACTA,EAAW;;;wBAGAC,EAAU;;EAIrBG,EAAwBlB,EAAOmB,GAAG;;;;iCAIdL,EAAW;;EAI/BM,EAAcpB,EAAOqB,GAAG;kBACnBN,EAAU;cACdO,EAAU,gBAAgBA,EAAiB;UAC/CP,EAAkB;qBACPQ,EAAc;gBACnBT,EAAW;eACZA,EAAW;;WAEfA,EAAW;;;;EAMTU,EAAexB,EAAOyB,EAAWC,OAAO;kBACnCZ,EAAW;EAOhBa,EAAkB3B,EAAO4B,EAAM;;;;;;EAQ/BC,EAAgB7B,EAAOqB,GAAG;;;eAGxBP,EAAW,iBAAiBA,EAAW;;MAEhDvB;;;;;EAOOuC,EAAW9B,EAAO4B,EAAMG,IAAI;;;;;;eAM1BjB,EAAW;;MAEpBvB;;;;;;;;oCAQ8BuB,EAAW;sCACTA,EAAW;;EAIpCkB,EAAahC,EAAOiC,EAAE;MAC7BC,EAAQ;aACDnB,EAAgB;qBACRD,EAAW;;;MAG1BvB;UACI2C,EAAQ;kBACApB,EAAW;;EAIhBqB,EAAsBnC,EAAOqB,GAAG;;;qBAGxBE,EAAc;;;MAG7BhC;;;;;MAKAO;sBACgBiB,EAAU;;EAInBqB,EAAqBpC,EAAOqB,GAAG;;;;kBAI1BN,EAAU;;;MAGtBxB;;;MAGAG,EAAcC,SAASC;;;;MAIvBE;;;;EAMOuC,EAAgBrC,EAAOqB,GAAG;;;;;;;wBAOfN,EAAU;;;MAG5BxB;6BACuBuB,EAAW;;;;EAM3BwB,EAAetC,EAAOqB,GAAG;;;kBAGpBP,EAAW;;MAEvBpB,EAAcC,SAASC;;kBAEXkB,EAAW,iBAAiBA,EAAW;cAC3CA,EAAW;eACVA,EAAW;;;MAGpBhB;;kBAEYgB,EAAW,iBAAiBA,EAAW;;EAI5CyB,EAAoBvC,EAAOY,EAAOC,QAAQ;;MAEjDnB,EAAcC,SAASC;;;MAGvBE;;;EAKO0C,EAA2BxC,EAAOqB,GAAG;;;;EAMrCoB,EAAkBzC,EAAO0C,MAAM;;"}
+{"version":3,"file":"e-signature.styles.js","sources":["../../src/e-signature/e-signature.styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { DashedBorder } from \"../dashed-border\";\nimport { Modal } from \"../modal\";\nimport { Border, Colour, Radius } from \"../theme\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Border,\n    V3_Breakpoint,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface SignatureAreaProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// CUSTOM MEDIA QUERIES\n// =============================================================================\n// for mobileL and below in both orientations\nconst mobileMediaQuery = css`\n    ${(props) => `\n        ${V3_MediaQuery.MaxWidth.sm(props)},\n        (orientation: landscape) and (max-height: ${V3_Breakpoint[\"sm-max\"](\n            props\n        )}px)\n    `}\n`;\nconst mobileLandscapeMediaQuery = css`\n    ${(props) => `\n        @media (orientation: landscape) and (max-height: ${V3_Breakpoint[\n            \"sm-max\"\n        ](props)}px)\n    `}\n`;\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\n// -----------------------------------------------------------------------------\n// MAIN FIELD\n// -----------------------------------------------------------------------------\n\nexport const SignatureArea = styled(DashedBorder).attrs<SignatureAreaProps>(\n    (props) => ({\n        thickness: Border[\"width-040\"],\n        radius: Radius[\"sm\"],\n        colour: props.$disabled ? Colour[\"border-disabled\"] : Colour[\"border\"],\n        backgroundColor: props.$disabled ? Colour[\"bg-disabled\"] : Colour[\"bg\"],\n    })\n)<SignatureAreaProps>`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 14.125rem;\n`;\n\nexport const AddSignatureButton = styled(Button.Default)`\n    width: fit-content;\n    margin: 0 ${V3_Spacing[\"spacing-20\"]};\n\n    &:disabled {\n        border-color: ${V3_Colour[\"border-strong\"]};\n    }\n`;\n\nexport const EditSignatureButton = styled(Button)`\n    position: absolute;\n    top: ${V3_Spacing[\"spacing-16\"]};\n    right: ${V3_Spacing[\"spacing-16\"]};\n\n    &:disabled {\n        border-color: ${V3_Colour[\"border-strong\"]};\n    }\n`;\n\nexport const SignaturePreviewImage = styled.img`\n    display: block;\n    object-fit: contain;\n    object-position: center;\n    width: calc(100% - (3rem + ${V3_Spacing[\"spacing-16\"]}) * 2);\n    height: 100%;\n`;\n\nexport const ProgressBox = styled.div`\n    background: ${V3_Colour[\"bg-primary-subtlest\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    margin: 0 ${V3_Spacing[\"spacing-20\"]};\n    padding: ${V3_Spacing[\"spacing-16\"]};\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n    flex: 1;\n    flex-direction: column;\n    align-items: center;\n`;\n\nexport const Instructions = styled(Typography.BodySM)`\n    margin-top: ${V3_Spacing[\"spacing-16\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// SIGNATURE MODAL\n// -----------------------------------------------------------------------------\n\nexport const ScrollableModal = styled(Modal)`\n    /* increase specificity as the styles are overwritten */\n    && {\n        height: 100%;\n        overflow-y: auto;\n    }\n`;\n\nexport const GrowContainer = styled.div`\n    width: 100%;\n    margin: auto;\n    padding: ${V3_Spacing[\"layout-xxl\"]} ${V3_Spacing[\"layout-sm\"]};\n\n    ${mobileMediaQuery} {\n        padding: 0;\n        width: 100%;\n        height: 100%;\n    }\n`;\n\nexport const ModalBox = styled(Modal.Box)`\n    width: 100%;\n    height: 29rem;\n    max-width: 672px;\n    max-height: none;\n    margin: 0 auto;\n    padding: ${V3_Spacing[\"spacing-16\"]};\n\n    ${mobileMediaQuery} {\n        display: flex;\n        flex-direction: column;\n        max-width: none;\n        height: 100%;\n        border-radius: 0;\n        padding: 0;\n\n        --close-button-top-inset: ${V3_Spacing[\"spacing-8\"]};\n        --close-button-right-inset: ${V3_Spacing[\"spacing-20\"]};\n    }\n`;\n\nexport const ModalTitle = styled.h2`\n    ${V3_Font[\"body-baseline-semibold\"]}\n    color: ${V3_Colour[\"text\"]};\n    margin-bottom: ${V3_Spacing[\"spacing-16\"]};\n    text-align: center;\n\n    ${mobileMediaQuery} {\n        ${V3_Font[\"body-md-semibold\"]}\n        margin: ${V3_Spacing[\"spacing-12\"]} 0;\n    }\n`;\n\nexport const ESignatureContainer = styled.div`\n    width: 100%;\n    height: 20rem;\n    border-radius: ${V3_Radius[\"lg\"]};\n    overflow: hidden;\n\n    ${mobileMediaQuery} {\n        border-radius: 0;\n        flex: 1;\n    }\n\n    ${mobileLandscapeMediaQuery} {\n        background: ${V3_Colour[\"bg-strong\"]};\n    }\n`;\n\nexport const ESignatureDrawable = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: ${V3_Colour[\"bg-stronger\"]};\n    margin: auto;\n\n    ${mobileMediaQuery} {\n        aspect-ratio: 4/3;\n    }\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n        height: auto;\n    }\n    ${mobileLandscapeMediaQuery} {\n        width: auto;\n        height: 100%;\n    }\n`;\n\nexport const SignatureLine = styled.div`\n    position: absolute;\n    left: 50%;\n    top: calc(75% - 1px);\n    width: 300px;\n    height: 2px;\n    transform: translateX(-50%);\n    background-color: ${V3_Colour[\"border-strong\"]};\n    pointer-events: none;\n\n    ${mobileMediaQuery} {\n        width: calc(100% - ${V3_Spacing[\"spacing-40\"]});\n        max-width: 300px;\n        left: 50%;\n    }\n`;\n\nexport const ModalButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    margin-top: ${V3_Spacing[\"spacing-16\"]};\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        flex-direction: column-reverse;\n        margin: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-24\"]}\n            ${V3_Spacing[\"spacing-48\"]};\n        gap: ${V3_Spacing[\"spacing-16\"]};\n    }\n\n    ${mobileLandscapeMediaQuery} {\n        flex-direction: row;\n        margin: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-20\"]};\n    }\n`;\n\nexport const ModalActionButton = styled(Button.Default)`\n    width: 8.5rem;\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n    ${mobileLandscapeMediaQuery} {\n        height: 2.5rem;\n    }\n`;\n\nexport const SignatureCanvasContainer = styled.div`\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n`;\n\nexport const SignatureCanvas = styled.canvas`\n    cursor: crosshair;\n`;\n"],"names":["mobileMediaQuery","css","props","V3_MediaQuery","MaxWidth","sm","V3_Breakpoint","mobileLandscapeMediaQuery","SignatureArea","styled","DashedBorder","attrs","thickness","Border","radius","Radius","colour","$disabled","Colour","backgroundColor","AddSignatureButton","Button","Default","V3_Spacing","V3_Colour","EditSignatureButton","SignaturePreviewImage","img","ProgressBox","div","V3_Border","V3_Radius","Instructions","Typography","BodySM","ScrollableModal","Modal","GrowContainer","ModalBox","Box","ModalTitle","h2","V3_Font","ESignatureContainer","ESignatureDrawable","SignatureLine","ModalButtons","ModalActionButton","SignatureCanvasContainer","SignatureCanvas","canvas"],"mappings":"g4BA4BA,MAAMA,EAAmBC,CAAG;MACrBC,GAAU,aACPC,EAAcC,SAASC,GAAGH,0DACgBI,EAAc,UACtDJ;EAINK,EAA4BN,CAAG;MAC9BC,GAAU,8DAC0CI,EAC/C,UACFJ;EAYGM,EAAgBC,EAAOC,GAAcC,OAC7CT,IAAK,CACFU,UAAWC,EAAO,aAClBC,OAAQC,EAAW,GACnBC,OAAQd,EAAMe,UAAYC,EAAO,mBAAqBA,EAAe,OACrEC,gBAAiBjB,EAAMe,UAAYC,EAAO,eAAiBA,EAAW,MAEzD;;;;;;EAQRE,EAAqBX,EAAOY,EAAOC,QAAQ;;gBAExCC,EAAW;;;wBAGHC,EAAU;;EAIrBC,EAAsBhB,EAAOY,EAAO;;WAEtCE,EAAW;aACTA,EAAW;;;wBAGAC,EAAU;;EAIrBE,EAAwBjB,EAAOkB,GAAG;;;;iCAIdJ,EAAW;;EAI/BK,EAAcnB,EAAOoB,GAAG;kBACnBL,EAAU;cACdM,EAAU,gBAAgBA,EAAiB;UAC/CN,EAAkB;qBACPO,EAAc;gBACnBR,EAAW;eACZA,EAAW;;WAEfA,EAAW;;;;EAMTS,EAAevB,EAAOwB,EAAWC,OAAO;kBACnCX,EAAW;EAOhBY,EAAkB1B,EAAO2B,EAAM;;;;;;EAQ/BC,EAAgB5B,EAAOoB,GAAG;;;eAGxBN,EAAW,iBAAiBA,EAAW;;MAEhDvB;;;;;EAOOsC,EAAW7B,EAAO2B,EAAMG,IAAI;;;;;;eAM1BhB,EAAW;;MAEpBvB;;;;;;;;oCAQ8BuB,EAAW;sCACTA,EAAW;;EAIpCiB,EAAa/B,EAAOgC,EAAE;MAC7BC,EAAQ;aACDlB,EAAgB;qBACRD,EAAW;;;MAG1BvB;UACI0C,EAAQ;kBACAnB,EAAW;;EAIhBoB,EAAsBlC,EAAOoB,GAAG;;;qBAGxBE,EAAc;;;MAG7B/B;;;;;MAKAO;sBACgBiB,EAAU;;EAInBoB,EAAqBnC,EAAOoB,GAAG;;;;kBAI1BL,EAAU;;;MAGtBxB;;;MAGAG,EAAcC,SAASC;;;;MAIvBE;;;;EAMOsC,EAAgBpC,EAAOoB,GAAG;;;;;;;wBAOfL,EAAU;;;MAG5BxB;6BACuBuB,EAAW;;;;EAM3BuB,EAAerC,EAAOoB,GAAG;;;kBAGpBN,EAAW;;MAEvBpB,EAAcC,SAASC;;kBAEXkB,EAAW,iBAAiBA,EAAW;cAC3CA,EAAW;eACVA,EAAW;;;MAGpBhB;;kBAEYgB,EAAW,iBAAiBA,EAAW;;EAI5CwB,EAAoBtC,EAAOY,EAAOC,QAAQ;;MAEjDnB,EAAcC,SAASC;;;MAGvBE;;;EAKOyC,EAA2BvC,EAAOoB,GAAG;;;;EAMrCoB,EAAkBxC,EAAOyC,MAAM;;"}

package/error-display/error-display-data.d.ts

@@ -1,4 +1,4 @@
-import type { V3_ResourceScheme, V3_ThemeSpec } from "../v3_theme/types";
+import type { ThemeType } from "../theme";
 import type { ErrorDisplayImagePathAttributes } from "./helper";
 import type { ErrorDisplayType, InactivityAdditionalAttributes, MaintenanceAdditionalAttributes } from "./types";
 interface ErrorDisplayDataAttrs {
@@ -8,6 +8,6 @@ interface ErrorDisplayDataAttrs {
     description?: string | JSX.Element | undefined;
     renderDescription?: (attrs?: MaintenanceAdditionalAttributes | InactivityAdditionalAttributes) => JSX.Element | string | undefined;
 }
-export declare const generateErrorDisplayData: (ImgPathsObject: Record<string, ErrorDisplayImagePathAttributes>, theme?: V3_ThemeSpec) => Map<ErrorDisplayType, ErrorDisplayDataAttrs>;
-export declare const getErrorDisplayData: (type: ErrorDisplayType, resourceScheme: V3_ResourceScheme, theme?: V3_ThemeSpec) => ErrorDisplayDataAttrs | undefined;
+export declare const generateErrorDisplayData: (ImgPathsObject: Record<string, ErrorDisplayImagePathAttributes>, mobile: string, tablet: string) => Map<ErrorDisplayType, ErrorDisplayDataAttrs>;
+export declare const getErrorDisplayData: (type: ErrorDisplayType, resourceScheme: ThemeType, mobile: string, tablet: string) => ErrorDisplayDataAttrs | undefined;
 export {};

package/error-display/error-display-data.js

@@ -1,2 +1,2 @@
-import{renderDescriptionWithProps as s}from"./error-display-helper-comp.js";import{ErrorDisplayHelper as e}from"./helper.js";const{imgAttributeHelper:t}=e,g={400:{base:"https://assets.life.gov.sg/react-design-system/img/error/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/400@3x.png",width:400,height:280},403:{base:"https://assets.life.gov.sg/react-design-system/img/error/403.png",md:"https://assets.life.gov.sg/react-design-system/img/error/403@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/403@3x.png",width:400,height:280},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/404.png",md:"https://assets.life.gov.sg/react-design-system/img/error/404@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/404@3x.png",width:400,height:280},408:{base:"https://assets.life.gov.sg/react-design-system/img/error/408.png",md:"https://assets.life.gov.sg/react-design-system/img/error/408@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/408@3x.png",width:400,height:280},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png",width:400,height:280},502:{base:"https://assets.life.gov.sg/react-design-system/img/error/502.png",md:"https://assets.life.gov.sg/react-design-system/img/error/502@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/502@3x.png",width:400,height:280},503:{base:"https://assets.life.gov.sg/react-design-system/img/error/503.png",md:"https://assets.life.gov.sg/react-design-system/img/error/503@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/503@3x.png",width:400,height:280},504:{base:"https://assets.life.gov.sg/react-design-system/img/error/504.png",md:"https://assets.life.gov.sg/react-design-system/img/error/504@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/504@3x.png",width:400,height:280},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/confirmation@3x.png",width:400,height:280},"insufficient-credits":{base:"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit.png",md:"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@3x.png",width:400,height:280},inactivity:{base:"https://assets.life.gov.sg/react-design-system/img/error/inactivity.png",md:"https://assets.life.gov.sg/react-design-system/img/error/inactivity@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/inactivity@3x.png",width:400,height:280},"link-error":{base:"https://assets.life.gov.sg/react-design-system/img/error/link-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/link-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/link-error@3x.png",width:400,height:280},logout:{base:"https://assets.life.gov.sg/react-design-system/img/error/logout.png",md:"https://assets.life.gov.sg/react-design-system/img/error/logout@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/logout@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@3x.png",width:400,height:280},"payment-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@3x.png",width:400,height:281},"transfer-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@3x.png",width:400,height:280},"unsupported-browser":{base:"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png",width:400,height:280},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/warning@3x.png",width:400,height:280}},r={400:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@3x.png",width:400,height:215},403:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/403.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@3x.png",width:400,height:254},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/404.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@3x.png",width:400,height:319},408:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/408.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@3x.png",width:400,height:330},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png",width:400,height:232},502:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/502.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@3x.png",width:400,height:215},503:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/503.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@3x.png",width:400,height:191},504:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/504.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@3x.png",width:400,height:261},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@3x.png",width:400,height:280},"insufficient-credits":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@3x.png",width:400,height:280},inactivity:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@3x.png",width:400,height:276},"link-error":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@3x.png",width:400,height:280},logout:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@3x.png",width:400,height:290},"payment-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@3x.png",width:400,height:280},"transfer-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@3x.png",width:400,height:280},"unsupported-browser":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png",width:400,height:232},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@3x.png",width:400,height:280}},i=Object.assign(Object.assign({},g),{400:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@3x.png",width:400,height:280},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png",width:400,height:280},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png",width:400,height:280},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png",width:400,height:280},"unsupported-browser":{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png",width:400,height:280},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@3x.png",width:400,height:280}}),n=Object.assign(Object.assign({},g),{400:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@3x.png",width:400,height:280},403:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@3x.png",width:400,height:280},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@3x.png",width:400,height:280},408:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@3x.png",width:400,height:280},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@3x.png",width:400,height:280},502:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@3x.png",width:400,height:280},503:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@3x.png",width:400,height:280},504:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@3x.png",width:400,height:280},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@3x.png",width:400,height:280},inactivity:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@3x.png",width:400,height:280},"link-error":{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@3x.png",width:400,height:280},logout:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@3x.png",width:400,height:280},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@3x.png",width:400,height:280},"payment-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@3x.png",width:400,height:280}}),o=(e,g)=>new Map([["400",{img:t(e[400],g),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["403",{img:t(e[403],g),title:"Error loading page",description:"You may not have permission to view this page. If someone gave you this link, let them know about this error."}],["404",{img:t(e[404],g),title:"Page not found",description:"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know about this error."}],["408",{img:t(e[408],g),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["500",{img:t(e[500],g),title:"Something went wrong",description:"We're working on a fix for the problem. Please try again later."}],["502",{img:t(e[502],g),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["503",{img:t(e[503],g),title:"Service under maintenance",description:"This service is currently unavailable. Please try again later."}],["504",{img:t(e[504],g),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["confirmation",{img:t(e.confirmation,g),title:"Leave and lose changes?",description:"You have unsaved changes. If you leave this page, you will lose the changes you’ve made."}],["link-error",{img:t(e["link-error"],g),title:"Link has expired",description:"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know it has expired."}],["logout",{img:t(e.logout,g),title:"You’ve been logged out",description:"It looks like you’ve left, so we logged you out to protect your privacy."}],["insufficient-credits",{img:t(e["insufficient-credits"],g),title:"Insufficient credits",description:"You do not have enough credits to make this transaction."}],["inactivity",{img:t(e.inactivity,g),title:"Are you still there?",description:"You’ve been inactive for a while. To protect your privacy, you’ll be logged out soon.\n\nIf you wish to stay on this page, let us know now.",renderDescription:s("inactivity")}],["maintenance",{img:t(e[503],g),title:"Service under maintenance",description:"This service is currently unavailable. Please try again later.",renderDescription:s("maintenance")}],["no-item-found",{img:t(e["no-item-found"],g),title:"No results found",description:"Try adjusting your search or filters to find what you’re looking for."}],["payment-unsuccessful",{img:t(e["payment-unsuccessful"],g),title:"Unsuccessful payment",description:"Your payment was unsuccessful. Please try again."}],["transfer-unsuccessful",{img:t(e["transfer-unsuccessful"],g),title:"Unsuccessful transfer",description:"Your transfer was unsuccessful. Please try again."}],["unsupported-browser",{img:t(e["unsupported-browser"],g),title:"Browser not supported",description:"Download the latest version of Chrome, Edge, Firefox or Safari."}],["partially-supported-browser",{img:t(e["unsupported-browser"],g),title:"Browser version not supported",description:"Update to the latest version of Chrome, Edge, Firefox or Safari."}],["warning",{img:t(e.warning,g),title:"Are you sure?",description:"You will lose your progress."}]]),a=(s,e,t)=>{switch(e){case"bookingsg":return o(r,t).get(s);case"ccube":return o(i,t).get(s);case"mylegacy":return o(n,t).get(s);default:return o(g,t).get(s)}};export{o as generateErrorDisplayData,a as getErrorDisplayData};
+import{renderDescriptionWithProps as s}from"./error-display-helper-comp.js";import{ErrorDisplayHelper as e}from"./helper.js";const{imgAttributeHelper:t}=e,g={400:{base:"https://assets.life.gov.sg/react-design-system/img/error/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/400@3x.png",width:400,height:280},403:{base:"https://assets.life.gov.sg/react-design-system/img/error/403.png",md:"https://assets.life.gov.sg/react-design-system/img/error/403@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/403@3x.png",width:400,height:280},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/404.png",md:"https://assets.life.gov.sg/react-design-system/img/error/404@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/404@3x.png",width:400,height:280},408:{base:"https://assets.life.gov.sg/react-design-system/img/error/408.png",md:"https://assets.life.gov.sg/react-design-system/img/error/408@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/408@3x.png",width:400,height:280},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png",width:400,height:280},502:{base:"https://assets.life.gov.sg/react-design-system/img/error/502.png",md:"https://assets.life.gov.sg/react-design-system/img/error/502@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/502@3x.png",width:400,height:280},503:{base:"https://assets.life.gov.sg/react-design-system/img/error/503.png",md:"https://assets.life.gov.sg/react-design-system/img/error/503@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/503@3x.png",width:400,height:280},504:{base:"https://assets.life.gov.sg/react-design-system/img/error/504.png",md:"https://assets.life.gov.sg/react-design-system/img/error/504@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/504@3x.png",width:400,height:280},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/confirmation@3x.png",width:400,height:280},"insufficient-credits":{base:"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit.png",md:"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@3x.png",width:400,height:280},inactivity:{base:"https://assets.life.gov.sg/react-design-system/img/error/inactivity.png",md:"https://assets.life.gov.sg/react-design-system/img/error/inactivity@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/inactivity@3x.png",width:400,height:280},"link-error":{base:"https://assets.life.gov.sg/react-design-system/img/error/link-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/link-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/link-error@3x.png",width:400,height:280},logout:{base:"https://assets.life.gov.sg/react-design-system/img/error/logout.png",md:"https://assets.life.gov.sg/react-design-system/img/error/logout@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/logout@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@3x.png",width:400,height:280},"payment-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@3x.png",width:400,height:281},"transfer-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@3x.png",width:400,height:280},"unsupported-browser":{base:"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png",width:400,height:280},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/warning@3x.png",width:400,height:280}},r={400:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@3x.png",width:400,height:215},403:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/403.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@3x.png",width:400,height:254},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/404.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@3x.png",width:400,height:319},408:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/408.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@3x.png",width:400,height:330},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png",width:400,height:232},502:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/502.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@3x.png",width:400,height:215},503:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/503.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@3x.png",width:400,height:191},504:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/504.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@3x.png",width:400,height:261},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@3x.png",width:400,height:280},"insufficient-credits":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@3x.png",width:400,height:280},inactivity:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@3x.png",width:400,height:276},"link-error":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@3x.png",width:400,height:280},logout:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@3x.png",width:400,height:290},"payment-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@3x.png",width:400,height:280},"transfer-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@3x.png",width:400,height:280},"unsupported-browser":{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png",width:400,height:232},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@3x.png",width:400,height:280}},i=Object.assign(Object.assign({},g),{400:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@3x.png",width:400,height:280},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png",width:400,height:280},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png",width:400,height:280},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png",width:400,height:280},"unsupported-browser":{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png",width:400,height:280},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@3x.png",width:400,height:280}}),n=Object.assign(Object.assign({},g),{400:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@3x.png",width:400,height:280},403:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@3x.png",width:400,height:280},404:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@3x.png",width:400,height:280},408:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@3x.png",width:400,height:280},500:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@3x.png",width:400,height:280},502:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@3x.png",width:400,height:280},503:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@3x.png",width:400,height:280},504:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@3x.png",width:400,height:280},confirmation:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@3x.png",width:400,height:280},inactivity:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@3x.png",width:400,height:280},"link-error":{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@3x.png",width:400,height:280},logout:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@3x.png",width:400,height:280},warning:{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@3x.png",width:400,height:280},"payment-unsuccessful":{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@3x.png",width:400,height:280},"no-item-found":{base:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found.png",md:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@2x.png",lg:"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@3x.png",width:400,height:280}}),o=(e,g,r)=>new Map([["400",{img:t(e[400],g,r),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["403",{img:t(e[403],g,r),title:"Error loading page",description:"You may not have permission to view this page. If someone gave you this link, let them know about this error."}],["404",{img:t(e[404],g,r),title:"Page not found",description:"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know about this error."}],["408",{img:t(e[408],g,r),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["500",{img:t(e[500],g,r),title:"Something went wrong",description:"We're working on a fix for the problem. Please try again later."}],["502",{img:t(e[502],g,r),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["503",{img:t(e[503],g,r),title:"Service under maintenance",description:"This service is currently unavailable. Please try again later."}],["504",{img:t(e[504],g,r),title:"Something went wrong",description:"This could be a temporary problem, so please refresh the page or try again later."}],["confirmation",{img:t(e.confirmation,g,r),title:"Leave and lose changes?",description:"You have unsaved changes. If you leave this page, you will lose the changes you’ve made."}],["link-error",{img:t(e["link-error"],g,r),title:"Link has expired",description:"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know it has expired."}],["logout",{img:t(e.logout,g,r),title:"You’ve been logged out",description:"It looks like you’ve left, so we logged you out to protect your privacy."}],["insufficient-credits",{img:t(e["insufficient-credits"],g,r),title:"Insufficient credits",description:"You do not have enough credits to make this transaction."}],["inactivity",{img:t(e.inactivity,g,r),title:"Are you still there?",description:"You’ve been inactive for a while. To protect your privacy, you’ll be logged out soon.\n\nIf you wish to stay on this page, let us know now.",renderDescription:s("inactivity")}],["maintenance",{img:t(e[503],g,r),title:"Service under maintenance",description:"This service is currently unavailable. Please try again later.",renderDescription:s("maintenance")}],["no-item-found",{img:t(e["no-item-found"],g,r),title:"No results found",description:"Try adjusting your search or filters to find what you’re looking for."}],["payment-unsuccessful",{img:t(e["payment-unsuccessful"],g,r),title:"Unsuccessful payment",description:"Your payment was unsuccessful. Please try again."}],["transfer-unsuccessful",{img:t(e["transfer-unsuccessful"],g,r),title:"Unsuccessful transfer",description:"Your transfer was unsuccessful. Please try again."}],["unsupported-browser",{img:t(e["unsupported-browser"],g,r),title:"Browser not supported",description:"Download the latest version of Chrome, Edge, Firefox or Safari."}],["partially-supported-browser",{img:t(e["unsupported-browser"],g,r),title:"Browser version not supported",description:"Update to the latest version of Chrome, Edge, Firefox or Safari."}],["warning",{img:t(e.warning,g,r),title:"Are you sure?",description:"You will lose your progress."}]]),a=(s,e,t,a)=>{switch(e){case"bookingsg":return o(r,t,a).get(s);case"ccube":return o(i,t,a).get(s);case"mylegacy":return o(n,t,a).get(s);default:return o(g,t,a).get(s)}};export{o as generateErrorDisplayData,a as getErrorDisplayData};
 //# sourceMappingURL=error-display-data.js.map

package/error-display/error-display-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-display-data.js","sources":["../../src/error-display/error-display-data.tsx"],"sourcesContent":["import type { V3_ResourceScheme, V3_ThemeSpec } from \"../v3_theme/types\";\nimport { renderDescriptionWithProps } from \"./error-display-helper-comp\";\nimport type { ErrorDisplayImagePathAttributes } from \"./helper\";\nimport { ErrorDisplayHelper } from \"./helper\";\nimport type {\n    ErrorDisplayType,\n    InactivityAdditionalAttributes,\n    MaintenanceAdditionalAttributes,\n} from \"./types\";\n\nconst { imgAttributeHelper } = ErrorDisplayHelper;\n\n// =============================================================================\n// IMAGE PATHS\n// =============================================================================\n\nconst ImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/400@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"403\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/403.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/403@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/403@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/404.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/404@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/404@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"408\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/408.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/408@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/408@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"502\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/502.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/502@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/502@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"503\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/503.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/503@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/503@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"504\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/504.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/504@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/504@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"insufficient-credits\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    inactivity: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/inactivity.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/inactivity@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/inactivity@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"link-error\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/link-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/link-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/link-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    logout: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/logout.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/logout@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/logout@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"payment-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@3x.png\",\n        width: 400,\n        height: 281,\n    },\n    \"transfer-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"unsupported-browser\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\nconst BsgImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@3x.png\",\n        width: 400,\n        height: 215,\n    },\n    \"403\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/403.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@3x.png\",\n        width: 400,\n        height: 254,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/404.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@3x.png\",\n        width: 400,\n        height: 319,\n    },\n    \"408\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/408.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@3x.png\",\n        width: 400,\n        height: 330,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png\",\n        width: 400,\n        height: 232,\n    },\n    \"502\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/502.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@3x.png\",\n        width: 400,\n        height: 215,\n    },\n    \"503\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/503.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@3x.png\",\n        width: 400,\n        height: 191,\n    },\n    \"504\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/504.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@3x.png\",\n        width: 400,\n        height: 261,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"insufficient-credits\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    inactivity: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@3x.png\",\n        width: 400,\n        height: 276,\n    },\n    \"link-error\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    logout: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@3x.png\",\n        width: 400,\n        height: 290,\n    },\n    \"payment-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"transfer-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"unsupported-browser\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png\",\n        width: 400,\n        height: 232,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\nconst CCubeImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    ...ImgPaths,\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"unsupported-browser\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\nconst MyLegacyImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    ...ImgPaths,\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"403\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"408\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"502\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"503\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"504\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    inactivity: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"link-error\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    logout: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"payment-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\n// =============================================================================\n// ERROR DISPLAY ATTRIBUTES\n// =============================================================================\n\ninterface ErrorDisplayDataAttrs {\n    img?: React.ImgHTMLAttributes<HTMLImageElement> | undefined;\n    imgSrc?: string | undefined;\n    title?: string | undefined;\n    description?: string | JSX.Element | undefined;\n    renderDescription?: (\n        attrs?: MaintenanceAdditionalAttributes | InactivityAdditionalAttributes\n    ) => JSX.Element | string | undefined;\n}\n\nexport const generateErrorDisplayData = (\n    ImgPathsObject: Record<string, ErrorDisplayImagePathAttributes>,\n    theme?: V3_ThemeSpec\n) =>\n    new Map<ErrorDisplayType, ErrorDisplayDataAttrs>([\n        [\n            \"400\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"400\"], theme),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"403\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"403\"], theme),\n                title: \"Error loading page\",\n                description:\n                    \"You may not have permission to view this page. If someone gave you this link, let them know about this error.\",\n            },\n        ],\n        [\n            \"404\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"404\"], theme),\n                title: \"Page not found\",\n                description:\n                    \"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know about this error.\",\n            },\n        ],\n        [\n            \"408\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"408\"], theme),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"500\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"500\"], theme),\n                title: \"Something went wrong\",\n                description:\n                    \"We're working on a fix for the problem. Please try again later.\",\n            },\n        ],\n        [\n            \"502\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"502\"], theme),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"503\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"503\"], theme),\n                title: \"Service under maintenance\",\n                description:\n                    \"This service is currently unavailable. Please try again later.\",\n            },\n        ],\n        [\n            \"504\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"504\"], theme),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"confirmation\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"confirmation\"], theme),\n                title: \"Leave and lose changes?\",\n                description:\n                    \"You have unsaved changes. If you leave this page, you will lose the changes you’ve made.\",\n            },\n        ],\n        [\n            \"link-error\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"link-error\"], theme),\n                title: \"Link has expired\",\n                description:\n                    \"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know it has expired.\",\n            },\n        ],\n        [\n            \"logout\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"logout\"], theme),\n                title: \"You’ve been logged out\",\n                description:\n                    \"It looks like you’ve left, so we logged you out to protect your privacy.\",\n            },\n        ],\n        [\n            \"insufficient-credits\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"insufficient-credits\"],\n                    theme\n                ),\n                title: \"Insufficient credits\",\n                description:\n                    \"You do not have enough credits to make this transaction.\",\n            },\n        ],\n        [\n            \"inactivity\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"inactivity\"], theme),\n                title: \"Are you still there?\",\n                description:\n                    \"You’ve been inactive for a while. To protect your privacy, you’ll be logged out soon.\\n\\nIf you wish to stay on this page, let us know now.\",\n                renderDescription: renderDescriptionWithProps(\"inactivity\"),\n            },\n        ],\n        [\n            \"maintenance\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"503\"], theme),\n                title: \"Service under maintenance\",\n                description:\n                    \"This service is currently unavailable. Please try again later.\",\n                renderDescription: renderDescriptionWithProps(\"maintenance\"),\n            },\n        ],\n        [\n            \"no-item-found\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"no-item-found\"], theme),\n                title: \"No results found\",\n                description:\n                    \"Try adjusting your search or filters to find what you’re looking for.\",\n            },\n        ],\n        [\n            \"payment-unsuccessful\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"payment-unsuccessful\"],\n                    theme\n                ),\n                title: \"Unsuccessful payment\",\n                description: \"Your payment was unsuccessful. Please try again.\",\n            },\n        ],\n        [\n            \"transfer-unsuccessful\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"transfer-unsuccessful\"],\n                    theme\n                ),\n                title: \"Unsuccessful transfer\",\n                description:\n                    \"Your transfer was unsuccessful. Please try again.\",\n            },\n        ],\n        [\n            \"unsupported-browser\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"unsupported-browser\"],\n                    theme\n                ),\n                title: \"Browser not supported\",\n                description:\n                    \"Download the latest version of Chrome, Edge, Firefox or Safari.\",\n            },\n        ],\n        [\n            \"partially-supported-browser\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"unsupported-browser\"],\n                    theme\n                ),\n                title: \"Browser version not supported\",\n                description:\n                    \"Update to the latest version of Chrome, Edge, Firefox or Safari.\",\n            },\n        ],\n        [\n            \"warning\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"warning\"], theme),\n                title: \"Are you sure?\",\n                description: \"You will lose your progress.\",\n            },\n        ],\n    ]);\n\nexport const getErrorDisplayData = (\n    type: ErrorDisplayType,\n    resourceScheme: V3_ResourceScheme,\n    theme?: V3_ThemeSpec\n) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return generateErrorDisplayData(BsgImgPaths, theme).get(type);\n        case \"ccube\":\n            return generateErrorDisplayData(CCubeImgPaths, theme).get(type);\n        case \"mylegacy\":\n            return generateErrorDisplayData(MyLegacyImgPaths, theme).get(type);\n        default:\n            return generateErrorDisplayData(ImgPaths, theme).get(type);\n    }\n};\n"],"names":["imgAttributeHelper","ErrorDisplayHelper","ImgPaths","base","md","lg","width","height","confirmation","inactivity","logout","warning","BsgImgPaths","CCubeImgPaths","Object","assign","MyLegacyImgPaths","generateErrorDisplayData","ImgPathsObject","theme","Map","img","title","description","renderDescription","renderDescriptionWithProps","getErrorDisplayData","type","resourceScheme","get"],"mappings":"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"}
+{"version":3,"file":"error-display-data.js","sources":["../../src/error-display/error-display-data.tsx"],"sourcesContent":["import type { ThemeType } from \"../theme\";\nimport { renderDescriptionWithProps } from \"./error-display-helper-comp\";\nimport type { ErrorDisplayImagePathAttributes } from \"./helper\";\nimport { ErrorDisplayHelper } from \"./helper\";\nimport type {\n    ErrorDisplayType,\n    InactivityAdditionalAttributes,\n    MaintenanceAdditionalAttributes,\n} from \"./types\";\n\nconst { imgAttributeHelper } = ErrorDisplayHelper;\n\n// =============================================================================\n// IMAGE PATHS\n// =============================================================================\n\nconst ImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/400@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"403\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/403.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/403@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/403@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/404.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/404@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/404@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"408\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/408.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/408@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/408@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"502\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/502.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/502@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/502@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"503\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/503.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/503@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/503@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"504\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/504.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/504@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/504@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"insufficient-credits\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/insuffcient-credit@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    inactivity: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/inactivity.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/inactivity@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/inactivity@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"link-error\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/link-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/link-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/link-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    logout: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/logout.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/logout@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/logout@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"payment-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/payment-unsuccessful@3x.png\",\n        width: 400,\n        height: 281,\n    },\n    \"transfer-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/transfer-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"unsupported-browser\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\nconst BsgImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/400@3x.png\",\n        width: 400,\n        height: 215,\n    },\n    \"403\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/403.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/403@3x.png\",\n        width: 400,\n        height: 254,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/404.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/404@3x.png\",\n        width: 400,\n        height: 319,\n    },\n    \"408\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/408.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/408@3x.png\",\n        width: 400,\n        height: 330,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png\",\n        width: 400,\n        height: 232,\n    },\n    \"502\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/502.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/502@3x.png\",\n        width: 400,\n        height: 215,\n    },\n    \"503\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/503.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/503@3x.png\",\n        width: 400,\n        height: 191,\n    },\n    \"504\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/504.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/504@3x.png\",\n        width: 400,\n        height: 261,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"insufficient-credits\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/insuffcient-credit@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    inactivity: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/inactivity@3x.png\",\n        width: 400,\n        height: 276,\n    },\n    \"link-error\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/link-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    logout: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/logout@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/no-item-found@3x.png\",\n        width: 400,\n        height: 290,\n    },\n    \"payment-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/payment-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"transfer-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/transfer-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"unsupported-browser\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/generic-error@3x.png\",\n        width: 400,\n        height: 232,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/bsg/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\nconst CCubeImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    ...ImgPaths,\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/400@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"unsupported-browser\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/ccube/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\nconst MyLegacyImgPaths: Record<string, ErrorDisplayImagePathAttributes> = {\n    ...ImgPaths,\n    \"400\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/400@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"403\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/403@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"404\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/404@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"408\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/408@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"500\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/generic-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"502\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/502@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"503\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/503@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"504\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/504@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    confirmation: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/confirmation@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    inactivity: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/inactivity@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"link-error\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/link-error@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    logout: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/logout@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    warning: {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/warning@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"payment-unsuccessful\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/payment-unsuccessful@3x.png\",\n        width: 400,\n        height: 280,\n    },\n    \"no-item-found\": {\n        base: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found.png\",\n        md: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@2x.png\",\n        lg: \"https://assets.life.gov.sg/react-design-system/img/error/mylegacy/no-item-found@3x.png\",\n        width: 400,\n        height: 280,\n    },\n};\n\n// =============================================================================\n// ERROR DISPLAY ATTRIBUTES\n// =============================================================================\n\ninterface ErrorDisplayDataAttrs {\n    img?: React.ImgHTMLAttributes<HTMLImageElement> | undefined;\n    imgSrc?: string | undefined;\n    title?: string | undefined;\n    description?: string | JSX.Element | undefined;\n    renderDescription?: (\n        attrs?: MaintenanceAdditionalAttributes | InactivityAdditionalAttributes\n    ) => JSX.Element | string | undefined;\n}\n\nexport const generateErrorDisplayData = (\n    ImgPathsObject: Record<string, ErrorDisplayImagePathAttributes>,\n    mobile: string,\n    tablet: string\n) =>\n    new Map<ErrorDisplayType, ErrorDisplayDataAttrs>([\n        [\n            \"400\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"400\"], mobile, tablet),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"403\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"403\"], mobile, tablet),\n                title: \"Error loading page\",\n                description:\n                    \"You may not have permission to view this page. If someone gave you this link, let them know about this error.\",\n            },\n        ],\n        [\n            \"404\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"404\"], mobile, tablet),\n                title: \"Page not found\",\n                description:\n                    \"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know about this error.\",\n            },\n        ],\n        [\n            \"408\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"408\"], mobile, tablet),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"500\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"500\"], mobile, tablet),\n                title: \"Something went wrong\",\n                description:\n                    \"We're working on a fix for the problem. Please try again later.\",\n            },\n        ],\n        [\n            \"502\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"502\"], mobile, tablet),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"503\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"503\"], mobile, tablet),\n                title: \"Service under maintenance\",\n                description:\n                    \"This service is currently unavailable. Please try again later.\",\n            },\n        ],\n        [\n            \"504\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"504\"], mobile, tablet),\n                title: \"Something went wrong\",\n                description:\n                    \"This could be a temporary problem, so please refresh the page or try again later.\",\n            },\n        ],\n        [\n            \"confirmation\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"confirmation\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Leave and lose changes?\",\n                description:\n                    \"You have unsaved changes. If you leave this page, you will lose the changes you’ve made.\",\n            },\n        ],\n        [\n            \"link-error\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"link-error\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Link has expired\",\n                description:\n                    \"If you entered or pasted the URL, check that it’s correct. If someone gave you this link, let them know it has expired.\",\n            },\n        ],\n        [\n            \"logout\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"logout\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"You’ve been logged out\",\n                description:\n                    \"It looks like you’ve left, so we logged you out to protect your privacy.\",\n            },\n        ],\n        [\n            \"insufficient-credits\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"insufficient-credits\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Insufficient credits\",\n                description:\n                    \"You do not have enough credits to make this transaction.\",\n            },\n        ],\n        [\n            \"inactivity\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"inactivity\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Are you still there?\",\n                description:\n                    \"You’ve been inactive for a while. To protect your privacy, you’ll be logged out soon.\\n\\nIf you wish to stay on this page, let us know now.\",\n                renderDescription: renderDescriptionWithProps(\"inactivity\"),\n            },\n        ],\n        [\n            \"maintenance\",\n            {\n                img: imgAttributeHelper(ImgPathsObject[\"503\"], mobile, tablet),\n                title: \"Service under maintenance\",\n                description:\n                    \"This service is currently unavailable. Please try again later.\",\n                renderDescription: renderDescriptionWithProps(\"maintenance\"),\n            },\n        ],\n        [\n            \"no-item-found\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"no-item-found\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"No results found\",\n                description:\n                    \"Try adjusting your search or filters to find what you’re looking for.\",\n            },\n        ],\n        [\n            \"payment-unsuccessful\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"payment-unsuccessful\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Unsuccessful payment\",\n                description: \"Your payment was unsuccessful. Please try again.\",\n            },\n        ],\n        [\n            \"transfer-unsuccessful\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"transfer-unsuccessful\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Unsuccessful transfer\",\n                description:\n                    \"Your transfer was unsuccessful. Please try again.\",\n            },\n        ],\n        [\n            \"unsupported-browser\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"unsupported-browser\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Browser not supported\",\n                description:\n                    \"Download the latest version of Chrome, Edge, Firefox or Safari.\",\n            },\n        ],\n        [\n            \"partially-supported-browser\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"unsupported-browser\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Browser version not supported\",\n                description:\n                    \"Update to the latest version of Chrome, Edge, Firefox or Safari.\",\n            },\n        ],\n        [\n            \"warning\",\n            {\n                img: imgAttributeHelper(\n                    ImgPathsObject[\"warning\"],\n                    mobile,\n                    tablet\n                ),\n                title: \"Are you sure?\",\n                description: \"You will lose your progress.\",\n            },\n        ],\n    ]);\n\nexport const getErrorDisplayData = (\n    type: ErrorDisplayType,\n    resourceScheme: ThemeType,\n    mobile: string,\n    tablet: string\n) => {\n    switch (resourceScheme) {\n        case \"bookingsg\":\n            return generateErrorDisplayData(BsgImgPaths, mobile, tablet).get(\n                type\n            );\n        case \"ccube\":\n            return generateErrorDisplayData(CCubeImgPaths, mobile, tablet).get(\n                type\n            );\n        case \"mylegacy\":\n            return generateErrorDisplayData(\n                MyLegacyImgPaths,\n                mobile,\n                tablet\n            ).get(type);\n        default:\n            return generateErrorDisplayData(ImgPaths, mobile, tablet).get(type);\n    }\n};\n"],"names":["imgAttributeHelper","ErrorDisplayHelper","ImgPaths","base","md","lg","width","height","confirmation","inactivity","logout","warning","BsgImgPaths","CCubeImgPaths","Object","assign","MyLegacyImgPaths","generateErrorDisplayData","ImgPathsObject","mobile","tablet","Map","img","title","description","renderDescription","renderDescriptionWithProps","getErrorDisplayData","type","resourceScheme","get"],"mappings":"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"}

package/error-display/error-display.d.ts

@@ -1,2 +1,2 @@
 import type { ErrorDisplayProps } from "./types";
-export declare const ErrorDisplay: ({ type, img, title, description, actionButton, additionalProps, imageOnly, illustrationScheme, ...otherProps }: ErrorDisplayProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ErrorDisplay: ({ type, img, title, description, actionButton, additionalProps, imageOnly, illustrationScheme, className, ...otherProps }: ErrorDisplayProps) => import("react/jsx-runtime").JSX.Element | null;

package/error-display/error-display.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"../_virtual/_tslib.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useContext as r}from"react";import{ThemeContext as n}from"styled-components";import{V3_LifeSGTheme as o}from"../v3_theme/index.js";import{Container as s,Img as d,TextContainer as a,Title as l,DescriptionContainer as c,ActionButton as m}from"./error-display.style.js";import{getErrorDisplayData as p}from"./error-display-data.js";import{InactivityTimer as u}from"./inactivity-timer.js";const v=v=>{var{type:g,img:y,title:f,description:j,actionButton:h,additionalProps:O,imageOnly:b,illustrationScheme:S}=v,x=i(v,["type","img","title","description","actionButton","additionalProps","imageOnly","illustrationScheme"]);const D=r(n),L=p(g,S||(D||o).resourceScheme,D),P="inactivity"===g?O:void 0,_=null==P?void 0:P.secondsLeft,w=null==P?void 0:P.reminderInterval,B=x["data-testid"]||"error-display",I=()=>{var i,t;switch(g){case"maintenance":{const t=O;return O&&t.dateString?null===(i=null==L?void 0:L.renderDescription)||void 0===i?void 0:i.call(L,t):j||void 0}case"inactivity":{const i=O;return O&&i.secondsLeft?null===(t=null==L?void 0:L.renderDescription)||void 0===t?void 0:t.call(L,i):j||void 0}default:return j||void 0}};if(!L)return null;const $=Object.assign(Object.assign(Object.assign(Object.assign({},L),y&&{img:y}),f&&{title:f}),I()&&{description:I()});return t(s,Object.assign({},x,{"data-testid":B,children:["inactivity"===g&&e(u,{secondsLeft:_,reminderInterval:w,imageOnly:b,hasCustomDescription:!!j}),e(d,Object.assign({},$.img,{alt:"","data-id":"error-display-image"})),!b&&($.title||$.description?t(a,{children:[$.title&&("string"==typeof $.title?e(l,{"data-testid":`${B}--title`,"data-id":"error-display-title",weight:"semibold",children:$.title}):$.title),$.description&&e(c,{"data-testid":`${B}--description`,"data-id":"error-display-description",children:"string"==typeof $.description?e("p",{children:$.description}):$.description})]}):null),h&&(()=>{const i=Object.assign({children:"Proceed"},h);return e(m,Object.assign({},i))})()]}))};export{v as ErrorDisplay};
+import{__rest as t}from"../_virtual/_tslib.js";import{jsxs as i,jsx as e}from"react/jsx-runtime";import r from"clsx";import{useContext as s}from"react";import{Button as o}from"../button/button.js";import{Markup as a}from"../markup/markup.js";import"../theme/theme-provider/index.js";import{ThemeContext as n}from"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import{Breakpoint as l}from"../theme/tokens/breakpoint.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{useDesignToken as m}from"../theme/utils/use-design-token.js";import{Typography as d}from"../typography/index.js";import{img as c,container as p,textContainer as u,title as g,descriptionContainer as j,actionButton as v}from"./error-display.styles.js";import{getErrorDisplayData as h}from"./error-display-data.js";import{InactivityTimer as y}from"./inactivity-timer.js";const f=f=>{var b,{type:x,img:O,title:k,description:N,actionButton:D,additionalProps:S,imageOnly:L,illustrationScheme:P,className:w}=f,B=t(f,["type","img","title","description","actionButton","additionalProps","imageOnly","illustrationScheme","className"]);const I=s(n),$=m(l["sm-max"])||l["sm-max"],_=m(l["lg-max"])||l["lg-max"],q=h(x,P||(null==I?void 0:I.theme)||"lifesg",$,_),z="inactivity"===x?S:void 0,C=null==z?void 0:z.secondsLeft,H=null==z?void 0:z.reminderInterval,M=B["data-testid"]||"error-display",T=()=>{var t,i;switch(x){case"maintenance":{const i=S;return S&&i.dateString?null===(t=null==q?void 0:q.renderDescription)||void 0===t?void 0:t.call(q,i):N||void 0}case"inactivity":{const t=S;return S&&t.secondsLeft?null===(i=null==q?void 0:q.renderDescription)||void 0===i?void 0:i.call(q,t):N||void 0}default:return N||void 0}};if(!q)return null;const A=Object.assign(Object.assign(Object.assign(Object.assign({},q),O&&{img:O}),k&&{title:k}),T()&&{description:T()});return i("div",Object.assign({},B,{"data-testid":M,className:r(p,w),children:["inactivity"===x&&e(y,{secondsLeft:C,reminderInterval:H,imageOnly:L,hasCustomDescription:!!N}),e("img",Object.assign({},A.img,{alt:"","data-id":"error-display-image",className:r(c,null===(b=A.img)||void 0===b?void 0:b.className)})),!L&&(A.title||A.description?i("div",{className:u,children:[A.title&&("string"==typeof A.title?e(d.HeadingMD,{className:g,"data-testid":`${M}--title`,"data-id":"error-display-title",as:"h2",weight:"semibold",children:A.title}):A.title),A.description&&e(a,{className:j,"data-testid":`${M}--description`,"data-id":"error-display-description",baseTextSize:"body-baseline",children:"string"==typeof A.description?e("p",{children:A.description}):A.description})]}):null),D&&(()=>{const t=Object.assign({children:"Proceed"},D);return e(o,Object.assign({className:v},t))})()]}))};export{f as ErrorDisplay};
 //# sourceMappingURL=error-display.js.map

package/error-display/error-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-display.js","sources":["../../src/error-display/error-display.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { V3_LifeSGTheme } from \"../v3_theme\";\nimport {\n    ActionButton,\n    Container,\n    DescriptionContainer,\n    Img,\n    TextContainer,\n    Title,\n} from \"./error-display.style\";\nimport { getErrorDisplayData } from \"./error-display-data\";\nimport { InactivityTimer } from \"./inactivity-timer\";\nimport type {\n    ErrorDisplayProps,\n    InactivityAdditionalAttributes,\n    MaintenanceAdditionalAttributes,\n} from \"./types\";\n\nexport const ErrorDisplay = ({\n    type,\n    img,\n    title,\n    description,\n    actionButton,\n    additionalProps,\n    imageOnly,\n    illustrationScheme,\n    ...otherProps\n}: ErrorDisplayProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const theme = useContext(ThemeContext);\n    const defaultAssets = getErrorDisplayData(\n        type,\n        illustrationScheme || (theme || V3_LifeSGTheme).resourceScheme,\n        theme\n    );\n    const inactivityAttrs =\n        type === \"inactivity\"\n            ? (additionalProps as InactivityAdditionalAttributes | undefined)\n            : undefined;\n\n    const secondsLeft = inactivityAttrs?.secondsLeft;\n    const reminderInterval = inactivityAttrs?.reminderInterval;\n    const testId = otherProps[\"data-testid\"] || \"error-display\";\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getCustomDescription = (): string | JSX.Element | undefined => {\n        switch (type) {\n            case \"maintenance\": {\n                const typecastProps =\n                    additionalProps as MaintenanceAdditionalAttributes;\n                return additionalProps && typecastProps.dateString\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            case \"inactivity\": {\n                const typecastProps =\n                    additionalProps as InactivityAdditionalAttributes;\n                return additionalProps && typecastProps.secondsLeft\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            default:\n                return description || undefined;\n        }\n    };\n\n    // =============================================================================\n    // RENDER\n    // =============================================================================\n    if (!defaultAssets) {\n        return null;\n    }\n\n    const renderActionButton = () => {\n        const buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n            children: \"Proceed\",\n            ...actionButton,\n        };\n\n        return <ActionButton {...buttonProps} />;\n    };\n\n    const updatedAssets = {\n        ...defaultAssets,\n        ...(img && { img }),\n        ...(title && { title }),\n        ...(getCustomDescription() && { description: getCustomDescription() }),\n    };\n\n    const renderContentDisplay = () => {\n        if (updatedAssets.title || updatedAssets.description) {\n            return (\n                <TextContainer>\n                    {updatedAssets.title &&\n                        (typeof updatedAssets.title === \"string\" ? (\n                            <Title\n                                data-testid={`${testId}--title`}\n                                data-id=\"error-display-title\"\n                                weight=\"semibold\"\n                            >\n                                {updatedAssets.title}\n                            </Title>\n                        ) : (\n                            updatedAssets.title\n                        ))}\n                    {updatedAssets.description && (\n                        <DescriptionContainer\n                            data-testid={`${testId}--description`}\n                            data-id=\"error-display-description\"\n                        >\n                            {typeof updatedAssets.description === \"string\" ? (\n                                <p>{updatedAssets.description}</p>\n                            ) : (\n                                updatedAssets.description\n                            )}\n                        </DescriptionContainer>\n                    )}\n                </TextContainer>\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <Container {...otherProps} data-testid={testId}>\n            {type === \"inactivity\" && (\n                <InactivityTimer\n                    secondsLeft={secondsLeft}\n                    reminderInterval={reminderInterval}\n                    imageOnly={imageOnly}\n                    hasCustomDescription={!!description}\n                />\n            )}\n            <Img {...updatedAssets.img} alt=\"\" data-id=\"error-display-image\" />\n            {!imageOnly && renderContentDisplay()}\n            {actionButton && renderActionButton()}\n        </Container>\n    );\n};\n"],"names":["ErrorDisplay","_a","type","img","title","description","actionButton","additionalProps","imageOnly","illustrationScheme","otherProps","__rest","theme","useContext","ThemeContext","defaultAssets","getErrorDisplayData","V3_LifeSGTheme","resourceScheme","inactivityAttrs","undefined","secondsLeft","reminderInterval","testId","getCustomDescription","typecastProps","dateString","renderDescription","call","_b","updatedAssets","Object","assign","_jsxs","Container","children","_jsx","InactivityTimer","hasCustomDescription","Img","alt","TextContainer","Title","weight","DescriptionContainer","buttonProps","ActionButton","renderActionButton"],"mappings":"yeAqBO,MAAMA,EAAgBC,QAAAC,KACzBA,EAAIC,IACJA,EAAGC,MACHA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,UACfA,EAASC,mBACTA,GAAkBR,EACfS,EAAUC,EAAAV,EATY,wGAczB,MAAMW,EAAQC,EAAWC,GACnBC,EAAgBC,EAClBd,EACAO,IAAuBG,GAASK,GAAgBC,eAChDN,GAEEO,EACO,eAATjB,EACOK,OACDa,EAEJC,EAAcF,aAAe,EAAfA,EAAiBE,YAC/BC,EAAmBH,aAAe,EAAfA,EAAiBG,iBACpCC,EAASb,EAAW,gBAAkB,gBAKtCc,EAAuB,aACzB,OAAQtB,GACJ,IAAK,cAAe,CAChB,MAAMuB,EACFlB,EACJ,OAAOA,GAAmBkB,EAAcC,WACF,QAAhCzB,EAAAc,aAAa,EAAbA,EAAeY,yBAAiB,IAAA1B,OAAA,EAAAA,EAAA2B,KAAAb,EAAGU,GACnCpB,QAAee,CACzB,CACA,IAAK,aAAc,CACf,MAAMK,EACFlB,EACJ,OAAOA,GAAmBkB,EAAcJ,YACF,QAAhCQ,EAAAd,aAAa,EAAbA,EAAeY,yBAAiB,IAAAE,OAAA,EAAAA,EAAAD,KAAAb,EAAGU,GACnCpB,QAAee,CACzB,CACA,QACI,OAAOf,QAAee,IAOlC,IAAKL,EACD,OAAO,KAGX,MASMe,EAAaC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZjB,GACCZ,GAAO,CAAEA,QACTC,GAAS,CAAEA,UACXoB,KAA0B,CAAEnB,YAAamB,MAsCjD,OACIS,EAACC,EAASH,OAAAC,OAAA,GAAKtB,EAAU,CAAA,cAAea,EAAMY,SAAA,CAChC,eAATjC,GACGkC,EAACC,EAAe,CACZhB,YAAaA,EACbC,iBAAkBA,EAClBd,UAAWA,EACX8B,uBAAwBjC,IAGhC+B,EAACG,EAAGR,OAAAC,OAAA,GAAKF,EAAc3B,IAAG,CAAEqC,IAAI,GAAE,UAAS,0BACzChC,IA7CFsB,EAAc1B,OAAS0B,EAAczB,YAEjC4B,EAACQ,EAAa,CAAAN,SAAA,CACTL,EAAc1B,QACqB,iBAAxB0B,EAAc1B,MAClBgC,EAACM,EAAK,CAAA,cACW,GAAGnB,qBACR,sBACRoB,OAAO,WAAUR,SAEhBL,EAAc1B,QAGnB0B,EAAmB,OAE1BA,EAAczB,aACX+B,EAACQ,EAAoB,CAAA,cACJ,GAAGrB,iBAAqB,UAC7B,4BAA2BY,SAEG,iBAA9BL,EAAczB,YAClB+B,EAAA,IAAA,CAAAD,SAAIL,EAAczB,cAElByB,EAAyB,iBAQ1C,MAeFxB,GA/DkB,MACvB,MAAMuC,iBACFV,SAAU,WACP7B,GAGP,OAAO8B,EAACU,EAAYf,OAAAC,OAAA,CAAA,EAAKa,GAAe,EAyDnBE,MACT"}
+{"version":3,"file":"error-display.js","sources":["../../src/error-display/error-display.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Markup } from \"../markup\";\nimport { Breakpoint, useDesignToken } from \"../theme\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./error-display.styles\";\nimport { getErrorDisplayData } from \"./error-display-data\";\nimport { InactivityTimer } from \"./inactivity-timer\";\nimport type {\n    ErrorDisplayProps,\n    InactivityAdditionalAttributes,\n    MaintenanceAdditionalAttributes,\n} from \"./types\";\n\nexport const ErrorDisplay = ({\n    type,\n    img,\n    title,\n    description,\n    actionButton,\n    additionalProps,\n    imageOnly,\n    illustrationScheme,\n    className,\n    ...otherProps\n}: ErrorDisplayProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const theme = useContext(ThemeContext);\n    const mobile = useDesignToken(Breakpoint[\"sm-max\"]) || Breakpoint[\"sm-max\"];\n    const tablet = useDesignToken(Breakpoint[\"lg-max\"]) || Breakpoint[\"lg-max\"];\n    const defaultAssets = getErrorDisplayData(\n        type,\n        illustrationScheme || theme?.theme || \"lifesg\",\n        mobile,\n        tablet\n    );\n    const inactivityAttrs =\n        type === \"inactivity\"\n            ? (additionalProps as InactivityAdditionalAttributes | undefined)\n            : undefined;\n\n    const secondsLeft = inactivityAttrs?.secondsLeft;\n    const reminderInterval = inactivityAttrs?.reminderInterval;\n    const testId = otherProps[\"data-testid\"] || \"error-display\";\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getCustomDescription = (): string | JSX.Element | undefined => {\n        switch (type) {\n            case \"maintenance\": {\n                const typecastProps =\n                    additionalProps as MaintenanceAdditionalAttributes;\n                return additionalProps && typecastProps.dateString\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            case \"inactivity\": {\n                const typecastProps =\n                    additionalProps as InactivityAdditionalAttributes;\n                return additionalProps && typecastProps.secondsLeft\n                    ? defaultAssets?.renderDescription?.(typecastProps)\n                    : description || undefined;\n            }\n            default:\n                return description || undefined;\n        }\n    };\n\n    // =============================================================================\n    // RENDER\n    // =============================================================================\n    if (!defaultAssets) {\n        return null;\n    }\n\n    const renderActionButton = () => {\n        const buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n            children: \"Proceed\",\n            ...actionButton,\n        };\n\n        return <Button className={styles.actionButton} {...buttonProps} />;\n    };\n\n    const updatedAssets = {\n        ...defaultAssets,\n        ...(img && { img }),\n        ...(title && { title }),\n        ...(getCustomDescription() && { description: getCustomDescription() }),\n    };\n\n    const renderContentDisplay = () => {\n        if (updatedAssets.title || updatedAssets.description) {\n            return (\n                <div className={styles.textContainer}>\n                    {updatedAssets.title &&\n                        (typeof updatedAssets.title === \"string\" ? (\n                            <Typography.HeadingMD\n                                className={styles.title}\n                                data-testid={`${testId}--title`}\n                                data-id=\"error-display-title\"\n                                as=\"h2\"\n                                weight=\"semibold\"\n                            >\n                                {updatedAssets.title}\n                            </Typography.HeadingMD>\n                        ) : (\n                            updatedAssets.title\n                        ))}\n                    {updatedAssets.description && (\n                        <Markup\n                            className={styles.descriptionContainer}\n                            data-testid={`${testId}--description`}\n                            data-id=\"error-display-description\"\n                            baseTextSize=\"body-baseline\"\n                        >\n                            {typeof updatedAssets.description === \"string\" ? (\n                                <p>{updatedAssets.description}</p>\n                            ) : (\n                                updatedAssets.description\n                            )}\n                        </Markup>\n                    )}\n                </div>\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...otherProps}\n            data-testid={testId}\n            className={clsx(styles.container, className)}\n        >\n            {type === \"inactivity\" && (\n                <InactivityTimer\n                    secondsLeft={secondsLeft}\n                    reminderInterval={reminderInterval}\n                    imageOnly={imageOnly}\n                    hasCustomDescription={!!description}\n                />\n            )}\n            <img\n                {...updatedAssets.img}\n                alt=\"\"\n                data-id=\"error-display-image\"\n                className={clsx(styles.img, updatedAssets.img?.className)}\n            />\n            {!imageOnly && renderContentDisplay()}\n            {actionButton && renderActionButton()}\n        </div>\n    );\n};\n"],"names":["ErrorDisplay","_a","type","img","title","description","actionButton","additionalProps","imageOnly","illustrationScheme","className","otherProps","__rest","theme","useContext","ThemeContext","mobile","useDesignToken","Breakpoint","tablet","defaultAssets","getErrorDisplayData","inactivityAttrs","undefined","secondsLeft","reminderInterval","testId","getCustomDescription","typecastProps","dateString","renderDescription","call","_b","updatedAssets","Object","assign","_jsxs","clsx","styles.container","children","_jsx","InactivityTimer","hasCustomDescription","alt","styles.img","styles.textContainer","Typography","HeadingMD","styles.title","as","weight","Markup","styles.descriptionContainer","baseTextSize","buttonProps","Button","styles.actionButton","renderActionButton"],"mappings":"+kCAkBO,MAAMA,EAAgBC,WAAAC,KACzBA,EAAIC,IACJA,EAAGC,MACHA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,UACfA,EAASC,mBACTA,EAAkBC,UAClBA,KACGC,EAAUC,EAAAX,EAVY,CAAA,OAAA,MAAA,QAAA,cAAA,eAAA,kBAAA,YAAA,qBAAA,cAezB,MAAMY,EAAQC,EAAWC,GACnBC,EAASC,EAAeC,EAAW,YAAcA,EAAW,UAC5DC,EAASF,EAAeC,EAAW,YAAcA,EAAW,UAC5DE,EAAgBC,EAClBnB,EACAO,IAAsBI,eAAAA,EAAOA,QAAS,SACtCG,EACAG,GAEEG,EACO,eAATpB,EACOK,OACDgB,EAEJC,EAAcF,aAAe,EAAfA,EAAiBE,YAC/BC,EAAmBH,aAAe,EAAfA,EAAiBG,iBACpCC,EAASf,EAAW,gBAAkB,gBAKtCgB,EAAuB,aACzB,OAAQzB,GACJ,IAAK,cAAe,CAChB,MAAM0B,EACFrB,EACJ,OAAOA,GAAmBqB,EAAcC,WACF,QAAhC5B,EAAAmB,aAAa,EAAbA,EAAeU,yBAAiB,IAAA7B,OAAA,EAAAA,EAAA8B,KAAAX,EAAGQ,GACnCvB,QAAekB,CACzB,CACA,IAAK,aAAc,CACf,MAAMK,EACFrB,EACJ,OAAOA,GAAmBqB,EAAcJ,YACF,QAAhCQ,EAAAZ,aAAa,EAAbA,EAAeU,yBAAiB,IAAAE,OAAA,EAAAA,EAAAD,KAAAX,EAAGQ,GACnCvB,QAAekB,CACzB,CACA,QACI,OAAOlB,QAAekB,IAOlC,IAAKH,EACD,OAAO,KAGX,MASMa,EAAaC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZf,GACCjB,GAAO,KAAEA,IACTC,GAAS,CAAAA,MAAEA,IACXuB,KAA0B,CAAEtB,YAAasB,MA0CjD,OACIS,EAAA,MAAAF,OAAAC,OAAA,CAAA,EACQxB,iBACSe,EACbhB,UAAW2B,EAAKC,EAAkB5B,GAAU6B,SAAA,CAElC,eAATrC,GACGsC,EAACC,EAAe,CACZjB,YAAaA,EACbC,iBAAkBA,EAClBjB,UAAWA,EACXkC,uBAAwBrC,IAGhCmC,EAAA,MAAAN,OAAAC,OAAA,CAAA,EACQF,EAAc9B,IAAG,CACrBwC,IAAI,GAAE,UACE,sBACRjC,UAAW2B,EAAKO,EAA6B,QAAjBZ,EAAAC,EAAc9B,WAAG,IAAA6B,OAAA,EAAAA,EAAEtB,eAEjDF,IA1DFyB,EAAc7B,OAAS6B,EAAc5B,YAEjC+B,EAAA,MAAA,CAAK1B,UAAWmC,EAAoBN,SAAA,CAC/BN,EAAc7B,QACqB,iBAAxB6B,EAAc7B,MAClBoC,EAACM,EAAWC,WACRrC,UAAWsC,EAAY,cACV,GAAGtB,qBACR,sBACRuB,GAAG,KACHC,OAAO,WAAUX,SAEhBN,EAAc7B,QAGnB6B,EAAmB,OAE1BA,EAAc5B,aACXmC,EAACW,GACGzC,UAAW0C,EAA2B,cACzB,GAAG1B,2BACR,4BACR2B,aAAa,gBAAed,SAEU,iBAA9BN,EAAc5B,YAClBmC,EAAA,IAAA,CAAAD,SAAIN,EAAc5B,cAElB4B,EAAyB,iBAQ1C,MAwBF3B,GA5EkB,MACvB,MAAMgD,iBACFf,SAAU,WACPjC,GAGP,OAAOkC,EAACe,EAAMrB,OAAAC,OAAA,CAACzB,UAAW8C,GAAyBF,GAAe,EAsE7CG,MACf"}

package/error-display/error-display.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const container: import("@linaria/core").LinariaClassName;
+export declare const img: import("@linaria/core").LinariaClassName;
+export declare const textContainer: import("@linaria/core").LinariaClassName;
+export declare const title: import("@linaria/core").LinariaClassName;
+export declare const descriptionContainer: import("@linaria/core").LinariaClassName;
+export declare const actionButton: import("@linaria/core").LinariaClassName;

package/error-display/error-display.styles.js

@@ -0,0 +1,2 @@
+import"./error-display.styles_d3tql1.css";const r="c3ln52v",s="i1z0ejqa",t="t13aw2m4",a="twamush",o="d1h7mokv",e="akp6wv";export{e as actionButton,r as container,o as descriptionContainer,s as img,t as textContainer,a as title};
+//# sourceMappingURL=error-display.styles.js.map

package/error-display/error-display.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-display.styles.js","sources":["../../src/error-display/error-display.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, MediaQuery, Spacing } from \"../theme\";\n\nexport const container = css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n`;\n\nexport const img = css`\n    position: relative;\n    width: 400px;\n    height: auto;\n\n    ${MediaQuery.MaxWidth.sm} {\n        width: 320px;\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        width: 288px;\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        width: 240px;\n    }\n`;\n\nexport const textContainer = css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    max-width: 656px;\n    white-space: pre-wrap;\n`;\n\nexport const title = css`\n    margin: ${Spacing[\"spacing-32\"]} 0 ${Spacing[\"spacing-16\"]};\n    text-align: center;\n`;\n\nexport const descriptionContainer = css`\n    color: ${Colour.text};\n    text-align: center;\n\n    p + p {\n        margin-top: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const actionButton = css`\n    margin: ${Spacing[\"spacing-32\"]} auto 0;\n    width: 21rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n`;\n"],"names":["container","img","textContainer","title","descriptionContainer","actionButton"],"mappings":"uEAIO,MAAMA,EAAS,UAQTC,EAAG,WAkBHC,EAAa,WASbC,EAAK,UAKLC,EAAoB,WASpBC,EAAY"}

package/error-display/error-display.styles_d3tql1.css

@@ -0,0 +1,6 @@
+.c3ln52v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;}
+.i1z0ejqa{position:relative;width:400px;height:auto;}:where(body.fds-breakpoint-sm-max) .i1z0ejqa{width:320px;}:where(body.fds-breakpoint-xs-max) .i1z0ejqa{width:288px;}:where(body.fds-breakpoint-xxs-max) .i1z0ejqa{width:240px;}
+.t13aw2m4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;max-width:656px;white-space:pre-wrap;}
+.twamush{margin:var(--fds-spacing-32) 0 var(--fds-spacing-16);text-align:center;}
+.d1h7mokv{color:var(--fds-colour-text);text-align:center;}.d1h7mokv p+p{margin-top:var(--fds-spacing-16);}
+.akp6wv{margin:var(--fds-spacing-32) auto 0;width:21rem;}:where(body.fds-breakpoint-sm-max) .akp6wv{width:100%;}

package/error-display/helper.d.ts

@@ -1,4 +1,3 @@
-import type { V3_ThemeSpec } from "../v3_theme/types";
 export interface ErrorDisplayImagePathAttributes {
     /** base sized image path */
     base: string;
@@ -16,5 +15,5 @@ export declare class ErrorDisplayHelper {
      * returns the html attributes required for the img element
      * @param {ErrorDisplayImagePathAttributes} pathAttributes
      */
-    static imgAttributeHelper(pathAttributes: ErrorDisplayImagePathAttributes, theme?: V3_ThemeSpec): React.ImgHTMLAttributes<HTMLImageElement>;
+    static imgAttributeHelper(pathAttributes: ErrorDisplayImagePathAttributes, mobile: string, tablet: string): React.ImgHTMLAttributes<HTMLImageElement>;
 }

package/error-display/helper.js

@@ -1,2 +1,2 @@
-import{V3_Breakpoint as t}from"../v3_theme/index.js";class e{static imgAttributeHelper(e,i){const{base:m,md:h,lg:s,width:x,height:r}=e;return{srcSet:`${m} 400w, ${h} 800w, ${s} 1200w`,src:s,sizes:`(max-width: ${t["sm-max"]({theme:i})}px) 400px, (max-width: ${t["lg-max"]({theme:i})}px) 800px, 1200px`,width:x,height:r}}}export{e as ErrorDisplayHelper};
+class t{static imgAttributeHelper(t,e,i){const{base:s,md:h,lg:r,width:w,height:x}=t;return{srcSet:`${s} 400w, ${h} 800w, ${r} 1200w`,src:r,sizes:`(max-width: ${e}) 400px, (max-width: ${i}) 800px, 1200px`,width:w,height:x}}}export{t as ErrorDisplayHelper};
 //# sourceMappingURL=helper.js.map

package/error-display/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../src/error-display/helper.ts"],"sourcesContent":["import { V3_Breakpoint } from \"../v3_theme\";\nimport type { V3_ThemeSpec } from \"../v3_theme/types\";\n\nexport interface ErrorDisplayImagePathAttributes {\n    /** base sized image path */\n    base: string;\n\n    /** medium sized image path */\n    md: string;\n\n    /** large sized image path */\n    lg: string;\n\n    /** used with `height` to determine the aspect ratio for layout purposes */\n    width: number;\n\n    /** used with `width` to determine the aspect ratio for layout purposes */\n    height: number;\n}\n\nexport class ErrorDisplayHelper {\n    /**\n     * returns the html attributes required for the img element\n     * @param {ErrorDisplayImagePathAttributes} pathAttributes\n     */\n    public static imgAttributeHelper(\n        pathAttributes: ErrorDisplayImagePathAttributes,\n        theme?: V3_ThemeSpec\n    ): React.ImgHTMLAttributes<HTMLImageElement> {\n        const { base, md, lg, width, height } = pathAttributes;\n        const mobile = V3_Breakpoint[\"sm-max\"]({ theme });\n        const tablet = V3_Breakpoint[\"lg-max\"]({ theme });\n\n        return {\n            srcSet: `${base} 400w, ${md} 800w, ${lg} 1200w`,\n            src: lg,\n            sizes: `(max-width: ${mobile}px) 400px, (max-width: ${tablet}px) 800px, 1200px`,\n            width,\n            height,\n        };\n    }\n}\n"],"names":["ErrorDisplayHelper","imgAttributeHelper","pathAttributes","theme","base","md","lg","width","height","srcSet","src","sizes","V3_Breakpoint"],"mappings":"2DAoBaA,EAKF,yBAAOC,CACVC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,GAAEA,EAAEC,GAAEA,EAAEC,MAAEA,EAAKC,OAAEA,GAAWN,EAIxC,MAAO,CACHO,OAAQ,GAAGL,WAAcC,WAAYC,UACrCI,IAAKJ,EACLK,MAAO,eANIC,EAAc,UAAU,CAAET,mCAC1BS,EAAc,UAAU,CAAET,6BAMrCI,QACAC,SAER"}
+{"version":3,"file":"helper.js","sources":["../../src/error-display/helper.ts"],"sourcesContent":["export interface ErrorDisplayImagePathAttributes {\n    /** base sized image path */\n    base: string;\n\n    /** medium sized image path */\n    md: string;\n\n    /** large sized image path */\n    lg: string;\n\n    /** used with `height` to determine the aspect ratio for layout purposes */\n    width: number;\n\n    /** used with `width` to determine the aspect ratio for layout purposes */\n    height: number;\n}\n\nexport class ErrorDisplayHelper {\n    /**\n     * returns the html attributes required for the img element\n     * @param {ErrorDisplayImagePathAttributes} pathAttributes\n     */\n    public static imgAttributeHelper(\n        pathAttributes: ErrorDisplayImagePathAttributes,\n        mobile: string,\n        tablet: string\n    ): React.ImgHTMLAttributes<HTMLImageElement> {\n        const { base, md, lg, width, height } = pathAttributes;\n\n        return {\n            srcSet: `${base} 400w, ${md} 800w, ${lg} 1200w`,\n            src: lg,\n            sizes: `(max-width: ${mobile}) 400px, (max-width: ${tablet}) 800px, 1200px`,\n            width,\n            height,\n        };\n    }\n}\n"],"names":["ErrorDisplayHelper","imgAttributeHelper","pathAttributes","mobile","tablet","base","md","lg","width","height","srcSet","src","sizes"],"mappings":"MAiBaA,EAKF,yBAAOC,CACVC,EACAC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,GAAEA,EAAEC,GAAEA,EAAEC,MAAEA,EAAKC,OAAEA,GAAWP,EAExC,MAAO,CACHQ,OAAQ,GAAGL,WAAcC,WAAYC,UACrCI,IAAKJ,EACLK,MAAO,eAAeT,yBAA8BC,mBACpDI,QACAC,SAER"}