@newskit-render/standalone-components 0.28.2 → 0.28.3-alpha.0

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

@@ -0,0 +1,136 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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);
+};
+/* istanbul ignore file */
+import { createAutocomplete, } from '@algolia/autocomplete-core';
+import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
+import algoliasearch from 'algoliasearch/lite';
+import { useCredentialsContext } from '../../../provider/CredentialsProvider';
+import { Block, styled, IconFilledClear, IconFilledSearch } from 'newskit';
+import React, { useState } from 'react';
+import { Highlight } from './Highlight';
+import { NextLink } from '@newskit-render/shared-components';
+import { useRouter } from 'next/router';
+var FadedBlock = styled(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"])));
+export var Autocomplete = function (props) {
+    var _a = useCredentialsContext(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
+    var router = useRouter();
+    var searchClient = algoliasearch(appId, apiKey);
+    var _b = React.useState({
+        collections: [],
+        completion: null,
+        context: {},
+        isOpen: false,
+        query: '',
+        activeItemId: null,
+        status: 'idle',
+    }), autocompleteState = _b[0], setAutocompleteState = _b[1];
+    var autocomplete = React.useMemo(function () {
+        return createAutocomplete(__assign({ onStateChange: function (_a) {
+                var state = _a.state;
+                setAutocompleteState(state);
+            }, getSources: function () {
+                return [
+                    {
+                        sourceId: '',
+                        getItems: function (_a) {
+                            var query = _a.query;
+                            return getAlgoliaResults({
+                                searchClient: searchClient,
+                                queries: [
+                                    {
+                                        indexName: indexName,
+                                        query: query,
+                                        params: {
+                                            hitsPerPage: 5,
+                                        },
+                                    },
+                                ],
+                            });
+                        },
+                    },
+                ];
+            } }, props));
+    }, [props]);
+    var inputRef = React.useRef(null);
+    var formRef = React.useRef(null);
+    var panelRef = React.useRef(null);
+    var getEnvironmentProps = autocomplete.getEnvironmentProps;
+    React.useEffect(function () {
+        if (!formRef.current || !panelRef.current || !inputRef.current) {
+            return undefined;
+        }
+        var _a = getEnvironmentProps({
+            formElement: formRef.current,
+            inputElement: inputRef.current,
+            panelElement: panelRef.current,
+        }), onTouchStart = _a.onTouchStart, onTouchMove = _a.onTouchMove;
+        window.addEventListener('touchstart', onTouchStart);
+        window.addEventListener('touchmove', onTouchMove);
+        return function () {
+            window.removeEventListener('touchstart', onTouchStart);
+            window.removeEventListener('touchmove', onTouchMove);
+        };
+    }, [getEnvironmentProps, formRef, inputRef, panelRef]);
+    var _c = useState(false), toggleBackground = _c[0], setToggleBackground = _c[1];
+    var handleInputClick = function () {
+        setToggleBackground(!toggleBackground);
+    };
+    var handleBackgorundClick = function () {
+        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.createElement("div", __assign({ className: "aa-Autocomplete" }, autocomplete.getRootProps({})),
+        toggleBackground && React.createElement(FadedBlock, { onClick: handleBackgorundClick }),
+        React.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.createElement("div", { className: "aa-InputWrapperPrefix" },
+                React.createElement("label", __assign({ className: "aa-Label" }, autocomplete.getLabelProps({})),
+                    React.createElement("button", { className: "aa-SubmitButton", type: "submit", title: "Submit" },
+                        React.createElement(IconFilledSearch, null)))),
+            React.createElement("div", { className: "aa-InputWrapper" },
+                React.createElement("input", __assign({ "data-testid": "autocomplete-input", className: "aa-Input", ref: inputRef }, autocomplete.getInputProps({
+                    inputElement: inputRef.current,
+                }), { onClick: handleInputClick }))),
+            React.createElement("div", { className: "aa-InputWrapperSuffix" },
+                React.createElement("button", { className: "aa-ClearButton", title: "Clear", type: "reset" },
+                    React.createElement(IconFilledClear, null)))),
+        toggleBackground && (React.createElement("div", __assign({ ref: panelRef, "data-testid": "autocomplete-panel", className: [
+                'aa-Panel',
+                'aa-Panel--desktop',
+                autocompleteState.status === 'stalled' && 'aa-Panel--stalled',
+            ]
+                .filter(Boolean)
+                .join(' ') }, autocomplete.getPanelProps({})),
+            React.createElement("div", { className: "aa-PanelLayout aa-Panel--scrollable" }, autocompleteState.collections.map(function (collection, index) {
+                var source = collection.source, items = collection.items;
+                return (React.createElement("section", { key: "source-" + index, className: "aa-Source" }, items.length > 0 && (React.createElement("ul", __assign({ className: "aa-List" }, autocomplete.getListProps()), items.map(function (item) {
+                    return (React.createElement("li", __assign({ key: item.objectID, className: "aa-Item" }, autocomplete.getItemProps({ item: item, source: source })),
+                        React.createElement(NextLink, { type: "standalone", href: "/help-hub/article/" + item.objectID },
+                            React.createElement("div", { className: "aa-ItemWrapper" },
+                                React.createElement("div", { className: "aa-ItemContent" },
+                                    React.createElement("div", { className: "aa-ItemContentBody" },
+                                        React.createElement("div", { className: "aa-ItemContentTitle" },
+                                            React.createElement(Highlight, { hit: item, attribute: "title" }))))))));
+                })))));
+            }))))));
+};
+var templateObject_1;
+//# sourceMappingURL=Autocomplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,0BAA0B;AAC1B,OAAO,EAGL,kBAAkB,GACnB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAExE,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAE7E,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,mMAAA,gIAO/B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAgD,UACvE,KAAK;IAEC,IAAA,KAA+B,qBAAqB,EAAE,EAApD,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAA4B,CAAA;IAC5D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,IAAM,YAAY,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAE3C,IAAA,KAA4C,KAAK,CAAC,QAAQ,CAE9D;QACA,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,IAAI;QAClB,MAAM,EAAE,MAAM;KACf,CAAC,EAVK,iBAAiB,QAAA,EAAE,oBAAoB,QAU5C,CAAA;IACF,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC;QACE,OAAA,kBAAkB,YAMhB,aAAa,YAAC,EAAS;oBAAP,KAAK,WAAA;gBACnB,oBAAoB,CAAC,KAAK,CAAC,CAAA;YAC7B,CAAC,EACD,UAAU;gBACR,OAAO;oBACL;wBACE,QAAQ,EAAE,EAAE;wBACZ,QAAQ,YAAC,EAAS;gCAAP,KAAK,WAAA;4BACd,OAAO,iBAAiB,CAAC;gCACvB,YAAY,cAAA;gCACZ,OAAO,EAAE;oCACP;wCACE,SAAS,WAAA;wCACT,KAAK,OAAA;wCACL,MAAM,EAAE;4CACN,WAAW,EAAE,CAAC;yCACf;qCACF;iCACF;6BACF,CAAC,CAAA;wBACJ,CAAC;qBACF;iBACF,CAAA;YACH,CAAC,IACE,KAAK,EACR;IA/BF,CA+BE,EACJ,CAAC,KAAK,CAAC,CACR,CAAA;IACD,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IACrD,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAA;IACnD,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC3C,IAAA,mBAAmB,GAAK,YAAY,oBAAjB,CAAiB;IAE5C,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC9D,OAAO,SAAS,CAAA;SACjB;QAEK,IAAA,KAAgC,mBAAmB,CAAC;YACxD,WAAW,EAAE,OAAO,CAAC,OAAO;YAC5B,YAAY,EAAE,QAAQ,CAAC,OAAO;YAC9B,YAAY,EAAE,QAAQ,CAAC,OAAO;SAC/B,CAAC,EAJM,YAAY,kBAAA,EAAE,WAAW,iBAI/B,CAAA;QAEF,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QACnD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YACtD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhD,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAA;IAE/D,IAAM,gBAAgB,GAAG;QACvB,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,IAAM,qBAAqB,GAAG;;QAC5B,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;QACzB,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,IAAI,EAAE,CAAA;QACzB,oBAAoB,uBAAM,iBAAiB,KAAE,MAAM,EAAE,KAAK,IAAG,CAAA;QAC7D,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,CACL,sCAAK,SAAS,EAAC,iBAAiB,IAAK,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;QAC/D,gBAAgB,IAAI,oBAAC,UAAU,IAAC,OAAO,EAAE,qBAAqB,GAAI;QACnE,uCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,SAAS,IACf,YAAY,CAAC,YAAY,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,IACjE,QAAQ,EAAE,UAAC,CAAC;gBACV,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,MAAM,CAAC,IAAI,CAAC,yBAAuB,iBAAiB,CAAC,KAAO,CAAC,CAAA;YAC/D,CAAC;YAED,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,wCAAO,SAAS,EAAC,UAAU,IAAK,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;oBAC5D,gCAAQ,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ;wBAC9D,oBAAC,gBAAgB,OAAG,CACb,CACH,CACJ;YACN,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,uDACc,oBAAoB,EAChC,SAAS,EAAC,UAAU,EACpB,GAAG,EAAE,QAAQ,IACT,YAAY,CAAC,aAAa,CAAC;oBAC7B,YAAY,EAAE,QAAQ,CAAC,OAAO;iBAC/B,CAAC,IACF,OAAO,EAAE,gBAAgB,IACzB,CACE;YACN,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,gCAAQ,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;oBAC3D,oBAAC,eAAe,OAAG,CACZ,CACL,CACD;QAEN,gBAAgB,IAAI,CACnB,sCACE,GAAG,EAAE,QAAQ,iBACD,oBAAoB,EAChC,SAAS,EAAE;gBACT,UAAU;gBACV,mBAAmB;gBACnB,iBAAiB,CAAC,MAAM,KAAK,SAAS,IAAI,mBAAmB;aAC9D;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,IACR,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;YAElC,6BAAK,SAAS,EAAC,qCAAqC,IACjD,iBAAiB,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,KAAK;gBAC3C,IAAA,MAAM,GAAY,UAAU,OAAtB,EAAE,KAAK,GAAK,UAAU,MAAf,CAAe;gBAEpC,OAAO,CACL,iCAAS,GAAG,EAAE,YAAU,KAAO,EAAE,SAAS,EAAC,WAAW,IACnD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,qCAAI,SAAS,EAAC,SAAS,IAAK,YAAY,CAAC,YAAY,EAAE,GACpD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI;oBACd,OAAO,CACL,qCACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,SAAS,EAAC,SAAS,IACf,YAAY,CAAC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC;wBAE/C,oBAAC,QAAQ,IACP,IAAI,EAAC,YAAY,EACjB,IAAI,EAAE,uBAAqB,IAAI,CAAC,QAAU;4BAE1C,6BAAK,SAAS,EAAC,gBAAgB;gCAC7B,6BAAK,SAAS,EAAC,gBAAgB;oCAC7B,6BAAK,SAAS,EAAC,oBAAoB;wCACjC,6BAAK,SAAS,EAAC,qBAAqB;4CAClC,oBAAC,SAAS,IAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAC,OAAO,GAAG,CACtC,CACF,CACF,CACF,CACG,CACR,CACN,CAAA;gBACH,CAAC,CAAC,CACC,CACN,CACO,CACX,CAAA;YACH,CAAC,CAAC,CACE,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/help-hub/components/SearchBar/components/Highlight.js

@@ -0,0 +1,14 @@
+/* istanbul ignore file */
+import { parseAlgoliaHitHighlight } from '@algolia/autocomplete-preset-algolia';
+import { createElement, Fragment } from 'react';
+export function Highlight(_a) {
+    var hit = _a.hit, attribute = _a.attribute, _b = _a.tagName, tagName = _b === void 0 ? 'mark' : _b;
+    return createElement(Fragment, {}, parseAlgoliaHitHighlight({ hit: hit, attribute: attribute }).map(function (_a, index) {
+        var value = _a.value, isHighlighted = _a.isHighlighted;
+        if (isHighlighted) {
+            return createElement(tagName, { key: index }, value);
+        }
+        return value;
+    }));
+}
+//# sourceMappingURL=Highlight.js.map

package/dist/esm/help-hub/components/SearchBar/components/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Highlight.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAqB/C,MAAM,UAAU,SAAS,CAAO,EAIL;QAHzB,GAAG,SAAA,EACH,SAAS,eAAA,EACT,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA;IAEhB,OAAO,aAAa,CAClB,QAAQ,EACR,EAAE,EACF,wBAAwB,CAAO,EAAE,GAAG,KAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC,GAAG,CACpD,UAAC,EAAwB,EAAE,KAAK;YAA7B,KAAK,WAAA,EAAE,aAAa,mBAAA;QACrB,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAA;SACrD;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CACF,CACF,CAAA;AACH,CAAC"}

package/dist/esm/help-hub/components/SearchBar/index.js

@@ -0,0 +1,2 @@
+export * from './SearchBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/help-hub/components/SearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/esm/help-hub/components/SearchBar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/help-hub/components/SearchBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/types.ts"],"names":[],"mappings":""}

package/dist/esm/help-hub/components/Templates/LayoutTemplate.js

@@ -0,0 +1,66 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { LayoutGrid, SEOComponent, NavigationPrimary, sharedTheme, NavigationFooter, } from '@newskit-render/shared-components';
+import { ThemeProvider, MediaQueryProvider } from 'newskit';
+import { HelpHubContextProvider, useHelpHubContext } from '../../context';
+var withMediaQueryProvider = function (Component) { return function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(MediaQueryProvider, null,
+        React.createElement(Component, __assign({}, props, { children: props.children, context: props.context, contextName: props.contextName }))));
+}; };
+var FooterWrapper = function (_a) {
+    var contextName = _a.contextName;
+    var _b = useHelpHubContext(contextName), footer = _b.footer, footerOverrides = _b.footerOverrides;
+    return (React.createElement(NavigationFooter, { footer: footer, footerOverrides: footerOverrides }));
+};
+var NavigationPrimaryWrapper = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, contextName = _a.contextName;
+    var navigationPrimary = useHelpHubContext(contextName).navigationPrimary;
+    return (React.createElement(NavigationPrimary, __assign({}, navigationPrimary, { customTheme: customTheme, themeDropdownObject: themeDropdownObject })));
+};
+export var SEOWrapper = function (_a) {
+    var contextName = _a.contextName;
+    var seo = useHelpHubContext(contextName).seo;
+    return (React.createElement(SEOComponent, { title: seo.title, description: seo.description || '', url: "" + seo.url, siteHost: seo.url || seo.siteHost || '', fbType: seo.fbType || '', fbImageUrl: seo.fbImageUrl || '' }));
+};
+export var BaseLayoutTemplate = function (_a) {
+    var context = _a.context, contextName = _a.contextName, children = _a.children, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b;
+    return (React.createElement(HelpHubContextProvider, { context: context, contextName: contextName },
+        React.createElement(SEOWrapper, { contextName: contextName }),
+        React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
+            React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
+            React.createElement(LayoutGrid, { hasSidebar: false, fullWidth: fullWidth, 
+                // different margins can be passed based on the variant
+                margin: {
+                    xsMargin: 'space050',
+                    smMargin: 'space060',
+                    mdMargin: 'space000',
+                }, gutter: {
+                    xsColumnGutter: 'space020',
+                    smColumnGutter: 'space040',
+                } }, children),
+            React.createElement(FooterWrapper, { contextName: contextName }))));
+};
+export var LayoutTemplate = withMediaQueryProvider(BaseLayoutTemplate);
+//# sourceMappingURL=LayoutTemplate.js.map

