@newskit-render/standalone-components 0.0.0-e16014a0

package/dist/cjs/article-recommendations/index.d.ts

@@ -0,0 +1,4 @@
+export { ArticleRecommendation, ArticleRecommendationsProvider, RecommendedArticleList, } from './components';
+export * from './provider';
+export * from './types';
+export * from './context';

package/dist/cjs/article-recommendations/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecommendedArticleList = exports.ArticleRecommendationsProvider = exports.ArticleRecommendation = void 0;
+var components_1 = require("./components");
+Object.defineProperty(exports, "ArticleRecommendation", { enumerable: true, get: function () { return components_1.ArticleRecommendation; } });
+Object.defineProperty(exports, "ArticleRecommendationsProvider", { enumerable: true, get: function () { return components_1.ArticleRecommendationsProvider; } });
+Object.defineProperty(exports, "RecommendedArticleList", { enumerable: true, get: function () { return components_1.RecommendedArticleList; } });
+__exportStar(require("./provider"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./context"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/article-recommendations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAIqB;AAHnB,mHAAA,qBAAqB,OAAA;AACrB,4HAAA,8BAA8B,OAAA;AAC9B,oHAAA,sBAAsB,OAAA;AAExB,6CAA0B;AAC1B,0CAAuB;AACvB,4CAAyB"}

package/dist/cjs/article-recommendations/provider/index.d.ts

@@ -0,0 +1 @@
+export * from './recommendationsProvider';

package/dist/cjs/article-recommendations/provider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./recommendationsProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/provider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAAyC"}

package/dist/cjs/article-recommendations/provider/queries/getRecommendationsQuery.d.ts

@@ -0,0 +1 @@
+export declare const GET_RECOMMENDATIONS: import("@apollo/client").DocumentNode;

package/dist/cjs/article-recommendations/provider/queries/getRecommendationsQuery.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET_RECOMMENDATIONS = void 0;
+var client_1 = require("@apollo/client");
+exports.GET_RECOMMENDATIONS = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  query getRecommendedArticles(\n    $recomArgs: RecommendationsParameters!\n    $publisher: Publisher!\n  ) {\n    recommendations(publisher: $publisher, recomArgs: $recomArgs) {\n      feedbackId\n      articles {\n        headline\n        kicker\n        url\n        media {\n          ... on Image {\n            crops(\n              cropsArguments: [\n                { ratio: THREE_BY_TWO, maxPhysicalWidth: 150 }\n                { ratio: THREE_BY_TWO, maxPhysicalWidth: 620 }\n              ]\n            ) {\n              url\n              alt\n              width\n              height\n            }\n          }\n          ... on Video {\n            posterImage {\n              crops {\n                url\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"], ["\n  query getRecommendedArticles(\n    $recomArgs: RecommendationsParameters!\n    $publisher: Publisher!\n  ) {\n    recommendations(publisher: $publisher, recomArgs: $recomArgs) {\n      feedbackId\n      articles {\n        headline\n        kicker\n        url\n        media {\n          ... on Image {\n            crops(\n              cropsArguments: [\n                { ratio: THREE_BY_TWO, maxPhysicalWidth: 150 }\n                { ratio: THREE_BY_TWO, maxPhysicalWidth: 620 }\n              ]\n            ) {\n              url\n              alt\n              width\n              height\n            }\n          }\n          ... on Video {\n            posterImage {\n              crops {\n                url\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getRecommendationsQuery.js.map

package/dist/cjs/article-recommendations/provider/queries/getRecommendationsQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRecommendationsQuery.js","sourceRoot":"","sources":["../../../../../src/article-recommendations/provider/queries/getRecommendationsQuery.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,mBAAmB,OAAG,YAAG,62BAAA,yyBAoCrC,KAAA"}

package/dist/cjs/article-recommendations/provider/queries/index.d.ts

@@ -0,0 +1 @@
+export * from './getRecommendationsQuery';

package/dist/cjs/article-recommendations/provider/queries/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./getRecommendationsQuery"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/provider/queries/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/article-recommendations/provider/queries/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAAyC"}

package/dist/cjs/article-recommendations/provider/recommendationsProvider.d.ts

@@ -0,0 +1,4 @@
+import { ProviderArgs, Article } from '../index';
+import { Fetcher } from 'swr';
+export declare const fetcher: Fetcher<Article[]>;
+export declare const recommendationsProvider: ({ articleId, publisher, userId, config, }: ProviderArgs) => Promise<Article[]>;

package/dist/cjs/article-recommendations/provider/recommendationsProvider.js

@@ -0,0 +1,91 @@
+"use strict";
+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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.recommendationsProvider = exports.fetcher = void 0;
+var api_1 = require("@newskit-render/api");
+var queries_1 = require("./queries");
+var fetcher = function (articleId, config) { return __awaiter(void 0, void 0, void 0, function () {
+    var userId;
+    var _a;
+    return __generator(this, function (_b) {
+        if (typeof window !== 'undefined') {
+            //@ts-ignore
+            userId = (_a = window.utag) === null || _a === void 0 ? void 0 : _a.data['cp.utag_main_v_id'];
+        }
+        return [2 /*return*/, (0, exports.recommendationsProvider)({
+                articleId: articleId,
+                config: config,
+                userId: userId,
+                publisher: api_1.Publisher.SUN_UK,
+            })];
+    });
+}); };
+exports.fetcher = fetcher;
+var recommendationsProvider = function (_a) {
+    var articleId = _a.articleId, publisher = _a.publisher, userId = _a.userId, config = _a.config;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var apolloClient, response, recommendedArticles;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, (0, api_1.createApolloClient)(api_1.ClientTypes.nkapi, undefined, undefined, undefined, config)];
+                case 1:
+                    apolloClient = _b.sent();
+                    return [4 /*yield*/, apolloClient.query({
+                            query: queries_1.GET_RECOMMENDATIONS,
+                            variables: { publisher: publisher, recomArgs: { articleId: articleId, userId: userId } },
+                        })];
+                case 2:
+                    response = _b.sent();
+                    recommendedArticles = response.data.recommendations.articles.map(function (article) {
+                        var _a, _b, _c, _d, _e, _f, _g;
+                        return ({
+                            title: article.kicker,
+                            tag: article.kicker,
+                            text: article.headline,
+                            href: ((_d = (_c = (_b = (_a = article.media) === null || _a === void 0 ? void 0 : _a.posterImage) === null || _b === void 0 ? void 0 : _b.crops) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.url) ||
+                                ((_g = (_f = (_e = article.media) === null || _e === void 0 ? void 0 : _e.crops) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.url) ||
+                                null,
+                        });
+                    });
+                    return [2 /*return*/, recommendedArticles];
+            }
+        });
+    });
+};
+exports.recommendationsProvider = recommendationsProvider;
+//# sourceMappingURL=recommendationsProvider.js.map

package/dist/cjs/article-recommendations/provider/recommendationsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationsProvider.js","sourceRoot":"","sources":["../../../../src/article-recommendations/provider/recommendationsProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAgF;AAChF,qCAA+C;AAIxC,IAAM,OAAO,GAAuB,UACzC,SAAS,EACT,MAAM;;;;QAGN,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,YAAY;YACZ,MAAM,GAAG,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,CAAC,mBAAmB,CAAC,CAAA;SAChD;QAED,sBAAO,IAAA,+BAAuB,EAAC;gBAC7B,SAAS,WAAA;gBACT,MAAM,EAAE,MAAgB;gBACxB,MAAM,QAAA;gBACN,SAAS,EAAE,eAAS,CAAC,MAAM;aAC5B,CAAC,EAAA;;KACH,CAAA;AAhBY,QAAA,OAAO,WAgBnB;AAEM,IAAM,uBAAuB,GAAG,UAAO,EAK/B;QAJb,SAAS,eAAA,EACT,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA;;;;;wBAEe,qBAAM,IAAA,wBAAkB,EAC3C,iBAAW,CAAC,KAAK,EACjB,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,CACP,EAAA;;oBANK,YAAY,GAAG,SAMpB;oBACgB,qBAAM,YAAY,CAAC,KAAK,CAAC;4BACxC,KAAK,EAAE,6BAAmB;4BAC1B,SAAS,EAAE,EAAE,SAAS,WAAA,EAAE,SAAS,EAAE,EAAE,SAAS,WAAA,EAAE,MAAM,QAAA,EAAE,EAAE;yBAC3D,CAAC,EAAA;;oBAHI,QAAQ,GAAG,SAGf;oBAEI,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,GAAG,CACpE,UAAC,OAAO;;wBAAK,OAAA,CAAC;4BACZ,KAAK,EAAE,OAAO,CAAC,MAAM;4BACrB,GAAG,EAAE,OAAO,CAAC,MAAM;4BACnB,IAAI,EAAE,OAAO,CAAC,QAAQ;4BACtB,IAAI,EACF,CAAA,MAAA,MAAA,MAAA,MAAA,OAAO,CAAC,KAAK,0CAAE,WAAW,0CAAE,KAAK,0CAAG,CAAC,CAAC,0CAAE,GAAG;iCAC3C,MAAA,MAAA,MAAA,OAAO,CAAC,KAAK,0CAAE,KAAK,0CAAG,CAAC,CAAC,0CAAE,GAAG,CAAA;gCAC9B,IAAI;yBACP,CAAC,CAAA;qBAAA,CACH,CAAA;oBAED,sBAAO,mBAAmB,EAAA;;;;CAC3B,CAAA;AA/BY,QAAA,uBAAuB,2BA+BnC"}

package/dist/cjs/article-recommendations/types/index.d.ts

@@ -0,0 +1,108 @@
+import { Publisher } from '@newskit-render/api';
+import { MQ } from 'newskit';
+import { ReactNode } from 'react';
+export type Article = {
+    href: string;
+    title: string;
+    text?: string;
+};
+export type ArticleGridProps = {
+    overrides?: {
+        rowGap?: MQ<string>;
+        columnGap?: MQ<string>;
+    };
+    columnCount?: MQ<string>;
+    size?: 'large' | 'small';
+    articles: Article[];
+    ads?: AdsType;
+};
+export type ArticleRecommendationProps = {
+    article: Article;
+    size: 'large' | 'small';
+    overrides?: ArticleRecommendationOverrides;
+};
+export type Config = {
+    newskitApiEnvUrl: string;
+    newskitApiXApiKey: string;
+};
+export type ProviderArgs = {
+    userId?: string;
+    publisher: Publisher;
+    articleId: string;
+    config?: Config;
+};
+export type ArticleRecommendationOverrides = {
+    marginBlockEnd?: MQ<string>;
+    card?: {
+        overrides?: {
+            stylePreset?: MQ<string>;
+            mediaContainer?: {
+                spaceInline?: MQ<string>;
+            };
+        };
+        media?: {
+            overrides: {
+                width?: string;
+                height?: string;
+            };
+        };
+    };
+    headline?: {
+        marginBlockEnd?: MQ<string>;
+        overrides: {
+            typographyPreset?: MQ<string>;
+        };
+    };
+    text?: {
+        marginBlockEnd?: MQ<string>;
+        overrides: {
+            stylePreset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+        };
+    };
+};
+export type ArticleTemplate = Record<string, Article[]>;
+export type ArticleTypeName = 'recommendedArticles' | 'adlibraryMPU';
+export type ArticleTypes = Record<ArticleTypeName, {
+    totalArticlesCount: number;
+}>;
+export type DpaTemplate = {
+    templateId: string;
+    columnCount: MQ<string>;
+    size: 'small' | 'large';
+    recommendedArticlesCount: number;
+    ads?: AdsType;
+};
+export interface AdsType {
+    count: number;
+    articlesMargin: number;
+    options: AdsOptions;
+}
+export interface AdsOptions {
+    id: string;
+    className: string;
+    dataAdLabel: string;
+}
+export type DpaTemplateWithArticles = {
+    templateId: string;
+    columnCount: MQ<string>;
+    size: 'small' | 'large';
+    ads?: AdsType;
+    recommendedArticles: Article[];
+};
+export type ArticleRecommendationsProviderBaseContextType = {
+    dpaTemplates: DpaTemplate[];
+};
+export type ArticleRecommendationsProviderContextTypeWithArticles = {
+    dpaTemplates: DpaTemplateWithArticles[];
+};
+export type ArticleRecommendationsProviderContextType = ArticleRecommendationsProviderBaseContextType | ArticleRecommendationsProviderContextTypeWithArticles;
+export type ArticleRecommendationsProviderProps = {
+    articleId: string;
+    context?: ArticleRecommendationsProviderBaseContextType;
+    children: ReactNode;
+    config: Config;
+};
+export declare enum ContextNameMap {
+    'articleRecommendationProvider' = "articleRecommendationProvider"
+}

package/dist/cjs/article-recommendations/types/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextNameMap = void 0;
+var ContextNameMap;
+(function (ContextNameMap) {
+    ContextNameMap["articleRecommendationProvider"] = "articleRecommendationProvider";
+})(ContextNameMap = exports.ContextNameMap || (exports.ContextNameMap = {}));
+//# sourceMappingURL=index.js.map

package/dist/cjs/article-recommendations/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/types/index.ts"],"names":[],"mappings":";;;AA4HA,IAAY,cAEX;AAFD,WAAY,cAAc;IACxB,iFAAiE,CAAA;AACnE,CAAC,EAFW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAEzB"}

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

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

package/dist/cjs/config/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.algoliaUrl = exports.algoliaIndex = exports.algoliaAppId = exports.algoliaApiKey = void 0;
+var requiredConfigFields = [];
+var getSanitizedConfig = function () {
+    for (var _i = 0, requiredConfigFields_1 = requiredConfigFields; _i < requiredConfigFields_1.length; _i++) {
+        var key = requiredConfigFields_1[_i];
+        var value = process.env[key];
+        if (typeof window == 'undefined' &&
+            (value === undefined || value.length <= 0)) {
+            throw new Error("Missing key ".concat(key, " in env"));
+        }
+    }
+    return {
+        algoliaApiKey: process.env.ALGOLIA_API_KEY,
+        algoliaAppId: process.env.ALGOLIA_APP_ID,
+        algoliaIndex: process.env.ALGOLIA_INDEX,
+    };
+};
+var sanitizedConfig = getSanitizedConfig();
+exports.algoliaApiKey = sanitizedConfig.algoliaApiKey, exports.algoliaAppId = sanitizedConfig.algoliaAppId, exports.algoliaIndex = sanitizedConfig.algoliaIndex;
+exports.algoliaUrl = "https://".concat(exports.algoliaAppId, ".algolia.net/1/indexes/").concat(exports.algoliaIndex);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;AAAA,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,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,sBAAe,GAAG,YAAS,CAAC,CAAA;SAC7C;KACF;IACD,OAAO;QACL,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;AAC7B,QAAA,aAAa,GAAiC,eAAe,gBAA9C,QAAA,YAAY,GAAmB,eAAe,eAAhC,QAAA,YAAY,GAAK,eAAe,cAAA;AAE/D,QAAA,UAAU,GAAG,kBAAW,oBAAY,oCAA0B,oBAAY,CAAE,CAAA"}

package/dist/cjs/help-chat/Help.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ChatHelpOverrides } from './types';
+export declare const Help: React.FC<{
+    chatHelpOverrides?: ChatHelpOverrides;
+}>;

package/dist/cjs/help-chat/Help.js

@@ -0,0 +1,40 @@
+"use strict";
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Help = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var chatHelpDefaultOverrides_1 = require("./chatHelpDefaultOverrides");
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  text-align: center;\n"], ["\n  ", "\n  text-align: center;\n"])), (0, newskit_1.getColorCssFromTheme)('background', 'interface020'));
+var Help = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _l = _a.chatHelpOverrides, chatHelpOverrides = _l === void 0 ? chatHelpDefaultOverrides_1.chatHelpOverridesDefault : _l;
+    return (react_1.default.createElement(StyledGridLayout, __assign({}, chatHelpOverrides.gridLayoutOverrides),
+        chatHelpOverrides.icon,
+        react_1.default.createElement(newskit_1.Headline, { overrides: (_b = chatHelpOverrides.helpHeadline) === null || _b === void 0 ? void 0 : _b.overrides }, (_c = chatHelpOverrides.helpHeadline) === null || _c === void 0 ? void 0 : _c.text),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({}, (_d = chatHelpOverrides.helpSubheadline) === null || _d === void 0 ? void 0 : _d.overrides), (_e = chatHelpOverrides.helpSubheadline) === null || _e === void 0 ? void 0 : _e.text),
+        react_1.default.createElement(newskit_1.Button, { onClick: (_f = chatHelpOverrides.buttonOverrides) === null || _f === void 0 ? void 0 : _f.onClick, size: (_g = chatHelpOverrides.buttonOverrides) === null || _g === void 0 ? void 0 : _g.size, overrides: {
+                minWidth: (_h = chatHelpOverrides.buttonOverrides) === null || _h === void 0 ? void 0 : _h.minWidth,
+                stylePreset: (_j = chatHelpOverrides.buttonOverrides) === null || _j === void 0 ? void 0 : _j.stylePreset,
+            } }, (_k = chatHelpOverrides.buttonOverrides) === null || _k === void 0 ? void 0 : _k.text)));
+};
+exports.Help = Help;
+var templateObject_1;
+//# sourceMappingURL=Help.js.map

package/dist/cjs/help-chat/Help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../src/help-chat/Help.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAQgB;AAEhB,uEAAqE;AACrE,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,sGAAA,MACvC,EAAkD,2BAErD,KAFG,IAAA,8BAAoB,EAAC,YAAY,EAAE,cAAc,CAAC,CAErD,CAAA;AAEM,IAAM,IAAI,GAEZ,UAAC,EAAgD;;QAA9C,yBAA4C,EAA5C,iBAAiB,mBAAG,mDAAwB,KAAA;IAClD,OAAO,CACL,8BAAC,gBAAgB,eAAK,iBAAiB,CAAC,mBAAmB;QACxD,iBAAiB,CAAC,IAAI;QACvB,8BAAC,kBAAQ,IAAC,SAAS,EAAE,MAAA,iBAAiB,CAAC,YAAY,0CAAE,SAAS,IAC3D,MAAA,iBAAiB,CAAC,YAAY,0CAAE,IAAI,CAC5B;QAEX,8BAAC,mBAAS,eAAK,MAAA,iBAAiB,CAAC,eAAe,0CAAE,SAAS,GACxD,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAI,CAC9B;QACZ,8BAAC,gBAAM,IACL,OAAO,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,OAAO,EACnD,IAAI,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAkB,EAC3D,SAAS,EAAE;gBACT,QAAQ,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,QAAQ;gBACrD,WAAW,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,WAAW;aAC5D,IAEA,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAI,CACjC,CACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,IAAI,QAyBhB"}

package/dist/cjs/help-chat/chatHelpDefaultOverrides.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export declare const chatHelpOverridesDefault: {
+    icon: JSX.Element;
+    buttonOverrides: {
+        text: string;
+        size: string;
+        stylePreset: string;
+        minWidth: {
+            xs: string;
+            sm: string;
+        };
+        onClick: undefined;
+    };
+    helpHeadline: {
+        text: string;
+        overrides: {
+            typographyPreset: string;
+        };
+    };
+    helpSubheadline: {
+        text: string;
+        overrides: {
+            typographyPreset: string;
+            stylePreset: string;
+            paddingInline: string;
+        };
+    };
+    gridLayoutOverrides: {
+        rowGap: string;
+        justifyItems: string;
+        alignContent: string;
+        overrides: {
+            paddingBlock: string;
+            paddingInline: string;
+            width: string;
+        };
+    };
+};

package/dist/cjs/help-chat/chatHelpDefaultOverrides.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatHelpOverridesDefault = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var Chat_1 = require("@emotion-icons/material/Chat");
+var IconFilledChat = (0, newskit_1.toNewsKitIcon)(Chat_1.Chat);
+exports.chatHelpOverridesDefault = {
+    icon: (react_1.default.createElement(IconFilledChat, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'chatIconStylePreset',
+        } })),
+    buttonOverrides: {
+        text: 'Chat now',
+        size: 'small',
+        stylePreset: 'buttonOutlinedSecondary',
+        minWidth: { xs: '100%', sm: 'sizing100' },
+        onClick: undefined,
+    },
+    helpHeadline: {
+        text: 'Need help?',
+        overrides: {
+            typographyPreset: 'utilityHeading030',
+        },
+    },
+    helpSubheadline: {
+        text: 'Get a quick response from our team members',
+        overrides: {
+            typographyPreset: 'utilityBody030',
+            stylePreset: 'inkBase',
+            paddingInline: 'space050',
+        },
+    },
+    gridLayoutOverrides: {
+        rowGap: 'space050',
+        justifyItems: 'center',
+        alignContent: 'start',
+        overrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+            width: '100%',
+        },
+    },
+};
+//# sourceMappingURL=chatHelpDefaultOverrides.js.map

package/dist/cjs/help-chat/chatHelpDefaultOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatHelpDefaultOverrides.js","sourceRoot":"","sources":["../../../src/help-chat/chatHelpDefaultOverrides.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,qDAAiE;AAEjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAEnC,QAAA,wBAAwB,GAAG;IACtC,IAAI,EAAE,CACJ,8BAAC,cAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,qBAAqB;SACnC,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,yBAAyB;QACtC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,OAAO,EAAE,SAAS;KACnB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE;YACT,gBAAgB,EAAE,mBAAmB;SACtC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE;YACT,gBAAgB,EAAE,gBAAgB;YAClC,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,UAAU;SAC1B;KACF;IACD,mBAAmB,EAAE;QACnB,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,KAAK,EAAE,MAAM;SACd;KACF;CACF,CAAA"}

package/dist/cjs/help-chat/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Help';
+export * from './types';

package/dist/cjs/help-chat/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Help"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/help-chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-chat/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB"}

package/dist/cjs/help-chat/tests/Chat.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story;
+export declare const WithoutOverrides: Story;

package/dist/cjs/help-chat/tests/Chat.stories.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithoutOverrides = exports.Primary = void 0;
+var react_1 = __importDefault(require("react"));
+var Help_1 = require("../Help");
+var newskit_1 = require("newskit");
+var Chat_1 = require("@emotion-icons/material/Chat");
+var IconFilledChat = (0, newskit_1.toNewsKitIcon)(Chat_1.Chat);
+exports.default = {
+    title: 'Components/ChatHelp',
+    component: Help_1.Help,
+};
+var Primary = function (args) { return (react_1.default.createElement(Help_1.Help, { chatHelpOverrides: args })); };
+exports.Primary = Primary;
+exports.Primary.args = {
+    icon: (react_1.default.createElement(IconFilledChat, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'inkContrast',
+        } })),
+    buttonOverrides: {
+        text: 'Chat now',
+        size: 'small',
+        stylePreset: 'buttonOutlinedSecondary',
+        minWidth: { xs: '100%', sm: 'sizing100' },
+    },
+    helpHeadline: {
+        text: 'Need help?',
+        overrides: {
+            typographyPreset: 'utilityHeading030',
+        },
+    },
+    helpSubheadline: {
+        text: 'Get a quick response from our team members',
+        overrides: {
+            typographyPreset: 'utilitySubheading020',
+            stylePreset: 'inkBase',
+            paddingInline: 'space050',
+        },
+    },
+    gridLayoutOverrides: {
+        rowGap: 'space050',
+        justifyItems: 'center',
+        alignContent: 'start',
+        overrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+    },
+};
+var WithoutOverrides = function () { return react_1.default.createElement(Help_1.Help, null); };
+exports.WithoutOverrides = WithoutOverrides;
+//# sourceMappingURL=Chat.stories.js.map

package/dist/cjs/help-chat/tests/Chat.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../../src/help-chat/tests/Chat.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,gCAA8B;AAE9B,mCAAuC;AACvC,qDAAiE;AAEjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAEhD,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAI;CACR,CAAA;AAEF,IAAM,OAAO,GAAU,UAAC,IAAuB,IAAK,OAAA,CACzD,8BAAC,WAAI,IAAC,iBAAiB,EAAE,IAAI,GAAI,CAClC,EAF0D,CAE1D,CAAA;AAFY,QAAA,OAAO,WAEnB;AAED,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CACJ,8BAAC,cAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,aAAa;SAC3B,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,yBAAyB;QACtC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;KAC1C;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE;YACT,gBAAgB,EAAE,mBAAmB;SACtC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE;YACT,gBAAgB,EAAE,sBAAsB;YACxC,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,UAAU;SAC1B;KACF;IACD,mBAAmB,EAAE;QACnB,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;KACF;CACF,CAAA;AAEM,IAAM,gBAAgB,GAAU,cAAM,OAAA,8BAAC,WAAI,OAAG,EAAR,CAAQ,CAAA;AAAxC,QAAA,gBAAgB,oBAAwB"}

package/dist/cjs/help-chat/tests/mocks.d.ts

@@ -0,0 +1,2 @@
+import { ChatHelpOverrides } from 'help-chat/types';
+export declare const mockChatHelpOverrides: ChatHelpOverrides;