@aws-amplify/ui-react-notifications 0.0.0-studio-e5b8195-20230912200241 → 0.0.0-studio-console-80bb2e2-20230921222703

package/dist/esm/components/InAppMessaging/Backdrop/Backdrop.mjs

@@ -0,0 +1 @@
+import a from"react";import{View as i}from"@aws-amplify/ui-react";const t="inappmessaging-backdrop";function e({onClick:e,...r}){return a.createElement(i,{className:"amplify-inappmessaging-backdrop","data-testid":t,onClick:e,...r})}export{t as BACKDROP_TEST_ID,e as Backdrop};

package/dist/esm/components/InAppMessaging/Backdrop/withBackdrop.mjs

@@ -0,0 +1 @@
+import e from"react";import{Flex as t,View as a}from"@aws-amplify/ui-react";import{Backdrop as n}from"./Backdrop.mjs";function r(r,m={}){return function(c){return e.createElement(e.Fragment,null,e.createElement(n,{...m}),e.createElement(t,{className:"amplify-inappmessaging-backdrop-content-container"},e.createElement(a,{className:"amplify-inappmessaging-backdrop-content"},e.createElement(r,{...c}))))}}export{r as withBackdrop};

package/dist/esm/components/InAppMessaging/BannerMessage/BannerMessage.mjs

@@ -0,0 +1 @@
+import e from"react";import s from"classnames";import{useBreakpointValue as t,Flex as o}from"@aws-amplify/ui-react";import"../hooks/useMessageImage/useMessageImage.mjs";import r from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as a}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as m}from"./constants.mjs";function i(i){const n=r(i),l=t([!0,!0,!1]),{shouldRenderMessage:g,styles:p}=n;if(!g)return null;const{alignment:u="right",position:c="top"}=i,d="center"===u&&"middle"===c;return e.createElement(o,{className:s(m,{[`${m}--${c}`]:!d,[`${m}--${u}`]:!d,[`${m}--center-middle`]:d,[`${m}--full-width`]:l}),role:"dialog",testId:`inappmessaging-${c}banner-dialog`},e.createElement(a,{...i,...n,orientation:"horizontal",buttonSize:"small",styles:p}))}export{i as BannerMessage};

package/dist/esm/components/InAppMessaging/CloseIconButton/CloseIconButton.mjs

@@ -0,0 +1 @@
+import*as e from"react";import{Button as a}from"@aws-amplify/ui-react";import{IconClose as i}from"@aws-amplify/ui-react/internal";function r({className:r,dismissButtonLabel:t="Dismiss message",onClick:s,style:m,...l}){return e.createElement(a,{ariaLabel:t,className:r,onClick:s,style:m,variation:"link",...l},e.createElement(i,{"aria-hidden":"true",size:"1.5rem"}))}export{r as CloseIconButton};

package/dist/esm/components/InAppMessaging/FullScreenMessage/FullScreenMessage.mjs

@@ -0,0 +1 @@
+import*as e from"react";import s from"classnames";import{useBreakpointValue as o,Flex as r}from"@aws-amplify/ui-react";import{withBackdrop as t}from"../Backdrop/withBackdrop.mjs";import"../hooks/useMessageImage/useMessageImage.mjs";import a from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as m}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as l}from"./constants.mjs";function n(n){const i=a(n),c=o([!0,!0,!1]),{shouldRenderMessage:u,styles:p}=i,{onClose:f}=n;if(!u)return null;const g=()=>e.createElement(r,{className:s(l,{[`${l}--fullscreen`]:c}),role:"dialog",testId:"inappmessaging-fullscreen-dialog"},e.createElement(m,{...n,...i,styles:p}));if(c)return e.createElement(g,null);const d=t(g,{onClick:f});return e.createElement(d,null)}export{n as FullScreenMessage};

package/dist/esm/components/InAppMessaging/InAppMessageDisplay/InAppMessageDisplay.mjs

@@ -0,0 +1 @@
+import e from"react";import{useMessage as s,handleMessageAction as o}from"@aws-amplify/ui-react-core-notifications";import{ThemeProvider as a}from"@aws-amplify/ui-react";import{BannerMessage as n}from"../BannerMessage/BannerMessage.mjs";import{FullScreenMessage as r}from"../FullScreenMessage/FullScreenMessage.mjs";import{ModalMessage as t}from"../ModalMessage/ModalMessage.mjs";import l from"./handleMessageLinkAction.mjs";function m(e){return null}const i={BannerMessage:n,CarouselMessage:m,FullScreenMessage:r,ModalMessage:t},c=({action:e,url:s})=>{o({action:e,url:s,handleMessageLinkAction:l})};function M({components:o}){const n=e.useMemo((()=>({...i,...o})),[o]),{Component:r,props:t}=s({components:n,onMessageAction:c});return e.createElement(a,{colorMode:"light"},e.createElement(r,{...t}))}M.BannerMessage=n,M.CarouselMessage=m,M.FullScreenMessage=r,M.ModalMessage=t;export{M as default};

package/dist/esm/components/InAppMessaging/InAppMessageDisplay/handleMessageLinkAction.mjs

@@ -0,0 +1 @@
+import{ConsoleLogger as o}from"@aws-amplify/core";const t=new o("Notifications.InAppMessaging"),r=o=>{let r;try{r=new URL(o)}catch{return void t.warn(`Unsupported url provided: ${o}`)}const{protocol:p}=r;"http:"===p||"https:"===p?window.open(o):t.warn(`Unsupported url protocol provided: ${p}`)};export{r as default};

package/dist/esm/components/InAppMessaging/MessageLayout/MessageLayout.mjs

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";import{isEmpty as a}from"@aws-amplify/ui";import{Flex as s,Image as n,Heading as o,Text as r,ButtonGroup as m,Button as c}from"@aws-amplify/ui-react";import{CloseIconButton as l}from"../CloseIconButton/CloseIconButton.mjs";import{CLOSE_BUTTON_CLASS as i,BLOCK_CLASS as d,MESSAGE_LAYOUT_TEST_ID as y,CONTENT_CLASS as u,CONTENT_TEST_ID as p,IMAGE_CONTAINER_CLASS as f,IMAGE_CONTAINER_TEST_ID as E,TEXT_CONTAINER_CLASS as I,TEXT_CONTAINER_TEST_ID as $,HEADER_CLASS as B,HEADER_TEXT_TEST_ID as N,BODY_TEXT_TEST_ID as C,BUTTON_GROUP_TEST_ID as g,BUTTON_CLASS as b,SECONDARY_BUTTON_TEST_ID as h,PRIMARY_BUTTON_TEST_ID as j}from"./constants.mjs";import{getButtonModifier as k}from"./utils.mjs";const x=e=>!a(e);function z({body:a,buttonSize:z,hasRenderableImage:A,header:v,image:w,onClose:M,orientation:R="vertical",primaryButton:S,secondaryButton:T,styles:q}){const D=e.useMemo((()=>({primary:k(q.primaryButton),secondary:k(q.secondaryButton)})),[q]),F="horizontal"===R,G=e.createElement(l,{className:i,onClick:M,style:q.closeIconButton}),H=x(S),J=x(T),K=H||J;return e.createElement(s,{className:d,"data-testid":y,style:q.container},!F&&e.createElement(s,{justifyContent:"flex-end"},G),e.createElement(s,{className:t(u,`${u}--${R}`),"data-testid":p},A&&e.createElement(s,{className:t(f,`${f}--${R}`),"data-testid":E},e.createElement(n,{alt:"In-App Message Image",src:w?.src,style:q.image})),e.createElement(s,{className:t(I,`${I}--${R}`),"data-testid":$},v?.content&&e.createElement(o,{className:B,isTruncated:!0,level:2,style:q.header,testId:N},v.content),a?.content&&e.createElement(r,{style:q.body,testId:C},a.content)),F&&e.createElement(s,{alignItems:"flex-start"},G)),K&&e.createElement(m,{size:z,testId:g},J&&e.createElement(c,{className:t(b,`${b}--${D.secondary}`),onClick:T.onAction,style:q.secondaryButton,testId:h},T.title),H&&e.createElement(c,{className:t(b,`${b}--${D.primary}`),onClick:S.onAction,style:q.primaryButton,testId:j},S.title)))}export{z as MessageLayout};

