@mjhls/mjh-framework 1.0.1050-pdfGating-v3 → 1.0.1050-pdfGating-v4

package/dist/cjs/PublicationLanding.js

@@ -495,22 +495,27 @@ var PublicationLanding = function PublicationLanding(props) {
 
   var _useState15 = React.useState(false),
       _useState16 = slicedToArray._slicedToArray(_useState15, 2),
-      isValidated = _useState16[0],
-      SetIsValidated = _useState16[1];
+      checkBox = _useState16[0],
+      setCheckBox = _useState16[1];
+
+  var _useState17 = React.useState(false),
+      _useState18 = slicedToArray._slicedToArray(_useState17, 2),
+      isValidated = _useState18[0],
+      SetIsValidated = _useState18[1];
 
   var DL_PDF = React.useRef();
   var overLayRef = React.useRef([]);
   var pdfFormRef = React.useRef();
 
-  var _useState17 = React.useState(false),
-      _useState18 = slicedToArray._slicedToArray(_useState17, 2),
-      sendingData = _useState18[0],
-      setSendingData = _useState18[1];
-
-  var _useState19 = React.useState(''),
+  var _useState19 = React.useState(true),
       _useState20 = slicedToArray._slicedToArray(_useState19, 2),
-      errorMsg = _useState20[0],
-      setErrorMsg = _useState20[1];
+      sendingData = _useState20[0],
+      setSendingData = _useState20[1];
+
+  var _useState21 = React.useState(''),
+      _useState22 = slicedToArray._slicedToArray(_useState21, 2),
+      errorMsg = _useState22[0],
+      setErrorMsg = _useState22[1];
 
   var triggerAction = 'click';
   var placementLocation = main.main_42 ? 'top' : 'top';
@@ -646,6 +651,7 @@ var PublicationLanding = function PublicationLanding(props) {
   }, [activeYear, activeContentPlacement, issueData]);
 
   var handleFormInput = function handleFormInput(e) {
+    console.dir(e.currentTarget);
     switch (e.currentTarget.name) {
       case 'firstName':
         setFirstName(e.currentTarget.value);
@@ -656,9 +662,18 @@ var PublicationLanding = function PublicationLanding(props) {
       case 'email':
         setEmail(e.currentTarget.value);
         break;
+      case 'checkbox':
+        setCheckBox(e.currentTarget.checked);
+        break;
     }
   };
 
+  React.useEffect(function () {
+    if (firstName.length > 3 && lastName.length > 3 && email.includes('@') && checkBox) {
+      setSendingData(false);
+    }
+  }, [firstName, lastName, email, checkBox]);
+
   var isGatedFormHandler = function () {
     var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(e) {
       var form, body, res;
@@ -702,43 +717,44 @@ var PublicationLanding = function PublicationLanding(props) {
               res = _context.sent;
 
               if (!(res.status === 202)) {
-                _context.next = 23;
+                _context.next = 24;
                 break;
               }
 
               window.open(DL_PDF.current.dataset.pdf, '_blank');
-              _context.next = 28;
+              closeAllOverlays();
+              _context.next = 29;
               break;
 
-            case 23:
+            case 24:
               _context.t0 = Error;
-              _context.next = 26;
+              _context.next = 27;
               return res.text();
 
-            case 26:
+            case 27:
               _context.t1 = _context.sent;
               throw new _context.t0(_context.t1);
 
-            case 28:
-              _context.next = 33;
+            case 29:
+              _context.next = 34;
               break;
 
-            case 30:
-              _context.prev = 30;
+            case 31:
+              _context.prev = 31;
               _context.t2 = _context['catch'](15);
 
               setErrorMsg(_context.t2.message);
 
-            case 33:
+            case 34:
               setSendingData(false);
               SetIsValidated(false);
 
-            case 35:
+            case 36:
             case 'end':
               return _context.stop();
           }
         }
-      }, _callee, _this, [[15, 30]]);
+      }, _callee, _this, [[15, 31]]);
     }));
 
     return function isGatedFormHandler(_x) {
@@ -746,10 +762,21 @@ var PublicationLanding = function PublicationLanding(props) {
     };
   }();
 
