@newskit-render/standalone-components 0.26.1 → 0.27.1-alpha.0

package/dist/cjs/config/index.d.ts

@@ -1 +1,2 @@
-export declare const siteHost: string, algoliaApiKey: string, algoliaUrl: string, algoliaAppId: string, algoliaIndex: string;
+export declare const siteHost: string, algoliaApiKey: string, algoliaAppId: string, algoliaIndex: string;
+export declare const algoliaUrl: string;

package/dist/cjs/config/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.algoliaIndex = exports.algoliaAppId = exports.algoliaUrl = exports.algoliaApiKey = exports.siteHost = void 0;
+exports.algoliaUrl = exports.algoliaIndex = exports.algoliaAppId = exports.algoliaApiKey = exports.siteHost = void 0;
 var requiredConfigFields = ['SITE_HOST'];
 var getSanitizedConfig = function () {
     for (var _i = 0, requiredConfigFields_1 = requiredConfigFields; _i < requiredConfigFields_1.length; _i++) {
@@ -15,10 +15,10 @@ var getSanitizedConfig = function () {
         siteHost: process.env.SITE_HOST,
         algoliaApiKey: process.env.ALGOLIA_API_KEY,
         algoliaAppId: process.env.ALGOLIA_APP_ID,
-        algoliaUrl: process.env.ALGOLIA_URL,
         algoliaIndex: process.env.ALGOLIA_INDEX,
     };
 };
 var sanitizedConfig = getSanitizedConfig();
-exports.siteHost = sanitizedConfig.siteHost, exports.algoliaApiKey = sanitizedConfig.algoliaApiKey, exports.algoliaUrl = sanitizedConfig.algoliaUrl, exports.algoliaAppId = sanitizedConfig.algoliaAppId, exports.algoliaIndex = sanitizedConfig.algoliaIndex;
+exports.siteHost = sanitizedConfig.siteHost, exports.algoliaApiKey = sanitizedConfig.algoliaApiKey, exports.algoliaAppId = sanitizedConfig.algoliaAppId, exports.algoliaIndex = sanitizedConfig.algoliaIndex;
+exports.algoliaUrl = "https://" + exports.algoliaAppId + ".algolia.net/1/indexes/" + exports.algoliaIndex;
 //# sourceMappingURL=index.js.map

package/dist/cjs/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;AAAA,IAAM,oBAAoB,GAAa,CAAC,WAAW,CAAC,CAAA;AAEpD,IAAM,kBAAkB,GAAG;IACzB,KAAkB,UAAoB,EAApB,6CAAoB,EAApB,kCAAoB,EAApB,IAAoB,EAAE;QAAnC,IAAM,GAAG,6BAAA;QACZ,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC9B,IACE,OAAO,MAAM,IAAI,WAAW;YAC5B,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,EAC1C;YACA,MAAM,IAAI,KAAK,CAAC,iBAAe,GAAG,YAAS,CAAC,CAAA;SAC7C;KACF;IACD,OAAO;QACL,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,SAAmB;QACzC,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,eAAyB;QACpD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,cAAwB;QAClD,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,WAAqB;QAC7C,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,aAAuB;KAClD,CAAA;AACH,CAAC,CAAA;AACD,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAE1C,QAAA,QAAQ,GAKN,eAAe,WAJjB,QAAA,aAAa,GAIX,eAAe,gBAHjB,QAAA,UAAU,GAGR,eAAe,aAFjB,QAAA,YAAY,GAEV,eAAe,eADjB,QAAA,YAAY,GACV,eAAe,cAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;AAAA,IAAM,oBAAoB,GAAa,CAAC,WAAW,CAAC,CAAA;AAEpD,IAAM,kBAAkB,GAAG;IACzB,KAAkB,UAAoB,EAApB,6CAAoB,EAApB,kCAAoB,EAApB,IAAoB,EAAE;QAAnC,IAAM,GAAG,6BAAA;QACZ,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC9B,IACE,OAAO,MAAM,IAAI,WAAW;YAC5B,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,EAC1C;YACA,MAAM,IAAI,KAAK,CAAC,iBAAe,GAAG,YAAS,CAAC,CAAA;SAC7C;KACF;IACD,OAAO;QACL,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,SAAmB;QACzC,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,eAAyB;QACpD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,cAAwB;QAClD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,aAAuB;KAClD,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAE1C,QAAA,QAAQ,GAIN,eAAe,WAHjB,QAAA,aAAa,GAGX,eAAe,gBAFjB,QAAA,YAAY,GAEV,eAAe,eADjB,QAAA,YAAY,GACV,eAAe,cAAA;AAEN,QAAA,UAAU,GAAG,aAAW,oBAAY,+BAA0B,oBAAc,CAAA"}

package/dist/cjs/help-hub/components/ContentListView/ContentListView.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Hit } from 'help-hub/types';
 export declare const ContentListView: React.FC<{
-    data?: any[];
+    data?: Hit[];
 }>;

package/dist/cjs/help-hub/components/ContentListView/ContentListView.js

@@ -1,5 +1,6 @@
 "use strict";
 //TODO: Move ContentViewList to shared-components
