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

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

@@ -1,7 +1,7 @@
 import { UncompiledTheme } from 'newskit';
 import { ContextName, ContextOptions } from '../context';
 import { ThemeDropdownObject } from '@newskit-render/shared-components';
-import { AlgoliaCredentials } from 'help-hub/types';
+import { AlgoliaCredentials, Hit } from 'help-hub/types';
 export interface BasePageProps {
     customTheme?: UncompiledTheme;
     themeDropdownObject?: ThemeDropdownObject;
@@ -9,6 +9,9 @@ export interface BasePageProps {
     contextName: ContextName;
     credentials: AlgoliaCredentials;
 }
+export interface ResultsPageProps extends BasePageProps {
+    hits: Hit[];
+}
 export interface ArticlePageProps extends BasePageProps {
     title: string;
     content: string;

package/dist/cjs/help-hub/provider/CredentialsProvider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { AlgoliaCredentials } from 'help-hub/types';
+export declare const CredentialsContextProvider: React.FC<{
+    credentials: AlgoliaCredentials;
+    children: ReactNode;
+}>;
+export declare const useCredentialsContext: () => AlgoliaCredentials;

package/dist/cjs/help-hub/provider/CredentialsProvider.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCredentialsContext = exports.CredentialsContextProvider = void 0;
+var react_1 = __importStar(require("react"));
+var CredentialsContext = (0, react_1.createContext)({
+    apiKey: '',
+    appId: '',
+    indexName: '',
+});
+var CredentialsContextProvider = function (_a) {
+    var credentials = _a.credentials, children = _a.children;
+    return (react_1.default.createElement(CredentialsContext.Provider, { value: credentials }, children));
+};
+exports.CredentialsContextProvider = CredentialsContextProvider;
+var useCredentialsContext = function () {
+    return (0, react_1.useContext)(CredentialsContext);
+};
+exports.useCredentialsContext = useCredentialsContext;
+//# sourceMappingURL=CredentialsProvider.js.map

package/dist/cjs/help-hub/provider/CredentialsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CredentialsProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/CredentialsProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AAGnE,IAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAqB;IAC3D,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,EAAE;CACd,CAAC,CAAA;AAEK,IAAM,0BAA0B,GAGlC,UAAC,EAAyB;QAAvB,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC3B,OAAO,CACL,8BAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAC5C,QAAQ,CACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AATY,QAAA,0BAA0B,8BAStC;AAEM,IAAM,qBAAqB,GAAG;IACnC,OAAA,IAAA,kBAAU,EAAC,kBAAkB,CAAC;AAA9B,CAA8B,CAAA;AADnB,QAAA,qBAAqB,yBACF"}

package/dist/cjs/help-hub/provider/articleProvider.d.ts

@@ -1,5 +1,5 @@
-import { ServerSidePropsContext } from './types';
-export declare const articleProvider: (context: ServerSidePropsContext) => Promise<{
+import { ArticleServerContext } from './types';
+export declare const articleProvider: (context: ArticleServerContext) => Promise<{
     props: {
         credentials: {
             appId: string;

package/dist/cjs/help-hub/provider/articleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"articleProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/articleProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA+B;AAC/B,uCAKqB;AAErB,iCAIgB;AAChB,uDAAqD;AAE9C,IAAM,eAAe,GAAG,UAAO,OAA+B;;;;;gBAEvD,KAAK,GACb,OAAO,aADM,CACN;gBACL,WAAW,GAAG;oBAClB,KAAK,EAAE,qBAAY;oBACnB,MAAM,EAAE,sBAAa;oBACrB,SAAS,EAAE,qBAAY;iBACxB,CAAA;gBACqB,qBAAM,IAAA,qBAAK,EAC5B,mBAAU,SAAI,KAAO,EACxB,IAAA,mCAAgB,EAAC,iBAAS,CAAC,GAAG,CAAC,CAChC,EAAA;;gBAHK,aAAa,GAAG,SAGrB;gBACD,IAAI,aAAa,CAAC,MAAM,IAAI,GAAG,EAAE;oBAC/B,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAA;oBACxD,sBAAO;4BACL,KAAK,EAAE;gCACL,WAAW,EAAE,WAAW;6BACzB;yBACF,EAAA;iBACF;gBACsB,qBAAM,aAAa,CAAC,IAAI,EAAE,EAAA;;gBAA3C,aAAa,GAAG,CAAC,SAA0B,CAAyB;gBAC1E,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,WAAW,EAAE,WAAW,GACzB;qBACF,EAAA;;;KACF,CAAA;AA5BY,QAAA,eAAe,mBA4B3B"}
+{"version":3,"file":"articleProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/articleProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA+B;AAC/B,uCAKqB;AAErB,iCAA+E;AAC/E,uDAAqD;AAE9C,IAAM,eAAe,GAAG,UAAO,OAA6B;;;;;gBAErD,KAAK,GACb,OAAO,aADM,CACN;gBACL,WAAW,GAAG;oBAClB,KAAK,EAAE,qBAAY;oBACnB,MAAM,EAAE,sBAAa;oBACrB,SAAS,EAAE,qBAAY;iBACxB,CAAA;gBACqB,qBAAM,IAAA,qBAAK,EAC5B,mBAAU,SAAI,KAAO,EACxB,IAAA,mCAAgB,EAAC,iBAAS,CAAC,GAAG,CAAC,CAChC,EAAA;;gBAHK,aAAa,GAAG,SAGrB;gBAED,IAAI,aAAa,CAAC,MAAM,IAAI,GAAG,EAAE;oBAC/B,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAA;oBACxD,sBAAO;4BACL,KAAK,EAAE;gCACL,WAAW,EAAE,WAAW;6BACzB;yBACF,EAAA;iBACF;gBACsB,qBAAM,aAAa,CAAC,IAAI,EAAE,EAAA;;gBAA3C,aAAa,GAAG,CAAC,SAA0B,CAAyB;gBAC1E,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,WAAW,EAAE,WAAW,GACzB;qBACF,EAAA;;;KACF,CAAA;AA7BY,QAAA,eAAe,mBA6B3B"}

package/dist/cjs/help-hub/provider/index.d.ts

@@ -1,3 +1,4 @@
 export * from './getHelpHubConfig';
 export * from './articleProvider';
+export * from './resultsProvider';
 export * from './types';

package/dist/cjs/help-hub/provider/index.js

@@ -12,5 +12,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./getHelpHubConfig"), exports);
 __exportStar(require("./articleProvider"), exports);
+__exportStar(require("./resultsProvider"), exports);
 __exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/help-hub/provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAkC;AAClC,oDAAiC;AACjC,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAkC;AAClC,oDAAiC;AACjC,oDAAiC;AACjC,0CAAuB"}

package/dist/cjs/help-hub/provider/resultsProvider.d.ts

@@ -0,0 +1,19 @@
+import { ResultsServerContext } from './types';
+export declare const resultsProvider: (context: ResultsServerContext) => Promise<{
+    props: {
+        credentials: {
+            appId: string;
+            apiKey: string;
+            indexName: string;
+        };
+    };
+} | {
+    props: {
+        credentials: {
+            appId: string;
+            apiKey: string;
+            indexName: string;
+        };
+        hits: import("..").Hit[];
+    };
+}>;

package/dist/cjs/help-hub/provider/resultsProvider.js

@@ -0,0 +1,90 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resultsProvider = void 0;
+var cross_fetch_1 = __importDefault(require("cross-fetch"));
+var config_1 = require("../../config");
+var types_1 = require("./types");
+var getHelpHubConfig_1 = require("./getHelpHubConfig");
+var resultsProvider = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    var q, credentials, promiseResult, providerProps;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                q = context.query.q;
+                credentials = {
+                    appId: config_1.algoliaAppId,
+                    apiKey: config_1.algoliaApiKey,
+                    indexName: config_1.algoliaIndex,
+                };
+                return [4 /*yield*/, (0, cross_fetch_1.default)(config_1.algoliaUrl + "/query", __assign(__assign({}, (0, getHelpHubConfig_1.getHelpHubConfig)(types_1.ReqMethod.POST)), { body: JSON.stringify({ params: "query=" + q }) }))];
+            case 1:
+                promiseResult = _a.sent();
+                if (promiseResult.status >= 400) {
+                    console.error('Error in fetching help-hub results page');
+                    return [2 /*return*/, {
+                            props: {
+                                credentials: credentials,
+                            },
+                        }];
+                }
+                return [4 /*yield*/, promiseResult.json()];
+            case 2:
+                providerProps = (_a.sent());
+                return [2 /*return*/, {
+                        props: __assign(__assign({}, providerProps), { credentials: credentials }),
+                    }];
+        }
+    });
+}); };
+exports.resultsProvider = resultsProvider;
+//# sourceMappingURL=resultsProvider.js.map

