@builder.io/sdk-react-native 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/components/blocks/blocks.js +8 -2
  2. package/dist/components/content/content.js +10 -6
  3. package/dist/constants/sdk-version.js +1 -1
  4. package/dist/context/components.context.js +6 -0
  5. package/package.json +4 -2
  6. package/src/components/blocks/blocks.jsx +13 -3
  7. package/src/components/content/content.jsx +42 -35
  8. package/src/constants/sdk-version.js +1 -1
  9. package/src/context/components.context.js +5 -0
  10. package/dist/blocks/util.js +0 -9
  11. package/dist/components/block/components/block-wrapper/block-wrapper.js +0 -41
  12. package/dist/components/block/components/component-ref.js +0 -81
  13. package/dist/components/block/components/component.js +0 -41
  14. package/dist/components/block/components/interactive-element/interactive-element.helpers.js +0 -35
  15. package/dist/components/block/components/interactive-element/interactive-element.js +0 -36
  16. package/dist/components/content/builder-editing.js +0 -32
  17. package/dist/components/content/components/content-styles.helpers.js +0 -55
  18. package/dist/components/content/components/content-styles.js +0 -61
  19. package/dist/components/render-block/block-styles.js +0 -96
  20. package/dist/components/render-block/render-block.helpers.js +0 -113
  21. package/dist/components/render-block/render-block.js +0 -162
  22. package/dist/components/render-block/render-component.js +0 -52
  23. package/dist/components/render-block/render-repeated-block.js +0 -40
  24. package/dist/components/render-block/types.js +0 -1
  25. package/dist/components/render-blocks.js +0 -81
  26. package/dist/components/render-content/builder-editing.js +0 -32
  27. package/dist/components/render-content/components/render-styles.helpers.js +0 -55
  28. package/dist/components/render-content/components/render-styles.js +0 -61
  29. package/dist/components/render-content/index.js +0 -8
  30. package/dist/components/render-content/render-content.helpers.js +0 -42
  31. package/dist/components/render-content/render-content.js +0 -375
  32. package/dist/components/render-content/render-content.types.js +0 -1
  33. package/dist/components/render-content/wrap-component-ref.js +0 -5
  34. package/dist/components/render-content-variants/helpers.js +0 -168
  35. package/dist/components/render-content-variants/render-content-variants.js +0 -78
  36. package/dist/components/render-content-variants/render-content-variants.types.js +0 -1
  37. package/dist/functions/apply-patch-with-mutation.test.js +0 -55
  38. package/dist/functions/evaluate.js +0 -47
  39. package/dist/functions/evaluate.test.js +0 -25
  40. package/dist/functions/get-builder-search-params/fn.test.js +0 -15
  41. package/dist/functions/get-content/generate-content-url.test.js +0 -113
  42. package/dist/functions/get-content/processCookies.js +0 -7
  43. package/dist/functions/get-processed-block.test.js +0 -38
  44. package/dist/functions/on-change.test.js +0 -31
  45. package/dist/functions/set.test.js +0 -24
  46. package/dist/helpers/url.test.js +0 -23