package/dist/esm/help-hub/components/Templates/LayoutTemplate.js.map

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

package/dist/esm/help-hub/components/Templates/index.js

@@ -0,0 +1,4 @@
+import { LayoutTemplate as Layout } from './LayoutTemplate';
+export * from './types';
+export default Layout;
+//# sourceMappingURL=index.js.map

package/dist/esm/help-hub/components/Templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAE3D,cAAc,SAAS,CAAA;AACvB,eAAe,MAAM,CAAA"}

package/dist/esm/help-hub/components/Templates/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/help-hub/components/Templates/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/types.ts"],"names":[],"mappings":""}

package/dist/{help-hub → esm/help-hub}/context/baseContext.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseContext = void 0;
 /* istanbul ignore next */
-exports.baseContext = {
+export var baseContext = {
     baseUrl: '/help-hub',
     seo: {
         title: 'Help Hub',

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

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

package/dist/{help-hub → esm/help-hub}/context/index.d.ts

@@ -3,4 +3,5 @@ import { ContextProviderProps, ContextName, ContextOptions, LandingPageContextOp
 import { baseContext } from './baseContext';
 export declare const HelpHubContextProvider: React.FC<ContextProviderProps>;
 export declare const useHelpHubContext: (contextName: ContextName) => ContextOptions;
-export { LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions, baseContext, ContextOptions, ContextName, };
+export type { LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions, ContextOptions, };
+export { ContextName, baseContext };

package/dist/esm/help-hub/context/index.js

@@ -0,0 +1,21 @@
+var _a;
+import React, { createContext, useContext } from 'react';
+import merge from 'lodash.merge';
+import { ContextName, } from './types';
+import { baseContext } from './baseContext';
+var contextMap = (_a = {},
+    _a[ContextName.landingPage] = createContext(null),
+    _a[ContextName.resultsPage] = createContext(null),
+    _a[ContextName.articlePage] = createContext(null),
+    _a);
+export var HelpHubContextProvider = function (_a) {
+    var context = _a.context, children = _a.children, contextName = _a.contextName;
+    var c = merge({}, baseContext, context);
+    var HelpHubContext = contextMap[contextName];
+    return React.createElement(HelpHubContext.Provider, { value: c }, children);
+};
+export var useHelpHubContext = function (contextName) {
+    return useContext(contextMap[contextName]);
+};
+export { ContextName, baseContext };
+//# sourceMappingURL=index.js.map

package/dist/esm/help-hub/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/help-hub/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EAEL,WAAW,GAKZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;OACF,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAA0B,CAAC,CAAA;IAE7D,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAQhE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/help-hub/context/types.js

@@ -0,0 +1,7 @@
+export var ContextName;
+(function (ContextName) {
+    ContextName["landingPage"] = "landingPage";
+    ContextName["resultsPage"] = "resultsPage";
+    ContextName["articlePage"] = "articlePage";
+})(ContextName || (ContextName = {}));
+//# sourceMappingURL=types.js.map

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

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

package/dist/esm/help-hub/index.d.ts

@@ -0,0 +1,7 @@
+export * from './pages/LandingPage';
+export * from './pages/ResultsPage';
+export * from './pages/ArticlePage';
+export * from './provider';
+export * from './types';
+export { ContextName } from './context';
+export type { AlgoliaCredentials } from './types';

package/dist/{help-hub/index.d.ts → esm/help-hub/index.js}

@@ -3,3 +3,5 @@ export * from './pages/ResultsPage';
 export * from './pages/ArticlePage';
 export * from './provider';
 export * from './types';
+export { ContextName } from './context';
+//# sourceMappingURL=index.js.map

package/dist/esm/help-hub/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-hub/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA"}

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

@@ -0,0 +1,55 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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);
+};
+import React from 'react';
+import assign from 'lodash.assign';
+import xss from 'xss';
+import { Block, styled, getFontsFromTheme } from 'newskit';
+import { Introduction } from '@newskit-render/shared-components';
+import Layout from '../components/Templates';
+import { SearchBar } from '../components/SearchBar';
+import { ContextName } from '../context/types';
+import { useHelpHubContext } from '../context';
+import { CredentialsContextProvider } from '../provider/CredentialsProvider';
+var ContentBlock = styled(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"])), getFontsFromTheme('fontFamily010'), getFontsFromTheme('fontSize030'), getFontsFromTheme('fontWeight010'), getFontsFromTheme('fontLineHeight040'));
+export var PageContent = function () {
+    var _a = useHelpHubContext(ContextName.articlePage), title = _a.title, content = _a.content, inputPlaceholder = _a.inputPlaceholder;
+    var xssOptions = {
+        whiteList: { p: [], a: ['href'], br: [], img: [], b: [], strong: [] },
+        stripIgnoreTag: true,
+        stripIgnoreTagBody: ['script'],
+    };
+    var sanitizedArticleContent = xss(content, xssOptions);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Block, { spaceStack: { xs: 'space070' } }),
+        React.createElement(SearchBar, { placeholder: inputPlaceholder }),
+        React.createElement(Block, { spaceStack: { xs: 'space070' } }),
+        React.createElement(Introduction, { title: title }),
+        React.createElement(ContentBlock, { "data-testid": "content-block", spaceStack: {
+                xs: 'space040',
+                md: 'space050',
+            }, as: "span", dangerouslySetInnerHTML: { __html: sanitizedArticleContent } }),
+        React.createElement(Block, { spaceStack: { xs: 'space070' } })));
+};
+export 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({}, assign({}, { content: content, title: title }, context));
+    return (React.createElement(CredentialsContextProvider, { credentials: credentials },
+        React.createElement(Layout, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+            React.createElement(PageContent, null))));
+};
+export default ArticlePage;
+var templateObject_1;
+//# sourceMappingURL=ArticlePage.js.map

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

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

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

