Adds permanent dismiss functionality

Author: chrisdancee

README.md

@@ -38,14 +38,15 @@ import PWAPrompt from 'react-ios-pwa-prompt'
 
 4. Add optional props to configure:
 
-- `timesToShow`: pass an integer to configure how many times to show the prompt, will default to 1
-- `promptOnVisit`: pass an integer for the when to start showing the prompt, will default to 1 (the first page visit)
-- `delay`: pass an integer in ms to add a delay to the prompt
-- `copyTitle`: pass a string to customise the title of the prompt
-- `copyBody`: pass a string to customise the body of the prompt
-- `copyAddHomeButtonLabel`: pass a string to customise label of add to home instruction
-- `copyShareButtonLabel`: pass a string to customise label of share button
-- `copyClosePrompt`: pass a string to customise label of close button
+- `timesToShow`: pass an integer to configure how many times to show the prompt. Defaults to 1.
+- `promptOnVisit`: pass an integer for the when to start showing the prompt Defaults to 1 (the first page visit).
+- `delay`: pass an integer in ms to add a delay to the prompt. Defaults to 1 second.
+- `copyTitle`: pass a string to customise the title of the prompt.
+- `copyBody`: pass a string to customise the body of the prompt.
+- `copyAddHomeButtonLabel`: pass a string to customise label of add to home instruction.
+- `copyShareButtonLabel`: pass a string to customise label of share button.
+- `copyClosePrompt`: pass a string to customise label of close button.
+- `permanentlyHideOnDismiss`: pass a boolean to configure whether to never show the prompt again once dismissed. Defaults to true (hide forever)
 
 ```
 <PWAPrompt promptOnVisit={1} timesToShow={3}>

dist/react-ios-pwa-prompt.js

@@ -6,13 +6,16 @@ import HomeScreenIcon from "./HomeScreenIcon";
 import styles from "./PWAPrompt.styles.scss";
 
 const PWAPrompt = ({
-    delay,
-    copyTitle,
-    copyBody,
-    copyAddHomeButtonLabel,
-    copyShareButtonLabel,
-    copyClosePrompt
-  }) => {
+  delay,
+  copyTitle,
+  copyBody,
+  copyAddHomeButtonLabel,
+  copyShareButtonLabel,
+  copyClosePrompt,
+  permanentlyHideOnDismiss,
+  promptData,
+  maxVisits
+}) => {
   useEffect(() => {
     if (delay) {
       setTimeout(() => setVisibility(true), delay);
@@ -28,6 +31,15 @@ const PWAPrompt = ({
 
   const dismissPrompt = () => {
     setVisibility(false);
+    if (permanentlyHideOnDismiss) {
+      localStorage.setItem(
+        "iosPwaPrompt",
+        JSON.stringify({
+          ...promptData,
+          visits: maxVisits
+        })
+      );
+    }
   };
 
   return (
@@ -49,7 +61,7 @@ const PWAPrompt = ({
             {copyTitle || `Add to Home Screen`}
           </p>
           <button className={styles.pwaPromptCancel} onClick={dismissPrompt}>
-            {copyClosePrompt || 'Cancel'}
+            {copyClosePrompt || "Cancel"}
           </button>
         </div>
         <div className={styles.pwaPromptBody}>

src/components/PWAPrompt.js

@@ -15,6 +15,7 @@ const deviceCheck = () => {
 export default ({
   timesToShow = 1,
   promptOnVisit = 1,
+  permanentlyHideOnDismiss = true,
   copyTitle = undefined,
   copyBody = undefined,
   copyAddHomeButtonLabel = undefined,
@@ -51,6 +52,9 @@ export default ({
             copyAddHomeButtonLabel={copyAddHomeButtonLabel}
             copyShareButtonLabel={copyShareButtonLabel}
             copyClosePrompt={copyClosePrompt}
+            permanentlyHideOnDismiss={permanentlyHideOnDismiss}
+            promptData={promptData}
+            maxVisits={timesToShow + promptOnVisit}
           />
         );
       }