@aws-amplify/ui-react-core-notifications 2.0.32 → 2.1.0

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

@@ -1,5 +1,23 @@
-import { createContext } from 'react';
+import React from 'react';
+import { useInAppMessagingState } from './useInAppMessagingState.mjs';
 
-const InAppMessagingContext = createContext(null);
+const InAppMessagingContext = React.createContext(null);
+const ERROR_MESSAGE = '`useInAppMessaging` must be called from within `InAppMessagingProvider`';
+/**
+ * Utility hook used to access the InAppMessagingContext values
+ *
+ * @returns {InAppMessagingContextType} InAppMessaging context values
+ */
+function useInAppMessaging() {
+    const context = React.useContext(InAppMessagingContext);
+    if (!context) {
+        throw new Error(ERROR_MESSAGE);
+    }
+    return context;
+}
+function InAppMessagingProvider({ children, }) {
+    const value = useInAppMessagingState();
+    return (React.createElement(InAppMessagingContext.Provider, { value: value }, children));
+}
 
-export { InAppMessagingContext as default };
+export { ERROR_MESSAGE, InAppMessagingProvider, InAppMessagingContext as default, useInAppMessaging };

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

@@ -0,0 +1,19 @@
+import { useState, useEffect, useMemo } from 'react';
+import { onMessageReceived } from 'aws-amplify/in-app-messaging';
+
+function useInAppMessagingState() {
+    const [message, setMessage] = useState(null);
+    useEffect(() => {
+        const listener = onMessageReceived(setMessage);
+        return listener.remove;
+    }, []);
+    return useMemo(() => ({
+        clearMessage: () => {
+            setMessage(null);
+        },
+        displayMessage: setMessage,
+        message,
+    }), [message]);
+}
+
+export { useInAppMessagingState };

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

@@ -1,9 +1,9 @@
 import { ConsoleLogger } from 'aws-amplify/utils';
+import { notifyMessageInteraction } from 'aws-amplify/in-app-messaging';
 import { isNil } from '@aws-amplify/ui';
 import { RenderNothing } from '@aws-amplify/ui-react-core';
-import useInAppMessaging from '../useInAppMessaging/useInAppMessaging.mjs';
+import { useInAppMessaging } from '../../context/InAppMessagingContext/InAppMessagingContext.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');

package/dist/esm/index.mjs

@@ -1,5 +1,3 @@
-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 { InAppMessagingProvider, useInAppMessaging } from './InAppMessaging/context/InAppMessagingContext/InAppMessagingContext.mjs';
 export { default as handleMessageAction } from './InAppMessaging/utils/handleMessageAction.mjs';

package/dist/index.js

@@ -2,46 +2,48 @@
 
 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 inAppMessaging = require('aws-amplify/in-app-messaging');
 var ui = require('@aws-amplify/ui');
 var uiReactCore = require('@aws-amplify/ui-react-core');
+var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const InAppMessagingContext = React.createContext(null);
-
-function InAppMessagingProvider({ children, }) {
+function useInAppMessagingState() {
     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,
+    return React.useMemo(() => ({
+        clearMessage: () => {
+            setMessage(null);
+        },
         displayMessage: setMessage,
         message,
-    }), [clearMessage, message]);
-    return (React__default["default"].createElement(InAppMessagingContext.Provider, { value: value }, children));
+    }), [message]);
 }
 
+const InAppMessagingContext = React__default["default"].createContext(null);
+const ERROR_MESSAGE = '`useInAppMessaging` must be called from within `InAppMessagingProvider`';
 /**
  * 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?');
+    const context = React__default["default"].useContext(InAppMessagingContext);
+    if (!context) {
+        throw new Error(ERROR_MESSAGE);
     }
-    return inAppMessagingContext;
+    return context;
+}
+function InAppMessagingProvider({ children, }) {
+    const value = useInAppMessagingState();
+    return (React__default["default"].createElement(InAppMessagingContext.Provider, { value: value }, children));
 }
 
 const logger$2 = new utils.ConsoleLogger('InAppMessaging');

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

@@ -1,9 +1,22 @@
-/// <reference types="react" />
+import React from 'react';
 import { InAppMessage } from '../../types';
 export interface InAppMessagingContextType {
     clearMessage: () => void;
     displayMessage: (message: InAppMessage) => void;
     message: InAppMessage | null;
 }
-declare const InAppMessagingContext: import("react").Context<InAppMessagingContextType | null>;
+declare const InAppMessagingContext: React.Context<InAppMessagingContextType | null>;
 export default InAppMessagingContext;
+export interface InAppMessagingProviderProps {
+    children: React.ReactNode;
+}
+export interface UseInAppMessaging extends InAppMessagingContextType {
+}
+export declare const ERROR_MESSAGE = "`useInAppMessaging` must be called from within `InAppMessagingProvider`";
+/**
+ * Utility hook used to access the InAppMessagingContext values
+ *
+ * @returns {InAppMessagingContextType} InAppMessaging context values
+ */
+export declare function useInAppMessaging(): UseInAppMessaging;
+export declare function InAppMessagingProvider({ children, }: InAppMessagingProviderProps): React.JSX.Element;

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

@@ -1 +1 @@
-export { default as InAppMessagingContext, InAppMessagingContextType, } from './InAppMessagingContext';
+export { default as InAppMessagingContext, InAppMessagingContextType, InAppMessagingProviderProps, InAppMessagingProvider, useInAppMessaging, UseInAppMessaging, } from './InAppMessagingContext';

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

@@ -0,0 +1,2 @@
+import { InAppMessagingContextType } from '../InAppMessagingContext';
+export declare function useInAppMessagingState(): InAppMessagingContextType;

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

@@ -1,2 +1 @@
 export * from './InAppMessagingContext';
-export * from './InAppMessagingProvider';

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

@@ -1,2 +1 @@
-export * from './useInAppMessaging';
 export * from './useMessage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core-notifications",
-  "version": "2.0.32",
+  "version": "2.1.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -35,12 +35,12 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.7.1",
-    "@aws-amplify/ui-react-core": "3.1.1"
+    "@aws-amplify/ui": "6.7.2",
+    "@aws-amplify/ui-react-core": "3.2.0"
   },
   "peerDependencies": {
     "aws-amplify": "^6.9.0",
-    "react": "^16.14.0 || ^17.0 || ^18.0"
+    "react": "^16.14 || ^17 || ^18 || ^19"
   },
   "sideEffects": false
 }

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

@@ -1,22 +0,0 @@
-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,18 +0,0 @@
-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/types/InAppMessaging/context/InAppMessagingProvider/InAppMessagingProvider.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export interface InAppMessagingProviderProps {
-    children: ReactNode;
-}
-export default function InAppMessagingProvider({ children, }: InAppMessagingProviderProps): JSX.Element;

package/dist/types/InAppMessaging/context/InAppMessagingProvider/index.d.ts

@@ -1 +0,0 @@
-export { InAppMessagingProviderProps, default as InAppMessagingProvider, } from './InAppMessagingProvider';

package/dist/types/InAppMessaging/hooks/useInAppMessaging/index.d.ts

@@ -1 +0,0 @@
-export { UseInAppMessaging, default as useInAppMessaging, } from './useInAppMessaging';

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

@@ -1,8 +0,0 @@
-import { InAppMessagingContextType } from '../../context';
-export type UseInAppMessaging = InAppMessagingContextType;
-/**
- * Utility hook used to access the InAppMessagingContext values
- *
- * @returns {InAppMessagingContextType} InAppMessaging context values
- */
-export default function useInAppMessaging(): UseInAppMessaging;