pb-sxp-ui 1.0.0

package/lib/core/hooks/useEditor.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditor = void 0;
+const react_1 = require("react");
+const EditorContext_1 = require("../context/EditorContext");
+function useEditor() {
+    return (0, react_1.useContext)(EditorContext_1.EditorContext);
+}
+exports.useEditor = useEditor;

package/lib/core/hooks/useEventReport.d.ts

@@ -0,0 +1,5 @@
+import { RecItemType } from '../components/SxpPageRender/typing';
+export declare function useEventReport(): {
+    jumpToWeb: (data?: RecItemType, product?: RecItemType['product'], cta?: RecItemType['cta']) => void;
+    productView: (data?: RecItemType, product?: RecItemType['product'], cta?: RecItemType['cta'], viewTime?: any) => void;
+};

package/lib/core/hooks/useEventReport.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventReport = void 0;
+const react_1 = require("react");
+const useSxpDataSource_1 = require("./useSxpDataSource");
+function useEventReport() {
+    const { bffEventReport, popupDetailData, waterFallData, isFromHashtag } = (0, useSxpDataSource_1.useSxpDataSource)();
+    const jumpToWeb = (0, react_1.useCallback)((data, product, cta) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        let fromKName = '';
+        if (popupDetailData && (((_b = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
+            fromKName = 'pdpPage';
+        }
+        else if (isFromHashtag) {
+            fromKName = 'hashTagPage';
+        }
+        else if ((_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.url) {
+            fromKName = 'videoPage';
+        }
+        else if (((_e = data === null || data === void 0 ? void 0 : data.video) === null || _e === void 0 ? void 0 : _e.imgUrls) && ((_g = (_f = data === null || data === void 0 ? void 0 : data.video) === null || _f === void 0 ? void 0 : _f.imgUrls) === null || _g === void 0 ? void 0 : _g.length)) {
+            fromKName = 'imagePage';
+        }
+        else if (data === null || data === void 0 ? void 0 : data.product) {
+            fromKName = 'productPage';
+        }
+        bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
+            eventInfo: {
+                eventSubject: 'jumpToWeb',
+                eventDescription: 'User jumped to website',
+                productId: (_h = product === null || product === void 0 ? void 0 : product.itemId) !== null && _h !== void 0 ? _h : '',
+                productName: (_j = product === null || product === void 0 ? void 0 : product.title) !== null && _j !== void 0 ? _j : '',
+                price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0',
+                productCollection: (_k = product === null || product === void 0 ? void 0 : product.collection) !== null && _k !== void 0 ? _k : '',
+                fromKName,
+                fromKPage: location === null || location === void 0 ? void 0 : location.href,
+                contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
+                position: (data === null || data === void 0 ? void 0 : data.position) + '',
+                relatedContentId: (_m = (_l = data === null || data === void 0 ? void 0 : data.video) === null || _l === void 0 ? void 0 : _l.itemId) !== null && _m !== void 0 ? _m : '',
+                relatedCtatId: (_o = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _o !== void 0 ? _o : '',
+                traceInfo: (_p = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _p !== void 0 ? _p : ''
+            }
+        });
+    }, [bffEventReport, popupDetailData, isFromHashtag]);
+    const productView = (0, react_1.useCallback)((data, product, cta, viewTime) => {
+        var _a, _b, _c, _d;
+        let fromKName = '';
+        if (popupDetailData && (((_b = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
+            fromKName = 'pdpPage';
+        }
+        else if (data === null || data === void 0 ? void 0 : data.product) {
+            fromKName = 'productPage';
+        }
+        bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
+            eventInfo: {
+                productId: product === null || product === void 0 ? void 0 : product.itemId,
+                productName: product === null || product === void 0 ? void 0 : product.title,
+                price: (product === null || product === void 0 ? void 0 : product.price) + '',
+                productCollection: product === null || product === void 0 ? void 0 : product.collection,
+                fromKName,
+                fromKPage: location === null || location === void 0 ? void 0 : location.href,
+                contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
+                position: (data === null || data === void 0 ? void 0 : data.position) + '',
+                relatedContentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
+                relatedCtatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
+                traceInfo: product === null || product === void 0 ? void 0 : product.traceInfo,
+                timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
+                eventSubject: 'productView',
+                eventDescription: 'User browsed the product'
+            }
+        });
+    }, [bffEventReport, popupDetailData]);
+    return {
+        jumpToWeb,
+        productView
+    };
+}
+exports.useEventReport = useEventReport;

package/lib/core/hooks/useOnScreen.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export default function useOnScreen(ref: RefObject<HTMLElement>): boolean;

package/lib/core/hooks/useOnScreen.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useOnScreen(ref) {
+    const observerRef = (0, react_1.useRef)(null);
+    const [isOnScreen, setIsOnScreen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        observerRef.current = new IntersectionObserver(([entry]) => {
+            setIsOnScreen(entry.isIntersecting);
+        });
+    }, []);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        (ref === null || ref === void 0 ? void 0 : ref.current) && ((_a = observerRef === null || observerRef === void 0 ? void 0 : observerRef.current) === null || _a === void 0 ? void 0 : _a.observe(ref === null || ref === void 0 ? void 0 : ref.current));
+        return () => {
+            var _a;
+            (_a = observerRef === null || observerRef === void 0 ? void 0 : observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        };
+    }, [ref]);
+    return isOnScreen;
+}
+exports.default = useOnScreen;

package/lib/core/hooks/useSxpDataSource.d.ts

@@ -0,0 +1 @@
+export declare function useSxpDataSource(): import("../context/SxpDataSourceProvider").ISxpDataSourceContext;

package/lib/core/hooks/useSxpDataSource.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSxpDataSource = void 0;
+const react_1 = require("react");
+const SxpDataSourceProvider_1 = require("../context/SxpDataSourceProvider");
+function useSxpDataSource() {
+    return (0, react_1.useContext)(SxpDataSourceProvider_1.SxpDataSourceContext);
+}
+exports.useSxpDataSource = useSxpDataSource;

package/lib/core/index.d.ts

@@ -0,0 +1,3 @@
+export { EditorCore } from './context/EditorContext';
+export type { IEditorCoreRef } from './context/EditorContext';
+export type { MaterialComponet } from './create';

package/lib/core/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorCore = void 0;
+var EditorContext_1 = require("./context/EditorContext");
+Object.defineProperty(exports, "EditorCore", { enumerable: true, get: function () { return EditorContext_1.EditorCore; } });

package/lib/core/schema.d.ts

@@ -0,0 +1,58 @@
+export interface ISchema {
+    id: string;
+    pageInfo: {
+        baseInfo?: {
+            name: string;
+            type: string;
+            remark?: string;
+        };
+    };
+    dataSource: Array<{
+        id: string;
+        apiId: string;
+        dataId: string;
+        method: string;
+        url: string;
+        urlParams?: Record<string, string>;
+        name: string;
+        queryString?: string;
+        headers?: Record<string, any>;
+        requestType: string;
+        response_parameter: any[];
+        body?: any;
+    }>;
+    schema: Array<{
+        id: string;
+        componentType: string;
+        backgroud: {
+            color?: string;
+            image?: string;
+            video?: string;
+        };
+        style: {
+            width: string | number;
+            height: string | number;
+        };
+        children: Array<{
+            id: string;
+            componentType: string;
+            name: string;
+            style: {
+                offsetX: number;
+                offsetY: number;
+                borderRaduis: number;
+                bgColor: string;
+                bgImage?: string;
+                borderWidth: number;
+                borderStyle: string;
+                borderColor: string;
+                zIndex: number;
+            };
+            bindDatas: Array<{
+                propKey: string;
+                accessPath: string;
+            }>;
+            props: Record<string, any>;
+        }>;
+    }>;
+}

package/lib/core/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/core/utils/event.d.ts

@@ -0,0 +1,7 @@
+import EventEmitter from 'eventemitter3';
+declare const SXP_EVENT_BUS: EventEmitter<string | symbol, any>;
+export declare enum SXP_EVENT_TYPE {
+    PAGE_DID_SHOW = "pageDidShow",
+    PAGE_DID_HIDE = "pageDidHide"
+}
+export default SXP_EVENT_BUS;

package/lib/core/utils/event.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SXP_EVENT_TYPE = void 0;
+const tslib_1 = require("tslib");
+const eventemitter3_1 = tslib_1.__importDefault(require("eventemitter3"));
+const SXP_EVENT_BUS = new eventemitter3_1.default();
+var SXP_EVENT_TYPE;
+(function (SXP_EVENT_TYPE) {
+    SXP_EVENT_TYPE["PAGE_DID_SHOW"] = "pageDidShow";
+    SXP_EVENT_TYPE["PAGE_DID_HIDE"] = "pageDidHide";
+})(SXP_EVENT_TYPE || (exports.SXP_EVENT_TYPE = SXP_EVENT_TYPE = {}));
+exports.default = SXP_EVENT_BUS;

package/lib/core/utils/getDataByDS.d.ts

@@ -0,0 +1,6 @@
+import { ISchema } from '../schema';
+declare const _default: (apiAddr: string, configs: ISchema['dataSource']) => Promise<{
+    $store: Record<string, any>;
+    idMapName: Record<string, string>;
+}>;
+export default _default;

package/lib/core/utils/getDataByDS.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const pathParamsReg = /:\w+/g;
+exports.default = (apiAddr, configs) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const $store = {};
+    const idMapName = {};
+    for (let i = 0; i < (configs === null || configs === void 0 ? void 0 : configs.length); i++) {
+        const { id, method, url, urlParams, name, queryString, headers, body } = configs[i];
+        let apiUrl = url;
+        if (urlParams) {
+            Object.entries(urlParams).forEach(([k, v]) => {
+                apiUrl = apiUrl.replace(pathParamsReg, (p) => {
+                    if (p === k) {
+                        return v;
+                    }
+                    else {
+                        return p;
+                    }
+                });
+            });
+        }
+        if (queryString) {
+            apiUrl += queryString;
+        }
+        idMapName[id] = name;
+        try {
+            const result = yield fetch(apiUrl, {
+                method,
+                headers: Object.assign({ 'Content-Type': 'application/json' }, headers),
+                body: JSON.stringify(body)
+            }).then((res) => res.json());
+            $store[id] = result;
+        }
+        catch (error) {
+            console.error('DataSource request error: ', error);
+            $store[id] = {};
+        }
+    }
+    return { $store, idMapName };
+});

