@aws-amplify/ui-react-core-notifications 1.0.10 → 2.0.1

package/dist/esm/InAppMessaging/context/InAppMessagingContext/InAppMessagingContext.mjs

@@ -1 +1,5 @@
-import{createContext as t}from"react";const o=t(null);export{o as default};
+import { createContext } from 'react';
+
+const InAppMessagingContext = createContext(null);
+
+export { InAppMessagingContext as default };

package/dist/esm/InAppMessaging/context/InAppMessagingProvider/InAppMessagingProvider.mjs

@@ -1 +1,22 @@
-import e,{useState as n,useEffect as s,useCallback as t,useMemo as o}from"react";import{Notifications as r}from"@aws-amplify/notifications";import a from"../InAppMessagingContext/InAppMessagingContext.mjs";const{InAppMessaging:i}=r;function p({children:r}){const[p,c]=n(null);s((()=>{const e=i.onMessageReceived((e=>{c(e)}));return e.remove}),[]);const l=t((()=>{c(null)}),[]),m=o((()=>({clearMessage:l,displayMessage:c,message:p})),[l,p]);return e.createElement(a.Provider,{value:m},r)}export{p as default};
+import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import { onMessageReceived } from 'aws-amplify/in-app-messaging';
+import InAppMessagingContext from '../InAppMessagingContext/InAppMessagingContext.mjs';
+
+function InAppMessagingProvider({ children, }) {
+    const [message, setMessage] = useState(null);
+    useEffect(() => {
+        const listener = onMessageReceived(setMessage);
+        return listener.remove;
+    }, []);
+    const clearMessage = useCallback(() => {
+        setMessage(null);
+    }, []);
+    const value = useMemo(() => ({
+        clearMessage,
+        displayMessage: setMessage,
+        message,
+    }), [clearMessage, message]);
+    return (React.createElement(InAppMessagingContext.Provider, { value: value }, children));
+}
+
+export { InAppMessagingProvider as default };

package/dist/esm/InAppMessaging/hooks/useInAppMessaging/useInAppMessaging.mjs

@@ -1 +1,18 @@
-import{useContext as t}from"react";import n from"../../context/InAppMessagingContext/InAppMessagingContext.mjs";import"@aws-amplify/notifications";function o(){const o=t(n);if(!o)throw new Error("InAppMessagingContext is empty, did you forget the InAppMessagingProvider?");return o}export{o as default};
+import { useContext } from 'react';
+import InAppMessagingContext from '../../context/InAppMessagingContext/InAppMessagingContext.mjs';
+import 'aws-amplify/in-app-messaging';
+
+/**
+ * Utility hook used to access the InAppMessagingContext values
+ *
+ * @returns {InAppMessagingContextType} InAppMessaging context values
+ */
+function useInAppMessaging() {
+    const inAppMessagingContext = useContext(InAppMessagingContext);
+    if (!inAppMessagingContext) {
+        throw new Error('InAppMessagingContext is empty, did you forget the InAppMessagingProvider?');
+    }
+    return inAppMessagingContext;
+}
+
+export { useInAppMessaging as default };

package/dist/esm/InAppMessaging/hooks/useMessage/useMessage.mjs