package/dist/esm/components/InAppMessaging/MessageLayout/utils.mjs

@@ -0,0 +1 @@
+import r from"tinycolor2";const o=(o,t="light")=>{const{backgroundColor:i}=o??{};if(!i)return t;return r(i).isDark()?"dark":"light"};export{o as getButtonModifier};

package/dist/esm/components/InAppMessaging/ModalMessage/ModalMessage.mjs

@@ -0,0 +1 @@
+import*as e from"react";import s from"classnames";import{useBreakpointValue as a,Flex as o}from"@aws-amplify/ui-react";import"../hooks/useMessageImage/useMessageImage.mjs";import m from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as t}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as r,DIALOG_CLASS as l}from"./constants.mjs";function i(i){const n=m(i),g=a([!0,!0,!1]),{shouldRenderMessage:p,styles:u}=n;return p?e.createElement(o,{className:r},e.createElement(o,{className:s(l,{[`${l}--full-width`]:g}),role:"dialog",testId:"inappmessaging-modal-dialog"},e.createElement(t,{...i,...n,styles:u}))):null}export{i as ModalMessage};

package/dist/esm/components/InAppMessaging/hooks/useMessageImage/useMessageImage.mjs

@@ -0,0 +1 @@
+import{useState as e,useEffect as r}from"react";import{ConsoleLogger as o}from"@aws-amplify/core";import{ImagePrefetchStatus as t}from"./types.mjs";const a=new o("Notifications.InAppMessaging");function n(o){const{src:n}=o??{},s=!!n,[c,i]=e(s?t.Fetching:null),m=c===t.Fetching,g=c===t.Success;return r((()=>{if(!s)return;const e=new Image;e.onload=()=>{i(t.Success)},e.onabort=()=>{a.error(`Image load aborted: ${n}`),i(t.Aborted)},e.onerror=()=>{a.error(`Image failed to load: ${n}`),i(t.Failure)},e.src=n}),[s,n]),{hasRenderableImage:g,isImageFetching:m}}export{n as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/useMessageProps.mjs

@@ -0,0 +1 @@
+import{useRef as e,useEffect as s,useMemo as a}from"react";import r from"../useMessageImage/useMessageImage.mjs";import{getMessageStyles as t,getPayloadStyle as m}from"./utils.mjs";function o(o){const{image:l,onDisplay:n}=o,g=e(!1),{hasRenderableImage:i,isImageFetching:u}=r(l),c=!u;s((()=>{!g.current&&c&&(n?.(),g.current=!0)}),[n,c]);const d=a((()=>t({styleParams:{payloadStyle:m(o),overrideStyle:o.style}})),[o]);return{hasRenderableImage:i,shouldRenderMessage:c,styles:d}}export{o as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/utils.mjs

@@ -0,0 +1 @@
+const t=({body:t,container:o,header:e,primaryButton:n,secondaryButton:r})=>({body:t?.style??{},container:o?.style??{},header:e?.style??{},primaryButton:n?.style??{},secondaryButton:r?.style??{}});function o({styleParams:t}){const{payloadStyle:o,overrideStyle:e}=t;return{body:{...o?.body,...e?.body},closeIconButton:e?.closeIconButton??{},container:{...o?.container,...e?.container},header:{...o?.header,...e?.header},image:e?.image??{},primaryButton:{...o?.primaryButton,...e?.primaryButton},secondaryButton:{...o?.secondaryButton,...e?.secondaryButton}}}export{o as getMessageStyles,t as getPayloadStyle};

package/dist/esm/components/InAppMessaging/withInAppMessaging/withInAppMessaging.mjs

@@ -0,0 +1 @@
+import e from"react";import{InAppMessagingProvider as t}from"@aws-amplify/ui-react-core-notifications";import r from"../InAppMessageDisplay/InAppMessageDisplay.mjs";function a(a,n){return function(i){return e.createElement(t,null,e.createElement(r,{...n}),e.createElement(a,{...i}))}}export{a as default};

package/dist/esm/{index.js → index.mjs}

@@ -1 +1 @@
-export{InAppMessagingProvider,useInAppMessaging}from"@aws-amplify/ui-react-core-notifications";export{default as InAppMessageDisplay}from"./components/InAppMessaging/InAppMessageDisplay/InAppMessageDisplay.js";export{default as withInAppMessaging}from"./components/InAppMessaging/withInAppMessaging/withInAppMessaging.js";
+export{InAppMessagingProvider,useInAppMessaging}from"@aws-amplify/ui-react-core-notifications";export{default as InAppMessageDisplay}from"./components/InAppMessaging/InAppMessageDisplay/InAppMessageDisplay.mjs";export{default as withInAppMessaging}from"./components/InAppMessaging/withInAppMessaging/withInAppMessaging.mjs";

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@aws-amplify/ui-react-core-notifications"),t=require("react"),n=require("@aws-amplify/ui-react"),a=require("classnames"),s=require("@aws-amplify/core"),l=require("@aws-amplify/ui"),o=require("@aws-amplify/ui-react/internal"),r=require("tinycolor2");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u,d=c(t),g=i(t),m=i(a),p=i(r);!function(e){e.Aborted="ABORTED",e.Failure="FAILURE",e.Fetching="FETCHING",e.Success="SUCCESS"}(u||(u={}));const y=new s.ConsoleLogger("Notifications.InAppMessaging");const f=({body:e,container:t,header:n,primaryButton:a,secondaryButton:s})=>{var l,o,r,i,c;return{body:null!==(l=null==e?void 0:e.style)&&void 0!==l?l:{},container:null!==(o=null==t?void 0:t.style)&&void 0!==o?o:{},header:null!==(r=null==n?void 0:n.style)&&void 0!==r?r:{},primaryButton:null!==(i=null==a?void 0:a.style)&&void 0!==i?i:{},secondaryButton:null!==(c=null==s?void 0:s.style)&&void 0!==c?c:{}}};function b(e){const{image:n,onDisplay:a}=e,s=t.useRef(!1),{hasRenderableImage:l,isImageFetching:o}=function(e){const{src:n}=null!=e?e:{},a=!!n,[s,l]=t.useState(a?u.Fetching:null),o=s===u.Fetching,r=s===u.Success;return t.useEffect((()=>{if(!a)return;const e=new Image;e.onload=()=>{l(u.Success)},e.onabort=()=>{y.error(`Image load aborted: ${n}`),l(u.Aborted)},e.onerror=()=>{y.error(`Image failed to load: ${n}`),l(u.Failure)},e.src=n}),[a,n]),{hasRenderableImage:r,isImageFetching:o}}(n),r=!o;t.useEffect((()=>{!s.current&&r&&(null==a||a(),s.current=!0)}),[a,r]);const i=t.useMemo((()=>function({styleParams:e}){var t,n;const{payloadStyle:a,overrideStyle:s}=e;return{body:Object.assign(Object.assign({},null==a?void 0:a.body),null==s?void 0:s.body),closeIconButton:null!==(t=null==s?void 0:s.closeIconButton)&&void 0!==t?t:{},container:Object.assign(Object.assign({},null==a?void 0:a.container),null==s?void 0:s.container),header:Object.assign(Object.assign({},null==a?void 0:a.header),null==s?void 0:s.header),image:null!==(n=null==s?void 0:s.image)&&void 0!==n?n:{},primaryButton:Object.assign(Object.assign({},null==a?void 0:a.primaryButton),null==s?void 0:s.primaryButton),secondaryButton:Object.assign(Object.assign({},null==a?void 0:a.secondaryButton),null==s?void 0:s.secondaryButton)}}({styleParams:{payloadStyle:f(e),overrideStyle:e.style}})),[e]);return{hasRenderableImage:l,shouldRenderMessage:r,styles:i}}function v(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)t.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(n[a[s]]=e[a[s]])}return n}function E(e){var{className:t,dismissButtonLabel:a="Dismiss message",onClick:s,style:l}=e,r=v(e,["className","dismissButtonLabel","onClick","style"]);return d.createElement(n.Button,Object.assign({ariaLabel:a,className:t,onClick:s,style:l,variation:"link"},r),d.createElement(o.IconClose,{"aria-hidden":"true",size:"1.5rem"}))}const h="amplify-inappmessaging-messagelayout",O=`${h}__button`,I=`${h}__close-button`,j=`${h}__content`,M=`${h}__header`,B=`${h}__image-container`,$=`${h}__text-container`,x="inappmessaging-messagelayout-bodytext",k="inappmessaging-messagelayout-buttongroup",C="inappmessaging-messagelayout-content",F="inappmessaging-messagelayout-headertext",w="inappmessaging-messagelayout-imagecontainer",N="inappmessaging-messagelayout",A="inappmessaging-messagelayout-primarybutton",_="inappmessaging-messagelayout-secondarybutton",S="inappmessaging-messagelayout-textcontainer",P=(e,t="light")=>{const{backgroundColor:n}=null!=e?e:{};if(!n)return t;return p.default(n).isDark()?"dark":"light"},R=e=>!l.isEmpty(e);function q({body:e,buttonSize:t,hasRenderableImage:a,header:s,image:l,onClose:o,orientation:r="vertical",primaryButton:i,secondaryButton:c,styles:u}){const g=d.useMemo((()=>({primary:P(u.primaryButton),secondary:P(u.secondaryButton)})),[u]),p="horizontal"===r,y=d.createElement(E,{className:I,onClick:o,style:u.closeIconButton}),f=R(i),b=R(c),v=f||b;return d.createElement(n.Flex,{className:h,"data-testid":N,style:u.container},!p&&d.createElement(n.Flex,{justifyContent:"flex-end"},y),d.createElement(n.Flex,{className:m.default(j,`${j}--${r}`),"data-testid":C},a&&d.createElement(n.Flex,{className:m.default(B,`${B}--${r}`),"data-testid":w},d.createElement(n.Image,{alt:"In-App Message Image",src:null==l?void 0:l.src,style:u.image})),d.createElement(n.Flex,{className:m.default($,`${$}--${r}`),"data-testid":S},(null==s?void 0:s.content)&&d.createElement(n.Heading,{className:M,isTruncated:!0,level:2,style:u.header,testId:F},s.content),(null==e?void 0:e.content)&&d.createElement(n.Text,{style:u.body,testId:x},e.content)),p&&d.createElement(n.Flex,{alignItems:"flex-start"},y)),v&&d.createElement(n.ButtonGroup,{size:t,testId:k},b&&d.createElement(n.Button,{className:m.default(O,`${O}--${g.secondary}`),onClick:c.onAction,style:u.secondaryButton,testId:_},c.title),f&&d.createElement(n.Button,{className:m.default(O,`${O}--${g.primary}`),onClick:i.onAction,style:u.primaryButton,testId:A},i.title)))}const L="amplify-inappmessaging-bannermessage";function z(e){const t=b(e),a=n.useBreakpointValue([!0,!0,!1]),{shouldRenderMessage:s,styles:l}=t;if(!s)return null;const{alignment:o="right",position:r="top"}=e,i="center"===o&&"middle"===r;return g.default.createElement(n.Flex,{className:m.default(L,{[`${L}--${r}`]:!i,[`${L}--${o}`]:!i,[`${L}--center-middle`]:i,[`${L}--full-width`]:a}),role:"dialog",testId:`inappmessaging-${r}banner-dialog`},g.default.createElement(q,Object.assign({},e,t,{orientation:"horizontal",buttonSize:"small",styles:l})))}const D="inappmessaging-backdrop";function T(e){var{onClick:t}=e,a=v(e,["onClick"]);return g.default.createElement(n.View,Object.assign({className:"amplify-inappmessaging-backdrop","data-testid":D,onClick:t},a))}const U="amplify-inappmessaging-fullscreenmessage";function V(e){const t=b(e),a=n.useBreakpointValue([!0,!0,!1]),{shouldRenderMessage:s,styles:l}=t,{onClose:o}=e;if(!s)return null;const r=()=>d.createElement(n.Flex,{className:m.default(U,{[`${U}--fullscreen`]:a}),role:"dialog",testId:"inappmessaging-fullscreen-dialog"},d.createElement(q,Object.assign({},e,t,{styles:l})));if(a)return d.createElement(r,null);const i=function(e,t={}){return function(a){return g.default.createElement(g.default.Fragment,null,g.default.createElement(T,Object.assign({},t)),g.default.createElement(n.Flex,{className:"amplify-inappmessaging-backdrop-content-container"},g.default.createElement(n.View,{className:"amplify-inappmessaging-backdrop-content"},g.default.createElement(e,Object.assign({},a)))))}}(r,{onClick:o});return d.createElement(i,null)}const G="amplify-inappmessaging-modalmessage",H=`${G}__dialog`;function J(e){const t=b(e),a=n.useBreakpointValue([!0,!0,!1]),{shouldRenderMessage:s,styles:l}=t;return s?d.createElement(n.Flex,{className:G},d.createElement(n.Flex,{className:m.default(H,{[`${H}--full-width`]:a}),role:"dialog",testId:"inappmessaging-modal-dialog"},d.createElement(q,Object.assign({},e,t,{styles:l})))):null}const K=new s.ConsoleLogger("Notifications.InAppMessaging"),Q=e=>{let t;try{t=new URL(e)}catch(t){return void K.warn(`Unsupported url provided: ${e}`)}const{protocol:n}=t;"http:"===n||"https:"===n?window.open(e):K.warn(`Unsupported url protocol provided: ${n}`)};function W(e){return null}const X={BannerMessage:z,CarouselMessage:W,FullScreenMessage:V,ModalMessage:J},Y=({action:t,url:n})=>{e.handleMessageAction({action:t,url:n,handleMessageLinkAction:Q})};function Z({components:t}){const a=g.default.useMemo((()=>Object.assign(Object.assign({},X),t)),[t]),{Component:s,props:l}=e.useMessage({components:a,onMessageAction:Y});return g.default.createElement(n.ThemeProvider,{colorMode:"light"},g.default.createElement(s,Object.assign({},l)))}Z.BannerMessage=z,Z.CarouselMessage=W,Z.FullScreenMessage=V,Z.ModalMessage=J,Object.defineProperty(exports,"InAppMessagingProvider",{enumerable:!0,get:function(){return e.InAppMessagingProvider}}),Object.defineProperty(exports,"useInAppMessaging",{enumerable:!0,get:function(){return e.useInAppMessaging}}),exports.InAppMessageDisplay=Z,exports.withInAppMessaging=function(t,n){return function(a){return g.default.createElement(e.InAppMessagingProvider,null,g.default.createElement(Z,Object.assign({},n)),g.default.createElement(t,Object.assign({},a)))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@aws-amplify/ui-react-core-notifications"),t=require("react"),n=require("@aws-amplify/ui-react"),a=require("classnames"),s=require("@aws-amplify/core"),r=require("@aws-amplify/ui"),o=require("@aws-amplify/ui-react/internal"),l=require("tinycolor2");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u,m=c(t),d=i(t),g=i(a),p=i(l);!function(e){e.Aborted="ABORTED",e.Failure="FAILURE",e.Fetching="FETCHING",e.Success="SUCCESS"}(u||(u={}));const y=new s.ConsoleLogger("Notifications.InAppMessaging");const f=({body:e,container:t,header:n,primaryButton:a,secondaryButton:s})=>({body:e?.style??{},container:t?.style??{},header:n?.style??{},primaryButton:a?.style??{},secondaryButton:s?.style??{}});function b(e){const{image:n,onDisplay:a}=e,s=t.useRef(!1),{hasRenderableImage:r,isImageFetching:o}=function(e){const{src:n}=e??{},a=!!n,[s,r]=t.useState(a?u.Fetching:null),o=s===u.Fetching,l=s===u.Success;return t.useEffect((()=>{if(!a)return;const e=new Image;e.onload=()=>{r(u.Success)},e.onabort=()=>{y.error(`Image load aborted: ${n}`),r(u.Aborted)},e.onerror=()=>{y.error(`Image failed to load: ${n}`),r(u.Failure)},e.src=n}),[a,n]),{hasRenderableImage:l,isImageFetching:o}}(n),l=!o;t.useEffect((()=>{!s.current&&l&&(a?.(),s.current=!0)}),[a,l]);const i=t.useMemo((()=>function({styleParams:e}){const{payloadStyle:t,overrideStyle:n}=e;return{body:{...t?.body,...n?.body},closeIconButton:n?.closeIconButton??{},container:{...t?.container,...n?.container},header:{...t?.header,...n?.header},image:n?.image??{},primaryButton:{...t?.primaryButton,...n?.primaryButton},secondaryButton:{...t?.secondaryButton,...n?.secondaryButton}}}({styleParams:{payloadStyle:f(e),overrideStyle:e.style}})),[e]);return{hasRenderableImage:r,shouldRenderMessage:l,styles:i}}function E({className:e,dismissButtonLabel:t="Dismiss message",onClick:a,style:s,...r}){return m.createElement(n.Button,{ariaLabel:t,className:e,onClick:a,style:s,variation:"link",...r},m.createElement(o.IconClose,{"aria-hidden":"true",size:"1.5rem"}))}const h="amplify-inappmessaging-messagelayout",I=`${h}__button`,M=`${h}__close-button`,B=`${h}__content`,$=`${h}__header`,x=`${h}__image-container`,F=`${h}__text-container`,k="inappmessaging-messagelayout-bodytext",C="inappmessaging-messagelayout-buttongroup",N="inappmessaging-messagelayout-content",w="inappmessaging-messagelayout-headertext",A="inappmessaging-messagelayout-imagecontainer",_="inappmessaging-messagelayout",v="inappmessaging-messagelayout-primarybutton",S="inappmessaging-messagelayout-secondarybutton",R="inappmessaging-messagelayout-textcontainer",P=(e,t="light")=>{const{backgroundColor:n}=e??{};if(!n)return t;return p.default(n).isDark()?"dark":"light"},j=e=>!r.isEmpty(e);function O({body:e,buttonSize:t,hasRenderableImage:a,header:s,image:r,onClose:o,orientation:l="vertical",primaryButton:i,secondaryButton:c,styles:u}){const d=m.useMemo((()=>({primary:P(u.primaryButton),secondary:P(u.secondaryButton)})),[u]),p="horizontal"===l,y=m.createElement(E,{className:M,onClick:o,style:u.closeIconButton}),f=j(i),b=j(c),O=f||b;return m.createElement(n.Flex,{className:h,"data-testid":_,style:u.container},!p&&m.createElement(n.Flex,{justifyContent:"flex-end"},y),m.createElement(n.Flex,{className:g.default(B,`${B}--${l}`),"data-testid":N},a&&m.createElement(n.Flex,{className:g.default(x,`${x}--${l}`),"data-testid":A},m.createElement(n.Image,{alt:"In-App Message Image",src:r?.src,style:u.image})),m.createElement(n.Flex,{className:g.default(F,`${F}--${l}`),"data-testid":R},s?.content&&m.createElement(n.Heading,{className:$,isTruncated:!0,level:2,style:u.header,testId:w},s.content),e?.content&&m.createElement(n.Text,{style:u.body,testId:k},e.content)),p&&m.createElement(n.Flex,{alignItems:"flex-start"},y)),O&&m.createElement(n.ButtonGroup,{size:t,testId:C},b&&m.createElement(n.Button,{className:g.default(I,`${I}--${d.secondary}`),onClick:c.onAction,style:u.secondaryButton,testId:S},c.title),f&&m.createElement(n.Button,{className:g.default(I,`${I}--${d.primary}`),onClick:i.onAction,style:u.primaryButton,testId:v},i.title)))}const q="amplify-inappmessaging-bannermessage";function z(e){const t=b(e),a=n.useBreakpointValue([!0,!0,!1]),{shouldRenderMessage:s,styles:r}=t;if(!s)return null;const{alignment:o="right",position:l="top"}=e,i="center"===o&&"middle"===l;return d.default.createElement(n.Flex,{className:g.default(q,{[`${q}--${l}`]:!i,[`${q}--${o}`]:!i,[`${q}--center-middle`]:i,[`${q}--full-width`]:a}),role:"dialog",testId:`inappmessaging-${l}banner-dialog`},d.default.createElement(O,{...e,...t,orientation:"horizontal",buttonSize:"small",styles:r}))}const L="inappmessaging-backdrop";function D({onClick:e,...t}){return d.default.createElement(n.View,{className:"amplify-inappmessaging-backdrop","data-testid":L,onClick:e,...t})}const T="amplify-inappmessaging-fullscreenmessage";function U(e){const t=b(e),a=n.useBreakpointValue([!0,!0,!1]),{shouldRenderMessage:s,styles:r}=t,{onClose:o}=e;if(!s)return null;const l=()=>m.createElement(n.Flex,{className:g.default(T,{[`${T}--fullscreen`]:a}),role:"dialog",testId:"inappmessaging-fullscreen-dialog"},m.createElement(O,{...e,...t,styles:r}));if(a)return m.createElement(l,null);const i=function(e,t={}){return function(a){return d.default.createElement(d.default.Fragment,null,d.default.createElement(D,{...t}),d.default.createElement(n.Flex,{className:"amplify-inappmessaging-backdrop-content-container"},d.default.createElement(n.View,{className:"amplify-inappmessaging-backdrop-content"},d.default.createElement(e,{...a}))))}}(l,{onClick:o});return m.createElement(i,null)}const V="amplify-inappmessaging-modalmessage",G=`${V}__dialog`;function H(e){const t=b(e),a=n.useBreakpointValue([!0,!0,!1]),{shouldRenderMessage:s,styles:r}=t;return s?m.createElement(n.Flex,{className:V},m.createElement(n.Flex,{className:g.default(G,{[`${G}--full-width`]:a}),role:"dialog",testId:"inappmessaging-modal-dialog"},m.createElement(O,{...e,...t,styles:r}))):null}const J=new s.ConsoleLogger("Notifications.InAppMessaging"),K=e=>{let t;try{t=new URL(e)}catch{return void J.warn(`Unsupported url provided: ${e}`)}const{protocol:n}=t;"http:"===n||"https:"===n?window.open(e):J.warn(`Unsupported url protocol provided: ${n}`)};function Q(e){return null}const W={BannerMessage:z,CarouselMessage:Q,FullScreenMessage:U,ModalMessage:H},X=({action:t,url:n})=>{e.handleMessageAction({action:t,url:n,handleMessageLinkAction:K})};function Y({components:t}){const a=d.default.useMemo((()=>({...W,...t})),[t]),{Component:s,props:r}=e.useMessage({components:a,onMessageAction:X});return d.default.createElement(n.ThemeProvider,{colorMode:"light"},d.default.createElement(s,{...r}))}Y.BannerMessage=z,Y.CarouselMessage=Q,Y.FullScreenMessage=U,Y.ModalMessage=H,Object.defineProperty(exports,"InAppMessagingProvider",{enumerable:!0,get:function(){return e.InAppMessagingProvider}}),Object.defineProperty(exports,"useInAppMessaging",{enumerable:!0,get:function(){return e.useInAppMessaging}}),exports.InAppMessageDisplay=Y,exports.withInAppMessaging=function(t,n){return function(a){return d.default.createElement(e.InAppMessagingProvider,null,d.default.createElement(Y,{...n}),d.default.createElement(t,{...a}))}};

package/dist/styles.css

@@ -677,70 +677,6 @@
   --amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
   --amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
   --amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);