package/lib/core/utils/getSxpTokenInfo.d.ts

@@ -0,0 +1,2 @@
+import PagebuilderClass from '../Pagebuilder/PagebuilderClass';
+export declare const getSxpTokenInfo: (builder: PagebuilderClass, dataId: string) => Promise<any>;

package/lib/core/utils/getSxpTokenInfo.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSxpTokenInfo = void 0;
+const tslib_1 = require("tslib");
+const SXP_TOKEN_INFO_KEY = 'SXP_TOKEN_INFO';
+const getSxpTokenInfo = (builder, dataId) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const tenantId = builder.getTenantId();
+    const appId = builder.getAppId();
+    const apiUrl = builder.getApiUrl();
+    const tokenJson = window.localStorage.getItem(SXP_TOKEN_INFO_KEY);
+    let tokenData = JSON.parse(tokenJson || '{}');
+    const currentTime = Date.now();
+    if (currentTime > ((_a = tokenData === null || tokenData === void 0 ? void 0 : tokenData.expireTime) !== null && _a !== void 0 ? _a : 0)) {
+        const tokenRes = yield fetch(`${apiUrl}/storefront/v1/proxy/token/${dataId}`, {
+            method: 'POST',
+            headers: {
+                'x-tenant-id': tenantId || '',
+                'x-app-id': appId || ''
+            }
+        }).then((res) => res.json());
+        if (tokenRes.success) {
+            const data = tokenRes.data;
+            tokenData = Object.assign(Object.assign({}, data), { expireTime: Date.now() + data.expire * 1000 });
+            window.localStorage.setItem(SXP_TOKEN_INFO_KEY, JSON.stringify(tokenData));
+        }
+    }
+    return tokenData;
+});
+exports.getSxpTokenInfo = getSxpTokenInfo;