+/* istanbul ignore file */
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -24,10 +25,8 @@ var ContentListView = function (_a) {
     data = _b === void 0 ? [] : _b;
     return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
         react_1.default.createElement(StyledStructuredList, { ariaLabel: "list" }, data.map(function (element, i) {
-            var _a = element, title = _a.title, description = _a.description;
-            return (react_1.default.createElement(newskit_1.StructuredListItem, { key: i },
-                title && react_1.default.createElement(newskit_1.StructuredListCell, null, title),
-                description && (react_1.default.createElement(newskit_1.StructuredListCell, null, description))));
+            var title = element.title;
+            return (react_1.default.createElement(newskit_1.StructuredListItem, { key: i }, title && react_1.default.createElement(newskit_1.StructuredListCell, null, title)));
         }))));
 };
 exports.ContentListView = ContentListView;

package/dist/cjs/help-hub/components/ContentListView/ContentListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/ContentListView.tsx"],"names":[],"mappings":";AAAA,iDAAiD;;;;;;;;;;AAEjD,gDAAyB;AACzB,mCAkBgB;AAChB,gDAAgD;AAEhD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,4HAAA,yDAGlD;IAED,8DAA8D;IAF7D,CAAA;AAED,8DAA8D;AACvD,IAAM,eAAe,GAA+B,UAAC,EAG3D;;IAFC,YAAY;IACZ,YAAS;IADT,YAAY;IACZ,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,CACL,8BAAC,4BAAkB;QAMjB,8BAAC,oBAAoB,IAAC,SAAS,EAAC,MAAM,IACnC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;YACb,IAAA,KAAyB,OAK9B,EALO,KAAK,WAAA,EAAE,WAAW,iBAKzB,CAAA;YAED,OAAO,CACL,8BAAC,4BAAkB,IACjB,GAAG,EAAE,CAAC;gBASL,KAAK,IAAI,8BAAC,4BAAkB,QAAE,KAAK,CAAsB;gBAEzD,WAAW,IAAI,CACd,8BAAC,4BAAkB,QAAE,WAAW,CAAsB,CACvD,CAUkB,CACtB,CAAA;QACH,CAAC,CAAC,CACmB,CACJ,CACtB,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,eAAe,mBAmD3B"}
+{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/ContentListView/ContentListView.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,0BAA0B;;;;;;;;;;AAE1B,gDAAyB;AACzB,mCAkBgB;AAGhB,gDAAgD;AAEhD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,4HAAA,yDAGlD;IAED,8DAA8D;IAF7D,CAAA;AAED,8DAA8D;AACvD,IAAM,eAAe,GAA+B,UAAC,EAG3D;;IAFC,YAAY;IACZ,YAAS;IADT,YAAY;IACZ,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,CACL,8BAAC,4BAAkB;QAMjB,8BAAC,oBAAoB,IAAC,SAAS,EAAC,MAAM,IACnC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;YAEjB,IAAA,KAAK,GAEH,OAAO,MAFJ,CAEI;YAEX,OAAO,CACL,8BAAC,4BAAkB,IACjB,GAAG,EAAE,CAAC,IASL,KAAK,IAAI,8BAAC,4BAAkB,QAAE,KAAK,CAAsB,CAYvC,CACtB,CAAA;QACH,CAAC,CAAC,CACmB,CACJ,CACtB,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,eAAe,mBA+C3B"}

package/dist/cjs/help-hub/components/SearchBar/SearchBar.js

@@ -14,10 +14,10 @@ var Autocomplete_1 = require("./components/Autocomplete");
 var AlgoliaTheme_1 = require("./components/AlgoliaTheme");
 var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 auto;\n  max-width: 440px;\n  width: 100%;\n  & .aa-Panel {\n    z-index: 2;\n    width: 100%;\n    max-width: 440px;\n  }\n  & .aa-Form {\n    z-index: 2;\n  }\n"], ["\n  margin: 0 auto;\n  max-width: 440px;\n  width: 100%;\n  & .aa-Panel {\n    z-index: 2;\n    width: 100%;\n    max-width: 440px;\n  }\n  & .aa-Form {\n    z-index: 2;\n  }\n"])));
 var SearchBar = function (_a) {
-    var credentials = _a.credentials, _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b;
+    var _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b;
     return (react_1.default.createElement(StyledBlock, null,
         react_1.default.createElement(newskit_1.Global, { styles: AlgoliaTheme_1.AlgoliaStyling }),
-        react_1.default.createElement(Autocomplete_1.Autocomplete, { placeholder: placeholder, openOnFocus: true, debug: false, credentials: credentials })));
+        react_1.default.createElement(Autocomplete_1.Autocomplete, { placeholder: placeholder, openOnFocus: true, debug: false })));
 };
 exports.SearchBar = SearchBar;
 exports.default = exports.SearchBar;

