@se-studio/contentful-rest-api 1.0.26 → 1.0.27

package/dist/index.d.ts

@@ -34,6 +34,8 @@ interface BaseMediaFields {
     hideControls?: EntryFieldTypes.Boolean;
     horizontalPosition?: EntryFieldTypes.Symbol<'Left' | 'Middle' | 'Right'>;
     width?: EntryFieldTypes.Integer;
+    mask?: EntryFieldTypes.Symbol<'Circle' | 'Pill' | 'Rounded diamond' | 'Rounded rectangle' | 'Rounded square'>;
+    maskImage?: EntryFieldTypes.AssetLink;
 }
 type BaseMediaSkeleton = EntrySkeletonType<BaseMediaFields, 'media'>;
 
@@ -403,6 +405,7 @@ type LinkResolverFunction<TResult extends IInternalLink = IInternalLink> = (cont
 type LinkResolverMap = Map<string, LinkResolverFunction>;
 type BaseConverterContext = {
     videoPrefix: string;
+    maskResolver?: (maskName: string) => string | undefined;
     linkResolver: LinkResolverMap;
     contentResolver: Map<string, (context: ConverterContext, entry: Entry<BaseContent, DefaultChainModifier, string>) => unknown>;
     navigationItemResolver: typeof baseNavigationItemConverter;

package/dist/index.js

@@ -719,14 +719,26 @@ function convertMediaEntryToVisual(context, entry) {
   if (!fields) return void 0;
   const baseVisual = lookupAsset(context, fields.asset);
   if (!baseVisual) return void 0;
-  const { name, ...otherFields } = fields;
+  const { name, mask: maskDropdown, maskImage, ...otherFields } = fields;
+  let mask;
+  if (maskImage) {
+    const maskVisual = lookupAsset(context, maskImage);
+    if (maskVisual?.image?.type === "Svg image") {
+      mask = maskVisual.image.svgSrc;
+    } else if (maskVisual?.image?.type === "Picture") {
+      mask = maskVisual.image.src;
+    }
+  } else if (maskDropdown && context.maskResolver) {
+    mask = context.maskResolver(maskDropdown);
+  }
   const metadata = {
     name: makeContentfulTitle(name, sys.id),
     ...otherFields
   };
   const visual = {
     ...baseVisual,
-    id: sys.id
+    id: sys.id,
+    mask
   };
   if (baseVisual.image) {
     visual.image = {