-  --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
-  --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
-  --amplify-components-fileuploader-dropzone-border-style: dashed;
-  --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
-  --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
-  --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
-  --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
-  --amplify-components-fileuploader-dropzone-text-align: center;
-  --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
-  --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
-  --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
-  --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
-  --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
-  --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
-  --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
-  --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
-  --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
-  --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
-  --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
-  --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
-  --amplify-components-fileuploader-file-border-style: solid;
-  --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
-  --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
-  --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
-  --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
-  --amplify-components-fileuploader-file-align-items: baseline;
-  --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
-  --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
-  --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
-  --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
-  --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
-  --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
-  --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
-  --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
-  --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
-  --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
-  --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
-  --amplify-components-fileuploader-loader-stroke-linecap: round;
-  --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
-  --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
-  --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
-  --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
-  --amplify-components-fileuploader-previewer-border-style: solid;
-  --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
-  --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
-  --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
-  --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
-  --amplify-components-fileuploader-previewer-max-height: 40rem;
-  --amplify-components-fileuploader-previewer-max-width: auto;
-  --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
-  --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
-  --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
-  --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
-  --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
-  --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
-  --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary);
-  --amplify-components-fileuploader-previewer-footer-border-style: solid;
-  --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small);
-  --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium);
-  --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium);
-  --amplify-components-fileuploader-previewer-footer-justify-content: space-between;
   --amplify-components-flex-gap: var(--amplify-space-medium);
   --amplify-components-flex-justify-content: normal;
   --amplify-components-flex-align-items: stretch;