package/dist/cjs/help-hub/components/SearchBar/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+C;AAC/C,0DAAwD;AACxD,0DAA0D;AAG1D,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qPAAA,kLAYhC,IAAA,CAAA;AAEM,IAAM,SAAS,GAA6B,UAAC,EAGnD;QAFC,WAAW,iBAAA,EACX,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA;IAEtB,OAAO,CACL,8BAAC,WAAW;QACV,8BAAC,gBAAM,IAAC,MAAM,EAAE,6BAAc,GAAI;QAClC,8BAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,SAAS,aAerB;AAED,kBAAe,iBAAS,CAAA"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+C;AAC/C,0DAAwD;AACxD,0DAA0D;AAG1D,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qPAAA,kLAYhC,IAAA,CAAA;AAEM,IAAM,SAAS,GAA6B,UAAC,EAEnD;QADC,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA;IAEtB,OAAO,CACL,8BAAC,WAAW;QACV,8BAAC,gBAAM,IAAC,MAAM,EAAE,6BAAc,GAAI;QAClC,8BAAC,2BAAY,IACX,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,KAAK,GACZ,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB;AAED,kBAAe,iBAAS,CAAA"}

package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.d.ts

@@ -1,6 +1,4 @@
 import { AutocompleteOptions } from '@algolia/autocomplete-core';
-import { AlgoliaCredentials, AutocompleteItem } from 'help-hub/types';
+import { Hit } from 'help-hub/types';
 import React from 'react';
-export declare const Autocomplete: React.FC<Partial<AutocompleteOptions<AutocompleteItem>> & {
-    credentials: AlgoliaCredentials;
-}>;
+export declare const Autocomplete: React.FC<Partial<AutocompleteOptions<Hit>>>;

package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js

@@ -42,12 +42,16 @@ exports.Autocomplete = void 0;
 var autocomplete_core_1 = require("@algolia/autocomplete-core");
 var autocomplete_preset_algolia_1 = require("@algolia/autocomplete-preset-algolia");
 var lite_1 = __importDefault(require("algoliasearch/lite"));
+var CredentialsProvider_1 = require("../../../provider/CredentialsProvider");
 var newskit_1 = require("newskit");
 var react_1 = __importStar(require("react"));
 var Highlight_1 = require("./Highlight");
+var shared_components_1 = require("@newskit-render/shared-components");
+var router_1 = require("next/router");
 var FadedBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  inset: 0px;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1;\n"], ["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  inset: 0px;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1;\n"])));
 var Autocomplete = function (props) {
-    var _a = props.credentials, appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
+    var _a = (0, CredentialsProvider_1.useCredentialsContext)(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
+    var router = (0, router_1.useRouter)();
     var searchClient = (0, lite_1.default)(appId, apiKey);
     var _b = react_1.default.useState({
         collections: [],
@@ -81,10 +85,6 @@ var Autocomplete = function (props) {
                                 ],
                             });
                         },
-                        getItemUrl: function (_a) {
-                            var item = _a.item;
-                            return item.url;
-                        },
                     },
                 ];
             } }, props));
