@newskit-render/standalone-components 0.0.0-e16014a0

package/dist/esm/article-recommendations/components/ArticleRecommendationSmall.js

@@ -0,0 +1,15 @@
+import React, { useMemo } from 'react';
+import { getHostNameFromWindow, Image } from '@newskit-render/shared-components';
+import { Card, Headline } from 'newskit';
+import merge from 'lodash.merge';
+import { baseProps } from './baseProps';
+var ArticleRecommendationSmall = function (_a) {
+    var article = _a.article, overrides = _a.overrides;
+    var siteHost = getHostNameFromWindow();
+    var href = article.href, title = article.title;
+    var finalProps = useMemo(function () { return merge({}, baseProps.articleRecommendationSmall, overrides); }, [overrides]);
+    return (React.createElement(Card, { href: "".concat(siteHost), layout: "horizontal", media: function () { return React.createElement(Image, { aspectRatio: "3/2", src: href, alt: title }); }, overrides: finalProps.card.overrides, "data-testid": "article-recommendation-small" },
+        React.createElement(Headline, { headingAs: "h4", overrides: finalProps.headline.overrides }, title)));
+};
+export default ArticleRecommendationSmall;
+//# sourceMappingURL=ArticleRecommendationSmall.js.map

package/dist/esm/article-recommendations/components/ArticleRecommendationSmall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleRecommendationSmall.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAChF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,IAAM,0BAA0B,GAG3B,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IACxB,IAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAA;IAChC,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;IAC/B,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAA1D,CAA0D,EAChE,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAE,UAAG,QAAQ,CAAE,EACnB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,cAAM,OAAA,oBAAC,KAAK,IAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,EAAlD,CAAkD,EAC/D,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,iBACxB,8BAA8B;QAE1C,oBAAC,QAAQ,IAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,IAC9D,KAAK,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/dist/esm/article-recommendations/components/ArticleRecommendationsProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ArticleRecommendationsProviderProps } from '../types';
+declare const ArticleRecommendationsProvider: React.FC<ArticleRecommendationsProviderProps>;
+export default ArticleRecommendationsProvider;

package/dist/esm/article-recommendations/components/ArticleRecommendationsProvider.js

@@ -0,0 +1,78 @@
+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 useSWR from 'swr';
+import { ArticleRecommendationsProviderContext } from '../context';
+import { fetcher } from '../provider';
+var defaultContext = {
+    dpaTemplates: [
+        {
+            templateId: 'list-1',
+            columnCount: '1',
+            size: 'small',
+            recommendedArticlesCount: 4,
+            ads: {
+                count: 3,
+                articlesMargin: 2,
+                options: {
+                    id: 'dynamic-mpu',
+                    className: 'nuk-ad-placeholder',
+                    dataAdLabel: 'dynamicMpus',
+                },
+            },
+        },
+        {
+            templateId: 'list-2',
+            columnCount: { xs: '1', sm: '2', lg: '4' },
+            size: 'large',
+            recommendedArticlesCount: 15,
+            ads: {
+                count: 4,
+                articlesMargin: 2,
+                options: {
+                    id: 'dynamic-mpu',
+                    className: 'nuk-ad-placeholder',
+                    dataAdLabel: 'dynamicMpus',
+                },
+            },
+        },
+    ],
+};
+var addArticlesToDPATemplates = function (articles, dpaTemplates) {
+    var totalArticlesCount = 0;
+    return dpaTemplates.reduce(function (acc, _a) {
+        var templateId = _a.templateId, columnCount = _a.columnCount, size = _a.size, recommendedArticlesCount = _a.recommendedArticlesCount, ads = _a.ads;
+        var currentDPATemplateArticles = articles.slice(totalArticlesCount, totalArticlesCount + recommendedArticlesCount);
+        var templateWithArticles = {
+            templateId: templateId,
+            columnCount: columnCount,
+            size: size,
+            ads: ads,
+            recommendedArticles: currentDPATemplateArticles,
+        };
+        totalArticlesCount += recommendedArticlesCount;
+        acc.push(templateWithArticles);
+        return acc;
+    }, []);
+};
+var ArticleRecommendationsProvider = function (_a) {
+    var articleId = _a.articleId, context = _a.context, config = _a.config, children = _a.children;
+    var enhancedContext = context || defaultContext;
+    var articles = useSWR([articleId, config], fetcher).data;
+    var dpaTemplates = articles
+        ? addArticlesToDPATemplates(articles, enhancedContext.dpaTemplates)
+        : [];
+    var contextWithArticles = __assign(__assign({}, enhancedContext), { dpaTemplates: dpaTemplates, articleId: articleId });
+    return (React.createElement(ArticleRecommendationsProviderContext.Provider, { value: contextWithArticles }, children));
+};
+export default ArticleRecommendationsProvider;
+//# sourceMappingURL=ArticleRecommendationsProvider.js.map

