@shop-on/theme-react 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -3,10 +3,11 @@ import { BreadcrumbJsonLd, BreadcrumbJsonLdProps } from "./breadcrumb-json-ld.js
 import { EditorSelectedItem, parseSelected, readClickTarget, sameItem } from "./editor-preview-bridge-utils.js";
 import { EditorPreviewBridge } from "./editor-preview-bridge.js";
 import { FaqJsonLd, FaqJsonLdItem, FaqJsonLdProps } from "./faq-json-ld.js";
+import { OrganizationJsonLd, OrganizationJsonLdProps } from "./organization-json-ld.js";
 import { ProductJsonLd, ProductJsonLdProps } from "./product-json-ld.js";
 import { WebsiteJsonLd, WebsiteJsonLdProps } from "./website-json-ld.js";
 import { PreviewSearch, bouncePreviewToNotFound } from "./preview-guard.js";
 import { retainPreviewSearch } from "./preview-search-middleware.js";
 import { ArticleSchemaSource, BlockInstance, ClosestScope, LayoutComponent, ProductSchemaSource, SectionGroupConfig, TemplateJSON, TemplateRendererInstance, TemplateRendererLoaders, TemplateSeoSource, createTemplateRenderer, withClosestOverlays } from "./template-renderer.js";
 import { useIsoLayoutEffect } from "./use-iso-layout-effect.js";
-export { ArticleJsonLd, type ArticleJsonLdProps, type ArticleSchemaSource, type BlockInstance, BreadcrumbJsonLd, type BreadcrumbJsonLdProps, ClosestScope, EditorPreviewBridge, type EditorSelectedItem, FaqJsonLd, type FaqJsonLdItem, type FaqJsonLdProps, type LayoutComponent, type PreviewSearch, ProductJsonLd, type ProductJsonLdProps, type ProductSchemaSource, type SectionGroupConfig, type TemplateJSON, type TemplateRendererInstance, type TemplateRendererLoaders, type TemplateSeoSource, WebsiteJsonLd, type WebsiteJsonLdProps, bouncePreviewToNotFound, createTemplateRenderer, parseSelected, readClickTarget, retainPreviewSearch, sameItem, useIsoLayoutEffect, withClosestOverlays };
+export { ArticleJsonLd, type ArticleJsonLdProps, type ArticleSchemaSource, type BlockInstance, BreadcrumbJsonLd, type BreadcrumbJsonLdProps, ClosestScope, EditorPreviewBridge, type EditorSelectedItem, FaqJsonLd, type FaqJsonLdItem, type FaqJsonLdProps, type LayoutComponent, OrganizationJsonLd, type OrganizationJsonLdProps, type PreviewSearch, ProductJsonLd, type ProductJsonLdProps, type ProductSchemaSource, type SectionGroupConfig, type TemplateJSON, type TemplateRendererInstance, type TemplateRendererLoaders, type TemplateSeoSource, WebsiteJsonLd, type WebsiteJsonLdProps, bouncePreviewToNotFound, createTemplateRenderer, parseSelected, readClickTarget, retainPreviewSearch, sameItem, useIsoLayoutEffect, withClosestOverlays };

package/dist/index.js

@@ -1,6 +1,7 @@
 import { ArticleJsonLd } from "./article-json-ld.js";
 import { BreadcrumbJsonLd } from "./breadcrumb-json-ld.js";
 import { FaqJsonLd } from "./faq-json-ld.js";
+import { OrganizationJsonLd } from "./organization-json-ld.js";
 import { ProductJsonLd } from "./product-json-ld.js";
 import { WebsiteJsonLd } from "./website-json-ld.js";
 import { parseSelected, readClickTarget, sameItem } from "./editor-preview-bridge-utils.js";
@@ -9,4 +10,4 @@ import { bouncePreviewToNotFound } from "./preview-guard.js";
 import { retainPreviewSearch } from "./preview-search-middleware.js";
 import { ClosestScope, createTemplateRenderer, withClosestOverlays } from "./template-renderer.js";
 import { useIsoLayoutEffect } from "./use-iso-layout-effect.js";