@@ -114,14 +114,18 @@ var Autocomplete = function (props) {
         setToggleBackground(!toggleBackground);
     };
     var handleBackgorundClick = function () {
-        var _a;
+        var _a, _b;
         (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.reset();
+        (_b = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         setAutocompleteState(__assign(__assign({}, autocompleteState), { isOpen: false }));
         setToggleBackground(!toggleBackground);
     };
     return (react_1.default.createElement("div", __assign({ className: "aa-Autocomplete" }, autocomplete.getRootProps({})),
         toggleBackground && react_1.default.createElement(FadedBlock, { onClick: handleBackgorundClick }),
-        react_1.default.createElement("form", __assign({ ref: formRef, className: "aa-Form" }, autocomplete.getFormProps({ inputElement: inputRef.current })),
+        react_1.default.createElement("form", __assign({ ref: formRef, className: "aa-Form" }, autocomplete.getFormProps({ inputElement: inputRef.current }), { onSubmit: function (e) {
+                e.preventDefault();
+                router.push("/help-hub/results?q=" + autocompleteState.query);
+            } }),
             react_1.default.createElement("div", { className: "aa-InputWrapperPrefix" },
                 react_1.default.createElement("label", __assign({ className: "aa-Label" }, autocomplete.getLabelProps({})),
                     react_1.default.createElement("button", { className: "aa-SubmitButton", type: "submit", title: "Submit" },
@@ -133,7 +137,7 @@ var Autocomplete = function (props) {
             react_1.default.createElement("div", { className: "aa-InputWrapperSuffix" },
                 react_1.default.createElement("button", { className: "aa-ClearButton", title: "Clear", type: "reset" },
                     react_1.default.createElement(newskit_1.IconFilledClear, null)))),
-        autocompleteState.isOpen && (react_1.default.createElement("div", __assign({ ref: panelRef, "data-testid": "autocomplete-panel", className: [
+        toggleBackground && (react_1.default.createElement("div", __assign({ ref: panelRef, "data-testid": "autocomplete-panel", className: [
                 'aa-Panel',
                 'aa-Panel--desktop',
                 autocompleteState.status === 'stalled' && 'aa-Panel--stalled',
@@ -144,15 +148,12 @@ var Autocomplete = function (props) {
                 var source = collection.source, items = collection.items;
                 return (react_1.default.createElement("section", { key: "source-" + index, className: "aa-Source" }, items.length > 0 && (react_1.default.createElement("ul", __assign({ className: "aa-List" }, autocomplete.getListProps()), items.map(function (item) {
                     return (react_1.default.createElement("li", __assign({ key: item.objectID, className: "aa-Item" }, autocomplete.getItemProps({ item: item, source: source })),
-                        react_1.default.createElement("div", { className: "aa-ItemWrapper" },
-                            react_1.default.createElement("div", { className: "aa-ItemContent" },
-                                react_1.default.createElement("div", { className: "aa-ItemContentBody" },
-                                    react_1.default.createElement("div", { className: "aa-ItemContentTitle" },
-                                        react_1.default.createElement(Highlight_1.Highlight, { hit: item, attribute: "title" })))),
-                            react_1.default.createElement("div", { className: "aa-ItemActions" },
-                                react_1.default.createElement("button", { className: "aa-ItemActionButton aa-DesktopOnly aa-ActiveOnly", type: "button", title: "Select", style: { pointerEvents: 'none' } },
-                                    react_1.default.createElement("svg", { fill: "currentColor", viewBox: "0 0 24 24" },
-                                        react_1.default.createElement("path", { d: "M18.984 6.984h2.016v6h-15.188l3.609 3.609-1.406 1.406-6-6 6-6 1.406 1.406-3.609 3.609h13.172v-4.031z" })))))));
+                        react_1.default.createElement(shared_components_1.NextLink, { type: "standalone", href: "/help-hub/article/" + item.objectID },
+                            react_1.default.createElement("div", { className: "aa-ItemWrapper" },
+                                react_1.default.createElement("div", { className: "aa-ItemContent" },
+                                    react_1.default.createElement("div", { className: "aa-ItemContentBody" },
+                                        react_1.default.createElement("div", { className: "aa-ItemContentTitle" },
+                                            react_1.default.createElement(Highlight_1.Highlight, { hit: item, attribute: "title" }))))))));
                 })))));
             }))))));
 };

package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/help-hub/components/SearchBar/types.d.ts

@@ -1,5 +1,3 @@
-import { AlgoliaCredentials } from 'help-hub/types';
 export declare type SearchBarProps = {
-    credentials: AlgoliaCredentials;
     placeholder?: string;
 };

package/dist/cjs/help-hub/context/baseContext.js

@@ -46,20 +46,14 @@ exports.baseContext = {
         titleOverrides: {
             typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
             stylePreset: 'inkContrast',
-            spaceStack: {
-                xs: 'space040',
-                sm: 'space030',
-            },
+            spaceStack: 'space000',
             as: 'h1',
         },
         description: '',
         descriptionOverrides: {
             typographyPreset: { xs: 'utilityBody020', sm: 'utilityBody030' },
             stylePreset: 'inkBase',
-            spaceStack: {
-                xs: 'space050',
-                sm: 'space060',
-            },
+            spaceStack: 'space000',
         },
         backButtonOverrides: {
             spaceStack: { xs: 'space050', sm: 'space060', md: 'space070' },
@@ -70,6 +64,18 @@ exports.baseContext = {
         spaceStack: { xs: 'space050', sm: 'space060', md: 'space040' },
         showDivider: false,
     },
+    searchBar: {
+        spaceStack: { xs: 'space060', sm: 'space080' },
+    },
+    contentListView: {
+        introduction: {
+            spaceStack: 'space060',
+        },
+    },
+    contentContainer: {
+        spaceStack: { xs: 'space070', md: 'space090' },
+    },
+    spaceStack: { xs: 'space070', md: 'space090' },
     inputPlaceholder: 'Describe your issue',
     footer: {
         menuItemArray: [

package/dist/cjs/help-hub/context/baseContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/help-hub/context/types.d.ts

@@ -1,4 +1,5 @@
 import { FooterContext, FooterContextOverrides, HeaderProps, NavigationPrimaryProps, SEOProps } from '@newskit-render/shared-components';
+import { MQ } from 'newskit';
 import { ReactNode } from 'react';
 import { AlgoliaCredentials } from '../types';
 export interface ContextProviderProps {
@@ -19,13 +20,27 @@ export interface BaseContextOptions {
     header: HeaderProps;
     footer: FooterContext;
     footerOverrides?: FooterContextOverrides;
+    searchBar: SearchBarOverrides;
+    contentListView: ContentListViewOverrides;
+    contentContainer: ContentContainerOverrides;
+    spaceStack: MQ<string>;
+}
+interface SearchBarOverrides {
+    spaceStack: MQ<string>;
+}
+interface ContentContainerOverrides {
+    spaceStack: MQ<string>;
+}
+interface ContentListViewOverrides {
+    introduction: {
+        spaceStack: string;
+    };
 }
 export interface LandingPageContextOptions extends BaseContextOptions {
     contentViewList: any;
     mostReadArticles: Array<any>;
 }
 export interface ResultsPageContextOptions extends BaseContextOptions {
-    searchResultArticles: Array<any>;
 }
 export interface ArticlePageContextOptions extends BaseContextOptions {
     title: string;
@@ -33,3 +48,4 @@ export interface ArticlePageContextOptions extends BaseContextOptions {
     credentials: AlgoliaCredentials;
 }
 export declare type ContextOptions = LandingPageContextOptions | ResultsPageContextOptions | ArticlePageContextOptions;
+export {};

package/dist/cjs/help-hub/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/context/types.ts"],"names":[],"mappings":";;;AAeA,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;AAC/B,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/context/types.ts"],"names":[],"mappings":";;;AAiBA,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;IAC7B,0CAA6B,CAAA;AAC/B,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB"}

package/dist/cjs/help-hub/pages/ArticlePage.js

@@ -28,9 +28,10 @@ var Templates_1 = __importDefault(require("../components/Templates"));
 var SearchBar_1 = require("../components/SearchBar");
 var types_1 = require("../context/types");
 var context_1 = require("../context");
+var CredentialsProvider_1 = require("../provider/CredentialsProvider");
 var ContentBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  letter-spacing: 0;\n  padding: 1px 0px;\n"], ["\n  display: block;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  letter-spacing: 0;\n  padding: 1px 0px;\n"])), (0, newskit_1.getFontsFromTheme)('fontFamily010'), (0, newskit_1.getFontsFromTheme)('fontSize030'), (0, newskit_1.getFontsFromTheme)('fontWeight010'), (0, newskit_1.getFontsFromTheme)('fontLineHeight040'));
 var PageContent = function () {
-    var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.articlePage), title = _a.title, content = _a.content, inputPlaceholder = _a.inputPlaceholder, credentials = _a.credentials;
+    var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.articlePage), title = _a.title, content = _a.content, inputPlaceholder = _a.inputPlaceholder;
     var xssOptions = {
         whiteList: { p: [], a: ['href'], br: [], img: [], b: [], strong: [] },
         stripIgnoreTag: true,
@@ -39,7 +40,7 @@ var PageContent = function () {
     var sanitizedArticleContent = (0, xss_1.default)(content, xssOptions);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
-        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder, credentials: credentials }),
+        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
         react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
         react_1.default.createElement(shared_components_1.Introduction, { title: title }),
         react_1.default.createElement(ContentBlock, { "data-testid": "content-block", spaceStack: {
@@ -51,9 +52,10 @@ var PageContent = function () {
 exports.PageContent = PageContent;
 var ArticlePage = function (_a) {
     var credentials = _a.credentials, content = _a.content, title = _a.title, context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
-    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, { content: content, title: title, credentials: credentials }, context));
-    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
-        react_1.default.createElement(exports.PageContent, null)));
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, { content: content, title: title }, context));
+    return (react_1.default.createElement(CredentialsProvider_1.CredentialsContextProvider, { credentials: credentials },
+        react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+            react_1.default.createElement(exports.PageContent, null))));
 };
 exports.ArticlePage = ArticlePage;
 exports.default = exports.ArticlePage;

package/dist/cjs/help-hub/pages/ArticlePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticlePage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ArticlePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,4CAAqB;AACrB,mCAA0D;AAC1D,uEAAgE;AAChE,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAE9C,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,2NAAA,sCAEjB,EAAkC,kBACpC,EAAgC,oBAC9B,EAAkC,oBAClC,EAAsC,gDAGtD,KANgB,IAAA,2BAAiB,EAAC,eAAe,CAAC,EACpC,IAAA,2BAAiB,EAAC,aAAa,CAAC,EAC9B,IAAA,2BAAiB,EAAC,eAAe,CAAC,EAClC,IAAA,2BAAiB,EAAC,mBAAmB,CAAC,CAGtD,CAAA;AACM,IAAM,WAAW,GAAG;IACnB,IAAA,KAAoD,IAAA,2BAAiB,EACzE,mBAAW,CAAC,WAAW,CACK,EAFtB,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,WAAW,iBAEvB,CAAA;IAC9B,IAAM,UAAU,GAAG;QACjB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACrE,cAAc,EAAE,IAAI;QACpB,kBAAkB,EAAE,CAAC,QAAQ,CAAC;KAC/B,CAAA;IACD,IAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IACxD,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,GAAI;QACtE,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,gCAAY,IAAC,KAAK,EAAE,KAAK,GAAI;QAC9B,8BAAC,YAAY,mBACC,eAAe,EAC3B,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf,EACD,EAAE,EAAC,MAAM,EACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,uBAAuB,EAAE,GAC5D;QACF,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CACxC,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,WAAW,eA4BvB;AAEM,IAAM,WAAW,GAA+B,UAAC,EAQvD;QAPC,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,EAAE,OAAO,SAAA,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,EAAE,OAAO,CAAC,CACxD,CAAA;IACD,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,8BAAC,mBAAW,OAAG,CACR,CACV,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,WAAW,eAsBvB;AAED,kBAAe,mBAAW,CAAA"}
+{"version":3,"file":"ArticlePage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ArticlePage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,4CAAqB;AACrB,mCAA0D;AAC1D,uEAAgE;AAChE,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAC9C,uEAA4E;AAE5E,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,2NAAA,sCAEjB,EAAkC,kBACpC,EAAgC,oBAC9B,EAAkC,oBAClC,EAAsC,gDAGtD,KANgB,IAAA,2BAAiB,EAAC,eAAe,CAAC,EACpC,IAAA,2BAAiB,EAAC,aAAa,CAAC,EAC9B,IAAA,2BAAiB,EAAC,eAAe,CAAC,EAClC,IAAA,2BAAiB,EAAC,mBAAmB,CAAC,CAGtD,CAAA;AACM,IAAM,WAAW,GAAG;IACnB,IAAA,KAAuC,IAAA,2BAAiB,EAC5D,mBAAW,CAAC,WAAW,CACK,EAFtB,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,sBAEV,CAAA;IAC9B,IAAM,UAAU,GAAG;QACjB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACrE,cAAc,EAAE,IAAI;QACpB,kBAAkB,EAAE,CAAC,QAAQ,CAAC;KAC/B,CAAA;IACD,IAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IACxD,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;QAC5C,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,gCAAY,IAAC,KAAK,EAAE,KAAK,GAAI;QAC9B,8BAAC,YAAY,mBACC,eAAe,EAC3B,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf,EACD,EAAE,EAAC,MAAM,EACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,uBAAuB,EAAE,GAC5D;QACF,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CACxC,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,WAAW,eA4BvB;AAEM,IAAM,WAAW,GAA+B,UAAC,EAQvD;QAPC,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA;IAEnB,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,EAAE,OAAO,SAAA,EAAE,KAAK,OAAA,EAAE,EAAE,OAAO,CAAC,CAC3C,CAAA;IACD,OAAO,CACL,8BAAC,gDAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,mBAAW,OAAG,CACR,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,WAAW,eAwBvB;AAED,kBAAe,mBAAW,CAAA"}

package/dist/cjs/help-hub/pages/LandingPage.js

@@ -24,6 +24,7 @@ var ContentListView_1 = require("../components/ContentListView");
 var SearchBar_1 = require("../components/SearchBar");
 var types_1 = require("../context/types");
 var context_1 = require("../context");
+var CredentialsProvider_1 = require("../provider/CredentialsProvider");
 var replaceDataWithMostReadedArticles = [
     {
         title: 'My voucher booklet has not arrived, what do I do?',
@@ -61,25 +62,25 @@ exports.LandingPageContext = {
     },
     mostReadArticles: replaceDataWithMostReadedArticles, // Update in context tests as well
 };
-var PageContent = function (_a) {
-    var credentials = _a.credentials;
-    var _b = (0, context_1.useHelpHubContext)(types_1.ContextName.landingPage), header = _b.header, inputPlaceholder = _b.inputPlaceholder, contentViewList = _b.contentViewList, mostReadArticles = _b.mostReadArticles;
+var PageContent = function () {
+    var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.landingPage), header = _a.header, inputPlaceholder = _a.inputPlaceholder, contentViewList = _a.contentViewList, mostReadArticles = _a.mostReadArticles, searchBar = _a.searchBar, contentListView = _a.contentListView, contentContainer = _a.contentContainer, spaceStack = _a.spaceStack;
     // NOTE: Add LandingPage custom data logic here
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: contentContainer.spaceStack }),
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder, credentials: credentials }),
-        react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space100' } }),
-        react_1.default.createElement(shared_components_1.Introduction, { title: contentViewList.introduction.title }),
+        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
+        react_1.default.createElement(shared_components_1.Introduction, { title: contentViewList.introduction.title, titleOverrides: contentListView.introduction }),
         react_1.default.createElement(ContentListView_1.ContentListView, { data: mostReadArticles }),
-        react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } })));
+        react_1.default.createElement(newskit_1.Block, { spaceStack: spaceStack })));
 };
 // TODO: Create credentials provider
 var LandingPage = function (_a) {
     var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, credentials = _a.credentials;
-    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, exports.LandingPageContext, context));
-    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
-        react_1.default.createElement(PageContent, { credentials: credentials })));
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.LandingPageContext), { credentials: credentials }), context));
+    return (react_1.default.createElement(CredentialsProvider_1.CredentialsContextProvider, { credentials: credentials },
+        react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+            react_1.default.createElement(PageContent, null))));
 };
 exports.LandingPage = LandingPage;
 exports.default = exports.LandingPage;