@@ -1 +1,87 @@
-import{ConsoleLogger as s}from"@aws-amplify/core";import{InAppMessageInteractionEvent as e,Notifications as o}from"@aws-amplify/notifications";import{isNil as n}from"@aws-amplify/ui";import{RenderNothing as a}from"@aws-amplify/ui-react-core";import t from"../useInAppMessaging/useInAppMessaging.mjs";import{getContentProps as i,getPositionProp as p}from"./utils.mjs";const r=Object.freeze({}),l=new s("Notifications.InAppMessaging"),{InAppMessaging:c}=o;function m({components:s,onMessageAction:o}){const{clearMessage:m,message:u}=t(),{BannerMessage:g,CarouselMessage:M,FullScreenMessage:f,ModalMessage:y}=s;if(n(u))return{Component:a,props:r};const{content:A,layout:E}=u,C=()=>{c.notifyMessageInteraction(u,e.MESSAGE_ACTION_TAKEN),m()},I=()=>{c.notifyMessageInteraction(u,e.MESSAGE_DISMISSED),m()},O=()=>{c.notifyMessageInteraction(u,e.MESSAGE_DISPLAYED)};switch(E){case"BOTTOM_BANNER":case"MIDDLE_BANNER":case"TOP_BANNER":return{Component:g,props:Object.assign(Object.assign({},i(null==A?void 0:A[0],o,C)),{layout:E,onClose:I,onDisplay:O,position:p(E)})};case"CAROUSEL":return{Component:M,props:{data:null==A?void 0:A.map((s=>i(s,o,C))),layout:E,onClose:I,onDisplay:O}};case"FULL_SCREEN":return{Component:f,props:Object.assign(Object.assign({},i(null==A?void 0:A[0],o,C)),{layout:E,onClose:I,onDisplay:O})};case"MODAL":return{Component:y,props:Object.assign(Object.assign({},i(null==A?void 0:A[0],o,C)),{layout:E,onClose:I,onDisplay:O})};default:return l.info(`Received unknown InAppMessage layout: ${E}`),{Component:a,props:r}}}export{r as EMPTY_PROPS,m as default};
+import { ConsoleLogger } from 'aws-amplify/utils';
+import { isNil } from '@aws-amplify/ui';
+import { RenderNothing } from '@aws-amplify/ui-react-core';
+import useInAppMessaging from '../useInAppMessaging/useInAppMessaging.mjs';
+import { getContentProps, getPositionProp } from './utils.mjs';
+import { notifyMessageInteraction } from 'aws-amplify/in-app-messaging';
+
+const EMPTY_PROPS = Object.freeze({});
+const logger = new ConsoleLogger('InAppMessaging');
+/**
+ * Utility hook for parsing a message and retrieving its corresponding UI component and props
+ *
+ * @param {UseMessageParams} props - platform specific UI components, action handler, and styles
+ * @returns {UseMessage} message UI component and props
+ */
+function useMessage({ components, onMessageAction, }) {
+    const { clearMessage, message } = useInAppMessaging();
+    const { BannerMessage, CarouselMessage, FullScreenMessage, ModalMessage } = components;
+    if (isNil(message)) {
+        return {
+            Component: RenderNothing,
+            props: EMPTY_PROPS,
+        };
+    }
+    const { content, layout } = message;
+    const onActionCallback = () => {
+        notifyMessageInteraction({ type: 'messageActionTaken', message });
+        clearMessage();
+    };
+    const onClose = () => {
+        notifyMessageInteraction({ type: 'messageDismissed', message });
+        clearMessage();
+    };
+    const onDisplay = () => {
+        notifyMessageInteraction({ type: 'messageDisplayed', message });
+    };
+    switch (layout) {
+        case 'BOTTOM_BANNER':
+        case 'MIDDLE_BANNER':
+        case 'TOP_BANNER': {
+            const props = {
+                ...getContentProps(content?.[0], onMessageAction, onActionCallback),
+                layout,
+                onClose,
+                onDisplay,
+                position: getPositionProp(layout),
+            };
+            return { Component: BannerMessage, props };
+        }
+        case 'CAROUSEL': {
+            const props = {
+                data: content?.map((item) => getContentProps(item, onMessageAction, onActionCallback)),
+                layout,
+                onClose,
+                onDisplay,
+            };
+            return { Component: CarouselMessage, props };
+        }
+        case 'FULL_SCREEN': {
+            const props = {
+                ...getContentProps(content?.[0], onMessageAction, onActionCallback),
+                layout,
+                onClose,
+                onDisplay,
+            };
+            return { Component: FullScreenMessage, props };
+        }
+        case 'MODAL': {
+            const props = {
+                ...getContentProps(content?.[0], onMessageAction, onActionCallback),
+                layout,
+                onClose,
+                onDisplay,
+            };
+            return { Component: ModalMessage, props };
+        }
+        default: {
+            logger.info(`Received unknown InAppMessage layout: ${layout}`);
+            return {
+                Component: RenderNothing,
+                props: EMPTY_PROPS,
+            };
+        }
+    }
+}
+
+export { EMPTY_PROPS, useMessage as default };