package/dist/cjs/help-hub/provider/resultsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resultsProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/resultsProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA+B;AAC/B,uCAKqB;AAErB,iCAA+E;AAC/E,uDAAqD;AAE9C,IAAM,eAAe,GAAG,UAAO,OAA6B;;;;;gBAEtD,CAAC,GACR,OAAO,QADC,CACD;gBAEL,WAAW,GAAG;oBAClB,KAAK,EAAE,qBAAY;oBACnB,MAAM,EAAE,sBAAa;oBACrB,SAAS,EAAE,qBAAY;iBACxB,CAAA;gBAEqB,qBAAM,IAAA,qBAAK,EAAI,mBAAU,WAAQ,wBAClD,IAAA,mCAAgB,EAAC,iBAAS,CAAC,IAAI,CAAC,KACnC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,WAAS,CAAG,EAAE,CAAC,IAC9C,EAAA;;gBAHI,aAAa,GAAG,SAGpB;gBAEF,IAAI,aAAa,CAAC,MAAM,IAAI,GAAG,EAAE;oBAC/B,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAA;oBACxD,sBAAO;4BACL,KAAK,EAAE;gCACL,WAAW,aAAA;6BACZ;yBACF,EAAA;iBACF;gBACsB,qBAAM,aAAa,CAAC,IAAI,EAAE,EAAA;;gBAA3C,aAAa,GAAG,CAAC,SAA0B,CAAyB;gBAE1E,sBAAO;wBACL,KAAK,wBACA,aAAa,KAChB,WAAW,aAAA,GACZ;qBACF,EAAA;;;KACF,CAAA;AAhCY,QAAA,eAAe,mBAgC3B"}

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