-export { ArticleJsonLd, BreadcrumbJsonLd, ClosestScope, EditorPreviewBridge, FaqJsonLd, ProductJsonLd, WebsiteJsonLd, bouncePreviewToNotFound, createTemplateRenderer, parseSelected, readClickTarget, retainPreviewSearch, sameItem, useIsoLayoutEffect, withClosestOverlays };
+export { ArticleJsonLd, BreadcrumbJsonLd, ClosestScope, EditorPreviewBridge, FaqJsonLd, OrganizationJsonLd, ProductJsonLd, WebsiteJsonLd, bouncePreviewToNotFound, createTemplateRenderer, parseSelected, readClickTarget, retainPreviewSearch, sameItem, useIsoLayoutEffect, withClosestOverlays };

package/dist/merchant-return-policy-ld.d.ts

@@ -0,0 +1,17 @@
+import "@shop-on/theme-runtime/template-types";
+//#region src/merchant-return-policy-ld.d.ts
+export interface JsonLdMerchantReturnPolicy {
+  "@type": "MerchantReturnPolicy";
+  applicableCountry: string;
+  returnPolicyCategory: string;
+  merchantReturnDays?: number;
+  returnFees?: string;
+  returnShippingFeesAmount?: {
+    "@type": "MonetaryAmount";
+    value: number;
+    currency: string;
+  };
+  restockingFee?: number;
+  merchantReturnLink?: string;
+}
+//#endregion

package/dist/merchant-return-policy-ld.js

@@ -0,0 +1,21 @@
+//#region src/merchant-return-policy-ld.ts
+const SCHEMA = "https://schema.org/";
+function buildReturnPolicyLd(src) {
+	const ld = {
+		"@type": "MerchantReturnPolicy",
+		applicableCountry: src.country,
+		returnPolicyCategory: `${SCHEMA}MerchantReturn${src.category}`
+	};
+	if (src.days) ld.merchantReturnDays = src.days;
+	if (src.fees) ld.returnFees = `${SCHEMA}${src.fees}`;
+	if (src.shippingFee) ld.returnShippingFeesAmount = {
+		"@type": "MonetaryAmount",
+		value: src.shippingFee.amount,
+		currency: src.shippingFee.currency
+	};
+	if (src.restockingFeePercent) ld.restockingFee = src.restockingFeePercent;
+	if (src.url) ld.merchantReturnLink = src.url;
+	return ld;
+}
+//#endregion
+export { buildReturnPolicyLd };

package/dist/organization-json-ld.d.ts

@@ -0,0 +1,19 @@
+import { JsonLdMerchantReturnPolicy } from "./merchant-return-policy-ld.js";
+import { OrganizationSchemaSource } from "@shop-on/theme-runtime/template-types";
+//#region src/organization-json-ld.d.ts
+export interface OrganizationJsonLdProps {
+  data: OrganizationSchemaSource;
+}
+interface JsonLdOrganization {
+  "@context": "https://schema.org";
+  "@type": "Organization";
+  name: string;
+  url: string;
+  logo?: string;
+  hasMerchantReturnPolicy?: JsonLdMerchantReturnPolicy;
+}
+/** The JSON-LD object, before serialization. Exported for tests. */
+export declare function buildOrganizationLd(data: OrganizationSchemaSource): JsonLdOrganization;
+export declare function OrganizationJsonLd({ data }: OrganizationJsonLdProps): import("react").JSX.Element;
+//#endregion
+export {};

package/dist/organization-json-ld.js