@@ -0,0 +1,80 @@
+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);
+};
+import React from 'react';
+import assign from 'lodash.assign';
+import { Block } from 'newskit';
+import { Header, Introduction } from '@newskit-render/shared-components';
+import Layout from '../components/Templates';
+import { ContentListView } from '../components/ContentListView';
+import { SearchBar } from '../components/SearchBar';
+import { ContextName } from '../context/types';
+import { useHelpHubContext } from '../context';
+import { CredentialsContextProvider } from '../provider/CredentialsProvider';
+var replaceDataWithMostReadedArticles = [
+    {
+        title: 'My voucher booklet has not arrived, what do I do?',
+        url: '#',
+    },
+    {
+        title: "Why hasn't my newspaper been delivered?",
+        url: '#',
+    },
+    {
+        title: "Why hasn't my newspaper been delivered?",
+        url: '#',
+    },
+    {
+        title: 'How do I login/reset my password?',
+        url: '#',
+    },
+    {
+        title: 'How do I book, cancel or amend a holiday stop?',
+        url: '#',
+    },
+    {
+        title: 'How do I change my subscription pack?',
+        url: '#',
+    },
+];
+export var LandingPageContext = {
+    header: {
+        title: 'How can we help?',
+    },
+    contentViewList: {
+        introduction: {
+            title: 'Our most read articles',
+        },
+    },
+    mostReadArticles: replaceDataWithMostReadedArticles, // Update in context tests as well
+};
+var PageContent = function () {
+    var _a = useHelpHubContext(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.createElement(React.Fragment, null,
+        React.createElement(Block, { spaceStack: contentContainer.spaceStack }),
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(SearchBar, { placeholder: inputPlaceholder }),
+        React.createElement(Block, { spaceStack: searchBar.spaceStack }),
+        React.createElement(Introduction, { title: contentViewList.introduction.title, titleOverrides: contentListView.introduction }),
+        React.createElement(ContentListView, { data: mostReadArticles }),
+        React.createElement(Block, { spaceStack: spaceStack })));
+};
+// TODO: Create credentials provider
+export var LandingPage = function (_a) {
+    var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, credentials = _a.credentials;
+    var enhancedContext = __assign({}, assign({}, __assign(__assign({}, LandingPageContext), { credentials: credentials }), context));
+    return (React.createElement(CredentialsContextProvider, { credentials: credentials },
+        React.createElement(Layout, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+            React.createElement(PageContent, null))));
+};
+export default LandingPage;
+//# sourceMappingURL=LandingPage.js.map

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

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

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