package/lib/core/utils/localStore.d.ts

@@ -0,0 +1,3 @@
+export declare const FAKE_USER_KEY = "SXP_FAKE_USER_ID";
+export declare const storeAndLoadFeUserId: () => string;
+export declare const removeFeUserId: () => void;

package/lib/core/utils/localStore.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeFeUserId = exports.storeAndLoadFeUserId = exports.FAKE_USER_KEY = void 0;
+const lodash_1 = require("lodash");
+const tool_1 = require("./tool");
+exports.FAKE_USER_KEY = 'SXP_FAKE_USER_ID';
+const storeAndLoadFeUserId = () => {
+    let fakeUserId = window.localStorage.getItem(exports.FAKE_USER_KEY);
+    if ((0, lodash_1.isEmpty)(fakeUserId)) {
+        fakeUserId = (0, tool_1.uuid)(36, 62);
+        window.localStorage.setItem(exports.FAKE_USER_KEY, fakeUserId);
+    }
+    return fakeUserId;
+};
+exports.storeAndLoadFeUserId = storeAndLoadFeUserId;
+const removeFeUserId = () => {
+    window.localStorage.removeItem(exports.FAKE_USER_KEY);
+};
+exports.removeFeUserId = removeFeUserId;

package/lib/core/utils/materials.d.ts

