@aws-amplify/ui-react-notifications 0.0.0-studio-f560d76-20230620234412 → 0.0.0-update-rn-package-json-fb49bd0-20230728183204

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

@@ -0,0 +1 @@
+import{__rest as a}from"../../../node_modules/tslib/tslib.es6.mjs";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.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,Object.assign({},m)),e.createElement(t,{className:"amplify-inappmessaging-backdrop-content-container"},e.createElement(a,{className:"amplify-inappmessaging-backdrop-content"},e.createElement(r,Object.assign({},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 a from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as r}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as m}from"./constants.mjs";function i(i){const n=a(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(r,Object.assign({},i,n,{orientation:"horizontal",buttonSize:"small",styles:p})))}export{i as BannerMessage};

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

@@ -0,0 +1 @@
+import{__rest as e}from"../../../node_modules/tslib/tslib.es6.mjs";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:m="Dismiss message",onClick:l,style:o}=t,n=e(t,["className","dismissButtonLabel","onClick","style"]);return s.createElement(a,Object.assign({ariaLabel:m,className:r,onClick:l,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.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 n}from"./constants.mjs";function l(l){const i=a(l),c=o([!0,!0,!1]),{shouldRenderMessage:u,styles:p}=i,{onClose:g}=l;if(!u)return null;const f=()=>e.createElement(r,{className:s(n,{[`${n}--fullscreen`]:c}),role:"dialog",testId:"inappmessaging-fullscreen-dialog"},e.createElement(m,Object.assign({},l,i,{styles:p})));if(c)return e.createElement(f,null);const d=t(f,{onClick:g});return e.createElement(d,null)}export{l as FullScreenMessage};

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

@@ -0,0 +1 @@
+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.mjs";import{FullScreenMessage as r}from"../FullScreenMessage/FullScreenMessage.mjs";import{ModalMessage as t}from"../ModalMessage/ModalMessage.mjs";import i from"./handleMessageLinkAction.mjs";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/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 n,Image as s,Heading as o,Text as r,ButtonGroup as l,Button as m}from"@aws-amplify/ui-react";import{CloseIconButton as c}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 v,SECONDARY_BUTTON_TEST_ID as b,PRIMARY_BUTTON_TEST_ID as h}from"./constants.mjs";import{getButtonModifier as j}from"./utils.mjs";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(c,{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(m,{className:t(v,`${v}--${D.secondary}`),onClick:T.onAction,style:q.secondaryButton,testId:b},T.title),H&&e.createElement(m,{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/ModalMessage/ModalMessage.mjs

@@ -0,0 +1 @@
+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.mjs";import t from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as m}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as r,DIALOG_CLASS as l}from"./constants.mjs";function i(i){const n=t(i),g=a([!0,!0,!1]),{shouldRenderMessage:p,styles:c}=n;return p?s.createElement(o,{className:r},s.createElement(o,{className:e(l,{[`${l}--full-width`]:g}),role:"dialog",testId:"inappmessaging-modal-dialog"},s.createElement(m,Object.assign({},i,n,{styles:c})))):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}=null!=o?o:{},s=!!n,[c,i]=e(s?t.Fetching:null),m=c===t.Fetching,l=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:l,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 l(l){const{image:o,onDisplay:n}=l,g=e(!1),{hasRenderableImage:i,isImageFetching:u}=r(o),c=!u;s((()=>{!g.current&&c&&(null==n||n(),g.current=!0)}),[n,c]);const d=a((()=>t({styleParams:{payloadStyle:m(l),overrideStyle:l.style}})),[l]);return{hasRenderableImage:i,shouldRenderMessage:c,styles:d}}export{l as default};

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,Object.assign({},n)),e.createElement(a,Object.assign({},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/styles.css

@@ -397,6 +397,7 @@
   --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
   --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
+  --amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error);
   --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
   --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
   --amplify-components-fieldgroup-vertical-align-items: center;
@@ -806,7 +807,9 @@
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
   --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-switchfield-thumb-border-color: transparent;
+  --amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);
+  --amplify-components-switchfield-thumb-border-style: solid;
   --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
   --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
   --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
@@ -1221,14 +1224,6 @@ select {
   display: block;
   overflow: auto;
 }
-.amplify-scrollview--horizontal {
-  overflow-x: scroll;
-  overflow-y: initial;
-}
-.amplify-scrollview--vertical {
-  overflow-x: initial;
-  overflow-y: scroll;
-}
 
 .amplify-text {
   display: block;
@@ -2893,10 +2888,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-toast {
   background-color: var(--amplify-colors-background-primary);
+  padding: var(--amplify-space-small);
+  border-radius: var(--amplify-radii-medium);
 }
 
 .amplify-liveness-toast__message {
   color: var(--amplify-colors-font-primary);
+  text-align: center;
+  flex-direction: column;
 }
 
 .amplify-liveness-toast--large {
@@ -2908,6 +2907,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-liveness-toast--primary .amplify-liveness-toast__message {
   color: var(--amplify-colors-font-inverse);
+  text-align: center;
+  flex-direction: column;
+}
+
+.amplify-liveness-toast__container {
+  gap: var(--amplify-space-xs);
+  flex-direction: column;
+  align-items: center;
 }
 
 .amplify-liveness-toast--error {
@@ -3023,6 +3030,117 @@ html[dir=rtl] .amplify-field-group__inner-start {
   top: 0;
 }
 
+.amplify-liveness-landscape-error-modal {
+  background-color: var(--amplify-colors-background-primary);
+  direction: column;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+.amplify-liveness-landscape-error-modal__header {
+  font-size: large;
+  font-weight: var(--amplify-font-weights-bold);
+}
+
+.amplify-liveness-landscape-error-modal__button {
+  justify-content: center;
+}
+
+.amplify-liveness-start-screen-header {
+  display: flex;
+  flex-direction: column;
+}
+
+.amplify-liveness-start-screen-header__heading {
+  color: var(--amplify-colors-font-primary);
+  font-weight: var(--amplify-font-weights-bold);
+}
+
+.amplify-liveness-start-screen-header__body {
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-liveness-start-screen-warning {
+  color: var(--amplify-colors-orange-80);
+  background-color: var(--amplify-colors-orange-20);
+  align-items: center;
+}
+
+.amplify-liveness-start-screen-instructions__heading {
+  color: var(--amplify-colors-font-primary);
+  font-weight: var(--amplify-font-weights-bold);
+}
+
+.amplify-liveness-overlay-opaque {
+  background-color: var(--amplify-colors-overlay-40);
+}
+
+.amplify-liveness-overlay {
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--amplify-space-xl);
+}
+
+.amplify-liveness-error-modal {
+  gap: var(--amplify-space-xs);
+  align-items: center;
+  justify-content: center;
+  color: var(--amplify-colors-font-error);
+}
+
+.amplify-liveness-error-modal__heading {
+  font-weight: var(--amplify-font-weights-bold);
+}
+
+.amplify-liveness-hint__text {
+  align-items: center;
+  gap: var(--amplify-space-xs);
+}
+
+.amplify-liveness-popover {
+  position: relative;
+  cursor: pointer;
+}
+
+.amplify-liveness-popover__anchor {
+  position: absolute;
+  top: 26px;
+  left: 3px;
+  z-index: 3;
+  border-style: solid;
+  border-width: 0 9px 9px 9px;
+  border-color: transparent transparent var(--amplify-colors-background-primary) transparent;
+}
+
+.amplify-liveness-popover__anchor-secondary {
+  position: absolute;
+  top: 24px;
+  left: 2px;
+  z-index: 2;
+  border-style: solid;
+  border-width: 0 10px 10px 10px;
+  border-color: transparent transparent var(--amplify-colors-border-secondary) transparent;
+}
+
+.amplify-liveness-popover__container {
+  position: absolute;
+  background-color: var(--amplify-colors-background-primary);
+  color: var(--amplify-colors-font-primary);
+  flex-direction: row;
+  font-size: var(--amplify-font-sizes-xs);
+  padding: var(--amplify-space-small);
+  top: 33px;
+  width: 240px;
+  border: 1px solid var(--amplify-colors-border-secondary);
+  border-radius: 2px;
+}
+
 .amplify-fileuploader__dropzone {
   background-color: var(--amplify-components-fileuploader-dropzone-background-color);
   border-color: var(--amplify-components-fileuploader-dropzone-border-color);
@@ -3323,6 +3441,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
   );
 }
 
+.amplify-field__show-password--error {
+  color: var(--amplify-components-fieldcontrol-error-color);
+  border-color: var(--amplify-components-fieldcontrol-error-border-color);
+}
+
 .amplify-phonenumberfield select:not(:focus) {
   border-right: none;
 }
@@ -3920,6 +4043,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-switchfield {
   display: inline-block;
   font-size: var(--amplify-components-switchfield-font-size);
+  cursor: pointer;
 }
 .amplify-switchfield--small {
   font-size: var(--amplify-components-switchfield-small-font-size);
@@ -3976,6 +4100,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-radius: var(--amplify-components-switchfield-thumb-border-radius);
   width: var(--amplify-components-switchfield-thumb-width);
   height: var(--amplify-components-switchfield-thumb-width);
+  border-width: var(--amplify-components-switchfield-thumb-border-width);
+  border-style: var(--amplify-components-switchfield-thumb-border-style);
   border-color: var(--amplify-components-switchfield-thumb-border-color);
   overflow-wrap: break-word;
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@aws-amplify/ui-react-notifications",
-  "version": "0.0.0-studio-f560d76-20230620234412",
+  "version": "0.0.0-update-rn-package-json-fb49bd0-20230728183204",
   "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-f560d76-20230620234412",
-    "@aws-amplify/ui-react": "0.0.0-studio-f560d76-20230620234412",
-    "@aws-amplify/ui-react-core-notifications": "0.0.0-studio-f560d76-20230620234412",
+    "@aws-amplify/ui": "0.0.0-update-rn-package-json-fb49bd0-20230728183204",
+    "@aws-amplify/ui-react": "0.0.0-update-rn-package-json-fb49bd0-20230728183204",
+    "@aws-amplify/ui-react-core-notifications": "0.0.0-update-rn-package-json-fb49bd0-20230728183204",
     "classnames": "2.3.1",
     "tinycolor2": "1.4.2"
   },
@@ -53,9 +53,8 @@
   },
   "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": "^7.0.8",
+    "@size-limit/preset-big-lib": "^8.2.6",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.1",
@@ -64,7 +63,7 @@
     "@types/react": "^17.0.2",
     "@types/testing-library__jest-dom": "^5.14.1",
     "@types/tinycolor2": "^1.4.3",
-    "eslint": "^8.13.0",
+    "eslint": "^8.44.0",
     "jest": "^27.0.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -73,7 +72,7 @@
     "rollup-plugin-node-externals": "^4.1.1",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "size-limit": "^7.0.8",
+    "size-limit": "^8.2.6",
     "ts-jest": "^27.0.3"
   },
   "sideEffects": [
@@ -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/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/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/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};