@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/cjs/PRIVATE_Message/__tests__/MessageStartIcon.spec.js

@@ -0,0 +1,69 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var MessageStartIcon = require('../../MessageStartIcon-5cdb8fbe.js');
+var Message_types = require('../../Message.types-d5b1820f.js');
+require("identity-obj-proxy");
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-55bceee6.js');
+require('../../index-3651c0e7.js');
+require('../../index-d5067e50.js');
+require('../../UNSAFE_Icon.js');
+require('../../Icon-c44e10c9.js');
+require('../../tslib.es6-6f60dd09.js');
+require('preact');
+require('../../utils/UNSAFE_size.js');
+require('../../hooks/UNSAFE_useTooltip.js');
+require('preact/hooks');
+require('../../hooks/UNSAFE_useId.js');
+require('../../UNSAFE_Floating.js');
+require('../../Floating-48167355.js');
+require('preact/compat');
+require('../../index-55dfe40c.js');
+require('../../hooks/UNSAFE_useUser.js');
+require('../../UNSAFE_Environment.js');
+require('../../UNSAFE_Layer.js');
+require('../../utils/PRIVATE_floatingUtils.js');
+require('../../utils/PRIVATE_refUtils.js');
+require('../../hooks/UNSAFE_useOutsideClick.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+require('../../hooks/UNSAFE_useHover.js');
+require('../../hooks/UNSAFE_useToggle.js');
+require('../../hooks/UNSAFE_useFocus.js');
+require('../../hooks/UNSAFE_useTouch.js');
+require('../../utils/UNSAFE_mergeProps.js');
+require('../../hooks/UNSAFE_useAnimation.js');
+require('../../useAnimation-576ef8bc.js');
+require('../../hooks/UNSAFE_useTheme.js');
+require('../../UNSAFE_Flex.js');
+require('../../Flex-b113edd5.js');
+require('../../utils/UNSAFE_interpolations/dimensions.js');
+require('../../_curry1-f1ebd742.js');
+require('../../utils/UNSAFE_mergeInterpolations.js');
+require('../../_curry3-bc6e6a86.js');
+require('../../_curry2-588f7ddc.js');
+require('../../_has-2eedb7e0.js');
+require('../../utils/UNSAFE_interpolations/boxalignment.js');
+require('../../keys-326d80d5.js');
+require('../../utils/UNSAFE_interpolations/flexbox.js');
+require('../../flexbox-6deddb70.js');
+require('../../utils/UNSAFE_interpolations/flexitem.js');
+require('../../flexitem-0c1e9a72.js');
+
+describe('Test MessageStartIcon component', () => {
+    for (const severity in Message_types.severities) {
+        if (severity === 'none') {
+            continue;
+        }
+        it(`severity ${severity}`, async function () {
+            const content = preact.render(jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, { severity: severity }));
+            const icon = content.container.firstElementChild;
+            chai.expect(icon).not.null;
+        });
+    }
+});
+/*  */
+//# sourceMappingURL=MessageStartIcon.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageStartIcon.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageStartIcon.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MessageStartIcon } from '../MessageStartIcon';\nimport { severities } from '../Message.types';\n\ndescribe('Test MessageStartIcon component', () => {\n  for (const severity in severities) {\n    if (severity === 'none') {\n      continue;\n    }\n\n    it(`severity ${severity}`, async function () {\n      const content = render(<MessageStartIcon severity={severity as any} />);\n\n      const icon = content.container.firstElementChild;\n      expect(icon).not.null;\n    });\n  }\n});\n"],"names":["severities","render","_jsx","MessageStartIcon","expect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,QAAQ,CAAC,iCAAiC,EAAE,MAAK;AAC/C,IAAA,KAAK,MAAM,QAAQ,IAAIA,wBAAU,EAAE;QACjC,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,SAAS;AACV,SAAA;AAED,QAAA,EAAE,CAAC,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE,EAAE,kBAAK;AAC9B,YAAA,MAAM,OAAO,GAAGC,aAAM,CAACC,cAAC,CAAAC,iCAAgB,EAAC,EAAA,QAAQ,EAAE,QAAe,EAAI,CAAA,CAAC,CAAC;AAExE,YAAA,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,iBAAiB,CAAC;AACjD,YAAAC,WAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,SAAC,CAAC,CAAC;AACJ,KAAA;AACH,CAAC,CAAC;;;;;"}