package/dist/esm/article-recommendations/components/ArticleRecommendationsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleRecommendationsProvider.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/ArticleRecommendationsProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,KAAK,CAAA;AACxB,OAAO,EAAE,qCAAqC,EAAE,MAAM,YAAY,CAAA;AAQlE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,IAAM,cAAc,GAA8C;IAChE,YAAY,EAAE;QACZ;YACE,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,GAAG;YAChB,IAAI,EAAE,OAAO;YACb,wBAAwB,EAAE,CAAC;YAC3B,GAAG,EAAE;gBACH,KAAK,EAAE,CAAC;gBACR,cAAc,EAAE,CAAC;gBACjB,OAAO,EAAE;oBACP,EAAE,EAAE,aAAa;oBACjB,SAAS,EAAE,oBAAoB;oBAC/B,WAAW,EAAE,aAAa;iBAC3B;aACF;SACF;QACD;YACE,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;YAC1C,IAAI,EAAE,OAAO;YACb,wBAAwB,EAAE,EAAE;YAC5B,GAAG,EAAE;gBACH,KAAK,EAAE,CAAC;gBACR,cAAc,EAAE,CAAC;gBACjB,OAAO,EAAE;oBACP,EAAE,EAAE,aAAa;oBACjB,SAAS,EAAE,oBAAoB;oBAC/B,WAAW,EAAE,aAAa;iBAC3B;aACF;SACF;KACF;CACF,CAAA;AAED,IAAM,yBAAyB,GAAG,UAChC,QAAmB,EACnB,YAA2B;IAE3B,IAAI,kBAAkB,GAAG,CAAC,CAAA;IAC1B,OAAO,YAAY,CAAC,MAAM,CACxB,UACE,GAA8B,EAC9B,EAMc;YALZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,wBAAwB,8BAAA,EACxB,GAAG,SAAA;QAGL,IAAM,0BAA0B,GAAG,QAAQ,CAAC,KAAK,CAC/C,kBAAkB,EAClB,kBAAkB,GAAG,wBAAwB,CAC9C,CAAA;QACD,IAAM,oBAAoB,GAA4B;YACpD,UAAU,YAAA;YACV,WAAW,aAAA;YACX,IAAI,MAAA;YACJ,GAAG,KAAA;YACH,mBAAmB,EAAE,0BAA0B;SAChD,CAAA;QAED,kBAAkB,IAAI,wBAAwB,CAAA;QAC9C,GAAG,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAC9B,OAAO,GAAG,CAAA;IACZ,CAAC,EACD,EAAE,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,8BAA8B,GAEhC,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA;IACzC,IAAM,eAAe,GAAG,OAAO,IAAI,cAAc,CAAA;IACzC,IAAM,QAAQ,GAAK,MAAM,CAAY,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,KAApD,CAAoD;IAE1E,IAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,yBAAyB,CAAC,QAAQ,EAAE,eAAe,CAAC,YAAY,CAAC;QACnE,CAAC,CAAC,EAAE,CAAA;IAEN,IAAM,mBAAmB,yBACpB,eAAe,KAClB,YAAY,cAAA,EACZ,SAAS,WAAA,GACV,CAAA;IAED,OAAO,CACL,oBAAC,qCAAqC,CAAC,QAAQ,IAAC,KAAK,EAAE,mBAAmB,IACvE,QAAQ,CACsC,CAClD,CAAA;AACH,CAAC,CAAA;AAED,eAAe,8BAA8B,CAAA"}

package/dist/esm/article-recommendations/components/RecommendedArticleList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const RecommendedArticleList: React.FC<{
+    templateId: string;
+}>;
+export default RecommendedArticleList;