package/dist/cjs/help-hub/pages/LandingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/LandingPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAAwE;AACxE,sEAA4C;AAC5C,iEAA+D;AAC/D,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAG9C,IAAM,iCAAiC,GAAG;IACxC;QACE,KAAK,EAAE,mDAAmD;QAC1D,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,mCAAmC;QAC1C,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,gDAAgD;QACvD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,uCAAuC;QAC9C,GAAG,EAAE,GAAG;KACT;CACF,CAAA;AAEY,QAAA,kBAAkB,GAAuC;IACpE,MAAM,EAAE;QACN,KAAK,EAAE,kBAAkB;KAC1B;IACD,eAAe,EAAE;QACf,YAAY,EAAE;YACZ,KAAK,EAAE,wBAAwB;SAChC;KACF;IACD,gBAAgB,EAAE,iCAAiC,EAAE,kCAAkC;CACxF,CAAA;AAED,IAAM,WAAW,GAAkD,UAAC,EAEnE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAA8B,EAJzE,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBACyD,CAAA;IAE3E,+CAA+C;IAC/C,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,GAAI;QACtE,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QACzC,8BAAC,gCAAY,IAAC,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,KAAK,GAAI;QAC3D,8BAAC,iCAAe,IAAC,IAAI,EAAE,gBAAgB,GAAoB;QAC3D,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CACxC,CACJ,CAAA;AACH,CAAC,CAAA;AAED,oCAAoC;AAE7B,IAAM,WAAW,GAA4B,UAAC,EAMpD;QALC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,0BAAkB,EAAE,OAAO,CAAC,CAC3C,CAAA;IAED,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;QAExC,8BAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAClC,CACV,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,WAAW,eAqBvB;AAED,kBAAe,mBAAW,CAAA"}
+{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/LandingPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAAwE;AACxE,sEAA4C;AAC5C,iEAA+D;AAC/D,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAC9C,uEAA4E;AAE5E,IAAM,iCAAiC,GAAG;IACxC;QACE,KAAK,EAAE,mDAAmD;QAC1D,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,mCAAmC;QAC1C,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,gDAAgD;QACvD,GAAG,EAAE,GAAG;KACT;IACD;QACE,KAAK,EAAE,uCAAuC;QAC9C,GAAG,EAAE,GAAG;KACT;CACF,CAAA;AAEY,QAAA,kBAAkB,GAAuC;IACpE,MAAM,EAAE;QACN,KAAK,EAAE,kBAAkB;KAC1B;IACD,eAAe,EAAE;QACf,YAAY,EAAE;YACZ,KAAK,EAAE,wBAAwB;SAChC;KACF;IACD,gBAAgB,EAAE,iCAAiC,EAAE,kCAAkC;CACxF,CAAA;AAED,IAAM,WAAW,GAAa;IACtB,IAAA,KASF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAA8B,EARzE,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,UAAU,gBAC+D,CAAA;IAE3E,+CAA+C;IAC/C,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,gBAAgB,CAAC,UAAU,GAAI;QAClD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;QAC5C,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,gCAAY,IACX,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,KAAK,EACzC,cAAc,EAAE,eAAe,CAAC,YAAY,GAC5C;QACF,8BAAC,iCAAe,IAAC,IAAI,EAAE,gBAAgB,GAAoB;QAC3D,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAChC,CACJ,CAAA;AACH,CAAC,CAAA;AAED,oCAAoC;AAE7B,IAAM,WAAW,GAA4B,UAAC,EAMpD;QALC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,wBAAO,0BAAkB,KAAE,WAAW,aAAA,KAAI,OAAO,CAAC,CAC/D,CAAA;IAED,OAAO,CACL,8BAAC,gDAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,WAAW,OAAG,CACR,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,WAAW,eAuBvB;AAED,kBAAe,mBAAW,CAAA"}

package/dist/cjs/help-hub/pages/ResultsPage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BasePageProps } from './types';
+import { ResultsPageProps } from './types';
 import { ResultsPageContextOptions } from '../context/types';
 export declare const ResultsPageContext: Partial<ResultsPageContextOptions>;