@@ -1,3 +1,4 @@
+import { Hit } from 'help-hub/types';
 export declare enum ReqMethod {
     GET = "GET",
     POST = "POST"
@@ -6,13 +7,20 @@ export interface ArticleProviderProps {
     title: string;
     content: string;
 }
+export interface ResultsProviderProps {
+    hits: Hit[];
+}
 export interface ReqParams {
     method: ReqMethod;
     headers: Record<string, string>;
+    body?: string;
 }
-export interface ServerSidePropsContext {
+export interface ArticleServerContext {
     params: Record<string, string>;
 }
+export interface ResultsServerContext {
+    query: Record<string, string>;
+}
 export declare enum ProviderPropsMapper {
     ArticlePageProvider = "ArticlePageProvider"
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EAHW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAGpB;AAgBD,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC7B,kEAA2C,CAAA;AAC7C,CAAC,EAFW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAE9B"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/help-hub/provider/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EAHW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAGpB;AAyBD,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC7B,kEAA2C,CAAA;AAC7C,CAAC,EAFW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAE9B"}

package/dist/cjs/help-hub/test-helpers/resultsPageContextOptionsMock.js

@@ -13,9 +13,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resultsPageContextMock = void 0;
 var context_1 = require("../context");
-var sharedMocks_1 = require("./sharedMocks");
 exports.resultsPageContextMock = __assign(__assign({}, context_1.baseContext), { header: {
         title: 'Header title in Help Hub Results page',
         description: 'Header description in Help Hub Results page',
-    }, searchResultArticles: sharedMocks_1.algoliaDataMock });
+    } });
 //# sourceMappingURL=resultsPageContextOptionsMock.js.map