package/dist/esm/article-recommendations/components/RecommendedArticleList.js

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import AricleGrid from './ArticleGrid';
+import { ArticleRecommendationsProviderContext } from '../context';
+var RecommendedArticleList = function (_a) {
+    var templateId = _a.templateId;
+    var context = useContext(ArticleRecommendationsProviderContext);
+    var dpaTemplate = context.dpaTemplates.find(function (dpaTemplate) { return dpaTemplate.templateId === templateId; });
+    if (!dpaTemplate) {
+        return null;
+    }
+    var recommendedArticles = dpaTemplate.recommendedArticles, columnCount = dpaTemplate.columnCount, size = dpaTemplate.size, ads = dpaTemplate.ads;
+    return (React.createElement(AricleGrid, { articles: recommendedArticles, columnCount: columnCount, size: size, ads: ads }));
+};
+export default RecommendedArticleList;
+//# sourceMappingURL=RecommendedArticleList.js.map

package/dist/esm/article-recommendations/components/RecommendedArticleList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendedArticleList.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/RecommendedArticleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,qCAAqC,EAAE,MAAM,YAAY,CAAA;AAGlE,IAAM,sBAAsB,GAAqC,UAAC,EAEjE;QADC,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG,UAAU,CACxB,qCAAqC,CACmB,CAAA;IAE1D,IAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAC3C,UAAC,WAAW,IAAK,OAAA,WAAW,CAAC,UAAU,KAAK,UAAU,EAArC,CAAqC,CACvD,CAAA;IAED,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAEO,IAAA,mBAAmB,GAA6B,WAAW,oBAAxC,EAAE,WAAW,GAAgB,WAAW,YAA3B,EAAE,IAAI,GAAU,WAAW,KAArB,EAAE,GAAG,GAAK,WAAW,IAAhB,CAAgB;IACnE,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,GACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/esm/article-recommendations/components/baseProps.d.ts

@@ -0,0 +1,63 @@
+export declare const baseProps: {
+    articleRecommendationLarge: {
+        card: {
+            overrides: {
+                stylePreset: string;
+                mediaContainer: {
+                    spaceInline: string;
+                };
+            };
+        };
+        marginBlockEnd: string;
+        headline: {
+            marginBlockEnd: {
+                xs: string;
+                md: string;
+            };
+            overrides: {
+                typographyPreset: {
+                    xs: string;
+                    md: string;
+                    xl: string;
+                };
+            };
+        };
+        text: {
+            marginBlockEnd: {
+                xs: string;
+                md: string;
+            };
+            overrides: {
+                stylePreset: string;
+                typographyPreset: {
+                    xs: string;
+                    md: string;
+                };
+            };
+        };
+    };
+    articleRecommendationSmall: {
+        card: {
+            overrides: {
+                stylePreset: string;
+                mediaContainer: {
+                    spaceInline: string;
+                };
+            };
+            media: {
+                overrides: {
+                    width: string;
+                    height: string;
+                };
+            };
+        };
+        headline: {
+            overrides: {
+                typographyPreset: {
+                    xs: string;
+                    xl: string;
+                };
+            };
+        };
+    };
+};

package/dist/esm/article-recommendations/components/baseProps.js