@@ -0,0 +1,11 @@
+export declare const getMediaValueByMode: (obj?: Record<string, any>) => any;
+export declare const getBgStyle: (imgSrc: string) => "" | {
+    backgroundImage: string;
+    backgroundRepeat: string;
+    backgroundSize: string;
+};
+export declare const getBgStyleByImg: (data: any) => "" | {
+    backgroundImage: string;
+    backgroundRepeat: string;
+    backgroundSize: string;
+};

package/lib/core/utils/materials.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBgStyleByImg = exports.getBgStyle = exports.getMediaValueByMode = void 0;
+const getMediaValueByMode = (obj) => {
+    var _a;
+    if (!obj || typeof obj !== 'object') {
+        return null;
+    }
+    const { mode, link, file, src } = obj;
+    switch (mode) {
+        case 2:
+            return link || null;
+        case 3:
+            return src || null;
+        default:
+            return file && file.length > 0 ? (_a = file[0]) === null || _a === void 0 ? void 0 : _a.url : null;
+    }
+};
+exports.getMediaValueByMode = getMediaValueByMode;
+const getBgStyle = (imgSrc) => {
+    return imgSrc
+        ? {
+            backgroundImage: `url(${imgSrc})`,
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: 'cover'
+        }
+        : '';
+};
+exports.getBgStyle = getBgStyle;
+const getBgStyleByImg = (data) => {
+    var _a;
+    const curPageProps = (_a = data === null || data === void 0 ? void 0 : data.props) !== null && _a !== void 0 ? _a : null;
+    const bgImg = curPageProps === null || curPageProps === void 0 ? void 0 : curPageProps.bgImg;
+    const imgSrc = typeof bgImg === 'string' ? bgImg : (0, exports.getMediaValueByMode)(bgImg);
+    return (0, exports.getBgStyle)(imgSrc);
+};
+exports.getBgStyleByImg = getBgStyleByImg;