package/dist/cjs/help-hub/test-helpers/resultsPageContextOptionsMock.js.map

@@ -1 +1 @@
-{"version":3,"file":"resultsPageContextOptionsMock.js","sourceRoot":"","sources":["../../../../src/help-hub/test-helpers/resultsPageContextOptionsMock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,sCAAwC;AAExC,6CAA+C;AAElC,QAAA,sBAAsB,yBAC9B,qBAAW,KACd,MAAM,EAAE;QACN,KAAK,EAAE,uCAAuC;QAC9C,WAAW,EAAE,6CAA6C;KAC3D,EACD,oBAAoB,EAAE,6BAAe,IACtC"}
+{"version":3,"file":"resultsPageContextOptionsMock.js","sourceRoot":"","sources":["../../../../src/help-hub/test-helpers/resultsPageContextOptionsMock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,sCAAwC;AAG3B,QAAA,sBAAsB,yBAC9B,qBAAW,KACd,MAAM,EAAE;QACN,KAAK,EAAE,uCAAuC;QAC9C,WAAW,EAAE,6CAA6C;KAC3D,IACF"}

package/dist/cjs/help-hub/test-helpers/sharedMocks.d.ts

@@ -1,4 +1,5 @@
 export declare const algoliaDataMock: {
     title: string;
-    url: string;
+    content: string;
+    objectID: string;
 }[];

package/dist/cjs/help-hub/test-helpers/sharedMocks.js

@@ -3,28 +3,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.algoliaDataMock = void 0;
 exports.algoliaDataMock = [
     {
-        title: 'Question title 1',
-        url: 'https://localhost:3000/answer-1',
+        title: "What's in the smartphone app and how do I access it?",
+        content: '<ul><li>Enjoy The Times and The Sunday Times journalism wherever you are with one app, 7 days a week.</li><li>Get the latest global, business, politics, sport and finance headline news articles on the go as well as trusted analysis and opinion from our award-winning columnists and global correspondents.</li><li>On top of that, enjoy stunning picture galleries, interactive crossword puzzles and exclusive video dispatches from Great Britain and across the world. Now with a seamless link to The Times and Sunday Times Sport app.</li><li>Keep updated on all your Times+ membership offers and experience a selection of the best Times+ Talks right from within the app. </li><li>You can save your favourite articles for reading later and share your favourite stories from our Times &amp; Sunday Times columnists from across all sections including headline news reports, UK and global business, finance, world, sport reports, politics and opinion.</li></ul>\n<br>The app is available from the <a href="https://play.google.com/store/apps/details?id=uk.co.thetimes" target="_blank">Google Play Store</a> and <a href="https://itunes.apple.com/gb/app/the-times-the-sunday-times/id436792321?mt=8" target="_blank">iTunes</a><br>Please ensure that you are using the latest Android or IOS software when downloading the app.',
+        objectID: 'what-s-in-the-smartphone-app-and-how-do-i-access-it',
     },
     {
-        title: 'Question title 2',
-        url: 'https://localhost:3000/answer-2',
+        title: 'Sign-in with Google',
+        content: '<p>To use Google Sign In with The Times and Sunday Times, you must have a Google account. If you don’t have a Google account but would like to use this feature, you can easily create one at google.com<br><br><b>I see an error telling me I don’t have an account with The Times when login in to My Times account with Google Sign in?</b></p>\n\n<ul><li>\n\t<p>On first use of Google Sign In, your Times username must match the email address on your Google account, otherwise we cannot match them. If you would like to use Google Sign In but your email address does not match, you can log in using your Times email address and password and update your email address in My Account.</p>\n\t</li></ul>\n\n<p><b>Can I change my Times email address after I use Google Sign In?</b></p>\n\n<ul><li>\n\t<p>First time you sign into your Times account your login email address needs to be the same as your Google account email address. Once logged in you can update this via My Account.</p>\n\t</li></ul>\n\n<p><b>Can I still login with my own Times username and password after I use Google Sign In?</b></p>\n\n<ul><li>\n\t<p>As an existing Times user, you  continue to have the ability to login using your Times username and password. You will as such retain the ability to change your password at any time.</p>\n\t</li></ul>',
+        objectID: 'sign-with-google',
     },
     {
-        title: 'Question title 3',
-        url: 'https://localhost:3000/answer-3',
+        title: 'I am trying to share an article via Google+ but an error message keeps appearing',
+        content: 'This may be happening because there&#39;s an authentication issue with your Google+ account. To fix this, delete The Times and The Sunday Times app and then reinstall it. ',
+        objectID: 'i-am-trying-to-share-an-article-via-google-but-an-error-message-keeps-appearing',
     },
     {
-        title: 'Question title 4',
-        url: 'https://localhost:3000/answer-4',
+        title: 'How will I find out if I have won a competition?',
+        content: 'Our competitions team contact the winners of our competitions via the phone number on your Times account.<br><br>If you don’t answer they will endeavor to contact you via email, giving you plenty of time to respond before finding a new winner.',
+        objectID: 'how-will-i-find-out-if-i-have-won-a-competition',
     },
     {
-        title: 'Question title 5',
-        url: 'https://localhost:3000/answer-5',
-    },
-    {
-        title: 'Question title 6',
-        url: 'https://localhost:3000/answer-6',
+        title: 'How many articles can I read with my registered access?',
+        content: 'You can read up to two articles a week, Monday to Sunday. Every Monday your allocation will be reset to two articles. An article is a whole photo gallery, story or a piece of video content.',
+        objectID: 'how-many-articles-can-i-read-with-my-registered-access',
     },
 ];
 //# sourceMappingURL=sharedMocks.js.map

package/dist/cjs/help-hub/test-helpers/sharedMocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"sharedMocks.js","sourceRoot":"","sources":["../../../../src/help-hub/test-helpers/sharedMocks.tsx"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B;QACE,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,iCAAiC;KACvC;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,iCAAiC;KACvC;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,iCAAiC;KACvC;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,iCAAiC;KACvC;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,iCAAiC;KACvC;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,iCAAiC;KACvC;CACF,CAAA"}
+{"version":3,"file":"sharedMocks.js","sourceRoot":"","sources":["../../../../src/help-hub/test-helpers/sharedMocks.tsx"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B;QACE,KAAK,EAAE,sDAAsD;QAC7D,OAAO,EACL,kyCAAkyC;QACpyC,QAAQ,EAAE,qDAAqD;KAChE;IACD;QACE,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EACL,kyCAAkyC;QACpyC,QAAQ,EAAE,kBAAkB;KAC7B;IACD;QACE,KAAK,EACH,kFAAkF;QACpF,OAAO,EACL,6KAA6K;QAC/K,QAAQ,EACN,iFAAiF;KACpF;IACD;QACE,KAAK,EAAE,kDAAkD;QACzD,OAAO,EACL,qPAAqP;QACvP,QAAQ,EAAE,iDAAiD;KAC5D;IACD;QACE,KAAK,EAAE,yDAAyD;QAChE,OAAO,EACL,+LAA+L;QACjM,QAAQ,EAAE,wDAAwD;KACnE;CACF,CAAA"}

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

@@ -1,8 +1,7 @@
-import { Hit } from '@algolia/client-search';
-export declare type AutocompleteItem = Hit<{
+import { Hit as AlgoliaHit } from '@algolia/client-search';
+export declare type Hit = AlgoliaHit<{
     title: string;
     objectID: string;
-    url: string;
     content: string;
 }>;
 export declare type AlgoliaCredentials = {

package/dist/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/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/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/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/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/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/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/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/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/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/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/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/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: [