@@ -0,0 +1,64 @@
+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);
+};
+import React from 'react';
+import assign from 'lodash.assign';
+import { Block } from 'newskit';
+import { Header } from '@newskit-render/shared-components';
+import Layout from '../components/Templates';
+import { ContentListView } from '../components/ContentListView';
+import { SearchBar } from '../components/SearchBar';
+import { ContextName } from '../context/types';
+import { useHelpHubContext } from '../context';
+import { CredentialsContextProvider } from '../provider/CredentialsProvider';
+import { useRouter } from 'next/router';
+export var ResultsPageContext = {
+    header: {
+        title: 'Search 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' },
+    },
+    spaceStack: { xs: 'space060', sm: 'space070', md: 'space090' },
+};
+var PageContent = function (_a) {
+    var hits = _a.hits;
+    var _b = useHelpHubContext(ContextName.resultsPage), header = _b.header, inputPlaceholder = _b.inputPlaceholder, contentContainer = _b.contentContainer, searchBar = _b.searchBar;
+    var q = useRouter().query.q;
+    var description = header.description;
+    var newDescription = description
+        .replace('##QUERY##', q)
+        .replace('##COUNT##', hits.length.toString());
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Block, { spaceStack: contentContainer.spaceStack }),
+        React.createElement(SearchBar, { placeholder: inputPlaceholder }),
+        React.createElement(Block, { spaceStack: searchBar.spaceStack }),
+        React.createElement(Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
+        React.createElement(ContentListView, { data: hits }),
+        React.createElement(Block, { spaceStack: { xs: 'space070' } })));
+};
+export var ResultsPage = function (_a) {
+    var context = _a.context, contextName = _a.contextName, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, hits = _a.hits, credentials = _a.credentials;
+    var enhancedContext = __assign({}, assign({}, __assign(__assign({}, ResultsPageContext), { credentials: credentials }), context));
+    return (React.createElement(CredentialsContextProvider, { credentials: credentials },
+        React.createElement(Layout, { context: enhancedContext, contextName: contextName, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
+            React.createElement(PageContent, { hits: hits }))));
+};
+export default ResultsPage;
+//# sourceMappingURL=ResultsPage.js.map

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

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

package/dist/esm/help-hub/pages/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map