package/cjs/PRIVATE_Message/__tests__/MessageSummary.spec.js

@@ -0,0 +1,20 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var MessageSummary = require('../../MessageSummary-ea4ba9b8.js');
+require("identity-obj-proxy");
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-55bceee6.js');
+
+describe('Test MessageSummary component', () => {
+    it('text', async function () {
+        const content = preact.render(jsxRuntime.jsx(MessageSummary.MessageSummary, { text: "My Message Summary" }));
+        const summary = await content.findByText('My Message Summary');
+        chai.expect(summary).not.null;
+    });
+});
+/*  */
+//# sourceMappingURL=MessageSummary.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageSummary.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageSummary.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MessageSummary } from '../MessageSummary';\n\ndescribe('Test MessageSummary component', () => {\n  it('text', async function () {\n    const content = render(<MessageSummary text=\"My Message Summary\" />);\n\n    const summary = await content.findByText('My Message Summary');\n    expect(summary).not.null;\n  });\n});\n"],"names":["render","_jsx","MessageSummary","expect"],"mappings":";;;;;;;;;;;AAIA,QAAQ,CAAC,+BAA+B,EAAE,MAAK;IAC7C,EAAE,CAAC,MAAM,EAAE,kBAAK;AACd,QAAA,MAAM,OAAO,GAAGA,aAAM,CAACC,cAAC,CAAAC,6BAAc,EAAC,EAAA,IAAI,EAAC,oBAAoB,EAAG,CAAA,CAAC,CAAC;QAErE,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC/D,QAAAC,WAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAC3B,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/PRIVATE_Message/__tests__/MessageTimestamp.spec.js