package/lib/core/utils/sessionStore.d.ts

@@ -0,0 +1,3 @@
+export declare const storeAndLoadFeSessionId: () => string;
+export declare const refreshFeSessionId: () => void;
+export declare const removeFeSessionId: () => void;

package/lib/core/utils/sessionStore.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeFeSessionId = exports.refreshFeSessionId = exports.storeAndLoadFeSessionId = void 0;
+const tool_1 = require("./tool");
+const feRealSessionIdKey = 'feRealSessionIdKey';
+const generateFeSessionId = () => {
+    const uid = (0, tool_1.getUid)();
+    const timestamp = Date.now();
+    const result = `${timestamp}${uid}`;
+    return result;
+};
+const storeAndLoadFeSessionId = () => {
+    let result = getFeSessionId();
+    if (!result) {
+        result = generateFeSessionId();
+        window.sessionStorage.setItem(feRealSessionIdKey, result);
+    }
+    return result;
+};
+exports.storeAndLoadFeSessionId = storeAndLoadFeSessionId;
+const refreshFeSessionId = () => {
+    const result = generateFeSessionId();
+    window.sessionStorage.setItem(feRealSessionIdKey, result);
+};
+exports.refreshFeSessionId = refreshFeSessionId;
+const getFeSessionId = () => {
+    return window.sessionStorage.getItem(feRealSessionIdKey);
+};
+const removeFeSessionId = () => {
+    window.sessionStorage.removeItem(feRealSessionIdKey);
+};
+exports.removeFeSessionId = removeFeSessionId;

package/lib/core/utils/tool.d.ts

@@ -0,0 +1,5 @@
+declare function uuid(len: number, radix: number): string;
+declare const getIndexByblockType: (type: string, index: number) => number | "initial";
+export declare const generateRandomString: (length: number) => string;
+export declare const getUid: () => string;
+export { uuid, getIndexByblockType };

package/lib/core/utils/tool.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIndexByblockType = exports.uuid = exports.getUid = exports.generateRandomString = void 0;
+const uuid_1 = require("uuid");
+function uuid(len, radix) {
+    const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+    const uuid = [];
+    let i;
+    radix = radix || chars.length;
+    if (len) {
+        for (i = 0; i < len; i++)
+            uuid[i] = chars[0 | (Math.random() * radix)];
+    }
+    else {
+        let r;
+        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
+        uuid[14] = '4';
+        for (i = 0; i < 36; i++) {
+            if (!uuid[i]) {
+                r = 0 | (Math.random() * 16);
+                uuid[i] = chars[i === 19 ? (r & 0x3) | 0x8 : r];
+            }
+        }
+    }
+    return uuid.join('');
+}
+exports.uuid = uuid;
+const getIndexByblockType = (type, index) => {
+    if (type === 'CommodityCarouselBlock' || type === 'CopyBlock') {
+        return 'initial';
+    }
+    else {
+        return index;
+    }
+};
+exports.getIndexByblockType = getIndexByblockType;
+const generateRandomString = (length) => {
+    let result = '';
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    let counter = 0;
+    while (counter < length) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+        counter += 1;
+    }
+    return result;
+};
+exports.generateRandomString = generateRandomString;
+const getUid = () => {
+    const originalUid = (0, uuid_1.v4)();
+    const uid = (originalUid === null || originalUid === void 0 ? void 0 : originalUid.replaceAll) ? originalUid.replaceAll('-', '') : (0, exports.generateRandomString)(32);
+    return uid;
+};
+exports.getUid = getUid;

package/lib/core/utils/unzip.d.ts

@@ -0,0 +1 @@
+export declare function unzip(b64Data: string): any;

