@mjhls/mjh-framework 1.0.1063 → 1.0.1065-pdfGating

package/dist/cjs/PublicationLanding.js

@@ -1,10 +1,13 @@
 'use strict';
 
+var _extends = require('./extends-be0d85bc.js');
+var defineProperty = require('./defineProperty-9673846a.js');
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var stringify = require('./stringify-f7a37a8d.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
 var web_dom_iterable = require('./web.dom.iterable-d98303e0.js');
-var _setSpecies = require('./_set-species-0c7864a2.js');
 var _isArray = require('./_is-array-54228b29.js');
 var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var React = require('react');
@@ -14,7 +17,14 @@ var Dropdown = require('react-bootstrap/Dropdown');
 var Card = require('react-bootstrap/Card');
 var Router = require('next/router');
 var index = require('./index-65621b6c.js');
-var urlForFile = require('./urlForFile-5084fc48.js');
+var urlForFile = require('./urlForFile-ef20990d.js');
+var Overlay = require('react-bootstrap/Overlay');
+var Popover = require('react-bootstrap/Popover');
+var Button = require('react-bootstrap/Button');
+var Form = require('react-bootstrap/Form');
+require('./main-ae8472f3.js');
+require('./define-property-e8404b64.js');
+require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('react-dom');
 require('prop-types');
@@ -26,6 +36,10 @@ var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var Overlay__default = /*#__PURE__*/_interopDefaultLegacy(Overlay);
+var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 
 var _validateCollection = function (it, TYPE) {
   if (!core_getIteratorMethod._isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
@@ -60,15 +74,15 @@ var getEntry = function (that, key) {
 var _collectionStrong = {
   getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
     var C = wrapper(function (that, iterable) {
-      _setSpecies._anInstance(that, C, NAME, '_i');
+      asyncToGenerator._anInstance(that, C, NAME, '_i');
       that._t = NAME;         // collection type
       that._i = core_getIteratorMethod._objectCreate(null); // index
       that._f = undefined;    // first entry
       that._l = undefined;    // last entry
       that[SIZE] = 0;         // size
-      if (iterable != undefined) _setSpecies._forOf(iterable, IS_MAP, that[ADDER], that);
+      if (iterable != undefined) asyncToGenerator._forOf(iterable, IS_MAP, that[ADDER], that);
     });
-    _setSpecies._redefineAll(C.prototype, {
+    asyncToGenerator._redefineAll(C.prototype, {
       // 23.1.3.1 Map.prototype.clear()
       // 23.2.3.2 Set.prototype.clear()
       clear: function clear() {
@@ -172,7 +186,7 @@ var _collectionStrong = {
     }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
 
     // add [@@species], 23.1.2.2, 23.2.2.2
-    _setSpecies._setSpecies(NAME);
+    asyncToGenerator._setSpecies(NAME);
   }
 };
 _collectionStrong.getConstructor;
@@ -262,18 +276,18 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
   }))) {
     // create collection constructor
     C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
-    _setSpecies._redefineAll(C.prototype, methods);
+    asyncToGenerator._redefineAll(C.prototype, methods);
     _isArray._meta.NEED = true;
   } else {
     C = wrapper(function (target, iterable) {
-      _setSpecies._anInstance(target, C, NAME, '_c');
+      asyncToGenerator._anInstance(target, C, NAME, '_c');
       target._c = new Base();
-      if (iterable != undefined) _setSpecies._forOf(iterable, IS_MAP, target[ADDER], target);
+      if (iterable != undefined) asyncToGenerator._forOf(iterable, IS_MAP, target[ADDER], target);
     });
     each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
       var IS_ADDER = KEY == 'add' || KEY == 'set';
       if (KEY in proto && !(IS_WEAK && KEY == 'clear')) core_getIteratorMethod._hide(C.prototype, KEY, function (a, b) {
-        _setSpecies._anInstance(this, C, KEY);
+        asyncToGenerator._anInstance(this, C, KEY);
         if (!IS_ADDER && IS_WEAK && !core_getIteratorMethod._isObject(a)) return KEY == 'get' ? undefined : false;
         var result = this._c[KEY](a === 0 ? 0 : a, b);
         return IS_ADDER ? this : result;
@@ -310,7 +324,7 @@ _collection(SET, function (get) {
 
 var _arrayFromIterable = function (iter, ITERATOR) {
   var result = [];
-  _setSpecies._forOf(iter, false, result.push, result, ITERATOR);
+  asyncToGenerator._forOf(iter, false, result.push, result, ITERATOR);
   return result;
 };
 
@@ -362,11 +376,11 @@ var _setCollectionFrom = function (COLLECTION) {
     if (mapping) {
       n = 0;
       cb = core_getIteratorMethod._ctx(mapFn, arguments[2], 2);
-      _setSpecies._forOf(source, false, function (nextItem) {
+      asyncToGenerator._forOf(source, false, function (nextItem) {
         A.push(cb(nextItem, n++));
       });
     } else {
-      _setSpecies._forOf(source, false, A.push, A);
+      asyncToGenerator._forOf(source, false, A.push, A);
     }
     return new this(A);
   } });
@@ -383,32 +397,34 @@ module.exports = { "default": set$1, __esModule: true };
 
 var _Set = _commonjsHelpers.unwrapExports(set);
 
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
- **import urlFor from framework**
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor({client, source: issue.thumbnail})
-  })
-  return { pub, year }
-}
-export default Publication
+var _this = undefined;
+
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+ **import urlFor from framework**
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor({client, source: issue.thumbnail})
+  })
+  return { pub, year }
+}
+export default Publication
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {
@@ -465,6 +481,54 @@ var PublicationLanding = function PublicationLanding(props) {
 
   var baseUrl = client ? client.config().baseUrl : '';
 
+  var _useState9 = React.useState(''),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      email = _useState10[0],
+      setEmail = _useState10[1];
+
+  var _useState11 = React.useState(''),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      firstName = _useState12[0],
+      setFirstName = _useState12[1];
+
+  var _useState13 = React.useState(''),
+      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
+      lastName = _useState14[0],
+      setLastName = _useState14[1];
+
+  var _useState15 = React.useState(false),
+      _useState16 = slicedToArray._slicedToArray(_useState15, 2),
+      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 _useState19 = React.useState(true),
+      _useState20 = slicedToArray._slicedToArray(_useState19, 2),
+      sendingData = _useState20[0],
+      setSendingData = _useState20[1];
+
+  var _useState21 = React.useState(''),
+      _useState22 = slicedToArray._slicedToArray(_useState21, 2),
+      errorMsg = _useState22[0],
+      setErrorMsg = _useState22[1];
+
+  var _useState23 = React.useState({}),
+      _useState24 = slicedToArray._slicedToArray(_useState23, 2),
+      show = _useState24[0],
+      setShow = _useState24[1];
+
+  var _useState25 = React.useState(null),
+      _useState26 = slicedToArray._slicedToArray(_useState25, 2),
+      overlayTarget = _useState26[0],
+      setOverlayTarget = _useState26[1];
+
   // useEffect(() => {
   //   ;(async function() {
   //     if (issueData && issueData.length > 0 && client) {
@@ -493,6 +557,8 @@ var PublicationLanding = function PublicationLanding(props) {
   //   })()
   // }, [])
   // function for filtering by year
+
+
   var filterByYear = function filterByYear(year) {
     return issueData.filter(function (issue) {
       return issue.year === year;
@@ -595,12 +661,196 @@ var PublicationLanding = function PublicationLanding(props) {
     }
   }, [activeYear, activeContentPlacement, issueData]);
 
+  var handleFormInput = function handleFormInput(e) {
+    //console.dir(e.currentTarget)
+    e.preventDefault();
+    e.stopPropagation();
+
+    switch (e.currentTarget.name) {
+      case 'firstName':
+        setFirstName(e.currentTarget.value);
+        break;
+      case 'lastName':
+        setLastName(e.currentTarget.value);
+        break;
+      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;
+      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              e.preventDefault();
+              e.stopPropagation();
+              setSendingData(true);
+              form = e.currentTarget;
+
+              if (!(form.checkValidity() === false)) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt('return');
+
+            case 6:
+              console.dir(overLayRef);
+              body = {};
+
+              body['firstName'] = firstName;
+              body['lastName'] = lastName;
+              body['email'] = email;
+              body['downloadedPDF'] = DL_PDF.current.dataset.pdfname;
+              body['publication'] = router.query.publication ? router.query.publication : null;
+              body['site'] = window.location.hostname;
+              body['Source'] = 'Gated Form';
+              SetIsValidated(true);
+
+              _context.prev = 16;
+              _context.next = 19;
+              return fetch('/api/pdfGating/check', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: stringify._JSON$stringify(body)
+              });
+
+            case 19:
+              res = _context.sent;
+
+              console.dir(res);
+
+              if (!(res.status === 202)) {
+                _context.next = 26;
+                break;
+              }
+
+              window.open(DL_PDF.current.dataset.pdf, '_blank');
+              closeAllOverlays();
+              _context.next = 31;
+              break;
+
+            case 26:
+              _context.t0 = Error;
+              _context.next = 29;
+              return res.text();
+
+            case 29:
+              _context.t1 = _context.sent;
+              throw new _context.t0(_context.t1);
+
+            case 31:
+              _context.next = 37;
+              break;
+
+            case 33:
+              _context.prev = 33;
+              _context.t2 = _context['catch'](16);
+
+              setErrorMsg(_context.t2.message);
+              window.setTimeout(function () {
+                closeAllOverlays();
+              }, 500);
+
+            case 37:
+              setSendingData(false);
+              SetIsValidated(false);
+
+            case 39:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this, [[16, 33]]);
+    }));
+
+    return function isGatedFormHandler(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var _useState27 = React.useState(null),
+      _useState28 = slicedToArray._slicedToArray(_useState27, 2),
+      currentKey = _useState28[0],
+      setCurrentKey = _useState28[1];
+
+  var _useState29 = React.useState(false),
+      _useState30 = slicedToArray._slicedToArray(_useState29, 2),
+      overLaysClosed = _useState30[0],
+      setOverLaysClosed = _useState30[1];
+
+  var closeAllOverlays = function closeAllOverlays(targetKey) {
+    for (var key in show) {
+      if (key !== targetKey) {
+        closeOverLay(key);
+      }
+    }
+    if (targetKey) {
+      setCurrentKey(targetKey);
+      setOverLaysClosed(true);
+    }
+  };
+
+  React.useEffect(function () {
+    console.log(currentKey);
+    console.log(overLaysClosed);
+    if (overLaysClosed) {
+      window.setTimeout(function () {
+        console.dir(show[currentKey]);
+        var updatedValue = defineProperty._defineProperty({}, currentKey, true);
+        setShow(function (show) {
+          return _extends._extends({}, show, updatedValue);
+        });
+        setOverLaysClosed(false);
+        if (show[currentKey] !== true) {
+          try {
+            document.getElementById('download_' + currentKey).disabled = true;
+          } catch (e) {
+            console.log(e.message);
+          }
+        }
+      }, 250);
+    }
+  }, [currentKey, overLaysClosed, show]);
+
+  var handleOverLayOpen = function handleOverLayOpen(event) {
+    closeAllOverlays(event.target.dataset.key);
+    setOverlayTarget(event.target);
+  };
+
+  function closeOverLay(key) {
+    var updatedValue = {};
+    updatedValue = show[key] === true ? defineProperty._defineProperty({}, key, false) : defineProperty._defineProperty({}, key, true);
+    document.getElementById('download_' + key).disabled = false;
+    setShow(function (show) {
+      return _extends._extends({}, show, updatedValue);
+    });
+  }
+
+  React.useEffect(function () {
+    console.dir(overlayTarget);
+    console.dir(show);
+  }, [overlayTarget, show]);
+
   return React__default["default"].createElement(
     'div',
     { id: 'publicationLanding' },
     React__default["default"].createElement(
       'style',
-      { jsx: true },
+      { jsx: 'true' },
       '\n          #pubYearFilter .dropdown-menu.show,\n          #contentPlacementFilter .dropdown-menu.show {\n            max-height: 25vh;\n            overflow: auto;\n          }\n          #publicationLanding {\n            margin-bottom: 6rem;\n          }\n        '
     ),
     React__default["default"].createElement(
@@ -717,16 +967,177 @@ var PublicationLanding = function PublicationLanding(props) {
             React__default["default"].createElement(
               Card__default["default"].Footer,
               null,
-              issue && issue.articles && issue.articles.length > 0 ? React__default["default"].createElement(
+              issue && issue.articles && issue.articles.length > 1 ? React__default["default"].createElement(
                 'a',
                 { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
                 'View Issue'
               ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default["default"].createElement(
+              issue && issue.articles && issue.articles.length === 1 ? React__default["default"].createElement(
+                'a',
+                { href: '/view/' + issue.articles[0].url.current, className: 'btn btn-primary' },
+                'View Issue'
+              ) : null,
+              issue.isGatedPDF ? issue.pdf && issue.pdf.asset && issue.pdf.asset.url ? React__default["default"].createElement(
+                'div',
+                { className: 'overLayWrapper', ref: function ref(el) {
+                    return overLayRef.current[key] = el;
+                  } },
+                React__default["default"].createElement(
+                  Overlay__default["default"],
+                  { show: show[key], container: overLayRef.current[key], key: key, target: overlayTarget, placement: 'top', onHide: function onHide() {
+                      return closeAllOverlays();
+                    } },
+                  React__default["default"].createElement(
+                    Popover__default["default"],
+                    { id: 'popover-basic-' + key },
+                    React__default["default"].createElement(
+                      Popover__default["default"].Content,
+                      null,
+                      React__default["default"].createElement(
+                        Row__default["default"],
+                        null,
+                        React__default["default"].createElement(
+                          'div',
+                          {
+                            onClick: function onClick(e) {
+                              return closeOverLay(key);
+                            },
+                            style: { cursor: 'pointer', display: 'flex', flexDirection: 'row', justifyContent: 'flex-end', width: '100%', marginBottom: '-15px' } },
+                          React__default["default"].createElement(
+                            'div',
+                            { style: { width: '25px', height: '25px' } },
+                            'X'
+                          )
+                        )
+                      ),
+                      React__default["default"].createElement(
+                        Form__default["default"],
+                        { validated: isValidated, onSubmit: isGatedFormHandler },
+                        React__default["default"].createElement(
+                          Row__default["default"],
+                          { className: 'gatedPdfForm' },
+                          React__default["default"].createElement(
+                            Form__default["default"].Group,
+                            { className: 'mb-3 mt-3', controlId: 'pdfFormFirstName' },
+                            React__default["default"].createElement(
+                              Form__default["default"].Label,
+                              null,
+                              React__default["default"].createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                              ),
+                              'First Name'
+                            ),
+                            React__default["default"].createElement(Form__default["default"].Control, { onChange: function onChange(e) {
+                                return handleFormInput(e);
+                              }, value: firstName, name: 'firstName', required: true, type: 'text', min: '1', placeholder: 'First Name' }),
+                            React__default["default"].createElement(
+                              Form__default["default"].Control.Feedback,
+                              { type: 'invalid' },
+                              'Please provide your first name.'
+                            )
+                          ),
+                          React__default["default"].createElement(
+                            Form__default["default"].Group,
+                            { required: true, className: 'mb-3', controlId: 'pdfFormLastName' },
+                            React__default["default"].createElement(
+                              Form__default["default"].Label,
+                              null,
+                              React__default["default"].createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                              ),
+                              'Last Name'
+                            ),
+                            React__default["default"].createElement(Form__default["default"].Control, { onChange: function onChange(e) {
+                                return handleFormInput(e);
+                              }, value: lastName, name: 'lastName', required: true, type: 'text', min: '1', placeholder: 'Last Name' }),
+                            React__default["default"].createElement(
+                              Form__default["default"].Control.Feedback,
+                              { type: 'invalid' },
+                              'Please provide your last name.'
+                            )
+                          ),
+                          React__default["default"].createElement(
+                            Form__default["default"].Group,
+                            { className: 'mb-3', controlId: 'pdfFormEmail' },
+                            React__default["default"].createElement(
+                              Form__default["default"].Label,
+                              null,
+                              React__default["default"].createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                              ),
+                              'Email'
+                            ),
+                            React__default["default"].createElement(Form__default["default"].Control, { onChange: function onChange(e) {
+                                return handleFormInput(e);
+                              }, value: email, name: 'email', required: true, type: 'email', placeholder: 'Email' }),
+                            React__default["default"].createElement(
+                              Form__default["default"].Control.Feedback,
+                              { type: 'invalid' },
+                              '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' },
+                            'Submit'
+                          ),
+                          errorMsg ? React__default["default"].createElement(
+                            'div',
+                            { style: { color: 'red' } },
+                            errorMsg
+                          ) : null
+                        )
+                      )
+                    )
+                  )
+                ),
+                React__default["default"].createElement(
+                  'button',
+                  {
+                    id: 'download_' + key,
+                    rel: 'noopener',
+                    onClick: function onClick(e) {
+                      return handleOverLayOpen(e);
+                    },
+                    ref: DL_PDF,
+                    'data-key': key,
+                    'data-pdfname': issue.name,
+                    'data-pdf': urlForFile.urlForFile(issue.pdf, baseUrl),
+                    className: 'btn btn-primary ml-3' },
+                  'Download Issue'
+                )
+              ) : null : issue.pdf && issue.pdf.asset && issue.pdf.asset.url ? React__default["default"].createElement(
                 'a',
                 { rel: 'noopener', href: urlForFile.urlForFile(issue.pdf, baseUrl), target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
-              )
+              ) : null
             )
           )
         )
@@ -780,16 +1191,177 @@ var PublicationLanding = function PublicationLanding(props) {
             React__default["default"].createElement(
               Card__default["default"].Footer,
               null,
-              issue && issue.articles && issue.articles.length > 0 ? React__default["default"].createElement(
+              issue && issue.articles && issue.articles.length > 1 ? React__default["default"].createElement(
                 'a',
                 { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
                 'View Issue'
               ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default["default"].createElement(
+              issue && issue.articles && issue.articles.length === 1 ? React__default["default"].createElement(
+                'a',
+                { href: '/view/' + issue.articles[0].url.current, className: 'btn btn-primary' },
+                'View Issue'
+              ) : null,
+              issue.isGatedPDF ? issue.pdf && issue.pdf.asset && issue.pdf.asset.url ? React__default["default"].createElement(
+                'div',
+                { className: 'overLayWrapper', ref: function ref(el) {
+                    return overLayRef.current[key] = el;
+                  } },
+                React__default["default"].createElement(
+                  Overlay__default["default"],
+                  { show: show[key], container: overLayRef.current[key], key: key, target: overlayTarget, placement: 'top', onHide: function onHide() {
+                      return closeAllOverlays();
+                    } },
+                  React__default["default"].createElement(
+                    Popover__default["default"],
+                    { id: 'popover-basic-' + key },
+                    React__default["default"].createElement(
+                      Popover__default["default"].Content,
+                      null,
+                      React__default["default"].createElement(
+                        Row__default["default"],
+                        null,
+                        React__default["default"].createElement(
+                          'div',
+                          {
+                            onClick: function onClick(e) {
+                              return closeOverLay(key);
+                            },
+                            style: { cursor: 'pointer', display: 'flex', flexDirection: 'row', justifyContent: 'flex-end', width: '100%', marginBottom: '-15px' } },
+                          React__default["default"].createElement(
+                            'div',
+                            { style: { width: '25px', height: '25px' } },
+                            'X'
+                          )
+                        )
+                      ),
+                      React__default["default"].createElement(
+                        Form__default["default"],
+                        { validated: isValidated, onSubmit: isGatedFormHandler },
+                        React__default["default"].createElement(
+                          Row__default["default"],
+                          { className: 'gatedPdfForm' },
+                          React__default["default"].createElement(
+                            Form__default["default"].Group,
+                            { className: 'mb-3 mt-3', controlId: 'pdfFormFirstName' },
+                            React__default["default"].createElement(
+                              Form__default["default"].Label,
+                              null,
+                              React__default["default"].createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                              ),
+                              'First Name'
+                            ),
+                            React__default["default"].createElement(Form__default["default"].Control, { onChange: function onChange(e) {
+                                return handleFormInput(e);
+                              }, value: firstName, name: 'firstName', required: true, type: 'text', min: '1', placeholder: 'First Name' }),
+                            React__default["default"].createElement(
+                              Form__default["default"].Control.Feedback,
+                              { type: 'invalid' },
+                              'Please provide your first name.'
+                            )
+                          ),
+                          React__default["default"].createElement(
+                            Form__default["default"].Group,
+                            { required: true, className: 'mb-3', controlId: 'pdfFormLastName' },
+                            React__default["default"].createElement(
+                              Form__default["default"].Label,
+                              null,
+                              React__default["default"].createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                              ),
+                              'Last Name'
+                            ),
+                            React__default["default"].createElement(Form__default["default"].Control, { onChange: function onChange(e) {
+                                return handleFormInput(e);
+                              }, value: lastName, name: 'lastName', required: true, type: 'text', min: '1', placeholder: 'Last Name' }),
+                            React__default["default"].createElement(
+                              Form__default["default"].Control.Feedback,
+                              { type: 'invalid' },
+                              'Please provide your last name.'
+                            )
+                          ),
+                          React__default["default"].createElement(
+                            Form__default["default"].Group,
+                            { className: 'mb-3', controlId: 'pdfFormEmail' },
+                            React__default["default"].createElement(
+                              Form__default["default"].Label,
+                              null,
+                              React__default["default"].createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                              ),
+                              'Email'
+                            ),
+                            React__default["default"].createElement(Form__default["default"].Control, { onChange: function onChange(e) {
+                                return handleFormInput(e);
+                              }, value: email, name: 'email', required: true, type: 'email', placeholder: 'Email' }),
+                            React__default["default"].createElement(
+                              Form__default["default"].Control.Feedback,
+                              { type: 'invalid' },
+                              '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' },
+                            'Submit'
+                          ),
+                          errorMsg ? React__default["default"].createElement(
+                            'div',
+                            { style: { color: 'red' } },
+                            errorMsg
+                          ) : null
+                        )
+                      )
+                    )
+                  )
+                ),
+                React__default["default"].createElement(
+                  'button',
+                  {
+                    id: 'download_' + key,
+                    rel: 'noopener',
+                    onClick: function onClick(e) {
+                      return handleOverLayOpen(e);
+                    },
+                    ref: DL_PDF,
+                    'data-key': key,
+                    'data-pdfname': issue.name,
+                    'data-pdf': urlForFile.urlForFile(issue.pdf, baseUrl),
+                    className: 'btn btn-primary ml-3' },
+                  'Download Issue'
+                )
+              ) : null : issue.pdf && issue.pdf.asset && issue.pdf.asset.url ? React__default["default"].createElement(
                 'a',
                 { rel: 'noopener', href: urlForFile.urlForFile(issue.pdf, baseUrl), target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
-              )
+              ) : null
             )
           )
         )
@@ -802,7 +1374,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default["default"].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n        .dropdown-toggle {\n          min-width: 5rem;\n        }\n        .dropdown-toggle:empty:after {\n          margin-left: 4rem;\n        }\n        .card-footer {\n          background-color: transparent;\n          border-top: 0;\n        }\n        .card-footer a:not(:first-child) {\n          margin-left: 1rem;\n        }\n      '
+      '\n        .gatedPdfForm {\n          justify-content: center;\n          flex-direction: column;\n          padding: 0 1.5rem;\n        }\n        .popoverClose {\n          display: flex;\n          flex-direction: row;\n          justify-content: flex-end;\n        }\n        .popoverClose button {\n          border: none;\n          background: transparent;\n          color: #2780e3;\n        }\n        .card-footer {\n          display: flex;\n        }\n        .card-footer button:not(:first-child) {\n          color: #fff;\n          margin-left: 1rem;\n        }\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n        .dropdown-toggle {\n          min-width: 5rem;\n        }\n        .dropdown-toggle:empty:after {\n          margin-left: 4rem;\n        }\n        .card-footer {\n          background-color: transparent;\n          border-top: 0;\n        }\n        .card-footer a:not(:first-child) {\n          margin-left: 1rem;\n        }\n      '
     )
   );
 };