package/dist/esm/InAppMessaging/hooks/useMessage/utils.mjs

@@ -1 +1,42 @@
-import{__rest as t}from"../../../node_modules/tslib/tslib.es6.mjs";import{ConsoleLogger as o}from"@aws-amplify/core";const n=new o("Notifications.InAppMessaging"),r={BOTTOM_BANNER:"bottom",MIDDLE_BANNER:"middle",TOP_BANNER:"top"},i=t=>r[t],s=(t,o,r)=>({onAction(){try{o(t)}catch(t){n.error(`Message action failure: ${t}`)}finally{r()}}}),a=(o,n,r)=>{var{action:i,url:a}=o,e=t(o,["action","url"]);return Object.assign(Object.assign({},e),s({action:i,url:a},n,r))},e=(o,n,r)=>{const i={};if(!o)return i;const{primaryButton:s,secondaryButton:e}=o,c=t(o,["primaryButton","secondaryButton"]);return s&&(i.primaryButton=a(s,n,r)),e&&(i.secondaryButton=a(e,n,r)),Object.assign(Object.assign({},i),c)};export{s as getActionHandler,e as getContentProps,i as getPositionProp};
+import { ConsoleLogger } from 'aws-amplify/utils';
+
+const logger = new ConsoleLogger('InAppMessaging');
+const positions = {
+    BOTTOM_BANNER: 'bottom',
+    MIDDLE_BANNER: 'middle',
+    TOP_BANNER: 'top',
+};
+const getPositionProp = (layout) => positions[layout];
+const getActionHandler = (actionParams, onMessageAction, onActionCallback) => ({
+    onAction() {
+        try {
+            onMessageAction(actionParams);
+        }
+        catch (e) {
+            logger.error(`Message action failure: ${e}`);
+        }
+        finally {
+            onActionCallback();
+        }
+    },
+});
+const getButtonProps = ({ action, url, ...baseButtonProps }, onMessageAction, onActionCallback) => ({
+    ...baseButtonProps,
+    ...getActionHandler({ action, url }, onMessageAction, onActionCallback),
+});
+const getContentProps = (content, onMessageAction, onActionCallback) => {
+    const props = {};
+    if (!content) {
+        return props;
+    }
+    const { primaryButton, secondaryButton, ...restContent } = content;
+    if (primaryButton) {
+        props.primaryButton = getButtonProps(primaryButton, onMessageAction, onActionCallback);
+    }
+    if (secondaryButton) {
+        props.secondaryButton = getButtonProps(secondaryButton, onMessageAction, onActionCallback);
+    }
+    return { ...props, ...restContent };
+};
+
+export { getActionHandler, getContentProps, getPositionProp };

package/dist/esm/InAppMessaging/utils/handleMessageAction.mjs

@@ -1 +1,16 @@
-import{ConsoleLogger as i}from"@aws-amplify/core";import{isString as e}from"@aws-amplify/ui";const n=new i("Notifications.InAppMessaging"),o=({action:i,handleMessageLinkAction:o,url:a})=>{if(n.info(`Handle action: ${i}`),"LINK"===i||"DEEP_LINK"===i){if(!e(a))return void n.warn(`url must be of type string. Received: ${a}`);o(a)}};export{o as default};
+import { ConsoleLogger } from 'aws-amplify/utils';
+import { isString } from '@aws-amplify/ui';
+
+const logger = new ConsoleLogger('InAppMessaging');
+const handleMessageAction = ({ action, handleMessageLinkAction, url, }) => {
+    logger.info(`Handle action: ${action}`);
+    if (action === 'LINK' || action === 'DEEP_LINK') {
+        if (!isString(url)) {
+            logger.warn(`url must be of type string. Received: ${url}`);
+            return;
+        }
+        handleMessageLinkAction(url);
+    }
+};
+
+export { handleMessageAction as default };

