@pronto-tools-and-more/components 12.10.0 → 12.12.0

package/dist/main.js

@@ -6,7 +6,7 @@ var JsonComponent = ({ json }) => {
 
 // src/parts/ArticleAuthors/ArticleAuthors.tsx
 var unrender = (element, renderElement) => {
-  const { render, unrender: unrender10, ...rest } = element;
+  const { render, unrender: unrender11, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -412,7 +412,7 @@ var Button = ({
 
 // src/parts/CategoryList/CategoryList.tsx
 var unrender3 = (element, renderElement) => {
-  const { render, unrender: unrender10, ...rest } = element;
+  const { render, unrender: unrender11, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
     name: `$functions.id($context, 'context', 'name')`,
@@ -1021,6 +1021,22 @@ var HighlightedEPaper = ({ ePaperId }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "HighlightedEPaper" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
+// src/parts/HubsportForm/HubSpotForm.tsx
+var HubspotForm = ({ hubspotUrl }) => {
+  const json = {
+    content: [
+      {
+        tag: "div",
+        type: "html",
+        class: "",
+        content: `<iframe src="${hubspotUrl}" title="Hubspot Formular"></iframe>`
+      }
+    ],
+    type: "section"
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "HubspotForm" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
 // src/parts/Language/Language.ts
 var Language = {
   De: "de",
@@ -1115,9 +1131,105 @@ var MaskIcon = ({ src }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "MaskIcon" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
-// src/parts/PostContentBody/PostContentBody.tsx
+// src/parts/OneEPaper/OneEPaper.tsx
 var unrender6 = (element, renderElement) => {
-  const { render, unrender: unrender10, customBlocks, ...rest } = element;
+  const { render, ...rest } = element;
+  const node = render({
+    id: `$functions.id($context, 'issue', 'id')`,
+    imageSrc: `$functions.id($context, 'issue', 'thumbnails', 'default')`,
+    date: `$functions.id($context, 'issue', 'publicationDate')`
+  });
+  const final = renderElement(node);
+  return {
+    ...rest,
+    content: final
+  };
+};
+var OneEPaper = ({
+  render,
+  ePaperId
+}) => {
+  const json = {
+    content: {
+      type: "issue",
+      tapCover: {
+        path: "issueDetails",
+        type: "popup"
+      },
+      customMessages: [
+        {
+          message: "okay",
+          class: "publication-date"
+        },
+        {
+          message: "",
+          class: "highlighted-epaper-badge"
+        }
+      ],
+      template: "highlight",
+      downloadOptions: {
+        buttonType: "SINGLE"
+      },
+      purchaseOptions: {
+        login: true
+      },
+      customButtons: []
+    },
+    dataSource: {
+      type: "issue",
+      sort: [
+        {
+          publicationDate: {
+            direction: "DESC"
+          }
+        }
+      ],
+      limit: 1,
+      filter: {
+        OR: [
+          {
+            condition: {
+              OR: [
+                {
+                  value: "$context.userAttributes.activePublication",
+                  operation: "EMPTY"
+                },
+                {
+                  value: "$context.userAttributes.activePublication",
+                  operation: "NOT_SET"
+                }
+              ]
+            },
+            publication: {
+              id: {
+                value: ePaperId
+              }
+            }
+          },
+          {
+            condition: {
+              value: "$context.userAttributes.activePublication",
+              operation: "NOT_EMPTY"
+            },
+            publication: {
+              id: {
+                value: "$context.userAttributes.activePublication"
+              }
+            }
+          }
+        ]
+      }
+    },
+    type: "list",
+    render,
+    unrender: unrender6
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "OneEpaper" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
+// src/parts/PostContentBody/PostContentBody.tsx
+var unrender7 = (element, renderElement) => {
+  const { render, unrender: unrender11, customBlocks, ...rest } = element;
   const actualBlocks = customBlocks || [];
   const renderedBlocks = actualBlocks.map((block) => {
     if (block.render && block.props) {
@@ -1145,7 +1257,7 @@ var PostContentBody = ({
 } = {}) => {
   const json = {
     render: {},
-    unrender: unrender6,
+    unrender: unrender7,
     type: "content-body",
     id: "post-content-body",
     customBlocks,
@@ -1165,7 +1277,7 @@ var PostContentBody = ({
 };
 
 // src/parts/PrimaryCategory/PrimaryCategory.tsx
-var unrender7 = (element, renderElement) => {
+var unrender8 = (element, renderElement) => {
   const { render, category } = element;
   const node = render(category);
   const final = renderElement(node);
@@ -1181,7 +1293,7 @@ var PrimaryCategory = ({
   const categoryType = `$functions.getPrimaryCategoryProperty($context["${contentKey ?? "content"}"], 'type')`;
   const json = {
     render,
-    unrender: unrender7,
+    unrender: unrender8,
     category: {
       id: categoryId,
       name: categoryName,
@@ -1340,7 +1452,7 @@ var getImageSrc = (fallbackImage) => {
   }
   return `$functions.id($context, 'search-result', 'issue', 'thumbnails', 'default')`;
 };
-var unrender8 = (element, renderElement) => {
+var unrender9 = (element, renderElement) => {
   const { render, fallbackImage, ...rest } = element;
   const node = render({
     title: "$functions.id($context, 'search-result', 'issue', 'name')",
@@ -1433,7 +1545,7 @@ var SearchResultsNews = ({
   }
   const json = {
     render,
-    unrender: unrender8,
+    unrender: unrender9,
     fallbackImage,
     dataSource: {
       phrase: "$context.phrase",
@@ -1652,7 +1764,7 @@ var SubscriptionLink = ({ message } = {}) => {
 };
 
 // src/parts/TagList/TagList.tsx
-var unrender9 = (element, renderElement) => {
+var unrender10 = (element, renderElement) => {
   const { render, ...rest } = element;
   const node = render({
     id: `$functions.id($context, 'context', 'id')`,
@@ -1676,7 +1788,7 @@ var unrender9 = (element, renderElement) => {
 var TagList = ({ render }) => {
   const json = {
     render,
-    unrender: unrender9,
+    unrender: unrender10,
     dataSource: {
       data: "$context.content.taxonomies",
       type: "context",
@@ -1712,6 +1824,7 @@ export {
   HeaderMenuItems,
   Heading,
   HighlightedEPaper,
+  HubspotForm,
   JsonComponent,
   Language,
   LanguageMapping,
@@ -1719,6 +1832,7 @@ export {
   Login,
   MaskIcon,
   MenuItems,
+  OneEPaper,
   PostContentBody,
   PrimaryCategory,
   PublicationToggle,

package/dist/parts/Components/Components.d.ts

@@ -33,6 +33,7 @@ export * from "../HeaderMenuItems/HeaderMenuItems.tsx";
 export * from "../Heading/Heading.tsx";
 export * from "../HighlightedEPaper/HighlightedEpaper.tsx";
 export * from "../HrefLangAlternate/HrefLangAlternate.ts";
+export * from "../HubsportForm/HubSpotForm.tsx";
 export * from "../IArticleListItem/IArticleListItem.ts";
 export * from "../IBookmarkInfo/IBookmarkInfo.ts";
 export * from "../ICategoryItem/ICategoryItem.ts";
@@ -50,6 +51,7 @@ export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";
 export * from "../MaskIcon/MaskIcon.tsx";
 export * from "../MenuItems/MenuItems.tsx";
+export * from "../OneEPaper/OneEPaper.tsx";
 export * from "../PostContentBody/PostContentBody.tsx";
 export * from "../PrimaryCategory/PrimaryCategory.tsx";
 export * from "../PublicationToggle/PublicationToggle.tsx";

package/dist/parts/EPaperRenderer/EPaperRenderer.d.ts

@@ -0,0 +1,5 @@
+import type React from "react";
+import type { IEPaperItem } from "../IEPaperItem/IEPaperItem.ts";
+export interface EPaperRenderer {
+    (item: IEPaperItem): React.ReactNode;
+}

package/dist/parts/HubsportForm/HubSpotForm.d.ts

@@ -0,0 +1,3 @@
+export declare const HubspotForm: ({ hubspotUrl }: {
+    hubspotUrl: string;
+}) => import("react").JSX.Element;

package/dist/parts/IEPaperItem/IEPaperItem.d.ts

@@ -0,0 +1,5 @@
+export interface IEPaperItem {
+    readonly id: string;
+    readonly date: string;
+    readonly imageSrc: string;
+}

package/dist/parts/OneEPaper/OneEPaper.d.ts

@@ -0,0 +1,5 @@
+import type { EPaperRenderer } from "../EPaperRenderer/EPaperRenderer.ts";
+export declare const OneEPaper: ({ render, ePaperId, }: {
+    render: EPaperRenderer;
+    ePaperId: string;
+}) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "12.10.0",
+  "version": "12.12.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",