@@ -0,0 +1,47 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var MessageTimestamp = require('../../MessageTimestamp-cb7998db.js');
+var MessageFormattingUtils = require('../../MessageFormattingUtils-fac29bd4.js');
+require("identity-obj-proxy");
+require('../../utils/UNSAFE_classNames.js');
+require('../../classNames-55bceee6.js');
+require('../../utils/UNSAFE_getLocale.js');
+require('../../utils/UNSAFE_stringUtils.js');
+require('../../stringUtils-dad38408.js');
+require('../../Message.types-d5b1820f.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+
+const todaysDate = new Date();
+const pastDate = new Date(todaysDate);
+pastDate.setUTCFullYear(2020);
+const NNBC = /\u202f/g;
+const SPACE = ' ';
+// On Edge v110 there is a non-breaking whitespace between the time and the 'AM'/'PM'.
+// Even though the test and the the MessageTimestamp use the same formatter, findByText
+// cannot find the text on Edge v110. This is a fix we have used in other tests that
+// test date/time code.
+const normalizeString = function (actual) {
+    return actual.replace(NNBC, SPACE);
+};
+describe('Test MessageTimestamp component', () => {
+    it("today's date", async function () {
+        const isoString = todaysDate.toISOString();
+        const content = preact.render(jsxRuntime.jsx(MessageTimestamp.MessageTimestamp, { value: isoString }));
+        const text = normalizeString(MessageFormattingUtils.formatTimestamp(isoString));
+        const timestamp = await content.findByText(text);
+        chai.expect(timestamp).not.null;
+    });
+    it('past date', async function () {
+        const isoString = pastDate.toISOString();
+        const content = preact.render(jsxRuntime.jsx(MessageTimestamp.MessageTimestamp, { value: isoString }));
+        const text = normalizeString(MessageFormattingUtils.formatTimestamp(isoString));
+        const timestamp = await content.findByText(text);
+        chai.expect(timestamp).not.null;
+    });
+});
+/*  */
+//# sourceMappingURL=MessageTimestamp.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageTimestamp.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageTimestamp.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MessageTimestamp } from '../MessageTimestamp';\nimport { formatTimestamp } from '../MessageFormattingUtils';\n\nconst todaysDate = new Date();\nconst pastDate = new Date(todaysDate);\npastDate.setUTCFullYear(2020);\nconst NNBC = /\\u202f/g;\nconst SPACE = ' ';\n// On Edge v110 there is a non-breaking whitespace between the time and the 'AM'/'PM'.\n// Even though the test and the the MessageTimestamp use the same formatter, findByText\n// cannot find the text on Edge v110. This is a fix we have used in other tests that\n// test date/time code.\nconst normalizeString = function (actual: string) {\n  return actual.replace(NNBC, SPACE);\n};\n\ndescribe('Test MessageTimestamp component', () => {\n  it(\"today's date\", async function () {\n    const isoString = todaysDate.toISOString();\n    const content = render(<MessageTimestamp value={isoString} />);\n\n    const text = normalizeString(formatTimestamp(isoString));\n    const timestamp = await content.findByText(text);\n    expect(timestamp).not.null;\n  });\n\n  it('past date', async function () {\n    const isoString = pastDate.toISOString();\n    const content = render(<MessageTimestamp value={isoString} />);\n\n    const text = normalizeString(formatTimestamp(isoString));\n    const timestamp = await content.findByText(text);\n    expect(timestamp).not.null;\n  });\n});\n"],"names":["render","_jsx","MessageTimestamp","formatTimestamp","expect"],"mappings":";;;;;;;;;;;;;;;;;AAKA,MAAM,UAAU,GAAG,IAAI,IAAI,EAAE,CAAC;AAC9B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;AACtC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,IAAI,GAAG,SAAS,CAAC;AACvB,MAAM,KAAK,GAAG,GAAG,CAAC;AAClB;AACA;AACA;AACA;AACA,MAAM,eAAe,GAAG,UAAU,MAAc,EAAA;IAC9C,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,QAAQ,CAAC,iCAAiC,EAAE,MAAK;IAC/C,EAAE,CAAC,cAAc,EAAE,kBAAK;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;AAC3C,QAAA,MAAM,OAAO,GAAGA,aAAM,CAACC,cAAC,CAAAC,iCAAgB,EAAC,EAAA,KAAK,EAAE,SAAS,EAAI,CAAA,CAAC,CAAC;QAE/D,MAAM,IAAI,GAAG,eAAe,CAACC,sCAAe,CAAC,SAAS,CAAC,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACjD,QAAAC,WAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,WAAW,EAAE,kBAAK;AACnB,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;AACzC,QAAA,MAAM,OAAO,GAAGJ,aAAM,CAACC,cAAC,CAAAC,iCAAgB,EAAC,EAAA,KAAK,EAAE,SAAS,EAAI,CAAA,CAAC,CAAC;QAE/D,MAAM,IAAI,GAAG,eAAe,CAACC,sCAAe,CAAC,SAAS,CAAC,CAAC,CAAC;QACzD,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACjD,QAAAC,WAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/PRIVATE_Message/__tests__/MessageUtils.spec.js

@@ -0,0 +1,76 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var chai = require('chai');
+var MessageUtils = require('../../MessageUtils-c82ad817.js');
+require('../../utils/UNSAFE_logger.js');
+require('../../_curry1-f1ebd742.js');
+require('../../_curry2-588f7ddc.js');
+require('../../utils/UNSAFE_soundUtils.js');
+require('../../MessageFormattingUtils-fac29bd4.js');
+require('../../utils/UNSAFE_getLocale.js');
+require('../../utils/UNSAFE_stringUtils.js');
+require('../../stringUtils-dad38408.js');
+require('../../Message.types-d5b1820f.js');
+require('../../utils/UNSAFE_arrayUtils.js');
+
+describe('Test MessageUtils', () => {
+    it('throwError', function () {
+        try {
+            MessageUtils.throwError('foo');
+            chai.expect(true).to.be.false;
+        }
+        catch (e) {
+            chai.expect(e).not.null;
+        }
+    });
+    it('getRenderer', function () {
+        const message = {
+            data: {
+                detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'
+            },
+            index: 0,
+            key: 'ConfirmationMessage',
+            metadata: { key: 'ConfirmationMessage' }
+        };
+        const renderers = {
+            testRenderer: () => jsxRuntime.jsx("div", {})
+        };
+        // don's pass any renderers
+        const noRenderers = MessageUtils.getRenderer(message, 'testRenderer');
+        chai.expect(noRenderers).undefined;
+        // get renderer by valid id
+        const rendererByIdValid = MessageUtils.getRenderer(message, 'testRenderer', renderers);
+        chai.expect(rendererByIdValid).to.equal(renderers.testRenderer);
+        // get renderer by invalid id
+        // (this should throw an error, but if not, verify that the renderer is null)
+        try {
+            const rendererByIdInvalid = MessageUtils.getRenderer(message, 'foo', renderers);
+            chai.expect(rendererByIdInvalid).null;
+        }
+        catch (e) {
+            chai.expect(e).not.null;
+        }
+        // get renderer by undefined id
+        const rendererIdUndefined = MessageUtils.getRenderer(message, undefined, renderers);
+        chai.expect(rendererIdUndefined).undefined;
+        // get renderer by function that returns a valid id
+        const rendererByFuncValid = MessageUtils.getRenderer(message, () => 'testRenderer', renderers);
+        chai.expect(rendererByFuncValid).to.equal(renderers.testRenderer);
+        // get renderer by function that returns an invalid id
+        // (this should throw an error, but if not, verify that the renderer is null)
+        try {
+            const rendererByFuncInvalid = MessageUtils.getRenderer(message, () => 'foo', renderers);
+            chai.expect(rendererByFuncInvalid).null;
+        }
+        catch (e) {
+            chai.expect(e).not.null;
+        }
+        // get renderer by function that returns a undefined id
+        const rendererByFuncUndefined = MessageUtils.getRenderer(message, () => undefined, renderers);
+        chai.expect(rendererByFuncUndefined).undefined;
+    });
+});
+/*  */
+//# sourceMappingURL=MessageUtils.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessageUtils.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageUtils.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessageUtils.spec.tsx"],"sourcesContent":["import { expect } from 'chai';\nimport * as MessageUtils from '../MessageUtils';\n\ndescribe('Test MessageUtils', () => {\n  it('throwError', function () {\n    try {\n      MessageUtils.throwError('foo');\n      expect(true).to.be.false;\n    } catch (e) {\n      expect(e).not.null;\n    }\n  });\n\n  it('getRenderer', function () {\n    const message = {\n      data: {\n        detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.'\n      },\n      index: 0,\n      key: 'ConfirmationMessage',\n      metadata: { key: 'ConfirmationMessage' }\n    };\n    const renderers = {\n      testRenderer: () => <div></div>\n    };\n\n    // don's pass any renderers\n    const noRenderers = MessageUtils.getRenderer(message, 'testRenderer');\n    expect(noRenderers).undefined;\n\n    // get renderer by valid id\n    const rendererByIdValid = MessageUtils.getRenderer(message, 'testRenderer', renderers);\n    expect(rendererByIdValid).to.equal(renderers.testRenderer);\n    // get renderer by invalid id\n    // (this should throw an error, but if not, verify that the renderer is null)\n    try {\n      const rendererByIdInvalid = MessageUtils.getRenderer(message, 'foo', renderers);\n      expect(rendererByIdInvalid).null;\n    } catch (e) {\n      expect(e).not.null;\n    }\n    // get renderer by undefined id\n    const rendererIdUndefined = MessageUtils.getRenderer(message, undefined, renderers);\n    expect(rendererIdUndefined).undefined;\n\n    // get renderer by function that returns a valid id\n    const rendererByFuncValid = MessageUtils.getRenderer(message, () => 'testRenderer', renderers);\n    expect(rendererByFuncValid).to.equal(renderers.testRenderer);\n    // get renderer by function that returns an invalid id\n    // (this should throw an error, but if not, verify that the renderer is null)\n    try {\n      const rendererByFuncInvalid = MessageUtils.getRenderer(message, () => 'foo', renderers);\n      expect(rendererByFuncInvalid).null;\n    } catch (e) {\n      expect(e).not.null;\n    }\n    // get renderer by function that returns a undefined id\n    const rendererByFuncUndefined = MessageUtils.getRenderer(message, () => undefined, renderers);\n    expect(rendererByFuncUndefined).undefined;\n  });\n});\n"],"names":["MessageUtils.throwError","expect","_jsx","MessageUtils.getRenderer"],"mappings":";;;;;;;;;;;;;;;;;AAGA,QAAQ,CAAC,mBAAmB,EAAE,MAAK;IACjC,EAAE,CAAC,YAAY,EAAE,YAAA;QACf,IAAI;AACF,YAAAA,uBAAuB,CAAC,KAAK,CAAC,CAAC;YAC/BC,WAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;AAC1B,SAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAAA,WAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,SAAA;AACH,KAAC,CAAC,CAAC;IAEH,EAAE,CAAC,aAAa,EAAE,YAAA;AAChB,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,IAAI,EAAE;AACJ,gBAAA,MAAM,EAAE,4EAA4E;AACrF,aAAA;AACD,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,GAAG,EAAE,qBAAqB;AAC1B,YAAA,QAAQ,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE;SACzC,CAAC;AACF,QAAA,MAAM,SAAS,GAAG;AAChB,YAAA,YAAY,EAAE,MAAMC,cAAW,CAAA,KAAA,EAAA,EAAA,CAAA;SAChC,CAAC;;QAGF,MAAM,WAAW,GAAGC,wBAAwB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AACtE,QAAAF,WAAM,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC;;AAG9B,QAAA,MAAM,iBAAiB,GAAGE,wBAAwB,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;AACvF,QAAAF,WAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;;;QAG3D,IAAI;AACF,YAAA,MAAM,mBAAmB,GAAGE,wBAAwB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;AAChF,YAAAF,WAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC;AAClC,SAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAAA,WAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,SAAA;;AAED,QAAA,MAAM,mBAAmB,GAAGE,wBAAwB,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AACpF,QAAAF,WAAM,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC;;AAGtC,QAAA,MAAM,mBAAmB,GAAGE,wBAAwB,CAAC,OAAO,EAAE,MAAM,cAAc,EAAE,SAAS,CAAC,CAAC;AAC/F,QAAAF,WAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;;;QAG7D,IAAI;AACF,YAAA,MAAM,qBAAqB,GAAGE,wBAAwB,CAAC,OAAO,EAAE,MAAM,KAAK,EAAE,SAAS,CAAC,CAAC;AACxF,YAAAF,WAAM,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC;AACpC,SAAA;AAAC,QAAA,OAAO,CAAC,EAAE;AACV,YAAAA,WAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,SAAA;;AAED,QAAA,MAAM,uBAAuB,GAAGE,wBAAwB,CAAC,OAAO,EAAE,MAAM,SAAS,EAAE,SAAS,CAAC,CAAC;AAC9F,QAAAF,WAAM,CAAC,uBAAuB,CAAC,CAAC,SAAS,CAAC;AAC5C,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/PRIVATE_Message/__tests__/MessagesManager.spec.js

@@ -0,0 +1,74 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var MessagesManager = require('../../MessagesManager-88e137d7.js');
+require('preact');
+require('preact/hooks');
+require('../../PRIVATE_TransitionGroup.js');
+require('../../tslib.es6-6f60dd09.js');
+require('../../hooks/UNSAFE_useAnimation.js');
+require('../../useAnimation-576ef8bc.js');
+require('../../hooks/UNSAFE_useMessagesContext.js');
+
+const DATA = [
+    {
+        key: 'ErrorMessage',
+        data: {
+            severity: 'error',
+            summary: 'Primary Text',
+            detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+            closeAffordance: 'on',
+            timestamp: new Date().toISOString()
+        }
+    },
+    {
+        key: 'WarningMessage',
+        data: {
+            severity: 'warning',
+            summary: 'Primary Text',
+            detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+            closeAffordance: 'on',
+            timestamp: new Date().toISOString()
+        }
+    },
+    {
+        key: 'ConfirmationMessage',
+        data: {
+            severity: 'confirmation',
+            summary: 'Primary Text',
+            detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+            closeAffordance: 'on',
+            timestamp: new Date().toISOString()
+        }
+    },
+    {
+        key: 'InfoMessage',
+        data: {
+            severity: 'info',
+            summary: 'Primary Text',
+            detail: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+            closeAffordance: 'on',
+            timestamp: new Date().toISOString()
+        }
+    }
+];
+describe('Test MessagesManager component', () => {
+    it('child renderer', async function () {
+        const content = preact.render(jsxRuntime.jsx(MessagesManager.MessagesManager, Object.assign({ data: DATA }, { children: ({ index, item }) => (jsxRuntime.jsxs("div", Object.assign({ style: "border: 1px solid gray; padding: 5px; background-color: orange;", "data-testid": item.key }, { children: [jsxRuntime.jsxs("div", { children: ["index: ", index] }), jsxRuntime.jsxs("div", { children: ["key: ", item.key] }), jsxRuntime.jsxs("div", { children: ["severity: ", item.data.severity] }), jsxRuntime.jsxs("div", { children: ["summary: ", item.data.summary] }), jsxRuntime.jsxs("div", { children: ["detail: ", item.data.detail] }), jsxRuntime.jsxs("div", { children: ["timestamp: ", item.data.timestamp] })] }))) })));
+        // since the function we're passing to Array.map is async, we need to wait on all
+        // those return promises before continuing, hence the "await Promise.all()"
+        await Promise.all(DATA.map(async (item) => {
+            const message = await content.findByTestId(item.key);
+            chai.expect(message).not.null;
+            chai.expect(message.style.backgroundColor).to.equal('orange');
+            // just look for a single field as an example, no need to find every field
+            const sevElem = await content.findByText(`severity: ${item.data.severity}`);
+            chai.expect(sevElem).not.null;
+        }));
+    });
+});
+/*  */
+//# sourceMappingURL=MessagesManager.spec.js.map

package/cjs/PRIVATE_Message/__tests__/MessagesManager.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesManager.spec.js","sources":["../../../../src/PRIVATE_Message/__tests__/MessagesManager.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { MessagesManager } from '../MessagesManager';\n\nconst DATA = [\n  {\n    key: 'ErrorMessage',\n    data: {\n      severity: 'error',\n      summary: 'Primary Text',\n      detail:\n        'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',\n      closeAffordance: 'on',\n      timestamp: new Date().toISOString()\n    }\n  },\n  {\n    key: 'WarningMessage',\n    data: {\n      severity: 'warning',\n      summary: 'Primary Text',\n      detail:\n        'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',\n      closeAffordance: 'on',\n      timestamp: new Date().toISOString()\n    }\n  },\n  {\n    key: 'ConfirmationMessage',\n    data: {\n      severity: 'confirmation',\n      summary: 'Primary Text',\n      detail:\n        'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',\n      closeAffordance: 'on',\n      timestamp: new Date().toISOString()\n    }\n  },\n  {\n    key: 'InfoMessage',\n    data: {\n      severity: 'info',\n      summary: 'Primary Text',\n      detail:\n        'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.',\n      closeAffordance: 'on',\n      timestamp: new Date().toISOString()\n    }\n  }\n];\n\ndescribe('Test MessagesManager component', () => {\n  it('child renderer', async function () {\n    const content = render(\n      <MessagesManager data={DATA}>\n        {({ index, item }) => (\n          <div\n            style=\"border: 1px solid gray; padding: 5px; background-color: orange;\"\n            data-testid={item.key}>\n            <div>index: {index}</div>\n            <div>key: {item.key}</div>\n            <div>severity: {item.data.severity}</div>\n            <div>summary: {item.data.summary}</div>\n            <div>detail: {item.data.detail}</div>\n            <div>timestamp: {item.data.timestamp}</div>\n          </div>\n        )}\n      </MessagesManager>\n    );\n\n    // since the function we're passing to Array.map is async, we need to wait on all\n    // those return promises before continuing, hence the \"await Promise.all()\"\n    await Promise.all(\n      DATA.map(async (item) => {\n        const message = await content.findByTestId(item.key);\n        expect(message).not.null;\n        expect(message.style.backgroundColor).to.equal('orange');\n\n        // just look for a single field as an example, no need to find every field\n        const sevElem = await content.findByText(`severity: ${item.data.severity}`);\n        expect(sevElem).not.null;\n      })\n    );\n  });\n});\n"],"names":["render","_jsx","MessagesManager","_jsxs","expect"],"mappings":"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"}

package/cjs/PRIVATE_Message.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,55 +9,55 @@ var hooks = require('preact/hooks');
 require('./UNSAFE_Flex.js');
 var utils_PRIVATE_timer = require('./utils/PRIVATE_timer.js');
 require('./utils/UNSAFE_classNames.js');
-var MessageCloseButton = require('./MessageCloseButton-a573c580.js');
-var classNames = require('./classNames-7f10ee6a.js');
-var MessageDetail = require('./MessageDetail-1092a279.js');
-var MessageFormattingUtils = require('./MessageFormattingUtils-2066d2ea.js');
-var MessageStartIcon = require('./MessageStartIcon-83a9938c.js');
-var MessageSummary = require('./MessageSummary-67d38d78.js');
-var MessageTimestamp = require('./MessageTimestamp-2d917659.js');
-var MessageUtils = require('./MessageUtils-8fbe3fc6.js');
-var Flex = require('./Flex-3e823e4a.js');
-var MessagesManager = require('./MessagesManager-019ae0ac.js');
-var Message_types = require('./Message.types-ddbcc21d.js');
-require('./tslib.es6-d16792a7.js');
+var MessageCloseButton = require('./MessageCloseButton-66757186.js');
+var classNames = require('./classNames-55bceee6.js');
+var MessageDetail = require('./MessageDetail-9ab2fec2.js');
+var MessageFormattingUtils = require('./MessageFormattingUtils-fac29bd4.js');
+var MessageStartIcon = require('./MessageStartIcon-5cdb8fbe.js');
+var MessageSummary = require('./MessageSummary-ea4ba9b8.js');
+var MessageTimestamp = require('./MessageTimestamp-cb7998db.js');
+var MessageUtils = require('./MessageUtils-c82ad817.js');
+var Flex = require('./Flex-b113edd5.js');
+var MessagesManager = require('./MessagesManager-88e137d7.js');
+var Message_types = require('./Message.types-d5b1820f.js');
+require('./tslib.es6-6f60dd09.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
-require('./_curry1-0c9936f9.js');
+require('./_curry1-f1ebd742.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry3-5001f5b3.js');
-require('./_curry2-cd666c1c.js');
-require('./_has-67d1725c.js');
+require('./_curry3-bc6e6a86.js');
+require('./_curry2-588f7ddc.js');
+require('./_has-2eedb7e0.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
-require('./keys-c0dcee39.js');
+require('./keys-326d80d5.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-d6c296f0.js');
+require('./flexbox-6deddb70.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-f934b7ce.js');
+require('./flexitem-0c1e9a72.js');
 require('./UNSAFE_Button.js');
-require('./Button-fe2eda28.js');
+require('./Button-07d97191.js');
 require('./UNSAFE_BaseButton.js');
-require('./BaseButton-a7469a04.js');
+require('./BaseButton-9bfe304e.js');
 require('./hooks/UNSAFE_usePress.js');
 require('./hooks/UNSAFE_useHover.js');
 require('./hooks/UNSAFE_useToggle.js');
 require('./hooks/UNSAFE_useActive.js');
 require('preact/compat');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-1a5d69e6.js');
+require('./clientHints-e821b5ee.js');
 require('./hooks/UNSAFE_useTabbableMode.js');
 require('preact');
 require('./utils/UNSAFE_mergeProps.js');
-require('./index-7d98bcb4.js');
-require('./index-49c3372d.js');
+require('./index-3651c0e7.js');
+require('./index-d5067e50.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-d2d443ea.js');
+require('./Icon-c44e10c9.js');
 require('./hooks/UNSAFE_useTooltip.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_Floating.js');
-require('./Floating-352d2eef.js');
-require('./index-5601d484.js');
+require('./Floating-48167355.js');
+require('./index-55dfe40c.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
@@ -67,19 +67,19 @@ require('./hooks/UNSAFE_useOutsideClick.js');
 require('./hooks/UNSAFE_useFocus.js');
 require('./hooks/UNSAFE_useTouch.js');
 require('./hooks/UNSAFE_useAnimation.js');
-require('./useAnimation-5f1b45bd.js');
+require('./useAnimation-576ef8bc.js');
 require('./hooks/UNSAFE_useTheme.js');
 require('./utils/UNSAFE_getLocale.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-2df763ee.js');
+require('./stringUtils-dad38408.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
 require('./PRIVATE_TransitionGroup.js');
 require('./hooks/UNSAFE_useMessagesContext.js');
 
 const messageStartIconStyles = {
-  base: "skhuhu",
-  toast: "_1torm5"
+  base: "_16bx23o",
+  toast: "zgsjxf"
 };
 /**
  * Component for rendering custom icon/content for start icon in Message
@@ -100,10 +100,10 @@ function MessageCustomStartIcon({
 }
 
 const messageHeaderStyles = {
-  base: "_1qlj7z3",
-  banner: "ivnq06",
+  base: "_15tuuh7",
+  banner: "_10tphfp",
   inline: undefined,
-  toast: "pjwnk3"
+  toast: "w1x93v"
 };
 /**
  * A component that styles the header for the message component
@@ -157,15 +157,15 @@ function isSeverityIconNeeded(severity) {
 
 const messageStyles = {
   base: {
-    banner: "_19m8di9",
-    toast: "_2hlw3t"
+    banner: "_1s63bd8",
+    toast: "_1st7837"
   },
-  section: "_1qp6lut",
+  section: "_121d8mo",
   // TODO: Replace with Flex and View components to handle padding and flex
   content: {
-    base: "_1dpnh90",
-    banner: "viv9n0",
-    toast: "_13v828q"
+    base: "_10mpl5n",
+    banner: "_17chhsp",
+    toast: "_1df1u3b"
   }
 };
 /**

package/cjs/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx","../../src/PRIVATE_Message/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Message } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesManager } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity, MessageRendererDataItem } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","base","toast","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","getBaseVariant","isSeverityIconNeeded","severity","isValidSeverity","messageStyles","content","MIN_SECONDS","DEFAULT_TIMEOUT","Message","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeout","autoTimeout","timeoutDuration","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx","../../src/PRIVATE_Message/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Message } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesManager } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity, MessageRendererDataItem } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","base","toast","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","getBaseVariant","isSeverityIconNeeded","severity","isValidSeverity","messageStyles","content","MIN_SECONDS","DEFAULT_TIMEOUT","Message","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeout","autoTimeout","timeoutDuration","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"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"}