package/dist/esm/index.mjs

@@ -1 +1,5 @@
-export{default as useInAppMessaging}from"./InAppMessaging/hooks/useInAppMessaging/useInAppMessaging.mjs";export{default as useMessage}from"./InAppMessaging/hooks/useMessage/useMessage.mjs";import"./InAppMessaging/context/InAppMessagingContext/InAppMessagingContext.mjs";export{default as InAppMessagingProvider}from"./InAppMessaging/context/InAppMessagingProvider/InAppMessagingProvider.mjs";export{default as handleMessageAction}from"./InAppMessaging/utils/handleMessageAction.mjs";
+export { default as useInAppMessaging } from './InAppMessaging/hooks/useInAppMessaging/useInAppMessaging.mjs';
+export { default as useMessage } from './InAppMessaging/hooks/useMessage/useMessage.mjs';
+import './InAppMessaging/context/InAppMessagingContext/InAppMessagingContext.mjs';
+export { default as InAppMessagingProvider } from './InAppMessaging/context/InAppMessagingProvider/InAppMessagingProvider.mjs';
+export { default as handleMessageAction } from './InAppMessaging/utils/handleMessageAction.mjs';

package/dist/index.js

@@ -1 +1,180 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@aws-amplify/notifications"),t=require("@aws-amplify/core"),o=require("@aws-amplify/ui"),s=require("@aws-amplify/ui-react-core");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);const i=e.createContext(null),{InAppMessaging:c}=n.Notifications;function p(){const n=e.useContext(i);if(!n)throw new Error("InAppMessagingContext is empty, did you forget the InAppMessagingProvider?");return n}function l(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)n.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(t[o[s]]=e[o[s]])}return t}const u=new t.ConsoleLogger("Notifications.InAppMessaging"),g={BOTTOM_BANNER:"bottom",MIDDLE_BANNER:"middle",TOP_BANNER:"top"},f=e=>g[e],M=(e,n,t)=>{var{action:o,url:s}=e,r=l(e,["action","url"]);return Object.assign(Object.assign({},r),((e,n,t)=>({onAction(){try{n(e)}catch(e){u.error(`Message action failure: ${e}`)}finally{t()}}}))({action:o,url:s},n,t))},y=(e,n,t)=>{const o={};if(!e)return o;const{primaryButton:s,secondaryButton:r}=e,a=l(e,["primaryButton","secondaryButton"]);return s&&(o.primaryButton=M(s,n,t)),r&&(o.secondaryButton=M(r,n,t)),Object.assign(Object.assign({},o),a)},d=Object.freeze({}),A=new t.ConsoleLogger("Notifications.InAppMessaging"),{InAppMessaging:O}=n.Notifications;const E=new t.ConsoleLogger("Notifications.InAppMessaging");exports.InAppMessagingProvider=function({children:n}){const[t,o]=e.useState(null);e.useEffect((()=>{const e=c.onMessageReceived((e=>{o(e)}));return e.remove}),[]);const s=e.useCallback((()=>{o(null)}),[]),r=e.useMemo((()=>({clearMessage:s,displayMessage:o,message:t})),[s,t]);return a.default.createElement(i.Provider,{value:r},n)},exports.handleMessageAction=({action:e,handleMessageLinkAction:n,url:t})=>{if(E.info(`Handle action: ${e}`),"LINK"===e||"DEEP_LINK"===e){if(!o.isString(t))return void E.warn(`url must be of type string. Received: ${t}`);n(t)}},exports.useInAppMessaging=p,exports.useMessage=function({components:e,onMessageAction:t}){const{clearMessage:r,message:a}=p(),{BannerMessage:i,CarouselMessage:c,FullScreenMessage:l,ModalMessage:u}=e;if(o.isNil(a))return{Component:s.RenderNothing,props:d};const{content:g,layout:M}=a,E=()=>{O.notifyMessageInteraction(a,n.InAppMessageInteractionEvent.MESSAGE_ACTION_TAKEN),r()},I=()=>{O.notifyMessageInteraction(a,n.InAppMessageInteractionEvent.MESSAGE_DISMISSED),r()},m=()=>{O.notifyMessageInteraction(a,n.InAppMessageInteractionEvent.MESSAGE_DISPLAYED)};switch(M){case"BOTTOM_BANNER":case"MIDDLE_BANNER":case"TOP_BANNER":return{Component:i,props:Object.assign(Object.assign({},y(null==g?void 0:g[0],t,E)),{layout:M,onClose:I,onDisplay:m,position:f(M)})};case"CAROUSEL":return{Component:c,props:{data:null==g?void 0:g.map((e=>y(e,t,E))),layout:M,onClose:I,onDisplay:m}};case"FULL_SCREEN":return{Component:l,props:Object.assign(Object.assign({},y(null==g?void 0:g[0],t,E)),{layout:M,onClose:I,onDisplay:m})};case"MODAL":return{Component:u,props:Object.assign(Object.assign({},y(null==g?void 0:g[0],t,E)),{layout:M,onClose:I,onDisplay:m})};default:return A.info(`Received unknown InAppMessage layout: ${M}`),{Component:s.RenderNothing,props:d}}};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var inAppMessaging = require('aws-amplify/in-app-messaging');
+var utils = require('aws-amplify/utils');
+var ui = require('@aws-amplify/ui');
+var uiReactCore = require('@aws-amplify/ui-react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const InAppMessagingContext = React.createContext(null);
+
+function InAppMessagingProvider({ children, }) {
+    const [message, setMessage] = React.useState(null);
+    React.useEffect(() => {
+        const listener = inAppMessaging.onMessageReceived(setMessage);
+        return listener.remove;
+    }, []);
+    const clearMessage = React.useCallback(() => {
+        setMessage(null);
+    }, []);
+    const value = React.useMemo(() => ({
+        clearMessage,
+        displayMessage: setMessage,
+        message,
+    }), [clearMessage, message]);
+    return (React__default["default"].createElement(InAppMessagingContext.Provider, { value: value }, children));
+}
+
+/**
+ * Utility hook used to access the InAppMessagingContext values
+ *
+ * @returns {InAppMessagingContextType} InAppMessaging context values
+ */
+function useInAppMessaging() {
+    const inAppMessagingContext = React.useContext(InAppMessagingContext);
+    if (!inAppMessagingContext) {
+        throw new Error('InAppMessagingContext is empty, did you forget the InAppMessagingProvider?');
+    }
+    return inAppMessagingContext;
+}
+
+const logger$2 = new utils.ConsoleLogger('InAppMessaging');
+const positions = {
+    BOTTOM_BANNER: 'bottom',
+    MIDDLE_BANNER: 'middle',
+    TOP_BANNER: 'top',
+};
+const getPositionProp = (layout) => positions[layout];
+const getActionHandler = (actionParams, onMessageAction, onActionCallback) => ({
+    onAction() {
+        try {
+            onMessageAction(actionParams);
+        }
+        catch (e) {
+            logger$2.error(`Message action failure: ${e}`);
+        }
+        finally {
+            onActionCallback();
+        }
+    },
+});
+const getButtonProps = ({ action, url, ...baseButtonProps }, onMessageAction, onActionCallback) => ({
+    ...baseButtonProps,
+    ...getActionHandler({ action, url }, onMessageAction, onActionCallback),
+});
+const getContentProps = (content, onMessageAction, onActionCallback) => {
+    const props = {};
+    if (!content) {
+        return props;
+    }
+    const { primaryButton, secondaryButton, ...restContent } = content;
+    if (primaryButton) {
+        props.primaryButton = getButtonProps(primaryButton, onMessageAction, onActionCallback);
+    }
+    if (secondaryButton) {
+        props.secondaryButton = getButtonProps(secondaryButton, onMessageAction, onActionCallback);
+    }
+    return { ...props, ...restContent };
+};
+
+const EMPTY_PROPS = Object.freeze({});
+const logger$1 = new utils.ConsoleLogger('InAppMessaging');
+/**
+ * Utility hook for parsing a message and retrieving its corresponding UI component and props
+ *
+ * @param {UseMessageParams} props - platform specific UI components, action handler, and styles
+ * @returns {UseMessage} message UI component and props
+ */
+function useMessage({ components, onMessageAction, }) {
+    const { clearMessage, message } = useInAppMessaging();
+    const { BannerMessage, CarouselMessage, FullScreenMessage, ModalMessage } = components;
+    if (ui.isNil(message)) {
+        return {
+            Component: uiReactCore.RenderNothing,
+            props: EMPTY_PROPS,
+        };
+    }
+    const { content, layout } = message;
+    const onActionCallback = () => {
+        inAppMessaging.notifyMessageInteraction({ type: 'messageActionTaken', message });
+        clearMessage();
+    };
+    const onClose = () => {
+        inAppMessaging.notifyMessageInteraction({ type: 'messageDismissed', message });
+        clearMessage();
+    };
+    const onDisplay = () => {
+        inAppMessaging.notifyMessageInteraction({ type: 'messageDisplayed', message });
+    };
+    switch (layout) {
+        case 'BOTTOM_BANNER':
+        case 'MIDDLE_BANNER':
+        case 'TOP_BANNER': {
+            const props = {
+                ...getContentProps(content?.[0], onMessageAction, onActionCallback),
+                layout,
+                onClose,
+                onDisplay,
+                position: getPositionProp(layout),
+            };
+            return { Component: BannerMessage, props };
+        }
+        case 'CAROUSEL': {
+            const props = {
+                data: content?.map((item) => getContentProps(item, onMessageAction, onActionCallback)),
+                layout,
+                onClose,
+                onDisplay,
+            };
+            return { Component: CarouselMessage, props };
+        }
+        case 'FULL_SCREEN': {
+            const props = {
+                ...getContentProps(content?.[0], onMessageAction, onActionCallback),
+                layout,
+                onClose,
+                onDisplay,
+            };
+            return { Component: FullScreenMessage, props };
+        }
+        case 'MODAL': {
+            const props = {
+                ...getContentProps(content?.[0], onMessageAction, onActionCallback),
+                layout,
+                onClose,
+                onDisplay,
+            };
+            return { Component: ModalMessage, props };
+        }
+        default: {
+            logger$1.info(`Received unknown InAppMessage layout: ${layout}`);
+            return {
+                Component: uiReactCore.RenderNothing,
+                props: EMPTY_PROPS,
+            };
+        }
+    }
+}
+
+const logger = new utils.ConsoleLogger('InAppMessaging');
+const handleMessageAction = ({ action, handleMessageLinkAction, url, }) => {
+    logger.info(`Handle action: ${action}`);
+    if (action === 'LINK' || action === 'DEEP_LINK') {
+        if (!ui.isString(url)) {
+            logger.warn(`url must be of type string. Received: ${url}`);
+            return;
+        }
+        handleMessageLinkAction(url);
+    }
+};
+
+exports.InAppMessagingProvider = InAppMessagingProvider;
+exports.handleMessageAction = handleMessageAction;
+exports.useInAppMessaging = useInAppMessaging;
+exports.useMessage = useMessage;

package/dist/types/InAppMessaging/context/InAppMessagingContext/InAppMessagingContext.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Message } from '../../types';
+import { InAppMessage } from '../../types';
 export interface InAppMessagingContextType {
     clearMessage: () => void;
-    displayMessage: (message: Message) => void;
-    message: Message | null;
+    displayMessage: (message: InAppMessage) => void;
+    message: InAppMessage | null;
 }
 declare const InAppMessagingContext: import("react").Context<InAppMessagingContextType | null>;
 export default InAppMessagingContext;

