@mjhls/mjh-framework 1.0.886 → 1.0.887-search-test

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.886
+# mjh-framework v. 1.0.887
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/AlgoliaSearch.js

@@ -14271,7 +14271,20 @@ var AlgoliaSearch = function (_React$Component) {
             onSearchParameters: this.props.onSearchParameters
           }, this.props),
           React__default['default'].createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
-          React__default['default'].createElement(SearchBox, null),
+          React__default['default'].createElement(
+            'div',
+            { className: 'd-flex align-items-center' },
+            this.props.searchIconUrl && React__default['default'].createElement(
+              'div',
+              { className: 'custom-search-img mr-2' },
+              React__default['default'].createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
+            ),
+            React__default['default'].createElement(
+              'div',
+              { style: { flex: '1 1 auto' } },
+              React__default['default'].createElement(SearchBox, null)
+            )
+          ),
           this.props.refinementAttributes && React__default['default'].createElement(
             'div',
             { className: 'search_refinement' },
@@ -14295,7 +14308,7 @@ var AlgoliaSearch = function (_React$Component) {
         React__default['default'].createElement(
           'style',
           { jsx: 'true' },
-          '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div{\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: .5rem;\n            width: 100%;\n          }\n          @media only screen and (max-width: 568px) {\n            .hitResult {\n              flex-direction: column;\n              align-items: center;\n              border: none;\n              padding: 0;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - 150px);\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: 78px;\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
+          '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div {\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: 0.5rem;\n            width: 100%;\n          }\n          .custom-search-img{\n            max-width: 130px;\n          }\n          @media only screen and (max-width: 568px) {\n            .custom-search-img {\n              max-width: 80px;\n            }\n            .hitResult {\n              flex-direction: column;\n              align-items: center;\n              border: none;\n              padding: 0;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n            text-align: center\'\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
         )
       );
     }

package/dist/cjs/HamMagazine.js

@@ -6,7 +6,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
 var index_esm$2 = require('./index.esm-2bb721c8.js');