@@ -0,0 +1,64 @@
+export var baseProps = {
+    articleRecommendationLarge: {
+        card: {
+            overrides: {
+                stylePreset: 'cardContainer',
+                mediaContainer: {
+                    spaceInline: 'space030',
+                },
+            },
+        },
+        marginBlockEnd: 'space060',
+        headline: {
+            marginBlockEnd: {
+                xs: 'space040',
+                md: 'space050',
+            },
+            overrides: {
+                typographyPreset: {
+                    xs: 'editorialHeadline020',
+                    md: 'editorialHeadline030',
+                    xl: 'editorialHeadline040',
+                },
+            },
+        },
+        text: {
+            marginBlockEnd: {
+                xs: 'space040',
+                md: 'space050',
+            },
+            overrides: {
+                stylePreset: 'inkContrast',
+                typographyPreset: {
+                    xs: 'editorialParagraph010',
+                    md: 'editorialParagraph020',
+                },
+            },
+        },
+    },
+    articleRecommendationSmall: {
+        card: {
+            overrides: {
+                stylePreset: 'cardContainer',
+                mediaContainer: {
+                    spaceInline: 'space030',
+                },
+            },
+            media: {
+                overrides: {
+                    width: '150px',
+                    height: '100px',
+                },
+            },
+        },
+        headline: {
+            overrides: {
+                typographyPreset: {
+                    xs: 'editorialHeadline040',
+                    xl: 'editorialHeadline020',
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=baseProps.js.map

package/dist/esm/article-recommendations/components/baseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseProps.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/baseProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;SACF;QACD,cAAc,EAAE,UAAU;QAC1B,QAAQ,EAAE;YACR,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;QACD,IAAI,EAAE;YACJ,cAAc,EAAE;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,aAAa;gBAC1B,gBAAgB,EAAE;oBAChB,EAAE,EAAE,uBAAuB;oBAC3B,EAAE,EAAE,uBAAuB;iBAC5B;aACF;SACF;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,SAAS,EAAE;gBACT,WAAW,EAAE,eAAe;gBAC5B,cAAc,EAAE;oBACd,WAAW,EAAE,UAAU;iBACxB;aACF;YACD,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;iBAChB;aACF;SACF;QACD,QAAQ,EAAE;YACR,SAAS,EAAE;gBACT,gBAAgB,EAAE;oBAChB,EAAE,EAAE,sBAAsB;oBAC1B,EAAE,EAAE,sBAAsB;iBAC3B;aACF;SACF;KACF;CACF,CAAA"}

package/dist/esm/article-recommendations/components/index.d.ts

@@ -0,0 +1,7 @@
+import AdPlaceholder from './AdPlaceholder';
+import AricleGrid from './ArticleGrid';
+import ArticleRecommendation from './ArticleRecommendation';
+import ArticleRecommendationsProvider from './ArticleRecommendationsProvider';
+import RecommendedArticleList from './RecommendedArticleList';
+export * from './baseProps';
+export { ArticleRecommendation, AricleGrid, ArticleRecommendationsProvider, RecommendedArticleList, AdPlaceholder, };

package/dist/esm/article-recommendations/components/index.js

@@ -0,0 +1,8 @@
+import AdPlaceholder from './AdPlaceholder';
+import AricleGrid from './ArticleGrid';
+import ArticleRecommendation from './ArticleRecommendation';
+import ArticleRecommendationsProvider from './ArticleRecommendationsProvider';
+import RecommendedArticleList from './RecommendedArticleList';
+export * from './baseProps';
+export { ArticleRecommendation, AricleGrid, ArticleRecommendationsProvider, RecommendedArticleList, AdPlaceholder, };
+//# sourceMappingURL=index.js.map

package/dist/esm/article-recommendations/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,8BAA8B,MAAM,kCAAkC,CAAA;AAC7E,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAE7D,cAAc,aAAa,CAAA;AAC3B,OAAO,EACL,qBAAqB,EACrB,UAAU,EACV,8BAA8B,EAC9B,sBAAsB,EACtB,aAAa,GACd,CAAA"}

package/dist/esm/article-recommendations/context/index.d.ts

@@ -0,0 +1,3 @@
+import { ArticleRecommendationsProviderContextType } from '../types';
+import React from 'react';
+export declare const ArticleRecommendationsProviderContext: React.Context<ArticleRecommendationsProviderContextType | null>;

package/dist/esm/article-recommendations/context/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var ArticleRecommendationsProviderContext = React.createContext(null);
+//# sourceMappingURL=index.js.map

package/dist/esm/article-recommendations/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/context/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,qCAAqC,GAChD,KAAK,CAAC,aAAa,CAAmD,IAAI,CAAC,CAAA"}

package/dist/esm/article-recommendations/helpers/index.d.ts

@@ -0,0 +1,2 @@
+import { MQ } from 'newskit';
+export declare const transformColumns: (coulmnCount: MQ<string>) => MQ<string>;

package/dist/esm/article-recommendations/helpers/index.js

@@ -0,0 +1,20 @@
+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);
+};
+export var transformColumns = function (coulmnCount) {
+    return typeof coulmnCount === 'object'
+        ? Object.entries(coulmnCount).reduce(function (acc, count) {
+            var _a;
+            return (__assign(__assign({}, acc), (_a = {}, _a[count[0]] = "repeat(".concat(count[1], ", 1fr)"), _a)));
+        }, {})
+        : "repeat(".concat(coulmnCount, ", 1fr)");
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/article-recommendations/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/article-recommendations/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,WAAuB;IACtD,OAAA,OAAO,WAAW,KAAK,QAAQ;QAC7B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,CAChC,UAAC,GAAG,EAAE,KAAK;;YAAK,OAAA,uBACX,GAAG,gBACL,KAAK,CAAC,CAAC,CAAC,IAAG,iBAAU,KAAK,CAAC,CAAC,CAAC,WAAQ,OACtC;QAHc,CAGd,EACF,EAAE,CACH;QACH,CAAC,CAAC,iBAAU,WAAW,WAAQ;AARjC,CAQiC,CAAA"}

package/dist/esm/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/esm/article-recommendations/index.js

@@ -0,0 +1,5 @@
+export { ArticleRecommendation, ArticleRecommendationsProvider, RecommendedArticleList, } from './components';
+export * from './provider';
+export * from './types';
+export * from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/article-recommendations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,sBAAsB,GACvB,MAAM,cAAc,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA"}

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

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

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

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

package/dist/esm/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,cAAc,2BAA2B,CAAA"}

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

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

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

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { gql } from '@apollo/client';
+export var GET_RECOMMENDATIONS = 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/esm/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,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,mBAAmB,GAAG,GAAG,42BAAA,yyBAoCrC,IAAA,CAAA"}

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

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

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

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

package/dist/esm/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,cAAc,2BAA2B,CAAA"}

package/dist/esm/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/esm/article-recommendations/provider/recommendationsProvider.js

@@ -0,0 +1,86 @@
+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 };
+    }
+};
+import { createApolloClient, ClientTypes, Publisher } from '@newskit-render/api';
+import { GET_RECOMMENDATIONS } from './queries';
+export 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*/, recommendationsProvider({
+                articleId: articleId,
+                config: config,
+                userId: userId,
+                publisher: Publisher.SUN_UK,
+            })];
+    });
+}); };
+export 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*/, createApolloClient(ClientTypes.nkapi, undefined, undefined, undefined, config)];
+                case 1:
+                    apolloClient = _b.sent();
+                    return [4 /*yield*/, apolloClient.query({
+                            query: 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];
+            }
+        });
+    });
+};
+//# sourceMappingURL=recommendationsProvider.js.map