+  var closeAllOverlays = function closeAllOverlays() {
+    overLayRef.current.forEach(function (element) {
+      try {
+        console.dir(element);
+        element.handleHide();
+      } catch (e) {
+        console.error(e.message);
+      }
+    });
+  };
+
   var isGatedPDFPopOver = function isGatedPDFPopOver(key) {
     return React__default["default"].createElement(
       Popover__default["default"],
-      { id: 'popover-basic-' },
+      { id: 'popover-basic-' + key },
       React__default["default"].createElement(
         Popover__default["default"].Content,
         null,
@@ -825,6 +852,27 @@ var PublicationLanding = function PublicationLanding(props) {
                 'Please provide your email.'
               )
             ),
+            React__default["default"].createElement(
+              Form__default["default"].Group,
+              { className: 'mb-3', controlId: 'pdfPrivacyCheck' },
+              React__default["default"].createElement(
+                Form__default["default"].Check,
+                null,
+                React__default["default"].createElement(Form__default["default"].Check.Input, { required: true, onChange: function onChange(e) {
+                    return handleFormInput(e);
+                  }, type: 'checkbox', name: 'checkbox' }),
+                React__default["default"].createElement(
+                  Form__default["default"].Check.Label,
+                  null,
+                  'By clicking on \'Submit\', you accept our ',
+                  React__default["default"].createElement(
+                    'a',
+                    { href: 'https://www.dentalproductsreport.com/privacy', target: '_blank' },
+                    'Privacy Policy'
+                  )
+                )
+              )
+            ),
             React__default["default"].createElement(
               Button__default["default"],
               { disabled: sendingData, className: 'btn btn-primary mb-3', type: 'submit' },
@@ -975,12 +1023,13 @@ var PublicationLanding = function PublicationLanding(props) {
                   rootCloseEvent: 'click',
                   key: key,
                   ref: function ref(el) {
-                    return overLayRef.current[key] = el;
+                    console.dir(el);
+                    overLayRef.current[key] = el;
                   },
                   trigger: triggerAction,
                   placement: placementLocation,
                   delay: { show: 250, hide: 400 },
-                  overlay: isGatedPDFPopOver() },
+                  overlay: isGatedPDFPopOver(key) },
                 React__default["default"].createElement(
                   'button',
                   { rel: 'noopener', ref: DL_PDF, 'data-key': key, 'data-pdfName': issue.name, 'data-pdf': urlForFile.urlForFile(issue.pdf, baseUrl), className: 'btn btn-primary' },
@@ -1061,7 +1110,7 @@ var PublicationLanding = function PublicationLanding(props) {
                   trigger: triggerAction,
                   placement: placementLocation,
                   delay: { show: 250, hide: 400 },
-                  overlay: isGatedPDFPopOver() },
+                  overlay: isGatedPDFPopOver(key) },
                 React__default["default"].createElement(
                   'button',
                   { rel: 'noopener', ref: DL_PDF, 'data-key': key, 'data-pdfName': issue.name, 'data-pdf': urlForFile.urlForFile(issue.pdf, baseUrl), className: 'btn btn-primary' },

package/dist/esm/PublicationLanding.js

@@ -481,22 +481,27 @@ var PublicationLanding = function PublicationLanding(props) {
 
   var _useState15 = useState(false),
       _useState16 = _slicedToArray(_useState15, 2),
-      isValidated = _useState16[0],
-      SetIsValidated = _useState16[1];
+      checkBox = _useState16[0],
+      setCheckBox = _useState16[1];
+
+  var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      isValidated = _useState18[0],
+      SetIsValidated = _useState18[1];
 
   var DL_PDF = useRef();
   var overLayRef = useRef([]);
   var pdfFormRef = useRef();
 
-  var _useState17 = useState(false),
-      _useState18 = _slicedToArray(_useState17, 2),
-      sendingData = _useState18[0],
-      setSendingData = _useState18[1];
-
-  var _useState19 = useState(''),
+  var _useState19 = useState(true),
       _useState20 = _slicedToArray(_useState19, 2),
-      errorMsg = _useState20[0],
-      setErrorMsg = _useState20[1];
+      sendingData = _useState20[0],
+      setSendingData = _useState20[1];
+
+  var _useState21 = useState(''),
+      _useState22 = _slicedToArray(_useState21, 2),
+      errorMsg = _useState22[0],
+      setErrorMsg = _useState22[1];
 
   var triggerAction = 'click';
   var placementLocation = main_42 ? 'top' : 'top';
@@ -632,6 +637,7 @@ var PublicationLanding = function PublicationLanding(props) {
   }, [activeYear, activeContentPlacement, issueData]);
 
   var handleFormInput = function handleFormInput(e) {
+    console.dir(e.currentTarget);
     switch (e.currentTarget.name) {
       case 'firstName':
         setFirstName(e.currentTarget.value);
@@ -642,9 +648,18 @@ var PublicationLanding = function PublicationLanding(props) {
       case 'email':
         setEmail(e.currentTarget.value);
         break;
+      case 'checkbox':
+        setCheckBox(e.currentTarget.checked);
+        break;
     }
   };
 
+  useEffect(function () {
+    if (firstName.length > 3 && lastName.length > 3 && email.includes('@') && checkBox) {
+      setSendingData(false);
+    }
+  }, [firstName, lastName, email, checkBox]);
+
   var isGatedFormHandler = function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(e) {
       var form, body, res;
@@ -688,43 +703,44 @@ var PublicationLanding = function PublicationLanding(props) {
               res = _context.sent;
 
               if (!(res.status === 202)) {
-                _context.next = 23;
+                _context.next = 24;
                 break;
               }
 
               window.open(DL_PDF.current.dataset.pdf, '_blank');
-              _context.next = 28;
+              closeAllOverlays();
+              _context.next = 29;
               break;
 
-            case 23:
+            case 24:
               _context.t0 = Error;
-              _context.next = 26;
+              _context.next = 27;
               return res.text();
 
-            case 26:
+            case 27:
               _context.t1 = _context.sent;
               throw new _context.t0(_context.t1);
 
-            case 28:
-              _context.next = 33;
+            case 29:
+              _context.next = 34;
               break;
 
-            case 30:
-              _context.prev = 30;
+            case 31:
+              _context.prev = 31;
               _context.t2 = _context['catch'](15);
 
               setErrorMsg(_context.t2.message);
 
-            case 33:
+            case 34:
               setSendingData(false);
               SetIsValidated(false);
 
-            case 35:
+            case 36:
             case 'end':
               return _context.stop();
           }
         }
-      }, _callee, _this, [[15, 30]]);
+      }, _callee, _this, [[15, 31]]);
     }));
 
     return function isGatedFormHandler(_x) {
@@ -732,10 +748,21 @@ var PublicationLanding = function PublicationLanding(props) {
     };
   }();
 
