@gxpl/sdk 0.0.54 → 0.0.57

package/lib/sdk-nextjs/utils/RichTextConverter/RichTextConverter.d.ts

@@ -6,5 +6,6 @@ export declare class RichTextConverter {
     private serializeRanges;
     private normalizeStyles;
     private groupEntities;
+    private getLinkFromEntity;
     private static fromRangeStylesToInline;
 }

package/lib/sdk-nextjs/utils/RichTextConverter/RichTextConverter.js

@@ -13,7 +13,7 @@ exports.FontStyles = {
 };
 class RichTextConverter {
     toHtml(richText, exemplary) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         const { text, blocks = [] } = richText.params;
         const root = [];
         const styleRules = [];
@@ -76,7 +76,7 @@ class RichTextConverter {
                         continue;
                     }
                     if (entity.value) {
-                        kids.push((0, jsx_runtime_1.jsx)(LinkWrapper_1.LinkWrapper, { link: { value: entity.value, animation: (_f = entity.animation) !== null && _f !== void 0 ? _f : 'fade', direction: (_g = entity.direction) !== null && _g !== void 0 ? _g : 'north', duration: 0 }, children: entityKids }, entity.start));
+                        kids.push((0, jsx_runtime_1.jsx)(LinkWrapper_1.LinkWrapper, { link: Object.assign({ type: 'scene', value: entity.value, animation: (_f = entity.animation) !== null && _f !== void 0 ? _f : 'fade', direction: (_g = entity.direction) !== null && _g !== void 0 ? _g : 'north', duration: (_h = entity.duration) !== null && _h !== void 0 ? _h : 200 }, (entity.animation === 'reveal' ? { offset: (_j = entity.offset) !== null && _j !== void 0 ? _j : 0, mode: (_k = entity.mode) !== null && _k !== void 0 ? _k : 'normal' } : {})), children: entityKids }, entity.start));
                         continue;
                     }
                     kids.push(...entityKids);
@@ -85,7 +85,7 @@ class RichTextConverter {
                     kids.push(sliceSymbols(content, offset));
                 }
                 for (const styles of group) {
-                    const entitiesGroups = (_h = this.groupEntities(entities, styles)) !== null && _h !== void 0 ? _h : [];
+                    const entitiesGroups = (_l = this.groupEntities(entities, styles)) !== null && _l !== void 0 ? _l : [];
                     for (const entitiesGroup of entitiesGroups) {
                         if (!entitiesGroup.stylesGroup)
                             continue;
@@ -151,7 +151,6 @@ class RichTextConverter {
         return styleGroups;
     }
     groupEntities(entities, styleGroups) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         const entitiesGroups = [];
         if (!entities.length && !styleGroups)
             return;
@@ -170,8 +169,8 @@ class RichTextConverter {
                 const start = dividers[i];
                 const end = dividers[i + 1];
                 const entity = entities.find(e => e.start === start);
-                entitiesGroups.push(Object.assign(Object.assign({ stylesGroup: [], start,
-                    end }, (entity && (((_a = entity.data) === null || _a === void 0 ? void 0 : _a.type) === 'url' || ((_b = entity.data) === null || _b === void 0 ? void 0 : _b.type) === 'anchor') && { link: entity.data.url, target: (_c = entity.data.target) !== null && _c !== void 0 ? _c : '_self' })), (entity && ((_d = entity.data) === null || _d === void 0 ? void 0 : _d.type) === 'scene' && { value: entity.data.value, animation: (_e = entity.data.animation) !== null && _e !== void 0 ? _e : 'fade', direction: (_f = entity.data.direction) !== null && _f !== void 0 ? _f : 'north', duration: (_g = entity.data.duration) !== null && _g !== void 0 ? _g : 0 })));
+                entitiesGroups.push(Object.assign({ stylesGroup: [], start,
+                    end }, this.getLinkFromEntity(entity)));
             }
             return entitiesGroups;
         }
@@ -197,11 +196,35 @@ class RichTextConverter {
             const start = entityDividers[i];
             const end = entityDividers[i + 1];
             const entity = entities.find(e => e.start === start);
-            entitiesGroups.push(Object.assign(Object.assign({ stylesGroup: styleGroups.filter(s => s.start >= start && s.end <= end), start,
-                end }, (entity && ((_h = entity.data) === null || _h === void 0 ? void 0 : _h.url) && { link: entity.data.url, target: (_j = entity.data.target) !== null && _j !== void 0 ? _j : '_self' })), (entity && ((_k = entity.data) === null || _k === void 0 ? void 0 : _k.value) && { value: entity.data.value, animation: (_l = entity.data.animation) !== null && _l !== void 0 ? _l : 'fade', direction: (_m = entity.data.direction) !== null && _m !== void 0 ? _m : 'north', duration: (_o = entity.data.duration) !== null && _o !== void 0 ? _o : 0 })));
+            const link = this.getLinkFromEntity(entity);
+            entitiesGroups.push(Object.assign({ stylesGroup: styleGroups.filter(s => s.start >= start && s.end <= end), start,
+                end }, link));
         }
         return entitiesGroups;
     }
+    getLinkFromEntity(entity) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (!entity)
+            return;
+        const { data } = entity;
+        if (!data)
+            return;
+        if (data.type === 'url' || data.type === 'anchor') {
+            return { url: data.url, target: (_a = data.target) !== null && _a !== void 0 ? _a : '_self' };
+        }
+        if (data.type === 'scene') {
+            if (data.animation === 'fade') {
+                return { type: 'scene', value: data.value, animation: 'fade', duration: (_b = data.duration) !== null && _b !== void 0 ? _b : 0 };
+            }
+            if (data.animation === 'slide') {
+                return { type: 'scene', value: data.value, animation: 'slide', direction: (_c = data.direction) !== null && _c !== void 0 ? _c : 'north', duration: (_d = data.duration) !== null && _d !== void 0 ? _d : 0 };
+            }
+            if (data.animation === 'reveal') {
+                return { type: 'scene', value: data.value, animation: 'reveal', direction: (_e = data.direction) !== null && _e !== void 0 ? _e : 'north', offset: (_f = data.offset) !== null && _f !== void 0 ? _f : 0, mode: (_g = data.mode) !== null && _g !== void 0 ? _g : 'normal', duration: (_h = data.duration) !== null && _h !== void 0 ? _h : 0 };
+            }
+        }
+        return;
+    }
     static fromRangeStylesToInline(draftStyle, exemplary) {
         const { value, name } = draftStyle;
         const map = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gxpl/sdk",
-  "version": "0.0.54",
+  "version": "0.0.57",
   "description": "Generic SDK for use in public websites.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",