@@ -1000,7 +936,11 @@
   --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
   --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
   --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
+  --amplify-components-select-color: var(--amplify-components-fieldcontrol-color);
+  --amplify-components-select-background-color: var(--amplify-colors-background-primary);
   --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
+  --amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-select-wrapper-flex: 1;
   --amplify-components-select-wrapper-display: block;
   --amplify-components-select-wrapper-position: relative;
@@ -1013,15 +953,20 @@
   --amplify-components-select-icon-wrapper-pointer-events: none;
   --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
   --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
-  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-select-option-background-color: transparent;
   --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-select-option-disabled-background-color: transparent;
   --amplify-components-select-white-space: nowrap;
   --amplify-components-select-min-width: 6.5rem;
   --amplify-components-select-small-min-width: 5.5rem;
   --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
   --amplify-components-select-large-min-width: 7.5rem;
   --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
+  --amplify-components-select-expanded-padding-block: var(--amplify-space-xs);
+  --amplify-components-select-expanded-padding-inline: var(--amplify-space-small);
+  --amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);
+  --amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);
   --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
   --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
   --amplify-components-selectfield-flex-direction: column;
@@ -1082,9 +1027,9 @@
   --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
   --amplify-components-storagemanager-dropzone-text-align: center;
   --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
-  --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
+  --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
   --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