@@ -1,96 +0,0 @@
1
- "use strict";
2
- 'use client';
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
26
- var __importDefault = (this && this.__importDefault) || function (mod) {
27
- return (mod && mod.__esModule) ? mod : { "default": mod };
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- const React = __importStar(require("react"));
31
- const react_native_1 = require("react-native");
32
- const device_sizes_js_1 = require("../../constants/device-sizes.js");
33
- const target_js_1 = require("../../constants/target.js");
34
- const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
35
- const css_js_1 = require("../../helpers/css.js");
36
- const nullable_js_1 = require("../../helpers/nullable.js");
37
- const inlined_styles_1 = __importDefault(require("../inlined-styles"));
38
- function BlockStyles(props) {
39
- function useBlock() {
40
- return (0, get_processed_block_js_1.getProcessedBlock)({
41
- block: props.block,
42
- localState: props.context.localState,
43
- rootState: props.context.rootState,
44
- rootSetState: props.context.rootSetState,
45
- context: props.context.context,
46
- shouldEvaluateBindings: true,
47
- });
48
- }
49
- function canShowBlock() {
50
- // only render styles for blocks that are visible
51
- if ((0, nullable_js_1.checkIsDefined)(useBlock().hide)) {
52
- return !useBlock().hide;
53
- }
54
- if ((0, nullable_js_1.checkIsDefined)(useBlock().show)) {
55
- return useBlock().show;
56
- }
57
- return true;
58
- }
59
- function css() {
60
- var _a;
61
- const styles = useBlock().responsiveStyles;
62
- const content = props.context.content;
63
- const sizesWithUpdatedBreakpoints = (0, device_sizes_js_1.getSizesForBreakpoints)(((_a = content === null || content === void 0 ? void 0 : content.meta) === null || _a === void 0 ? void 0 : _a.breakpoints) || {});
64
- const largeStyles = styles === null || styles === void 0 ? void 0 : styles.large;
65
- const mediumStyles = styles === null || styles === void 0 ? void 0 : styles.medium;
66
- const smallStyles = styles === null || styles === void 0 ? void 0 : styles.small;
67
- const className = useBlock().id;
68
- if (!className) {
69
- return "";
70
- }
71
- const largeStylesClass = largeStyles
72
- ? (0, css_js_1.createCssClass)({
73
- className,
74
- styles: largeStyles,
75
- })
76
- : "";
77
- const mediumStylesClass = mediumStyles
78
- ? (0, css_js_1.createCssClass)({
79
- className,
80
- styles: mediumStyles,
81
- mediaQuery: (0, device_sizes_js_1.getMaxWidthQueryForSize)("medium", sizesWithUpdatedBreakpoints),
82
- })
83
- : "";
84
- const smallStylesClass = smallStyles
85
- ? (0, css_js_1.createCssClass)({
86
- className,
87
- styles: smallStyles,
88
- mediaQuery: (0, device_sizes_js_1.getMaxWidthQueryForSize)("small", sizesWithUpdatedBreakpoints),
89
- })
90
- : "";
91
- return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
92
- }
93
- return (React.createElement(React.Fragment, null, target_js_1.TARGET !== "reactNative" && css() && canShowBlock() ? (React.createElement(React.Fragment, null,
94
- React.createElement(inlined_styles_1.default, { styles: css() }))) : null));
95
- }
96
- exports.default = BlockStyles;
@@ -1,113 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isEmptyHtmlElement = exports.getRepeatItemData = exports.getComponent = void 0;
4
- var __defProp = Object.defineProperty;
5
- var __defProps = Object.defineProperties;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
23
- var __objRest = (source, exclude) => {
24
- var target = {};
25
- for (var prop in source)
26
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
27
- target[prop] = source[prop];
28
- if (source != null && __getOwnPropSymbols)
29
- for (var prop of __getOwnPropSymbols(source)) {
30
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
31
- target[prop] = source[prop];
32
- }
33
- return target;
34
- };
35
- const evaluate_1 = require("../../functions/evaluate");
36
- const get_processed_block_1 = require("../../functions/get-processed-block");
37
- const EMPTY_HTML_ELEMENTS = [
38
- "area",
39
- "base",
40
- "br",
41
- "col",
42
- "embed",
43
- "hr",
44
- "img",
45
- "input",
46
- "keygen",
47
- "link",
48
- "meta",
49
- "param",
50
- "source",
51
- "track",
52
- "wbr"
53
- ];
54
- const isEmptyHtmlElement = (tagName) => {
55
- return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.includes(tagName.toLowerCase());
56
- };
57
- exports.isEmptyHtmlElement = isEmptyHtmlElement;
58
- const getComponent = ({ block, context }) => {
59
- var _a;
60
- const componentName = (_a = (0, get_processed_block_1.getProcessedBlock)({
61
- block,
62
- localState: context.localState,
63
- rootState: context.rootState,
64
- rootSetState: context.rootSetState,
65
- context: context.context,
66
- shouldEvaluateBindings: false
67
- }).component) == null ? void 0 : _a.name;
68
- if (!componentName) {
69
- return null;
70
- }
71
- const ref = context.registeredComponents[componentName];
72
- if (!ref) {
73
- console.warn(`
74
- Could not find a registered component named "${componentName}".
75
- If you registered it, is the file that registered it imported by the file that needs to render it?`);
76
- return void 0;
77
- }
78
- else {
79
- return ref;
80
- }
81
- };
82
- exports.getComponent = getComponent;
83
- const getRepeatItemData = ({ block, context }) => {
84
- const _a = block, { repeat } = _a, blockWithoutRepeat = __objRest(_a, ["repeat"]);
85
- if (!(repeat == null ? void 0 : repeat.collection)) {
86
- return void 0;
87
- }
88
- const itemsArray = (0, evaluate_1.evaluate)({
89
- code: repeat.collection,
90
- localState: context.localState,
91
- rootState: context.rootState,
92
- rootSetState: context.rootSetState,
93
- context: context.context
94
- });
95
- if (!Array.isArray(itemsArray)) {
96
- return void 0;
97
- }
98
- const collectionName = repeat.collection.split(".").pop();
99
- const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
100
- const repeatArray = itemsArray.map((item, index) => ({
101
- context: __spreadProps(__spreadValues({}, context), {
102
- localState: __spreadProps(__spreadValues({}, context.localState), {
103
- $index: index,
104
- $item: item,
105
- [itemNameToUse]: item,
106
- [`$${itemNameToUse}Index`]: index
107
- })
108
- }),
109
- block: blockWithoutRepeat
110
- }));
111
- return repeatArray;
112
- };
113
- exports.getRepeatItemData = getRepeatItemData;
@@ -1,162 +0,0 @@
1
- "use strict";
2
- 'use client';
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
26
- var __importDefault = (this && this.__importDefault) || function (mod) {
27
- return (mod && mod.__esModule) ? mod : { "default": mod };
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- const React = __importStar(require("react"));
31
- const react_native_1 = require("react-native");
32
- const react_1 = require("react");
33
- const get_block_actions_js_1 = require("../../functions/get-block-actions.js");
34
- const get_block_component_options_js_1 = require("../../functions/get-block-component-options.js");
35
- const get_block_properties_js_1 = require("../../functions/get-block-properties.js");
36
- const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
37
- const block_styles_1 = __importDefault(require("./block-styles"));
38
- const render_block_helpers_js_1 = require("./render-block.helpers.js");
39
- const render_repeated_block_1 = __importDefault(require("./render-repeated-block"));
40
- const target_js_1 = require("../../constants/target.js");
41
- const extract_text_styles_js_1 = require("../../functions/extract-text-styles.js");
42
- const render_component_1 = __importDefault(require("./render-component"));
43
- const get_react_native_block_styles_js_1 = require("../../functions/get-react-native-block-styles.js");
44
- function RenderBlock(props) {
45
- var _a, _b, _c;
46
- const [component, setComponent] = (0, react_1.useState)(() => (0, render_block_helpers_js_1.getComponent)({
47
- block: props.block,
48
- context: props.context,
49
- }));
50
- function repeatItem() {
51
- return (0, render_block_helpers_js_1.getRepeatItemData)({
52
- block: props.block,
53
- context: props.context,
54
- });
55
- }
56
- function useBlock() {
57
- return repeatItem()
58
- ? props.block
59
- : (0, get_processed_block_js_1.getProcessedBlock)({
60
- block: props.block,
61
- localState: props.context.localState,
62
- rootState: props.context.rootState,
63
- rootSetState: props.context.rootSetState,
64
- context: props.context.context,
65
- shouldEvaluateBindings: true,
66
- });
67
- }
68
- const [Tag, setTag] = (0, react_1.useState)(() => props.block.tagName || "div");
69
- function canShowBlock() {
70
- if ("hide" in useBlock()) {
71
- return !useBlock().hide;
72
- }
73
- if ("show" in useBlock()) {
74
- return useBlock().show;
75
- }
76
- return true;
77
- }
78
- function actions() {
79
- return (0, get_block_actions_js_1.getBlockActions)({
80
- block: useBlock(),
81
- rootState: props.context.rootState,
82
- rootSetState: props.context.rootSetState,
83
- localState: props.context.localState,
84
- context: props.context.context,
85
- });
86
- }
87
- function attributes() {
88
- const blockProperties = (0, get_block_properties_js_1.getBlockProperties)(useBlock());
89
- return {
90
- ...blockProperties,
91
- ...(target_js_1.TARGET === "reactNative"
92
- ? {
93
- style: (0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
94
- block: useBlock(),
95
- context: props.context,
96
- blockStyles: blockProperties.style,
97
- }),
98
- }
99
- : {}),
100
- };
101
- }
102
- function childrenWithoutParentComponent() {
103
- var _a;
104
- /**
105
- * When there is no `componentRef`, there might still be children that need to be rendered. In this case,
106
- * we render them outside of `componentRef`.
107
- * NOTE: We make sure not to render this if `repeatItemData` is non-null, because that means we are rendering an array of
108
- * blocks, and the children will be repeated within those blocks.
109
- */
110
- const shouldRenderChildrenOutsideRef = !(component === null || component === void 0 ? void 0 : component.component) && !repeatItem();
111
- return shouldRenderChildrenOutsideRef ? (_a = useBlock().children) !== null && _a !== void 0 ? _a : [] : [];
112
- }
113
- function renderComponentProps() {
114
- var _a;
115
- return {
116
- blockChildren: (_a = useBlock().children) !== null && _a !== void 0 ? _a : [],
117
- componentRef: component === null || component === void 0 ? void 0 : component.component,
118
- componentOptions: {
119
- ...(0, get_block_component_options_js_1.getBlockComponentOptions)(useBlock()),
120
- /**
121
- * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
122
- * they are provided to the component itself directly.
123
- */
124
- ...(!(component === null || component === void 0 ? void 0 : component.noWrap)
125
- ? {}
126
- : {
127
- attributes: {
128
- ...attributes(),
129
- ...actions(),
130
- },
131
- }),
132
- },
133
- context: childrenContext,
134
- };
135
- }
136
- const [childrenContext, setChildrenContext] = (0, react_1.useState)(() => ({
137
- apiKey: props.context.apiKey,
138
- apiVersion: props.context.apiVersion,
139
- localState: props.context.localState,
140
- rootState: props.context.rootState,
141
- rootSetState: props.context.rootSetState,
142
- content: props.context.content,
143
- context: props.context.context,
144
- registeredComponents: props.context.registeredComponents,
145
- inheritedStyles: (0, extract_text_styles_js_1.extractTextStyles)((0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
146
- block: useBlock(),
147
- context: props.context,
148
- blockStyles: attributes().style,
149
- })),
150
- }));
151
- return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !(component === null || component === void 0 ? void 0 : component.noWrap) ? (React.createElement(React.Fragment, null,
152
- (0, render_block_helpers_js_1.isEmptyHtmlElement)(Tag) ? (React.createElement(React.Fragment, null,
153
- React.createElement(Tag, { ...attributes(), ...actions() }))) : null,
154
- !(0, render_block_helpers_js_1.isEmptyHtmlElement)(Tag) && repeatItem() ? (React.createElement(React.Fragment, null, (_a = repeatItem()) === null || _a === void 0 ? void 0 : _a.map((data, index) => (React.createElement(render_repeated_block_1.default, { key: index, repeatContext: data.context, block: data.block }))))) : null,
155
- !(0, render_block_helpers_js_1.isEmptyHtmlElement)(Tag) && !repeatItem() ? (React.createElement(React.Fragment, null,
156
- React.createElement(Tag, { ...attributes(), ...actions() },
157
- React.createElement(render_component_1.default, { ...renderComponentProps() }), (_b = childrenWithoutParentComponent()) === null || _b === void 0 ? void 0 :
158
- _b.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext }))), (_c = childrenWithoutParentComponent()) === null || _c === void 0 ? void 0 :
159
- _c.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext })))))) : null)) : (React.createElement(React.Fragment, null,
160
- React.createElement(render_component_1.default, { ...renderComponentProps() }))))) : null));
161
- }
162
- exports.default = RenderBlock;
@@ -1,52 +0,0 @@
1
- "use strict";
2
- 'use client';
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
26
- var __importDefault = (this && this.__importDefault) || function (mod) {
27
- return (mod && mod.__esModule) ? mod : { "default": mod };
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- const React = __importStar(require("react"));
31
- const react_native_1 = require("react-native");
32
- const react_1 = require("react");
33
- const block_styles_1 = __importDefault(require("./block-styles"));
34
- const render_block_1 = __importDefault(require("./render-block"));
35
- const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
36
- function RenderComponent(props) {
37
- var _a, _b;
38
- return (React.createElement(builder_context_js_1.default.Provider, { value: {
39
- content: props.context.content,
40
- rootState: props.context.rootState,
41
- localState: props.context.localState,
42
- context: props.context.context,
43
- apiKey: props.context.apiKey,
44
- registeredComponents: props.context.registeredComponents,
45
- inheritedStyles: props.context.inheritedStyles,
46
- apiVersion: props.context.apiVersion,
47
- } }, props.componentRef ? (React.createElement(React.Fragment, null,
48
- React.createElement(props.componentRef, { ...props.componentOptions }, (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
49
- _a.map((child) => (React.createElement(render_block_1.default, { key: "render-block-" + child.id, block: child, context: props.context }))), (_b = props.blockChildren) === null || _b === void 0 ? void 0 :
50
- _b.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
51
- }
52
- exports.default = RenderComponent;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- 'use client';
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
26
- var __importDefault = (this && this.__importDefault) || function (mod) {
27
- return (mod && mod.__esModule) ? mod : { "default": mod };
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- const React = __importStar(require("react"));
31
- const react_native_1 = require("react-native");
32
- const react_1 = require("react");
33
- const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
34
- const render_block_1 = __importDefault(require("./render-block"));
35
- function RenderRepeatedBlock(props) {
36
- const [store, setStore] = (0, react_1.useState)(() => props.repeatContext);
37
- return (React.createElement(builder_context_js_1.default.Provider, { value: store },
38
- React.createElement(render_block_1.default, { block: props.block, context: store })));
39
- }
40
- exports.default = RenderRepeatedBlock;
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,81 +0,0 @@
1
- "use strict";
2
- 'use client';
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
26
- var __importDefault = (this && this.__importDefault) || function (mod) {
27
- return (mod && mod.__esModule) ? mod : { "default": mod };
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- const React = __importStar(require("react"));
31
- const react_native_1 = require("react-native");
32
- const react_1 = require("react");
33
- const builder_context_js_1 = __importDefault(require("../context/builder.context.js"));
34
- const is_editing_js_1 = require("../functions/is-editing.js");
35
- const block_styles_1 = __importDefault(require("./render-block/block-styles"));
36
- const render_block_1 = __importDefault(require("./render-block/render-block"));
37
- function RenderBlocks(props) {
38
- var _a, _b;
39
- function className() {
40
- var _a;
41
- return "builder-blocks" + (!((_a = props.blocks) === null || _a === void 0 ? void 0 : _a.length) ? " no-blocks" : "");
42
- }
43
- function onClick() {
44
- var _a, _b;
45
- if ((0, is_editing_js_1.isEditing)() && !((_a = props.blocks) === null || _a === void 0 ? void 0 : _a.length)) {
46
- (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
47
- type: "builder.clickEmptyBlocks",
48
- data: {
49
- parentElementId: props.parent,
50
- dataPath: props.path,
51
- },
52
- }, "*");
53
- }
54
- }
55
- function onMouseEnter() {
56
- var _a, _b;
57
- if ((0, is_editing_js_1.isEditing)() && !((_a = props.blocks) === null || _a === void 0 ? void 0 : _a.length)) {
58
- (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
59
- type: "builder.hoverEmptyBlocks",
60
- data: {
61
- parentElementId: props.parent,
62
- dataPath: props.path,
63
- },
64
- }, "*");
65
- }
66
- }
67
- const builderContext = (0, react_1.useContext)(builder_context_js_1.default);
68
- return (React.createElement(react_native_1.ScrollView, { "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
69
- class: className(),
70
- }, contentContainerStyle: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter(), onKeyPress: (event) => onClick() },
71
- props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(render_block_1.default, { key: "render-block-" + block.id, block: block, context: builderContext }))))) : null,
72
- props.blocks ? (React.createElement(React.Fragment, null, (_b = props.blocks) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(block_styles_1.default, { key: "block-style-" + block.id, block: block, context: builderContext }))))) : null));
73
- }
74
- const styles = react_native_1.StyleSheet.create({
75
- scrollView1: {
76
- display: "flex",
77
- flexDirection: "column",
78
- alignItems: "stretch",
79
- },
80
- });
81
- exports.default = RenderBlocks;
@@ -1,32 +0,0 @@
1
- "use strict";
2
- 'use client';
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
26
- Object.defineProperty(exports, "__esModule", { value: true });
27
- const React = __importStar(require("react"));
28
- const react_native_1 = require("react-native");
29
- function BuilderEditing(props) {
30
- return React.createElement(react_native_1.View, null);
31
- }
32
- exports.default = BuilderEditing;
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getFontCss = exports.getCss = void 0;
4
- const getCssFromFont = (font) => {
5
- var _a, _b;
6
- const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
7
- const name = family.split(",")[0];
8
- const url = (_b = font.fileUrl) != null ? _b : (_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular;
9
- let str = "";
10
- if (url && family && name) {
11
- str += `
12
- @font-face {
13
- font-family: "${family}";
14
- src: local("${name}"), url('${url}') format('woff2');
15
- font-display: fallback;
16
- font-weight: 400;
17
- }
18
- `.trim();
19
- }
20
- if (font.files) {
21
- for (const weight in font.files) {
22
- const isNumber = String(Number(weight)) === weight;
23
- if (!isNumber) {
24
- continue;
25
- }
26
- const weightUrl = font.files[weight];
27
- if (weightUrl && weightUrl !== url) {
28
- str += `
29
- @font-face {
30
- font-family: "${family}";
31
- src: url('${weightUrl}') format('woff2');
32
- font-display: fallback;
33
- font-weight: ${weight};
34
- }
35
- `.trim();
36
- }
37
- }
38
- }
39
- return str;
40
- };
41
- const getFontCss = ({ customFonts }) => {
42
- var _a;
43
- return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
44
- };
45
- exports.getFontCss = getFontCss;
46
- const getCss = ({ cssCode, contentId }) => {
47
- if (!cssCode) {
48
- return "";
49
- }
50
- if (!contentId) {
51
- return cssCode;
52
- }
53
- return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
54
- };
55
- exports.getCss = getCss;