-export declare const ResultsPage: React.FC<BasePageProps>;
+export declare const ResultsPage: React.FC<ResultsPageProps>;
 export default ResultsPage;

package/dist/cjs/help-hub/pages/ResultsPage.js

@@ -24,106 +24,47 @@ var ContentListView_1 = require("../components/ContentListView");
 var SearchBar_1 = require("../components/SearchBar");
 var types_1 = require("../context/types");
 var context_1 = require("../context");
-var replaceDataWithSearchResults = [
-    {
-        title: 'What payments methods are available for the purchase of a Times subscription?',
-        url: '#',
-    },
-    {
-        title: 'How do I update my payment details?',
-        url: '#',
-    },
-    {
-        title: 'How can I get a copy of a payment invoice?',
-        url: '#',
-    },
-    {
-        title: 'What is The Times Currency service?',
-        url: '#',
-    },
-    {
-        title: 'When do I pay for my vouchers?',
-        url: '#',
-    },
-    {
-        title: 'What is The Times Currency service?',
-        url: '#',
-    },
-    {
-        title: 'What is my notice period for my voucher subscription?',
-        url: '#',
-    },
-    {
-        title: 'How long is my subscription?',
-        url: '#',
-    },
-    {
-        title: 'Our contact centre is currently closed due to a power cut',
-        url: '#',
-    },
-    {
-        title: 'The Sunday Times Travel Magazine Closure FAQs',
-        url: '#',
-    },
-    {
-        title: 'What payments methods are available for the purchase of a Times subscription?',
-        url: '#',
-    },
-    {
-        title: 'How do I update my payment details?',
-        url: '#',
-    },
-    {
-        title: 'How can I get a copy of a payment invoice?',
-        url: '#',
-    },
-    {
-        title: 'When do I pay for my vouchers?',
-        url: '#',
-    },
-    {
-        title: 'What is The Times Currency service?',
-        url: '#',
-    },
-    {
-        title: 'What is my notice period for my voucher subscription?',
-        url: '#',
-    },
-    {
-        title: 'How long is my subscription?',
-        url: '#',
-    },
-    {
-        title: 'Our contact centre is currently closed due to a power cut',
-        url: '#',
-    },
-    {
-        title: 'The Sunday Times Travel Magazine Closure FAQs',
-        url: '#',
-    },
-];
+var CredentialsProvider_1 = require("../provider/CredentialsProvider");
+var router_1 = require("next/router");
 exports.ResultsPageContext = {
     header: {
         title: 'Search results',
-        description: 'Your search for ’account’ returned 20 results',
+        description: 'Your search for "##QUERY##" returned ##COUNT## results',
+        titleOverrides: {
+            spaceStack: 'space050',
+        },
+        spaceStack: 'space060',
+    },
+    contentContainer: {
+        spaceStack: { xs: 'space045', md: 'space070' },
+    },
+    searchBar: {
+        spaceStack: { xs: 'space060', md: 'space070' },
     },
-    searchResultArticles: replaceDataWithSearchResults, // Update in context tests as well
+    spaceStack: { xs: 'space060', sm: 'space070', md: 'space090' },
 };