package/lib/core/utils/unzip.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unzip = void 0;
+const tslib_1 = require("tslib");
+const pako_1 = tslib_1.__importDefault(require("pako"));
+function unzip(b64Data) {
+    const strData = atob(b64Data);
+    const charData = strData.split('').map(function (x) {
+        return x.charCodeAt(0);
+    });
+    const binData = new Uint8Array(charData);
+    const data = pako_1.default.inflate(binData, { to: 'string' });
+    return JSON.parse(data);
+}
+exports.unzip = unzip;

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+import { Pagebuilder } from './core/Pagebuilder';
+export * as core from './core';
+export * as materials from './materials';
+export { default as SxpPageRender } from './core/components/SxpPageRender';
+export { default as Modal } from './core/components/SxpPageRender/Modal';
+export { default as SxpDataSourceProvider } from './core/context/SxpDataSourceProvider';
+export { default as SxpPageCore } from './core/components/SxpPageCore';
+export { default as EditorDataProvider } from './core/context/EditorDataProvider';
+export { useEditorDataProvider } from './core/context/EditorDataProvider';
+export default Pagebuilder;

package/lib/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditorDataProvider = exports.EditorDataProvider = exports.SxpPageCore = exports.SxpDataSourceProvider = exports.Modal = exports.SxpPageRender = exports.materials = exports.core = void 0;
+const tslib_1 = require("tslib");
+const Pagebuilder_1 = require("./core/Pagebuilder");
+exports.core = tslib_1.__importStar(require("./core"));
+exports.materials = tslib_1.__importStar(require("./materials"));
+var SxpPageRender_1 = require("./core/components/SxpPageRender");
+Object.defineProperty(exports, "SxpPageRender", { enumerable: true, get: function () { return tslib_1.__importDefault(SxpPageRender_1).default; } });
+var Modal_1 = require("./core/components/SxpPageRender/Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return tslib_1.__importDefault(Modal_1).default; } });
+var SxpDataSourceProvider_1 = require("./core/context/SxpDataSourceProvider");
+Object.defineProperty(exports, "SxpDataSourceProvider", { enumerable: true, get: function () { return tslib_1.__importDefault(SxpDataSourceProvider_1).default; } });
+var SxpPageCore_1 = require("./core/components/SxpPageCore");
+Object.defineProperty(exports, "SxpPageCore", { enumerable: true, get: function () { return tslib_1.__importDefault(SxpPageCore_1).default; } });
+var EditorDataProvider_1 = require("./core/context/EditorDataProvider");
+Object.defineProperty(exports, "EditorDataProvider", { enumerable: true, get: function () { return tslib_1.__importDefault(EditorDataProvider_1).default; } });
+var EditorDataProvider_2 = require("./core/context/EditorDataProvider");
+Object.defineProperty(exports, "useEditorDataProvider", { enumerable: true, get: function () { return EditorDataProvider_2.useEditorDataProvider; } });
+exports.default = Pagebuilder_1.Pagebuilder;

package/lib/materials/index.d.ts

@@ -0,0 +1 @@
+export * from './sxp';

package/lib/materials/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./sxp"), exports);

package/lib/materials/sxp/index.d.ts

@@ -0,0 +1,2 @@
+export * from './popup';
+export * from './template';

package/lib/materials/sxp/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./popup"), exports);
+tslib_1.__exportStar(require("./template"), exports);

package/lib/materials/sxp/popup/AppointForm/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './index.less';
+export interface IAppointFormProps {
+    columns?: any[];
+    title: string;
+    style?: Record<string, any>;
+    textStyle?: Record<string, any>;
+    bgImg?: Record<string, any> | string;
+    submitBgColor?: string;
+    submitColor?: string;
+    submitText?: string;
+    submitApiUrl?: string;
+    submitEmail?: string;
+    layoutType?: 'horizontal' | 'vertical' | 'inline';
+    onClick?: () => void;
+}
+declare const _default: React.NamedExoticComponent<IAppointFormProps>;
+export default _default;