-  --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
+  --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);
   --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
   --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
   --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
@@ -1111,6 +1056,8 @@
   --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
   --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
   --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
+  --amplify-components-storagemanager-filelist-flex-direction: column;
+  --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
   --amplify-components-storagemanager-loader-stroke-linecap: round;
   --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
   --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
@@ -1131,8 +1078,6 @@
   --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
   --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
   --amplify-components-storagemanager-previewer-footer-justify-content: flex-end;
-  --amplify-components-storagemanager-filelist-flex-direction: column;
-  --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
   --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
   --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
   --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
@@ -2939,12 +2884,6 @@ strong.amplify-text {
   border-color: var(--amplify-components-fieldcontrol-error-border-color);
   box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
 }
-.amplify-input[disabled] {
-  color: var(--amplify-components-fieldcontrol-disabled-color);
-  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
-  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
-  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
-}
 .amplify-input--quiet {
   border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
   border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
@@ -2961,6 +2900,12 @@ strong.amplify-text {
 .amplify-input--quiet[aria-invalid=true]:focus {
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-input[disabled] {
+  color: var(--amplify-components-fieldcontrol-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
+  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
+  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
+}
 
 .amplify-textarea {
   box-sizing: border-box;
@@ -3011,12 +2956,6 @@ strong.amplify-text {
   border-color: var(--amplify-components-fieldcontrol-error-border-color);
   box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
 }
-.amplify-textarea[disabled] {
-  color: var(--amplify-components-fieldcontrol-disabled-color);
-  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
-  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
-  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
-}
 .amplify-textarea--quiet {
   border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
   border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
@@ -3033,6 +2972,12 @@ strong.amplify-text {
 .amplify-textarea--quiet[aria-invalid=true]:focus {
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-textarea[disabled] {
+  color: var(--amplify-components-fieldcontrol-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
+  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
+  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
+}
 
 .amplify-image {
   height: var(--amplify-components-image-height);
@@ -4359,153 +4304,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-radius: 2px;
 }
 
-.amplify-fileuploader__dropzone {
-  background-color: var(--amplify-components-fileuploader-dropzone-background-color);
-  border-color: var(--amplify-components-fileuploader-dropzone-border-color);
-  border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
-  border-style: var(--amplify-components-fileuploader-dropzone-border-style);
-  border-width: var(--amplify-components-fileuploader-dropzone-border-width);
-  text-align: var(--amplify-components-fileuploader-dropzone-text-align);
-  padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
-  padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-dropzone-gap);
-}
-.amplify-fileuploader__dropzone--small {
-  flex-direction: row;
-  justify-content: center;
-}
-.amplify-fileuploader__dropzone--active {
-  border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
-  border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
-  background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
-}
-.amplify-fileuploader__dropzone__icon {
-  font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
-  color: var(--amplify-components-fileuploader-dropzone-icon-color);
-}
-.amplify-fileuploader__dropzone__text {
-  color: var(--amplify-components-fileuploader-dropzone-text-color);
-  font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
-  font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
-}
-.amplify-fileuploader__file {
-  position: relative;
-  border-width: var(--amplify-components-fileuploader-file-border-width);
-  border-style: var(--amplify-components-fileuploader-file-border-style);
-  border-color: var(--amplify-components-fileuploader-file-border-color);
-  border-radius: var(--amplify-components-fileuploader-file-border-radius);
-  display: flex;
-  flex-direction: column;
-  padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-file-padding-block);
-  align-items: var(--amplify-components-fileuploader-file-align-items);
-}
-.amplify-fileuploader__file__wrapper {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-file-gap);
-}
-.amplify-fileuploader__file__name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-name-font-size);
-  color: var(--amplify-components-fileuploader-file-name-color);
-}
-.amplify-fileuploader__file__size {
-  font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-  color: var(--amplify-components-fileuploader-file-size-color);
-}
-.amplify-fileuploader__file__main {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.amplify-fileuploader__file__image {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--amplify-components-fileuploader-file-image-width);
-  height: var(--amplify-components-fileuploader-file-image-height);
-  background-color: var(--amplify-components-fileuploader-file-image-background-color);
-  border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
-  color: var(--amplify-components-fileuploader-file-image-color);
-}
-.amplify-fileuploader__file__image img {
-  max-height: 100%;
-}
-.amplify-fileuploader__file__status--error {
-  color: var(--amplify-colors-font-error);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-}
-.amplify-fileuploader__file__status--success {
-  color: var(--amplify-colors-font-success);
-}
-.amplify-fileuploader__loader {
-  stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
-  stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
-  stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
-  height: var(--amplify-components-fileuploader-loader-stroke-width);
-  --amplify-components-loader-linear-stroke-filled: var(
-    --amplify-components-fileuploader-loader-stroke-filled
-  );
-  overflow: hidden;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-}
-.amplify-fileuploader__previewer {
-  display: block;
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  background-color: var(--amplify-components-fileuploader-previewer-background-color);
-  border-width: var(--amplify-components-fileuploader-previewer-border-width);
-  border-style: var(--amplify-components-fileuploader-previewer-border-style);
-  border-color: var(--amplify-components-fileuploader-previewer-border-color);
-  border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
-  padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
-}
-.amplify-fileuploader__previewer__text {
-  font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
-  font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
-  color: var(--amplify-components-fileuploader-previewer-text-color);
-}
-.amplify-fileuploader__previewer__body {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--amplify-components-fileuploader-previewer-max-height);
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  overflow: auto;
-  gap: var(--amplify-components-fileuploader-previewer-body-gap);
-  padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
-}
-.amplify-fileuploader__previewer__footer {
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
-  border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
-  border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
-  padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
-}
-.amplify-fileuploader__previewer__footer__actions {
-  display: flex;
-  flex-direction: row;
-  gap: var(--amplify-space-small);
-}
-
 .amplify-menu-content-wrapper {
   z-index: 999999;
 }
@@ -5040,6 +4838,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
+  background-color: var(--amplify-components-select-background-color);
+  color: var(--amplify-components-select-color);
   min-width: var(--amplify-components-select-min-width);
   padding-inline-end: var(--amplify-components-select-padding-inline-end);
   white-space: var(--amplify-components-select-white-space);
@@ -5069,12 +4869,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-color: var(--amplify-components-fieldcontrol-error-border-color);
   box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
 }
-.amplify-select[disabled] {
-  color: var(--amplify-components-fieldcontrol-disabled-color);
-  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
-  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
-  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
-}
 .amplify-select--quiet {
   border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
   border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
@@ -5091,17 +4885,28 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-select--quiet[aria-invalid=true]:focus {
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-select[disabled] {
+  color: var(--amplify-components-fieldcontrol-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
+  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
+  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
+}
 .amplify-select option {
-  color: initial;
+  background-color: var(--amplify-components-select-option-background-color);
+  color: var(--amplify-components-select-option-color);
 }
 .amplify-select option[disabled=""] {
+  background-color: var(--amplify-components-select-option-disabled-background-color);
   color: var(--amplify-components-select-option-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
 }
-@-moz-document url-prefix() {
-  .amplify-select option {
-    background-color: var(--amplify-components-select-option-background-color);
-    color: var(--amplify-components-select-option-color);
-  }
+.amplify-select[disabled] {
+  background-color: var(--amplify-components-select-disabled-background-color);
+  color: var(--amplify-components-select-disabled-color);
+}
+.amplify-select[disabled] option {
+  color: inherit;
+  background-color: inherit;
 }
 .amplify-select--small {
   min-width: var(--amplify-components-select-small-min-width);
@@ -5111,6 +4916,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
   min-width: var(--amplify-components-select-large-min-width);
   padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
 }
+.amplify-select--expanded {
+  overflow: auto;
+  padding: var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline);
+}
+.amplify-select--expanded option {
+  padding: var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline);
+}
 
 .amplify-selectfield {
   flex-direction: var(--amplify-components-selectfield-flex-direction);
@@ -6160,153 +5972,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   margin: var(--amplify-space-small);
 }
 
-.amplify-fileuploader__dropzone {
-  background-color: var(--amplify-components-fileuploader-dropzone-background-color);
-  border-color: var(--amplify-components-fileuploader-dropzone-border-color);
-  border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
-  border-style: var(--amplify-components-fileuploader-dropzone-border-style);
-  border-width: var(--amplify-components-fileuploader-dropzone-border-width);
-  text-align: var(--amplify-components-fileuploader-dropzone-text-align);
-  padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
-  padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-dropzone-gap);
-}
-.amplify-fileuploader__dropzone--small {
-  flex-direction: row;
-  justify-content: center;
-}
-.amplify-fileuploader__dropzone--active {
-  border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
-  border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
-  background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
-}
-.amplify-fileuploader__dropzone__icon {
-  font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
-  color: var(--amplify-components-fileuploader-dropzone-icon-color);
-}
-.amplify-fileuploader__dropzone__text {
-  color: var(--amplify-components-fileuploader-dropzone-text-color);
-  font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
-  font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
-}
-.amplify-fileuploader__file {
-  position: relative;
-  border-width: var(--amplify-components-fileuploader-file-border-width);
-  border-style: var(--amplify-components-fileuploader-file-border-style);
-  border-color: var(--amplify-components-fileuploader-file-border-color);
-  border-radius: var(--amplify-components-fileuploader-file-border-radius);
-  display: flex;
-  flex-direction: column;
-  padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-file-padding-block);
-  align-items: var(--amplify-components-fileuploader-file-align-items);
-}
-.amplify-fileuploader__file__wrapper {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-file-gap);
-}
-.amplify-fileuploader__file__name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-name-font-size);
-  color: var(--amplify-components-fileuploader-file-name-color);
-}
-.amplify-fileuploader__file__size {
-  font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-  color: var(--amplify-components-fileuploader-file-size-color);
-}
-.amplify-fileuploader__file__main {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.amplify-fileuploader__file__image {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--amplify-components-fileuploader-file-image-width);
-  height: var(--amplify-components-fileuploader-file-image-height);
-  background-color: var(--amplify-components-fileuploader-file-image-background-color);
-  border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
-  color: var(--amplify-components-fileuploader-file-image-color);
-}
-.amplify-fileuploader__file__image img {
-  max-height: 100%;
-}
-.amplify-fileuploader__file__status--error {
-  color: var(--amplify-colors-font-error);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-}
-.amplify-fileuploader__file__status--success {
-  color: var(--amplify-colors-font-success);
-}
-.amplify-fileuploader__loader {
-  stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
-  stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
-  stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
-  height: var(--amplify-components-fileuploader-loader-stroke-width);
-  --amplify-components-loader-linear-stroke-filled: var(
-    --amplify-components-fileuploader-loader-stroke-filled
-  );
-  overflow: hidden;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-}
-.amplify-fileuploader__previewer {
-  display: block;
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  background-color: var(--amplify-components-fileuploader-previewer-background-color);
-  border-width: var(--amplify-components-fileuploader-previewer-border-width);
-  border-style: var(--amplify-components-fileuploader-previewer-border-style);
-  border-color: var(--amplify-components-fileuploader-previewer-border-color);
-  border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
-  padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
-}
-.amplify-fileuploader__previewer__text {
-  font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
-  font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
-  color: var(--amplify-components-fileuploader-previewer-text-color);
-}
-.amplify-fileuploader__previewer__body {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--amplify-components-fileuploader-previewer-max-height);
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  overflow: auto;
-  gap: var(--amplify-components-fileuploader-previewer-body-gap);
-  padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
-}
-.amplify-fileuploader__previewer__footer {
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
-  border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
-  border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
-  padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
-}
-.amplify-fileuploader__previewer__footer__actions {
-  display: flex;
-  flex-direction: row;
-  gap: var(--amplify-space-small);
-}
-
 .amplify-storagemanager__dropzone {
   background-color: var(--amplify-components-storagemanager-dropzone-background-color);
   border-color: var(--amplify-components-storagemanager-dropzone-border-color);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@aws-amplify/ui-react-notifications",
-  "version": "0.0.0-studio-e5b8195-20230912200241",
+  "version": "0.0.0-studio-console-80bb2e2-20230921222703",
   "main": "dist/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
+      "import": "./dist/esm/index.mjs",
       "require": "./dist/index.js"
     },
     "./styles.css": "./dist/styles.css"