+  var closeAllOverlays = function closeAllOverlays() {
+    overLayRef.current.forEach(function (element) {
+      try {
+        console.dir(element);
+        element.handleHide();
+      } catch (e) {
+        console.error(e.message);
+      }
+    });
+  };
+
   var isGatedPDFPopOver = function isGatedPDFPopOver(key) {
     return React__default.createElement(
       Popover,
-      { id: 'popover-basic-' },
+      { id: 'popover-basic-' + key },
       React__default.createElement(
         Popover.Content,
         null,
@@ -811,6 +838,27 @@ var PublicationLanding = function PublicationLanding(props) {
                 'Please provide your email.'
               )
             ),
+            React__default.createElement(
+              Form.Group,
+              { className: 'mb-3', controlId: 'pdfPrivacyCheck' },
+              React__default.createElement(
+                Form.Check,
+                null,
+                React__default.createElement(Form.Check.Input, { required: true, onChange: function onChange(e) {
+                    return handleFormInput(e);
+                  }, type: 'checkbox', name: 'checkbox' }),
+                React__default.createElement(
+                  Form.Check.Label,
+                  null,
+                  'By clicking on \'Submit\', you accept our ',
+                  React__default.createElement(
+                    'a',
+                    { href: 'https://www.dentalproductsreport.com/privacy', target: '_blank' },
+                    'Privacy Policy'
+                  )
+                )
+              )
+            ),
             React__default.createElement(
               Button,
               { disabled: sendingData, className: 'btn btn-primary mb-3', type: 'submit' },
@@ -961,12 +1009,13 @@ var PublicationLanding = function PublicationLanding(props) {
                   rootCloseEvent: 'click',
                   key: key,
                   ref: function ref(el) {
-                    return overLayRef.current[key] = el;
+                    console.dir(el);
+                    overLayRef.current[key] = el;
                   },
                   trigger: triggerAction,
                   placement: placementLocation,
                   delay: { show: 250, hide: 400 },
-                  overlay: isGatedPDFPopOver() },
+                  overlay: isGatedPDFPopOver(key) },
                 React__default.createElement(
                   'button',
                   { rel: 'noopener', ref: DL_PDF, 'data-key': key, 'data-pdfName': issue.name, 'data-pdf': urlForFile(issue.pdf, baseUrl), className: 'btn btn-primary' },
@@ -1047,7 +1096,7 @@ var PublicationLanding = function PublicationLanding(props) {
                   trigger: triggerAction,
                   placement: placementLocation,
                   delay: { show: 250, hide: 400 },
-                  overlay: isGatedPDFPopOver() },
+                  overlay: isGatedPDFPopOver(key) },
                 React__default.createElement(
                   'button',
                   { rel: 'noopener', ref: DL_PDF, 'data-key': key, 'data-pdfName': issue.name, 'data-pdf': urlForFile(issue.pdf, baseUrl), className: 'btn btn-primary' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.1050-pdfGating-v3",
+  "version": "1.0.1050-pdfGating-v4",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",