@@ -0,0 +1,25 @@
+import { buildReturnPolicyLd } from "./merchant-return-policy-ld.js";
+import { escapeForScriptTag } from "@shop-on/theme-runtime/json-ld-escape";
+import { jsx } from "react/jsx-runtime";
+//#region src/organization-json-ld.tsx
+/** The JSON-LD object, before serialization. Exported for tests. */
+function buildOrganizationLd(data) {
+	const ld = {
+		"@context": "https://schema.org",
+		"@type": "Organization",
+		name: data.name,
+		url: data.url
+	};
+	if (data.logo) ld.logo = data.logo;
+	if (data.returnPolicy) ld.hasMerchantReturnPolicy = buildReturnPolicyLd(data.returnPolicy);
+	return ld;
+}
+function OrganizationJsonLd({ data }) {
+	const json = escapeForScriptTag(JSON.stringify(buildOrganizationLd(data)));
+	return /* @__PURE__ */ jsx("script", {
+		type: "application/ld+json",
+		dangerouslySetInnerHTML: { __html: json }
+	});
+}
+//#endregion
+export { OrganizationJsonLd, buildOrganizationLd };

package/dist/product-json-ld.d.ts

@@ -1,3 +1,4 @@
+import { JsonLdMerchantReturnPolicy } from "./merchant-return-policy-ld.js";
 import { ProductSchemaSource } from "@shop-on/theme-runtime/template-types";
 //#region src/product-json-ld.d.ts
 export interface ProductJsonLdProps {
@@ -9,6 +10,7 @@ interface JsonLdOffer {
   priceCurrency: string;
   availability: string;
   url?: string;
+  hasMerchantReturnPolicy?: JsonLdMerchantReturnPolicy;
 }
 interface JsonLdAggregateOffer {
   "@type": "AggregateOffer";
@@ -18,6 +20,7 @@ interface JsonLdAggregateOffer {
   priceCurrency: string;
   availability: string;
   url?: string;
+  hasMerchantReturnPolicy?: JsonLdMerchantReturnPolicy;
 }
 interface JsonLdProduct {
   "@context": "https://schema.org";
@@ -26,6 +29,7 @@ interface JsonLdProduct {
   description: string;
   image?: string[];
   sku?: string;
+  gtin?: string;
   url?: string;
   brand?: {
     "@type": "Brand";

package/dist/product-json-ld.js

@@ -1,3 +1,4 @@
+import { buildReturnPolicyLd } from "./merchant-return-policy-ld.js";
 import { escapeForScriptTag } from "@shop-on/theme-runtime/json-ld-escape";
 import { jsx } from "react/jsx-runtime";
 //#region src/product-json-ld.tsx
@@ -18,6 +19,7 @@ function buildProductLd(data) {
 		availability
 	};
 	if (data.url) offers.url = data.url;
+	if (data.returnPolicy) offers.hasMerchantReturnPolicy = buildReturnPolicyLd(data.returnPolicy);
 	const ld = {
 		"@context": "https://schema.org",
 		"@type": "Product",
@@ -27,6 +29,7 @@ function buildProductLd(data) {
 	};
 	if (data.images.length) ld.image = data.images;
 	if (data.sku) ld.sku = data.sku;
+	if (data.gtin) ld.gtin = data.gtin;
 	if (data.url) ld.url = data.url;
 	if (data.vendor) ld.brand = {
 		"@type": "Brand",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shop-on/theme-react",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "SEE LICENSE IN dist/LICENSE.md",
   "files": [
     "dist"
@@ -19,6 +19,7 @@
     "./font-stylesheet": "./dist/font-stylesheet.js",
     "./hreflang-links": "./dist/hreflang-links.js",
     "./link-utils": "./dist/link-utils.js",
+    "./organization-json-ld": "./dist/organization-json-ld.js",
     "./preview-guard": "./dist/preview-guard.js",
     "./preview-search-middleware": "./dist/preview-search-middleware.js",
     "./product-json-ld": "./dist/product-json-ld.js",
@@ -33,8 +34,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@shop-on/theme-contract": "0.6.0",
-    "@shop-on/theme-runtime": "0.6.0"
+    "@shop-on/theme-contract": "0.7.0",
+    "@shop-on/theme-runtime": "0.7.0"
   },
   "devDependencies": {
     "@tanstack/react-router": "1.170.45",