Iterable
diff --git a/‎.env.example
Lines changed: 3 additions & 2 deletions b/‎.env.example
Lines changed: 3 additions & 2 deletions
diff --git a/‎example/package.json
Lines changed: 1 addition & 1 deletion b/‎example/package.json
Lines changed: 1 addition & 1 deletion
diff --git a/‎example/yarn.lock
Lines changed: 264 additions & 225 deletions b/‎example/yarn.lock
Lines changed: 264 additions & 225 deletions
diff --git a/‎package.json
Lines changed: 2 additions & 2 deletions b/‎package.json
Lines changed: 2 additions & 2 deletions
diff --git a/‎react-example/.env.example
Lines changed: 7 additions & 2 deletions b/‎react-example/.env.example
Lines changed: 7 additions & 2 deletions
diff --git a/‎react-example/package.json
Lines changed: 1 addition & 1 deletion b/‎react-example/package.json
Lines changed: 1 addition & 1 deletion
diff --git a/‎react-example/src/components/LoginForm.tsx
Lines changed: 1 addition & 1 deletion b/‎react-example/src/components/LoginForm.tsx
Lines changed: 1 addition & 1 deletion
diff --git a/‎react-example/src/index.tsx
Lines changed: 1 addition & 1 deletion b/‎react-example/src/index.tsx
Lines changed: 1 addition & 1 deletion
diff --git a/‎react-example/src/views/InApp.tsx
Lines changed: 3 additions & 3 deletions b/‎react-example/src/views/InApp.tsx
Lines changed: 3 additions & 3 deletions
@@ -2,10 +2,11 @@
 # called .env and add these values to it and change them appropriately.
 # Remember to uncomment the variables!
 
-# Only set BASE_URL if developing locally, as it will take precedence over the production api urls
+# Only set BASE_URL if developing locally, as it will take precedence over the production api urls.
 # BASE_URL="https://api.iterable.com/api"
 
+# Set this to false to prevent messages from being consumed to fetch the same message(s) when testing changes locally.
 # ENABLE_INAPP_CONSUME=false
 
-# toggle this to true if you would need to hit our EU APIs
+# Toggle this to true if you would need to hit our EU APIs.
 # IS_EU_ITERABLE_SERVICE=false
@@ -50,7 +50,7 @@
     "prettier": "^2.2.1",
     "ts-jest": "^27.0.7",
     "typescript": "^4.6.4",
-    "webpack": "^5.63.0",
+    "webpack": "^5.76.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.7.3"
   },
 
@@ -69,8 +69,8 @@
     "@typescript-eslint/eslint-plugin": "^5.38.1",
     "@typescript-eslint/parser": "^5.38.1",
     "@webpack-cli/serve": "^1.6.0",
+    "babel-plugin-module-resolver": "^5.0.0",
     "axios-mock-adapter": "^1.22.0",
-    "babel-plugin-module-resolver": "^3.2.0",
     "concurrently": "^6.3.0",
     "dotenv": "^10.0.0",
     "eslint": "^7.14.0",
@@ -103,4 +103,4 @@
       "eslint"
     ]
   }
-}
+}
@@ -1,5 +1,10 @@
 # To make requests from this example app make sure you first create an .env file
 # and add the API key and JWT Secret to it like so (and uncomment the keys):
-
 # API_KEY=1234
-# JWT_SECRET=1234
+# JWT_SECRET=1234
+
+# You can set the URL for the JWT generator here if needed
+# JWT_GENERATOR=http://localhost:5000/generate
+
+# Convenience variable to automatically set the login email during testing.
+# [email protected]
@@ -58,7 +58,7 @@
     "prettier": "^2.2.1",
     "ts-jest": "^27.0.7",
     "typescript": "^4.6.4",
-    "webpack": "^5.63.0",
+    "webpack": "^5.76.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.7.3"
   },
 
@@ -33,7 +33,7 @@ interface Props {
 }
 
 export const LoginForm: FC<Props> = ({ setEmail, logout, refreshJwt }) => {
-  const [email, updateEmail] = useState<string>('');
+  const [email, updateEmail] = useState<string>(process.env.LOGIN_EMAIL || '');
 
   const [isEditingUser, setEditingUser] = useState<boolean>(false);
 
 
@@ -43,7 +43,7 @@ const HomeLink = styled(Link)`
     ({ email }) => {
       return axios
         .post(
-          'http://localhost:5000/generate',
+          process.env.JWT_GENERATOR || 'http://localhost:5000/generate',
           {
             exp_minutes: 2,
             email,
 
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import _Button from 'src/components/Button';
 import { EndpointWrapper, Heading, Response } from './Components.styled';
 import { useUser } from 'src/context/Users';
-import { getInAppMessages } from '@iterable/web-sdk';
+import { DisplayOptions, getInAppMessages } from '@iterable/web-sdk';
 
 const Button = styled(_Button)`
   width: 100%;
@@ -35,7 +35,7 @@ const { request, pauseMessageStream, resumeMessageStream } = getInAppMessages(
     closeButton: {},
     displayInterval: 1000
   },
-  { display: 'immediate' }
+  { display: DisplayOptions.Immediate }
 );
 
 export const InApp: FC<{}> = () => {
@@ -57,7 +57,7 @@ export const InApp: FC<{}> = () => {
 
     return getInAppMessages(
       { count: 20, packageName: 'my-website' },
-      { display: 'deferred' }
+      { display: DisplayOptions.Deferred }
     )
       .request()
       .then((response) => {
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ interface Props {`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`export const LoginForm: FC<Props> = ({ setEmail, logout, refreshJwt }) => {`
`36`		`- const [email, updateEmail] = useState<string>('');`
	`36`	`+ const [email, updateEmail] = useState<string>(process.env.LOGIN_EMAIL \|\| '');`
`37`	`37`
`38`	`38`	`const [isEditingUser, setEditingUser] = useState<boolean>(false);`
`39`	`39`
Original file line number	Diff line number	Diff line change
@@ -43,7 +43,7 @@ const HomeLink = styled(Link)`
`43`	`43`	`({ email }) => {`
`44`	`44`	`return axios`
`45`	`45`	`.post(`
`46`		`- 'http://localhost:5000/generate',`
	`46`	`+ process.env.JWT_GENERATOR \|\| 'http://localhost:5000/generate',`
`47`	`47`	`{`
`48`	`48`	`exp_minutes: 2,`
`49`	`49`	`email,`