package/dist/types/InAppMessaging/hooks/useMessage/utils.d.ts

@@ -1,9 +1,9 @@
-import { BannerMessageLayouts, MessageAction, MessageComponentPosition, MessageContent, MessageContentProps, OnMessageAction } from '../../types';
+import { BannerMessageLayouts, InAppMessageAction, MessageComponentPosition, InAppMessageContent, MessageContentProps, OnMessageAction } from '../../types';
 export declare const getPositionProp: (layout: BannerMessageLayouts) => MessageComponentPosition;
 export declare const getActionHandler: (actionParams: {
-    action: MessageAction;
+    action: InAppMessageAction;
     url?: string;
 }, onMessageAction: OnMessageAction, onActionCallback: () => void) => {
     onAction: () => void;
 };
-export declare const getContentProps: (content: MessageContent, onMessageAction: OnMessageAction, onActionCallback: () => void) => MessageContentProps;
+export declare const getContentProps: (content: InAppMessageContent, onMessageAction: OnMessageAction, onActionCallback: () => void) => MessageContentProps;

package/dist/types/InAppMessaging/types.d.ts

@@ -1,28 +1,28 @@
 import React from 'react';
-import { InAppMessage, InAppMessageAction, InAppMessageButton, InAppMessageContent, InAppMessageImage, InAppMessageLayout, InAppMessageStyle, InAppMessageTextAlign } from '@aws-amplify/notifications';
-export type Message = InAppMessage;
-export type MessageAction = InAppMessageAction;
-export type MessageButton = InAppMessageButton;
-export type MessageContent = InAppMessageContent;
-export type MessageImage = InAppMessageImage;
-export type MessageLayout = InAppMessageLayout;
-export type MessageStyle = InAppMessageStyle;
-export type MessageTextAlign = InAppMessageTextAlign;
+import { InAppMessage as InAppMessageBase, InAppMessageAction as InAppMessageActionBase, InAppMessageButton as InAppMessageButtonBase, InAppMessageContent as InAppMessageContentBase, InAppMessageImage as InAppMessageImageBase, InAppMessageLayout as InAppMessageLayoutBase, InAppMessageStyle as InAppMessageStyleBase, InAppMessageTextAlign as InAppMessageTextAlignBase } from 'aws-amplify/in-app-messaging';
+export type InAppMessage = InAppMessageBase;
+export type InAppMessageAction = InAppMessageActionBase;
+export type InAppMessageButton = InAppMessageButtonBase;
+export type InAppMessageContent = InAppMessageContentBase;
+export type InAppMessageImage = InAppMessageImageBase;
+export type InAppMessageLayout = InAppMessageLayoutBase;
+export type InAppMessageStyle = InAppMessageStyleBase;
+export type InAppMessageTextAlign = InAppMessageTextAlignBase;
 export type OnMessageAction = (params: {
-    action: MessageAction;
+    action: InAppMessageAction;
     url?: string | undefined;
 }) => void;