package/dist/esm/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,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAI/C,MAAM,CAAC,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,uBAAuB,CAAC;gBAC7B,SAAS,WAAA;gBACT,MAAM,EAAE,MAAgB;gBACxB,MAAM,QAAA;gBACN,SAAS,EAAE,SAAS,CAAC,MAAM;aAC5B,CAAC,EAAA;;KACH,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAO,EAK/B;QAJb,SAAS,eAAA,EACT,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA;;;;;wBAEe,qBAAM,kBAAkB,CAC3C,WAAW,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,mBAAmB;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"}

package/dist/esm/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/esm/article-recommendations/types/index.js

@@ -0,0 +1,5 @@
+export var ContextNameMap;
+(function (ContextNameMap) {
+    ContextNameMap["articleRecommendationProvider"] = "articleRecommendationProvider";
+})(ContextNameMap || (ContextNameMap = {}));
+//# sourceMappingURL=index.js.map

package/dist/esm/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,MAAM,CAAN,IAAY,cAEX;AAFD,WAAY,cAAc;IACxB,iFAAiE,CAAA;AACnE,CAAC,EAFW,cAAc,KAAd,cAAc,QAEzB"}

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

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

package/dist/esm/config/index.js

@@ -0,0 +1,20 @@
+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();
+export var algoliaApiKey = sanitizedConfig.algoliaApiKey, algoliaAppId = sanitizedConfig.algoliaAppId, algoliaIndex = sanitizedConfig.algoliaIndex;
+export var algoliaUrl = "https://".concat(algoliaAppId, ".algolia.net/1/indexes/").concat(algoliaIndex);
+//# sourceMappingURL=index.js.map