@@ -35,14 +35,14 @@
     "prebuild": "rimraf dist",
     "size": "yarn size-limit",
     "test": "jest",
-    "test:ci": "yarn test",
+    "test:ci": "yarn test && yarn check:esm",
     "test:watch": "yarn test --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "0.0.0-studio-e5b8195-20230912200241",
-    "@aws-amplify/ui-react": "0.0.0-studio-e5b8195-20230912200241",
-    "@aws-amplify/ui-react-core-notifications": "0.0.0-studio-e5b8195-20230912200241",
+    "@aws-amplify/ui": "0.0.0-studio-console-80bb2e2-20230921222703",
+    "@aws-amplify/ui-react": "0.0.0-studio-console-80bb2e2-20230921222703",
+    "@aws-amplify/ui-react-core-notifications": "0.0.0-studio-console-80bb2e2-20230921222703",
     "classnames": "2.3.1",
     "tinycolor2": "1.4.2"
   },
@@ -53,7 +53,6 @@
   },
   "devDependencies": {
     "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
-    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-typescript": "^8.3.1",
     "@size-limit/preset-big-lib": "^8.2.6",
     "@testing-library/jest-dom": "^5.14.1",
@@ -82,7 +81,7 @@
   "size-limit": [
     {
       "name": "InAppMessaging",
-      "path": "dist/esm/index.js",
+      "path": "dist/esm/index.mjs",
       "import": "{ InAppMessagingProvider, InAppMessageDisplay }",
       "limit": "110 kB"
     }

package/dist/esm/components/InAppMessaging/Backdrop/Backdrop.js

@@ -1 +0,0 @@
-import{__rest as a}from"../../../node_modules/tslib/tslib.es6.js";import i from"react";import{View as t}from"@aws-amplify/ui-react";const e="inappmessaging-backdrop";function o(o){var{onClick:s}=o,r=a(o,["onClick"]);return i.createElement(t,Object.assign({className:"amplify-inappmessaging-backdrop","data-testid":e,onClick:s},r))}export{e as BACKDROP_TEST_ID,o as Backdrop};

package/dist/esm/components/InAppMessaging/Backdrop/withBackdrop.js

@@ -1 +0,0 @@
-import e from"react";import{Flex as t,View as a}from"@aws-amplify/ui-react";import{Backdrop as n}from"./Backdrop.js";function r(r,c={}){return function(m){return e.createElement(e.Fragment,null,e.createElement(n,Object.assign({},c)),e.createElement(t,{className:"amplify-inappmessaging-backdrop-content-container"},e.createElement(a,{className:"amplify-inappmessaging-backdrop-content"},e.createElement(r,Object.assign({},m)))))}}export{r as withBackdrop};

package/dist/esm/components/InAppMessaging/BannerMessage/BannerMessage.js

@@ -1 +0,0 @@
-import e from"react";import s from"classnames";import{useBreakpointValue as t,Flex as o}from"@aws-amplify/ui-react";import"../hooks/useMessageImage/useMessageImage.js";import a from"../hooks/useMessageProps/useMessageProps.js";import{MessageLayout as r}from"../MessageLayout/MessageLayout.js";import{BLOCK_CLASS as i}from"./constants.js";function n(n){const m=a(n),l=t([!0,!0,!1]),{shouldRenderMessage:g,styles:p}=m;if(!g)return null;const{alignment:u="right",position:c="top"}=n,d="center"===u&&"middle"===c;return e.createElement(o,{className:s(i,{[`${i}--${c}`]:!d,[`${i}--${u}`]:!d,[`${i}--center-middle`]:d,[`${i}--full-width`]:l}),role:"dialog",testId:`inappmessaging-${c}banner-dialog`},e.createElement(r,Object.assign({},n,m,{orientation:"horizontal",buttonSize:"small",styles:p})))}export{n as BannerMessage};

package/dist/esm/components/InAppMessaging/CloseIconButton/CloseIconButton.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import*as s from"react";import{Button as a}from"@aws-amplify/ui-react";import{IconClose as i}from"@aws-amplify/ui-react/internal";function t(t){var{className:r,dismissButtonLabel:l="Dismiss message",onClick:m,style:o}=t,n=e(t,["className","dismissButtonLabel","onClick","style"]);return s.createElement(a,Object.assign({ariaLabel:l,className:r,onClick:m,style:o,variation:"link"},n),s.createElement(i,{"aria-hidden":"true",size:"1.5rem"}))}export{t as CloseIconButton};

package/dist/esm/components/InAppMessaging/FullScreenMessage/FullScreenMessage.js

@@ -1 +0,0 @@
-import*as e from"react";import s from"classnames";import{useBreakpointValue as o,Flex as r}from"@aws-amplify/ui-react";import{withBackdrop as t}from"../Backdrop/withBackdrop.js";import"../hooks/useMessageImage/useMessageImage.js";import a from"../hooks/useMessageProps/useMessageProps.js";import{MessageLayout as n}from"../MessageLayout/MessageLayout.js";import{BLOCK_CLASS as l}from"./constants.js";function m(m){const i=a(m),c=o([!0,!0,!1]),{shouldRenderMessage:u,styles:p}=i,{onClose:g}=m;if(!u)return null;const f=()=>e.createElement(r,{className:s(l,{[`${l}--fullscreen`]:c}),role:"dialog",testId:"inappmessaging-fullscreen-dialog"},e.createElement(n,Object.assign({},m,i,{styles:p})));if(c)return e.createElement(f,null);const d=t(f,{onClick:g});return e.createElement(d,null)}export{m as FullScreenMessage};

package/dist/esm/components/InAppMessaging/InAppMessageDisplay/InAppMessageDisplay.js

@@ -1 +0,0 @@
-import e from"react";import{useMessage as s,handleMessageAction as a}from"@aws-amplify/ui-react-core-notifications";import{ThemeProvider as o}from"@aws-amplify/ui-react";import{BannerMessage as n}from"../BannerMessage/BannerMessage.js";import{FullScreenMessage as r}from"../FullScreenMessage/FullScreenMessage.js";import{ModalMessage as t}from"../ModalMessage/ModalMessage.js";import i from"./handleMessageLinkAction.js";function l(e){return null}const c={BannerMessage:n,CarouselMessage:l,FullScreenMessage:r,ModalMessage:t},M=({action:e,url:s})=>{a({action:e,url:s,handleMessageLinkAction:i})};function m({components:a}){const n=e.useMemo((()=>Object.assign(Object.assign({},c),a)),[a]),{Component:r,props:t}=s({components:n,onMessageAction:M});return e.createElement(o,{colorMode:"light"},e.createElement(r,Object.assign({},t)))}m.BannerMessage=n,m.CarouselMessage=l,m.FullScreenMessage=r,m.ModalMessage=t;export{m as default};

package/dist/esm/components/InAppMessaging/InAppMessageDisplay/handleMessageLinkAction.js

@@ -1 +0,0 @@
-import{ConsoleLogger as o}from"@aws-amplify/core";const t=new o("Notifications.InAppMessaging"),r=o=>{let r;try{r=new URL(o)}catch(r){return void t.warn(`Unsupported url provided: ${o}`)}const{protocol:p}=r;"http:"===p||"https:"===p?window.open(o):t.warn(`Unsupported url protocol provided: ${p}`)};export{r as default};

package/dist/esm/components/InAppMessaging/MessageLayout/MessageLayout.js

@@ -1 +0,0 @@
-import*as e from"react";import t from"classnames";import{isEmpty as a}from"@aws-amplify/ui";import{Flex as n,Image as s,Heading as o,Text as r,ButtonGroup as l,Button as c}from"@aws-amplify/ui-react";import{CloseIconButton as m}from"../CloseIconButton/CloseIconButton.js";import{CLOSE_BUTTON_CLASS as i,BLOCK_CLASS as d,MESSAGE_LAYOUT_TEST_ID as y,CONTENT_CLASS as u,CONTENT_TEST_ID as p,IMAGE_CONTAINER_CLASS as f,IMAGE_CONTAINER_TEST_ID as E,TEXT_CONTAINER_CLASS as I,TEXT_CONTAINER_TEST_ID as $,HEADER_CLASS as B,HEADER_TEXT_TEST_ID as N,BODY_TEXT_TEST_ID as C,BUTTON_GROUP_TEST_ID as g,BUTTON_CLASS as v,SECONDARY_BUTTON_TEST_ID as b,PRIMARY_BUTTON_TEST_ID as h}from"./constants.js";import{getButtonModifier as j}from"./utils.js";const k=e=>!a(e);function x({body:a,buttonSize:x,hasRenderableImage:z,header:A,image:w,onClose:M,orientation:R="vertical",primaryButton:S,secondaryButton:T,styles:q}){const D=e.useMemo((()=>({primary:j(q.primaryButton),secondary:j(q.secondaryButton)})),[q]),F="horizontal"===R,G=e.createElement(m,{className:i,onClick:M,style:q.closeIconButton}),H=k(S),J=k(T),K=H||J;return e.createElement(n,{className:d,"data-testid":y,style:q.container},!F&&e.createElement(n,{justifyContent:"flex-end"},G),e.createElement(n,{className:t(u,`${u}--${R}`),"data-testid":p},z&&e.createElement(n,{className:t(f,`${f}--${R}`),"data-testid":E},e.createElement(s,{alt:"In-App Message Image",src:null==w?void 0:w.src,style:q.image})),e.createElement(n,{className:t(I,`${I}--${R}`),"data-testid":$},(null==A?void 0:A.content)&&e.createElement(o,{className:B,isTruncated:!0,level:2,style:q.header,testId:N},A.content),(null==a?void 0:a.content)&&e.createElement(r,{style:q.body,testId:C},a.content)),F&&e.createElement(n,{alignItems:"flex-start"},G)),K&&e.createElement(l,{size:x,testId:g},J&&e.createElement(c,{className:t(v,`${v}--${D.secondary}`),onClick:T.onAction,style:q.secondaryButton,testId:b},T.title),H&&e.createElement(c,{className:t(v,`${v}--${D.primary}`),onClick:S.onAction,style:q.primaryButton,testId:h},S.title)))}export{x as MessageLayout};

package/dist/esm/components/InAppMessaging/MessageLayout/utils.js

@@ -1 +0,0 @@
-import r from"tinycolor2";const o=(o,t="light")=>{const{backgroundColor:n}=null!=o?o:{};if(!n)return t;return r(n).isDark()?"dark":"light"};export{o as getButtonModifier};

package/dist/esm/components/InAppMessaging/ModalMessage/ModalMessage.js

@@ -1 +0,0 @@
-import*as s from"react";import e from"classnames";import{useBreakpointValue as a,Flex as o}from"@aws-amplify/ui-react";import"../hooks/useMessageImage/useMessageImage.js";import t from"../hooks/useMessageProps/useMessageProps.js";import{MessageLayout as r}from"../MessageLayout/MessageLayout.js";import{BLOCK_CLASS as m,DIALOG_CLASS as l}from"./constants.js";function i(i){const n=t(i),g=a([!0,!0,!1]),{shouldRenderMessage:p,styles:c}=n;return p?s.createElement(o,{className:m},s.createElement(o,{className:e(l,{[`${l}--full-width`]:g}),role:"dialog",testId:"inappmessaging-modal-dialog"},s.createElement(r,Object.assign({},i,n,{styles:c})))):null}export{i as ModalMessage};

package/dist/esm/components/InAppMessaging/hooks/useMessageImage/useMessageImage.js

@@ -1 +0,0 @@
-import{useState as e,useEffect as r}from"react";import{ConsoleLogger as o}from"@aws-amplify/core";import{ImagePrefetchStatus as t}from"./types.js";const a=new o("Notifications.InAppMessaging");function n(o){const{src:n}=null!=o?o:{},s=!!n,[c,i]=e(s?t.Fetching:null),l=c===t.Fetching,m=c===t.Success;return r((()=>{if(!s)return;const e=new Image;e.onload=()=>{i(t.Success)},e.onabort=()=>{a.error(`Image load aborted: ${n}`),i(t.Aborted)},e.onerror=()=>{a.error(`Image failed to load: ${n}`),i(t.Failure)},e.src=n}),[s,n]),{hasRenderableImage:m,isImageFetching:l}}export{n as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/useMessageProps.js

@@ -1 +0,0 @@
-import{useRef as e,useEffect as s,useMemo as a}from"react";import r from"../useMessageImage/useMessageImage.js";import{getMessageStyles as t,getPayloadStyle as l}from"./utils.js";function o(o){const{image:m,onDisplay:n}=o,g=e(!1),{hasRenderableImage:i,isImageFetching:u}=r(m),c=!u;s((()=>{!g.current&&c&&(null==n||n(),g.current=!0)}),[n,c]);const d=a((()=>t({styleParams:{payloadStyle:l(o),overrideStyle:o.style}})),[o]);return{hasRenderableImage:i,shouldRenderMessage:c,styles:d}}export{o as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/utils.js

@@ -1 +0,0 @@
-const n=({body:n,container:o,header:l,primaryButton:t,secondaryButton:i})=>{var e,d,u,a,s;return{body:null!==(e=null==n?void 0:n.style)&&void 0!==e?e:{},container:null!==(d=null==o?void 0:o.style)&&void 0!==d?d:{},header:null!==(u=null==l?void 0:l.style)&&void 0!==u?u:{},primaryButton:null!==(a=null==t?void 0:t.style)&&void 0!==a?a:{},secondaryButton:null!==(s=null==i?void 0:i.style)&&void 0!==s?s:{}}};function o({styleParams:n}){var o,l;const{payloadStyle:t,overrideStyle:i}=n;return{body:Object.assign(Object.assign({},null==t?void 0:t.body),null==i?void 0:i.body),closeIconButton:null!==(o=null==i?void 0:i.closeIconButton)&&void 0!==o?o:{},container:Object.assign(Object.assign({},null==t?void 0:t.container),null==i?void 0:i.container),header:Object.assign(Object.assign({},null==t?void 0:t.header),null==i?void 0:i.header),image:null!==(l=null==i?void 0:i.image)&&void 0!==l?l:{},primaryButton:Object.assign(Object.assign({},null==t?void 0:t.primaryButton),null==i?void 0:i.primaryButton),secondaryButton:Object.assign(Object.assign({},null==t?void 0:t.secondaryButton),null==i?void 0:i.secondaryButton)}}export{o as getMessageStyles,n as getPayloadStyle};

package/dist/esm/components/InAppMessaging/withInAppMessaging/withInAppMessaging.js

@@ -1 +0,0 @@
-import e from"react";import{InAppMessagingProvider as t}from"@aws-amplify/ui-react-core-notifications";import r from"../InAppMessageDisplay/InAppMessageDisplay.js";function a(a,n){return function(i){return e.createElement(t,null,e.createElement(r,Object.assign({},n)),e.createElement(a,Object.assign({},i)))}}export{a as default};

package/dist/esm/node_modules/tslib/tslib.es6.js

@@ -1 +0,0 @@
-function e(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}export{e as __rest};