-var PageContent = function () {
-    var _a = (0, context_1.useHelpHubContext)(types_1.ContextName.resultsPage), header = _a.header, inputPlaceholder = _a.inputPlaceholder, searchResultArticles = _a.searchResultArticles;
-    // NOTE: Add ResultsPage custom data logic here
+var PageContent = function (_a) {
+    var hits = _a.hits;
+    var _b = (0, context_1.useHelpHubContext)(types_1.ContextName.resultsPage), header = _b.header, inputPlaceholder = _b.inputPlaceholder, contentContainer = _b.contentContainer, searchBar = _b.searchBar;
+    var q = (0, router_1.useRouter)().query.q;
+    var description = header.description;
+    var newDescription = description
+        .replace('##QUERY##', q)
+        .replace('##COUNT##', hits.length.toString());
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } }),
-        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder, credentials: { apiKey: '', appId: '', indexName: '' } }),
-        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(ContentListView_1.ContentListView, { data: searchResultArticles }),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: contentContainer.spaceStack }),
+        react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder }),
+        react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
+        react_1.default.createElement(shared_components_1.Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
+        react_1.default.createElement(ContentListView_1.ContentListView, { data: hits }),
         react_1.default.createElement(newskit_1.Block, { spaceStack: { xs: 'space070' } })));
 };
 var ResultsPage = function (_a) {
-    var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject;
-    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, exports.ResultsPageContext, context));
-    return (react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
-        react_1.default.createElement(PageContent, null)));
+    var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, hits = _a.hits, credentials = _a.credentials;
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.ResultsPageContext), { credentials: credentials }), context));
+    return (react_1.default.createElement(CredentialsProvider_1.CredentialsContextProvider, { credentials: credentials },
+        react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+            react_1.default.createElement(PageContent, { hits: hits }))));
 };
 exports.ResultsPage = ResultsPage;
 exports.default = exports.ResultsPage;