-var SocialSearchComponent = require('./SocialSearchComponent-4942ddfc.js');
+var SocialSearchComponent = require('./SocialSearchComponent-b7faaedc.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
 require('react-bootstrap/Button');
@@ -64,6 +64,8 @@ var HamMagazine = function HamMagazine(props) {
       socialIconVariant = _props$socialIconVari === undefined ? 'light' : _props$socialIconVari,
       invertedLogo = props.invertedLogo;
       props.settings;
+      var _props$searchIconUrl = props.searchIconUrl,
+      searchIconUrl = _props$searchIconUrl === undefined ? null : _props$searchIconUrl;
 
   var navRef = React.useRef(null);
   var topNavRef = React.useRef(null);
@@ -381,7 +383,7 @@ var HamMagazine = function HamMagazine(props) {
           React__default['default'].createElement(
             'div',
             { className: 'is-mobile' },
-            React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
+            React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham', searchIconUrl: searchIconUrl })
           )
         ),
         React__default['default'].createElement(
@@ -559,7 +561,7 @@ var HamMagazine = function HamMagazine(props) {
             React__default['default'].createElement(
               'div',
               { className: 'is-desktop' },
-              React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
+              React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham', searchIconUrl: searchIconUrl })
             )
           ),
           website && React__default['default'].createElement(

package/dist/cjs/MediaSeriesLanding.js

@@ -403,7 +403,7 @@ MediaSeriesLanding.getInitialData = function () {
 
           case 9:
             docGroupID = _context2.sent;
-            seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail,\n        description,\n        topicMapping[]->,\n        isGated,\n        \'pageNumber\': ' + currentPage + ',\n        \'parentUrl\': \'' + identifier + '\'\n    }';
+            seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail{ ..., asset-> },\n        description,\n        topicMapping[]->,\n        isGated,\n        \'pageNumber\': ' + currentPage + ',\n        \'parentUrl\': \'' + identifier + '\'\n    }';
             _context2.next = 13;
             return client.fetch(seriesQuery, params);
 

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -424,7 +424,7 @@ MediaSeriesLanding.getInitialData = function () {
             docGroupID = _context2.sent;
             seriesQueryFilters = '[\n    _type == \'documentGroup\' \n    && references(\'' + docGroupID._id + '\') \n    && isSeries != false \n    && isShow != false \n    && defined(published) \n    && published <= now()\n  ]';
             seriesQuerySorts = 'order(published desc) [$from...$to]';
-            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail,\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
+            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail{ ..., asset-> },\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
             seriesQuery = ['*'].concat(seriesQueryFilters).concat(seriesQuerySorts).concat(seriesQueryProjection).join('|');
             totalSeriesCountQuery = 'count(' + ['*'].concat(seriesQueryFilters).join('|') + ')';
             _context2.next = 17;

package/dist/cjs/NavMagazine.js

@@ -14,7 +14,7 @@ var NavFooter = require('./NavFooter-3dcd99a8.js');
 var index_esm$2 = require('./index.esm-2bb721c8.js');
 var main = require('./main-f1c77adb.js');
 var Segment = require('./Segment.js');
-var SocialSearchComponent = require('./SocialSearchComponent-4942ddfc.js');
+var SocialSearchComponent = require('./SocialSearchComponent-b7faaedc.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/PartnerDetailListing.js

@@ -238,15 +238,15 @@ PartnerDetails.returnGetInitialProps = function () {
         switch (_context.prev = _context.next) {
           case 0:
             today = moment.moment().utc().format();
-            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
 
 
             if (category) {
               // if partners page has a sub category such as onclive
               // e.g. /sap-partner/[category]/[partner]
 
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
             }
 
             taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
@@ -263,7 +263,7 @@ PartnerDetails.returnGetInitialProps = function () {
             features = _ref4[0];
             partnerDetails = _ref4[1];
             taxonomyDetails = _ref4[2];
-            articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail,\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
+            articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail{ ..., asset-> },\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
             _context.next = 16;
             return client.fetch(articlesQuery, params);
 

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -239,15 +239,15 @@ PartnerDetails.returnGetInitialProps = function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
 
 
             if (category) {
               // if partners page has a sub category such as onclive
               // e.g. /sap-partner/[category]/[partner]
 
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
             }
 
             taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
@@ -266,7 +266,7 @@ PartnerDetails.returnGetInitialProps = function () {
             taxonomyDetails = _ref4[2];
             articlesQueryFilters = '[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && is_visible == true \n    && defined(url) \n    && published <= now()\n    && passwordLocked != true \n    && references(\'' + taxonomyDetails.id + '\')\n  ]';
             articlesQuerySorts = 'order(published desc)[$from...$to]';
-            articlesQueryProjection = '{\n    title,\n    summary,\n    thumbnail,\n    url,\n    published,\n    contentCategory->\n  }';
+            articlesQueryProjection = '{\n    title,\n    summary,\n    thumbnail{ ..., asset-> },\n    url,\n    published,\n    contentCategory->\n  }';
             articlesQuery = ['*'].concat(articlesQueryFilters).concat(articlesQuerySorts).concat(articlesQueryProjection).join('|');
             totalArticlesCountQuery = 'count(' + ['*'].concat(articlesQueryFilters).join('|') + ')';
             _context.next = 19;

package/dist/cjs/{SocialSearchComponent-4942ddfc.js → SocialSearchComponent-b7faaedc.js}

@@ -21,7 +21,9 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   var type = _ref.type,
       socialIconVariant = _ref.socialIconVariant,
       website = _ref.website,
-      navID = _ref.navID;
+      navID = _ref.navID,
+      _ref$searchIconUrl = _ref.searchIconUrl,
+      searchIconUrl = _ref$searchIconUrl === undefined ? null : _ref$searchIconUrl;
 
   // Search Term
   var _useState = React.useState(''),
@@ -105,7 +107,12 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           { style: { padding: '6px' }, inline: true, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default['default'].createElement(FormControl__default['default'], { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          searchIconUrl && React__default['default'].createElement(
+            'div',
+            { style: { maxWidth: '90px', marginRight: '.5rem' } },
+            React__default['default'].createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
+          ),
+          React__default['default'].createElement(FormControl__default['default'], { style: { width: '50%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
           React__default['default'].createElement(
@@ -152,7 +159,12 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           { inline: true, style: { padding: '6px', width: '100%' }, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default['default'].createElement(FormControl__default['default'], { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          searchIconUrl && React__default['default'].createElement(
+            'div',
+            { style: { maxWidth: '90px', marginRight: '.5rem' } },
+            React__default['default'].createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
+          ),
+          React__default['default'].createElement(FormControl__default['default'], { style: { width: '20%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
           React__default['default'].createElement(

package/dist/cjs/TemplateNormal.js

@@ -57,7 +57,7 @@ require('./iconBase-be4097c0.js');
 require('./index.esm-00a6aade.js');
 require('./NavFooter-3dcd99a8.js');
 require('./index.esm-2bb721c8.js');
-require('./SocialSearchComponent-4942ddfc.js');
+require('./SocialSearchComponent-b7faaedc.js');
 require('./SocialIcons.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');

package/dist/cjs/getQuery.js

@@ -14,7 +14,7 @@ var getQuery = function getQuery(type) {
     case 'article':
       return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && is_visible != false\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                          body[] {\n                            ...,\n                            asset->,\n                            images[]{\n                              ...,\n                              asset->\n                            },\n                            content[]{\n                              ...,\n                              asset->\n                            },\n                            videos[]{\n                              ...,\n                              thumbnail{\n                                _type,\n                                asset->\n                              }\n                            },\n                            response[]{\n                              ...,\n                              asset->\n                            },\n                            quizzes[]{\n                              ...,\n                              answer[]{\n                                ...,\n                                asset->\n                              },\n                              question[]{\n                                ...,\n                                asset->\n                              }\n                            },\n                            poster {\n                              _type,\n                              asset->\n                            },\n                            slides[]{\n                              ...,\n                              slideshowImage{\n                              ...,\n                              asset->\n                              }\n                            },\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              },\n                              poster {\n                                _type,\n                                asset-> \n                              }\n                            },\n                            articles[]{\n                              ...,\n                              thumbnail{\n                                ...,\n                                asset-> \n                              },\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier,\n                            showSocialShare\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                            showSocialShare,\n                            \'path\': identifier.current,\n                            adTargetingURL\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            showSocialShare,\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
     case 'publication':
-      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
+      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                thumbnail{ ..., asset-> },\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
     case 'issue':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          }\n                        }\n                }\n        }';
     case 'externalResources':

package/dist/cjs/index.js

@@ -170,7 +170,7 @@ require('react-bootstrap/NavDropdown');
 require('./index.esm-c1e16606.js');
 require('./NavFooter-3dcd99a8.js');
 require('./index.esm-2bb721c8.js');
-require('./SocialSearchComponent-4942ddfc.js');
+require('./SocialSearchComponent-b7faaedc.js');
 require('react-bootstrap/FormControl');
 require('react-ga');
 require('react-bootstrap/Carousel');

package/dist/esm/AlgoliaSearch.js

@@ -14264,7 +14264,20 @@ var AlgoliaSearch = function (_React$Component) {
             onSearchParameters: this.props.onSearchParameters
           }, this.props),
           React__default.createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
-          React__default.createElement(SearchBox, null),
+          React__default.createElement(
+            'div',
+            { className: 'd-flex align-items-center' },
+            this.props.searchIconUrl && React__default.createElement(
+              'div',
+              { className: 'custom-search-img mr-2' },
+              React__default.createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
+            ),
+            React__default.createElement(
+              'div',
+              { style: { flex: '1 1 auto' } },
+              React__default.createElement(SearchBox, null)
+            )
+          ),
           this.props.refinementAttributes && React__default.createElement(
             'div',
             { className: 'search_refinement' },
@@ -14288,7 +14301,7 @@ var AlgoliaSearch = function (_React$Component) {
         React__default.createElement(
           'style',
           { jsx: 'true' },
-          '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div{\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: .5rem;\n            width: 100%;\n          }\n          @media only screen and (max-width: 568px) {\n            .hitResult {\n              flex-direction: column;\n              align-items: center;\n              border: none;\n              padding: 0;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - 150px);\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: 78px;\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
+          '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div {\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: 0.5rem;\n            width: 100%;\n          }\n          .custom-search-img{\n            max-width: 130px;\n          }\n          @media only screen and (max-width: 568px) {\n            .custom-search-img {\n              max-width: 80px;\n            }\n            .hitResult {\n              flex-direction: column;\n              align-items: center;\n              border: none;\n              padding: 0;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n            text-align: center\'\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
         )
       );
     }

package/dist/esm/HamMagazine.js

@@ -2,7 +2,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import { S as SocialNavFooter } from './index.esm-37268dca.js';
-import { S as SocialSearchComponent } from './SocialSearchComponent-8e0fcf66.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-4b56cd8c.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';
@@ -52,6 +52,8 @@ var HamMagazine = function HamMagazine(props) {
       socialIconVariant = _props$socialIconVari === undefined ? 'light' : _props$socialIconVari,
       invertedLogo = props.invertedLogo;
       props.settings;
+      var _props$searchIconUrl = props.searchIconUrl,
+      searchIconUrl = _props$searchIconUrl === undefined ? null : _props$searchIconUrl;
 
   var navRef = useRef(null);
   var topNavRef = useRef(null);
@@ -369,7 +371,7 @@ var HamMagazine = function HamMagazine(props) {
           React__default.createElement(
             'div',
             { className: 'is-mobile' },
-            React__default.createElement(SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
+            React__default.createElement(SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham', searchIconUrl: searchIconUrl })
           )
         ),
         React__default.createElement(
@@ -547,7 +549,7 @@ var HamMagazine = function HamMagazine(props) {
             React__default.createElement(
               'div',
               { className: 'is-desktop' },
-              React__default.createElement(SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
+              React__default.createElement(SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham', searchIconUrl: searchIconUrl })
             )
           ),
           website && React__default.createElement(

package/dist/esm/MediaSeriesLanding.js

@@ -396,7 +396,7 @@ MediaSeriesLanding.getInitialData = function () {
 
           case 9:
             docGroupID = _context2.sent;
-            seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail,\n        description,\n        topicMapping[]->,\n        isGated,\n        \'pageNumber\': ' + currentPage + ',\n        \'parentUrl\': \'' + identifier + '\'\n    }';
+            seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n        _id,\n        name,\n        identifier,\n        published,\n        thumbnail{ ..., asset-> },\n        description,\n        topicMapping[]->,\n        isGated,\n        \'pageNumber\': ' + currentPage + ',\n        \'parentUrl\': \'' + identifier + '\'\n    }';
             _context2.next = 13;
             return client.fetch(seriesQuery, params);
 

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -417,7 +417,7 @@ MediaSeriesLanding.getInitialData = function () {
             docGroupID = _context2.sent;
             seriesQueryFilters = '[\n    _type == \'documentGroup\' \n    && references(\'' + docGroupID._id + '\') \n    && isSeries != false \n    && isShow != false \n    && defined(published) \n    && published <= now()\n  ]';
             seriesQuerySorts = 'order(published desc) [$from...$to]';
-            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail,\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
+            seriesQueryProjection = '{\n    _id,\n    name,\n    identifier,\n    published,\n    thumbnail{ ..., asset-> },\n    description,\n    topicMapping[]->,\n    isGated,\n    \'parentUrl\': \'' + identifier + '\'\n  }';
             seriesQuery = ['*'].concat(seriesQueryFilters).concat(seriesQuerySorts).concat(seriesQueryProjection).join('|');
             totalSeriesCountQuery = 'count(' + ['*'].concat(seriesQueryFilters).join('|') + ')';
             _context2.next = 17;

package/dist/esm/NavMagazine.js

@@ -10,7 +10,7 @@ import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import { S as SocialNavFooter } from './index.esm-37268dca.js';
 import { c as main_44 } from './main-1894c974.js';
 import Segment from './Segment.js';
-import { S as SocialSearchComponent } from './SocialSearchComponent-8e0fcf66.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-4b56cd8c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './web.dom.iterable-ab4dea5c.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/PartnerDetailListing.js

@@ -232,15 +232,15 @@ PartnerDetails.returnGetInitialProps = function () {
         switch (_context.prev = _context.next) {
           case 0:
             today = moment().utc().format();
-            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
 
 
             if (category) {
               // if partners page has a sub category such as onclive
               // e.g. /sap-partner/[category]/[partner]
 
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
             }
 
             taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
@@ -257,7 +257,7 @@ PartnerDetails.returnGetInitialProps = function () {
             features = _ref4[0];
             partnerDetails = _ref4[1];
             taxonomyDetails = _ref4[2];
-            articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail,\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
+            articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail{ ..., asset-> },\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
             _context.next = 16;
             return client.fetch(articlesQuery, params);
 

package/dist/esm/PartnerDetailListingPaginated.js

@@ -233,15 +233,15 @@ PartnerDetails.returnGetInitialProps = function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
 
 
             if (category) {
               // if partners page has a sub category such as onclive
               // e.g. /sap-partner/[category]/[partner]
 
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
             }
 
             taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
@@ -260,7 +260,7 @@ PartnerDetails.returnGetInitialProps = function () {
             taxonomyDetails = _ref4[2];
             articlesQueryFilters = '[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && is_visible == true \n    && defined(url) \n    && published <= now()\n    && passwordLocked != true \n    && references(\'' + taxonomyDetails.id + '\')\n  ]';
             articlesQuerySorts = 'order(published desc)[$from...$to]';
-            articlesQueryProjection = '{\n    title,\n    summary,\n    thumbnail,\n    url,\n    published,\n    contentCategory->\n  }';
+            articlesQueryProjection = '{\n    title,\n    summary,\n    thumbnail{ ..., asset-> },\n    url,\n    published,\n    contentCategory->\n  }';
             articlesQuery = ['*'].concat(articlesQueryFilters).concat(articlesQuerySorts).concat(articlesQueryProjection).join('|');
             totalArticlesCountQuery = 'count(' + ['*'].concat(articlesQueryFilters).join('|') + ')';
             _context.next = 19;

package/dist/esm/{SocialSearchComponent-8e0fcf66.js → SocialSearchComponent-4b56cd8c.js}

@@ -12,7 +12,9 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   var type = _ref.type,
       socialIconVariant = _ref.socialIconVariant,
       website = _ref.website,
-      navID = _ref.navID;
+      navID = _ref.navID,
+      _ref$searchIconUrl = _ref.searchIconUrl,
+      searchIconUrl = _ref$searchIconUrl === undefined ? null : _ref$searchIconUrl;
 
   // Search Term
   var _useState = useState(''),
@@ -96,7 +98,12 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           { style: { padding: '6px' }, inline: true, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          searchIconUrl && React__default.createElement(
+            'div',
+            { style: { maxWidth: '90px', marginRight: '.5rem' } },
+            React__default.createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
+          ),
+          React__default.createElement(FormControl, { style: { width: '50%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
           React__default.createElement(
@@ -143,7 +150,12 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           { inline: true, style: { padding: '6px', width: '100%' }, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          searchIconUrl && React__default.createElement(
+            'div',
+            { style: { maxWidth: '90px', marginRight: '.5rem' } },
+            React__default.createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
+          ),
+          React__default.createElement(FormControl, { style: { width: '20%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
           React__default.createElement(

package/dist/esm/TemplateNormal.js

@@ -55,7 +55,7 @@ import './iconBase-ccc56b97.js';
 import './index.esm-f6156a57.js';
 import './NavFooter-e27bd93b.js';
 import './index.esm-37268dca.js';
-import './SocialSearchComponent-8e0fcf66.js';
+import './SocialSearchComponent-4b56cd8c.js';
 import './SocialIcons.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';

package/dist/esm/getQuery.js

@@ -12,7 +12,7 @@ var getQuery = function getQuery(type) {
     case 'article':
       return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && is_visible != false\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                          body[] {\n                            ...,\n                            asset->,\n                            images[]{\n                              ...,\n                              asset->\n                            },\n                            content[]{\n                              ...,\n                              asset->\n                            },\n                            videos[]{\n                              ...,\n                              thumbnail{\n                                _type,\n                                asset->\n                              }\n                            },\n                            response[]{\n                              ...,\n                              asset->\n                            },\n                            quizzes[]{\n                              ...,\n                              answer[]{\n                                ...,\n                                asset->\n                              },\n                              question[]{\n                                ...,\n                                asset->\n                              }\n                            },\n                            poster {\n                              _type,\n                              asset->\n                            },\n                            slides[]{\n                              ...,\n                              slideshowImage{\n                              ...,\n                              asset->\n                              }\n                            },\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              },\n                              poster {\n                                _type,\n                                asset-> \n                              }\n                            },\n                            articles[]{\n                              ...,\n                              thumbnail{\n                                ...,\n                                asset-> \n                              },\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier,\n                            showSocialShare\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                            showSocialShare,\n                            \'path\': identifier.current,\n                            adTargetingURL\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            showSocialShare,\n                            \'path\': identifier.current\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
     case 'publication':
-      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
+      return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                thumbnail{ ..., asset-> },\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
     case 'issue':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n            ' + params + '\n            ...,\n            \'issue\': *[_type == \'publication\'\n                && references(^._id)\n                && identifier.current == $issue][0] {\n                    ...,\n                    \'articles\': *[_type == \'article\'\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && is_visible\n                        && defined(url)\n                        && defined(published) \n                        && dateTime(published) <= dateTime(now())\n                        && passwordLock != true\n                        && references(^._id)] | order(published desc) {\n                          ...,\n                          authorMapping[0]->,\n                          contentCategory->,\n                          issueSection-> {\n                            name\n                          }\n                        }\n                }\n        }';
     case 'externalResources':

package/dist/esm/index.js

@@ -167,7 +167,7 @@ import 'react-bootstrap/NavDropdown';
 import './index.esm-9b042655.js';
 import './NavFooter-e27bd93b.js';
 import './index.esm-37268dca.js';
-import './SocialSearchComponent-8e0fcf66.js';
+import './SocialSearchComponent-4b56cd8c.js';
 import 'react-bootstrap/FormControl';
 import 'react-ga';
 import 'react-bootstrap/Carousel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.886",
+  "version": "1.0.887-search-test",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",