@gxpl/sdk 0.0.57 → 0.0.59

package/lib/sdk/schemas/article/Item.schema.js

@@ -6,7 +6,6 @@ const ItemState_schema_1 = require("./ItemState.schema");
 const RichTextItem_schema_1 = require("./RichTextItem.schema");
 const ItemBase_schema_1 = require("./ItemBase.schema");
 const ArticleItemType_1 = require("../../types/article/ArticleItemType");
-const ItemArea_1 = require("../../types/article/ItemArea");
 const FillLayer_schema_1 = require("./FillLayer.schema");
 const pointerEvents = zod_1.z.enum(['never', 'when_visible', 'always']).optional();
 exports.FXControlSchema = zod_1.z.discriminatedUnion('type', [
@@ -154,7 +153,6 @@ const CodeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         html: zod_1.z.string(),
         scale: zod_1.z.boolean(),
         iframe: zod_1.z.boolean(),
-        areaAnchor: zod_1.z.nativeEnum(ItemArea_1.AreaAnchor),
         opacity: zod_1.z.number().nonnegative(),
         blur: zod_1.z.number(),
         isDraggable: zod_1.z.boolean().optional(),

package/lib/sdk/transitions/transitionMachine.js

@@ -124,7 +124,7 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             const start = { x: transition.startX, y: transition.startY };
                             const { deltaX, deltaY, progress } = (0, getDeltaAndProgress_1.getDeltaAndProgress)(event.touchData, start, direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window);
                             const newScenes = relation.type === 'slide'
-                                ? (0, getScenesOnStart_1.getScenesOnSlideStart)(relation, { x: deltaX, y: deltaY }, direction, window)
+                                ? (0, getScenesOnStart_1.getScenesOnSlideStart)(relation, { x: deltaX, y: deltaY }, direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
                                 : relation.type === 'reveal'
                                     ? (0, getScenesOnStart_1.getScenesOnRevealStart)(relation, { x: deltaX, y: deltaY }, direction, relation.offset, relation.mode, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
                                     : (0, getScenesOnStart_1.getScenesOnFadeStart)(relation, progress);
@@ -183,16 +183,16 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             };
                         },
                         scenes: ({ context }) => {
-                            const { transition, scenes } = context;
+                            const { transition, scenes, input: { previewWindow } } = context;
                             if (!(0, isActiveSwipeTransition_1.isActiveSwipeTransition)(transition))
                                 return scenes;
                             const { type } = transition;
                             const threshold = transition.type === 'slide' ? SWIPE_SLIDE_SUCCESS_THRESHOLD : SWIPE_FADE_SUCCESS_THRESHOLD;
                             const transitionSuccess = (0, isTransitionSuccess_1.isTransitionSuccess)(transition, threshold);
                             const newScenes = type === 'slide'
-                                ? (0, getScenesOnEnd_1.getScenesOnSlideEnd)(scenes, transition, transitionSuccess)
+                                ? (0, getScenesOnEnd_1.getScenesOnSlideEnd)(scenes, transition, transitionSuccess, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
                                 : type === 'reveal'
-                                    ? (0, getScenesOnEnd_1.getScenesOnRevealEnd)(scenes, transition, transitionSuccess, transition.offset, transition.mode)
+                                    ? (0, getScenesOnEnd_1.getScenesOnRevealEnd)(scenes, transition, transitionSuccess, transition.offset, transition.mode, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
                                     : (0, getScenesOnEnd_1.getScenesOnFadeEnd)(scenes);
                             return newScenes;
                         },

package/lib/sdk/transitions/utils/getScenesOnEnd.d.ts

@@ -1,5 +1,5 @@
 import type { ActiveTransition, TransitionScene } from './types';
-export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean): {
+export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, window: Window): {
     styles: {
         x: number;
         y: number;
@@ -10,7 +10,7 @@ export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transitio
     };
     id: string;
 }[];
-export declare function getScenesOnRevealEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, offset: number, mode: 'normal' | 'reverse'): {
+export declare function getScenesOnRevealEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, offset: number, mode: 'normal' | 'reverse', window: Window): {
     styles: {
         zIndex: number;
         x: number;

package/lib/sdk/transitions/utils/getScenesOnEnd.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScenesOnSlideEnd = getScenesOnSlideEnd;
 exports.getScenesOnRevealEnd = getScenesOnRevealEnd;
 exports.getScenesOnFadeEnd = getScenesOnFadeEnd;
-function getScenesOnSlideEnd(scenes, transition, success) {
+function getScenesOnSlideEnd(scenes, transition, success, window) {
     const { from, to, direction } = transition;
     return scenes.map((s) => {
         const isNextActiveScene = success ? s.id === to : s.id === from;
@@ -24,7 +24,7 @@ function getScenesOnSlideEnd(scenes, transition, success) {
         return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
     });
 }
-function getScenesOnRevealEnd(scenes, transition, success, offset, mode) {
+function getScenesOnRevealEnd(scenes, transition, success, offset, mode, window) {
     const { from, to, direction } = transition;
     return scenes.map((s) => {
         const isNextActiveScene = success ? s.id === to : s.id === from;
@@ -42,7 +42,8 @@ function getScenesOnRevealEnd(scenes, transition, success, offset, mode) {
         else if (direction === 'south') {
             prevElY = success ? -window.innerHeight * (mode === 'normal' ? 1 : offset) : window.innerHeight * (mode === 'normal' ? offset : 1);
         }
-        return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { zIndex: isNextActiveScene ? 1 : 0, x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
+        const zIndex = mode === 'reverse' ? (isNextActiveScene ? 1 : 0) : (isNextActiveScene ? 1 : 2);
+        return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { zIndex, x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
     });
 }
 function getScenesOnFadeEnd(scenes) {

package/lib/sdk/types/article/Item.d.ts

@@ -1,6 +1,6 @@
 import { RichTextBlock, RichTextStyle, TextAlign, TextTransform, VerticalAlign } from './RichText';
 import { ArticleItemType } from './ArticleItemType';
-import { AreaAnchor, ItemArea } from './ItemArea';
+import { ItemArea } from './ItemArea';
 import { ItemState } from './ItemState';
 import { FXControlAny } from './FX';
 import { CompoundSettings } from './CompoundSettings';
@@ -103,7 +103,6 @@ interface CodeEmbedParams extends ParamsBase {
     html: string;
     scale: boolean;
     iframe: boolean;
-    areaAnchor: AreaAnchor;
     opacity: number;
     blur: number;
     isDraggable?: boolean;

package/lib/sdk-nextjs/components/fixedLayers/FixedLayer.js

@@ -43,7 +43,7 @@ const FixedLayer = ({ layer, type }) => {
             width: 100%;
             height: 100%;
             overflow: clip;
-            ${type === 'foreground' ? 'z-index: 2;' : 'z-index: 0;'}
+            ${type === 'foreground' ? 'z-index: 3;' : 'z-index: 0;'}
           }
         ` })] }) }) }));
 };

package/lib/sdk-nextjs/components/items/RectangleItem/RectangleItem.js

@@ -15,7 +15,7 @@ const getStyleFromItemStateAndParams_1 = require("../../../utils/getStyleFromIte
 const getFill_1 = require("../../../utils/getFill");
 const areFillsVisible_1 = require("../../../utils/areFillsVisible/areFillsVisible");
 const RectangleItem = ({ item, sectionId, onResize, interactionCtrl, onVisibilityChange }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const id = (0, react_1.useId)();
     const { fill: itemFill, radius: itemRadius, strokeWidth: itemStrokeWidth, strokeFill: itemStrokeFill, blur: itemBlur, backdropBlur: itemBackdropBlur } = (0, useRectangleItem_1.useRectangleItem)(item, sectionId);
     const itemAngle = (0, useItemAngle_1.useItemAngle)(item, sectionId);
@@ -33,16 +33,16 @@ const RectangleItem = ({ item, sectionId, onResize, interactionCtrl, onVisibilit
     const angle = (0, getStyleFromItemStateAndParams_1.getStyleFromItemStateAndParams)(styles === null || styles === void 0 ? void 0 : styles.angle, itemAngle);
     const blur = (0, getStyleFromItemStateAndParams_1.getStyleFromItemStateAndParams)(styles === null || styles === void 0 ? void 0 : styles.blur, itemBlur);
     const backdropFilterValue = backdropBlur ? `blur(${backdropBlur * 100}vw)` : undefined;
-    const isInteractive = (0, areFillsVisible_1.areFillsVisible)((_f = stateFillLayers !== null && stateFillLayers !== void 0 ? stateFillLayers : itemFill) !== null && _f !== void 0 ? _f : []) || (strokeWidth !== 0 && (0, areFillsVisible_1.areFillsVisible)((_g = strokeFill !== null && strokeFill !== void 0 ? strokeFill : itemStrokeFill) !== null && _g !== void 0 ? _g : []));
+    const isInteractive = (0, areFillsVisible_1.areFillsVisible)((_f = stateFillLayers !== null && stateFillLayers !== void 0 ? stateFillLayers : itemFill) !== null && _f !== void 0 ? _f : []) || (strokeWidth !== 0 && (0, areFillsVisible_1.areFillsVisible)(strokeFill ? [strokeFill] : itemStrokeFill !== null && itemStrokeFill !== void 0 ? itemStrokeFill : []));
     (0, react_1.useEffect)(() => {
         onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(isInteractive);
     }, [isInteractive, onVisibilityChange]);
     const stroke = strokeFill
-        ? (_h = (0, getFill_1.getFill)(strokeFill)) !== null && _h !== void 0 ? _h : 'transparent'
+        ? (_g = (0, getFill_1.getFill)(strokeFill)) !== null && _g !== void 0 ? _g : 'transparent'
         : 'transparent';
     return ((0, jsx_runtime_1.jsx)(LinkWrapper_1.LinkWrapper, { link: item.link, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `rectangle-${item.id}`, ref: setRef, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (angle !== undefined ? { transform: `rotate(${angle}deg)` } : {})), (blur !== undefined ? { filter: `blur(${blur * 100}vw)` } : {})), { willChange: blur !== 0 && blur !== undefined ? 'transform' : 'unset' }), (backdropFilterValue !== undefined
                         ? { backdropFilter: backdropFilterValue, WebkitBackdropFilter: backdropFilterValue }
-                        : {})), { transition: (_j = stateParams === null || stateParams === void 0 ? void 0 : stateParams.transition) !== null && _j !== void 0 ? _j : 'none' }), children: itemFill && itemFill.map((fill, i) => {
+                        : {})), { transition: (_h = stateParams === null || stateParams === void 0 ? void 0 : stateParams.transition) !== null && _h !== void 0 ? _h : 'none' }), children: itemFill && itemFill.map((fill, i) => {
                         var _a, _b;
                         const stateFillLayer = stateFillLayers === null || stateFillLayers === void 0 ? void 0 : stateFillLayers.find((layer) => layer.id === fill.id);
                         const value = stateFillLayer

package/package.json

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