package/dist/cjs/help-hub/pages/ResultsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAA0D;AAC1D,sEAA4C;AAC5C,iEAA+D;AAC/D,qDAAmD;AAEnD,0CAAyE;AACzE,sCAA8C;AAC9C,uEAA4E;AAC5E,sCAAuC;AAG1B,QAAA,kBAAkB,GAAuC;IACpE,MAAM,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,wDAAwD;QACrE,cAAc,EAAE;YACd,UAAU,EAAE,UAAU;SACvB;QACD,UAAU,EAAE,UAAU;KACvB;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;KAC/C;IACD,SAAS,EAAE;QACT,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;KAC/C;IACD,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;CAC/D,CAAA;AAED,IAAM,WAAW,GAEZ,UAAC,EAAQ;QAAN,IAAI,UAAA;IACJ,IAAA,KAKF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAA8B,EAJzE,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,SAAS,eACgE,CAAA;IAEhE,IAAA,CAAC,GACR,IAAA,kBAAS,GAAE,QADH,CACG;IAEf,IAAM,WAAW,GAAG,MAAM,CAAC,WAAqB,CAAA;IAChD,IAAM,cAAc,GAAG,WAAW;SAC/B,OAAO,CAAC,WAAW,EAAE,CAAW,CAAC;SACjC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;IAE/C,OAAO,CACL;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,gBAAgB,CAAC,UAAU,GAAI;QAClD,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,GAAI;QAC5C,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,0BAAM,qCAAU,MAAM,KAAE,WAAW,EAAE,cAAc,KAAM;QAC1D,8BAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,GAAoB;QAE/C,8BAAC,eAAK,IAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CACxC,CACJ,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,EAOvD;QANC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,wBAAO,0BAAkB,KAAE,WAAW,aAAA,KAAI,OAAO,CAAC,CAC/D,CAAA;IAED,OAAO,CACL,8BAAC,gDAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,WAAW,eAwBvB;AAED,kBAAe,mBAAW,CAAA"}