-export interface MessageButtonProps extends Omit<MessageButton, 'action' | 'url'> {
+export interface MessageButtonProps extends Omit<InAppMessageButton, 'action' | 'url'> {
     onAction: () => void;
 }
-export interface MessageContentProps extends Omit<MessageContent, 'primaryButton' | 'secondaryButton'> {
+export interface MessageContentProps extends Omit<InAppMessageContent, 'primaryButton' | 'secondaryButton'> {
     primaryButton?: MessageButtonProps;
     secondaryButton?: MessageButtonProps;
 }
 export interface MessageComponentBaseProps<Style = unknown> extends MessageCommonProps<Style>, MessageContentProps {
 }
 export interface MessageCommonProps<PlatformStyleProps> {
-    layout: MessageLayout;
+    layout: InAppMessageLayout;
     onClose?: () => void;
     onDisplay?: () => void;
     style?: PlatformStyleProps;
@@ -40,11 +40,11 @@ export interface FullScreenMessageCommonProps<PlatformStyleProps> extends Messag
 export interface ModalMessageCommonProps<PlatformStyleProps> extends MessageCommonProps<PlatformStyleProps>, MessageContentProps {
 }
 export interface MessagePayloadStyle {
-    body?: MessageStyle;
-    container?: MessageStyle;
-    header?: MessageStyle;
-    primaryButton?: MessageStyle;
-    secondaryButton?: MessageStyle;
+    body?: InAppMessageStyle;
+    container?: InAppMessageStyle;
+    header?: InAppMessageStyle;
+    primaryButton?: InAppMessageStyle;
+    secondaryButton?: InAppMessageStyle;
 }
 export type BannerMessageComponent<PlatformStyleProps> = React.ComponentType<BannerMessageCommonProps<PlatformStyleProps>>;
 export type CarouselMessageComponent<PlatformStyleProps> = React.ComponentType<CarouselMessageCommonProps<PlatformStyleProps>>;

package/dist/types/InAppMessaging/utils/handleMessageAction.d.ts

@@ -1,7 +1,7 @@
-import { MessageAction } from '../types';
+import { InAppMessageAction } from '../types';
 export type HandleMessageLinkAction = (url: string) => void | Promise<void>;
 interface HandleMessageActionParams {
-    action: MessageAction;
+    action: InAppMessageAction;
     handleMessageLinkAction: HandleMessageLinkAction;
     url: string | undefined;
 }

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { BannerMessageCommonProps, BannerMessageComponent, CarouselMessageCommonProps, CarouselMessageComponent, FullScreenMessageCommonProps, FullScreenMessageComponent, handleMessageAction, HandleMessageLinkAction, InAppMessagingProviderProps, InAppMessagingProvider, MessageButtonProps, MessageCommonProps, MessageComponentBaseProps, MessageContentProps, MessageImage, MessageLayout, MessagePayloadStyle, MessageTextAlign, ModalMessageCommonProps, ModalMessageComponent, OnMessageAction, UseInAppMessaging, useInAppMessaging, useMessage, } from './InAppMessaging';
+export { BannerMessageCommonProps, BannerMessageComponent, CarouselMessageCommonProps, CarouselMessageComponent, FullScreenMessageCommonProps, FullScreenMessageComponent, handleMessageAction, HandleMessageLinkAction, InAppMessage, InAppMessageAction, InAppMessageButton, InAppMessageContent, InAppMessageImage, InAppMessageLayout, InAppMessageStyle, InAppMessagingProviderProps, InAppMessagingProvider, InAppMessageTextAlign, MessageButtonProps, MessageCommonProps, MessageComponentBaseProps, MessageContentProps, MessagePayloadStyle, ModalMessageCommonProps, ModalMessageComponent, OnMessageAction, UseInAppMessaging, useInAppMessaging, useMessage, } from './InAppMessaging';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core-notifications",
-  "version": "1.0.10",
+  "version": "2.0.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -31,38 +31,16 @@
     "lint": "yarn typecheck && eslint src --ext .js,.ts,.tsx",
     "prebuild": "rimraf dist",
     "test": "jest",
-    "test:ci": "yarn test && yarn check:esm",
     "test:watch": "yarn test --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.8.1",
-    "@aws-amplify/ui-react-core": "2.1.33"
+    "@aws-amplify/ui": "6.0.1",
+    "@aws-amplify/ui-react-core": "3.0.1"
   },
   "peerDependencies": {
-    "aws-amplify": "^5.0.1",
-    "react": ">= 16.14.0"
-  },
-  "devDependencies": {
-    "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^7.0.1",
-    "@types/jest": "^26.0.23",
-    "@types/react": "^17.0.2",
-    "@types/react-test-renderer": "^17.0.1",
-    "@types/testing-library__jest-dom": "^5.14.1",
-    "eslint": "^8.44.0",
-    "jest": "^27.0.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.70.0",
-    "rollup-plugin-node-externals": "^4.1.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "ts-jest": "^27.0.3"
+    "aws-amplify": "^6.0.2",
+    "react": "^16.14.0 || ^17.0 || ^18.0"
   },
   "sideEffects": false
 }

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

@@ -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};