@treely/strapi-slices 7.10.0 → 7.11.0

package/dist/strapi-slices.esm.js

@@ -885,6 +885,86 @@ var PreviewAlert = function PreviewAlert() {
   }));
 };
 
+// Helper function to convert SchemaValue to string
+var getTextValue = function getTextValue(value) {
+  if (typeof value === 'string') return value;
+  if (typeof value === 'object' && value !== null && 'text' in value) {
+    return value.text;
+  }
+  return '';
+};
+// Helper function to safely access properties from a schema
+var getSchemaProperty = function getSchemaProperty(schema, property) {
+  return getTextValue(schema[property]) || '';
+};
+// Helper function to get a unique identifier from a schema
+var getSchemaIdentifier = function getSchemaIdentifier(schema) {
+  var _offer$price;
+  var type = schema['@type'];
+  switch (type) {
+    case 'Organization':
+      return getSchemaProperty(schema, 'name') || 'default';
+    case 'Article':
+    case 'BlogPosting':
+      return getSchemaProperty(schema, 'headline') || 'untitled-article';
+    case 'Product':
+      return getSchemaProperty(schema, 'name') || 'untitled-product';
+    case 'Person':
+      return getSchemaProperty(schema, 'name') || 'unnamed-person';
+    case 'Event':
+      return getSchemaProperty(schema, 'name') || 'untitled-event';
+    case 'LocalBusiness':
+      return getSchemaProperty(schema, 'name') || 'unnamed-business';
+    case 'Service':
+      return getSchemaProperty(schema, 'name') || 'unnamed-service';
+    case 'Brand':
+      return getSchemaProperty(schema, 'name') || 'unnamed-brand';
+    case 'FAQPage':
+      return 'faq-page';
+    case 'HowTo':
+      return getSchemaProperty(schema, 'name') || 'untitled-howto';
+    case 'BreadcrumbList':
+      return 'breadcrumbs';
+    case 'Offer':
+      var offer = schema;
+      return "offer-" + ((_offer$price = offer.price) != null ? _offer$price : 'unknown-price');
+    case 'WebPage':
+      return getSchemaProperty(schema, 'name') || 'untitled-page';
+    default:
+      return 'unknown-schema';
+  }
+};
+var validateSchema = function validateSchema(schema) {
+  if (Array.isArray(schema)) {
+    return schema.every(function (item) {
+      return item['@context'] === 'https://schema.org' && '@type' in item;
+    });
+  }
+  return schema['@context'] === 'https://schema.org' && '@type' in schema;
+};
+var DEFAULT_SCHEMA = {
+  '@context': 'https://schema.org',
+  '@type': 'Organization',
+  name: 'Tree.ly',
+  url: 'https://tree.ly',
+  logo: 'https://cdn.tree.ly/logo.png',
+  address: {
+    '@type': 'PostalAddress',
+    streetAddress: 'Littengasse 2b/c',
+    addressLocality: 'Dornbirn',
+    postalCode: '6850',
+    addressRegion: 'Vorarlberg',
+    addressCountry: 'AT'
+  },
+  contactPoint: {
+    '@type': 'ContactPoint',
+    telephone: '+43-5572-432015',
+    contactType: 'Customer Service',
+    areaServed: 'AT',
+    availableLanguage: ['English', 'German']
+  },
+  sameAs: ['https://www.linkedin.com/company/tree-ly', 'https://www.facebook.com/treely', 'https://www.instagram.com/treely']
+};
 var SEOTags = function SEOTags(_ref) {
   var _shareImage$url, _shareImage$alt;
   var title = _ref.title,
@@ -895,9 +975,24 @@ var SEOTags = function SEOTags(_ref) {
     _ref$favicon = _ref.favicon,
     favicon = _ref$favicon === void 0 ? 'https://cdn.tree.ly/favicon.ico' : _ref$favicon,
     _ref$domain = _ref.domain,
-    domain = _ref$domain === void 0 ? 'tree.ly' : _ref$domain;
+    domain = _ref$domain === void 0 ? 'tree.ly' : _ref$domain,
+    schemaMarkup = _ref.schemaMarkup;
   var shareImageUrl = (_shareImage$url = shareImage == null ? void 0 : shareImage.url) != null ? _shareImage$url : DEFAULT_SHARE_IMAGE;
   var shareImageAlt = (_shareImage$alt = shareImage == null ? void 0 : shareImage.alt) != null ? _shareImage$alt : DEFAULT_SHARE_ALT;
+  var schemas = schemaMarkup || DEFAULT_SCHEMA;
+  var isValidSchema = validateSchema(schemas);
+  if (schemaMarkup && !isValidSchema) {
+    console.warn('Invalid schema markup provided to SEOTags component. Falling back to default schema.', schemaMarkup);
+    schemas = DEFAULT_SCHEMA;
+    isValidSchema = true;
+  }
+  var schemaArray = Array.isArray(schemas) ? schemas : [schemas];
+  var getSchemaKey = function getSchemaKey(schema, index) {
+    var type = schema['@type'];
+    var identifier = getSchemaIdentifier(schema);
+    // Add index to ensure uniqueness, especially for fallback identifiers
+    return type + "-" + identifier + "-" + index;
+  };
   return React.createElement(Head, null, React.createElement("title", null, title + " - " + metaTitleSuffix), React.createElement("meta", {
     name: "description",
     content: description
@@ -943,6 +1038,14 @@ var SEOTags = function SEOTags(_ref) {
   }), React.createElement("meta", {
     name: "twitter:image:alt",
     content: shareImageAlt
+  }), isValidSchema && schemaArray.map(function (schema, index) {
+    return React.createElement("script", {
+      key: getSchemaKey(schema, index),
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: JSON.stringify(schema)
+      }
+    });
   }));
 };