@builder.io/sdk-qwik 0.20.0 → 0.21.1

package/lib/node/blocks/tabs/tabs.qwik.cjs

@@ -5,6 +5,9 @@ const blocks = require("../../components/blocks/blocks.qwik.cjs");
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
+const getTabStyle = function getTabStyle2(props, state, index) {
+  return index === state.activeTab ? props.activeTabStyle : {};
+};
 const onClick = function onClick2(props, state, index) {
   if (index === state.activeTab && props.collapsible)
     state.activeTab = -1;
@@ -38,9 +41,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
           props,
           state
         ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
+        style: getTabStyle(props, state, index)
       }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         get parent() {
           return props.builderBlock.id;
@@ -115,4 +116,5 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 exports.Tabs = Tabs;
 exports.activeTabContent = activeTabContent;
 exports.default = Tabs;
+exports.getTabStyle = getTabStyle;
 exports.onClick = onClick;

package/lib/node/blocks/tabs/tabs.qwik.mjs

@@ -3,6 +3,9 @@ import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
+const getTabStyle = function getTabStyle2(props, state, index) {
+  return index === state.activeTab ? props.activeTabStyle : {};
+};
 const onClick = function onClick2(props, state, index) {
   if (index === state.activeTab && props.collapsible)
     state.activeTab = -1;
@@ -36,9 +39,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           props,
           state
         ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
+        style: getTabStyle(props, state, index)
       }, null, /* @__PURE__ */ _jsxC(Blocks, {
         get parent() {
           return props.builderBlock.id;
@@ -114,5 +115,6 @@ export {
   Tabs,
   activeTabContent,
   Tabs as default,
+  getTabStyle,
   onClick
 };

package/lib/node/components/block/components/component-ref/component-ref.qwik.cjs

@@ -10,13 +10,6 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef,
     shouldUpdate: false
   });
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
-    const [props2] = qwik.useLexicalScope();
-    track(() => props2.componentOptions);
-    track(() => props2.blockChildren);
-  }, "ComponentRef_component_useTask_IpU82pM3MjU", [
-    props
-  ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
       ...componentRef_helpers.getWrapperProps({
@@ -29,7 +22,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         isInteractive: props.isInteractive,
         contextValue: props.context
       }),
-      children: (props.blockChildren || []).map((child) => {
+      children: props.componentRef ? (props.blockChildren || []).map((child) => {
         return /* @__PURE__ */ qwik._jsxC(block.Block, {
           block: child,
           get context() {
@@ -53,7 +46,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
             ], "p0.registeredComponents")
           }
         }, 3, child.id);
-      })
+      }) : null
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));

package/lib/node/components/block/components/component-ref/component-ref.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStore, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { Block } from "../../block.qwik.mjs";
 import { InteractiveElement } from "../interactive-element.qwik.mjs";
@@ -8,13 +8,6 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     Wrapper: props.isInteractive ? InteractiveElement : props.componentRef,
     shouldUpdate: false
   });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [props2] = useLexicalScope();
-    track(() => props2.componentOptions);
-    track(() => props2.blockChildren);
-  }, "ComponentRef_component_useTask_IpU82pM3MjU", [
-    props
-  ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
       ...getWrapperProps({
@@ -27,7 +20,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         isInteractive: props.isInteractive,
         contextValue: props.context
       }),
-      children: (props.blockChildren || []).map((child) => {
+      children: props.componentRef ? (props.blockChildren || []).map((child) => {
         return /* @__PURE__ */ _jsxC(Block, {
           block: child,
           get context() {
@@ -51,7 +44,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
             ], "p0.registeredComponents")
           }
         }, 3, child.id);
-      })
+      }) : null
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));

package/lib/node/components/content/components/enable-editor.qwik.cjs

@@ -126,11 +126,14 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       method: "GET"
     };
     logFetch.logFetch(JSON.stringify(fetchRequestObj));
-    fetch(fetchRequestObj.url, {
+    const fetchOptions = {
       method: fetchRequestObj.method,
       headers: fetchRequestObj.headers,
       body: fetchRequestObj.body
-    }).then((response) => response.json()).then((json) => {
+    };
+    if (fetchRequestObj.method === "GET")
+      delete fetchOptions.body;
+    fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -171,7 +174,9 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     clicked: false,
     hasExecuted: false,
     httpReqsData: {},
-    httpReqsPending: {}
+    httpReqsPending: {},
+    prevData: null,
+    prevLocale: ""
   }, {
     deep: true
   });
@@ -305,8 +310,12 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     track(() => props2.data);
-    if (props2.data)
+    if (props2.data) {
+      if (state2.prevData === props2.data)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
+      state2.prevData = props2.data;
+    }
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
@@ -316,10 +325,14 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     track(() => props2.locale);
-    if (props2.locale)
+    if (props2.locale) {
+      if (state2.prevLocale === props2.locale)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
         locale: props2.locale
       });
+      state2.prevLocale = props2.locale;
+    }
   }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,

package/lib/node/components/content/components/enable-editor.qwik.mjs

@@ -124,11 +124,14 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       method: "GET"
     };
     logFetch(JSON.stringify(fetchRequestObj));
-    fetch(fetchRequestObj.url, {
+    const fetchOptions = {
       method: fetchRequestObj.method,
       headers: fetchRequestObj.headers,
       body: fetchRequestObj.body
-    }).then((response) => response.json()).then((json) => {
+    };
+    if (fetchRequestObj.method === "GET")
+      delete fetchOptions.body;
+    fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -169,7 +172,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     clicked: false,
     hasExecuted: false,
     httpReqsData: {},
-    httpReqsPending: {}
+    httpReqsPending: {},
+    prevData: null,
+    prevLocale: ""
   }, {
     deep: true
   });
@@ -303,8 +308,12 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
     track(() => props2.data);
-    if (props2.data)
+    if (props2.data) {
+      if (state2.prevData === props2.data)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
+      state2.prevData = props2.data;
+    }
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
@@ -314,10 +323,14 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
     track(() => props2.locale);
-    if (props2.locale)
+    if (props2.locale) {
+      if (state2.prevLocale === props2.locale)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
         locale: props2.locale
       });
+      state2.prevLocale = props2.locale;
+    }
   }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,

package/lib/node/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.20.0";
+const SDK_VERSION = "0.21.1";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/node/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.20.0";
+const SDK_VERSION = "0.21.1";
 export {
   SDK_VERSION
 };

package/lib/node/functions/register.qwik.cjs

@@ -27,4 +27,17 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  var _a;
+  if (isBrowser.isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action)
+      actionClone.action = action.action.toString();
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 exports.register = register;
+exports.registerAction = registerAction;

package/lib/node/functions/register.qwik.mjs

@@ -25,6 +25,19 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  var _a;
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action)
+      actionClone.action = action.action.toString();
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 export {
-  register
+  register,
+  registerAction
 };

package/lib/node/index.qwik.cjs

@@ -38,6 +38,7 @@ exports.isEditing = isEditing.isEditing;
 exports.isPreviewing = isPreviewing.isPreviewing;
 exports.createRegisterComponentMessage = registerComponent.createRegisterComponentMessage;
 exports.register = register.register;
+exports.registerAction = register.registerAction;
 exports.setEditorSettings = setEditorSettings.setEditorSettings;
 exports.getBuilderSearchParams = index.getBuilderSearchParams;
 exports.track = index$1.track;

package/lib/node/index.qwik.mjs

@@ -13,7 +13,7 @@ import { setClientUserAttributes } from "./helpers/user-attributes.qwik.mjs";
 import { isEditing } from "./functions/is-editing.qwik.mjs";
 import { isPreviewing } from "./functions/is-previewing.qwik.mjs";
 import { createRegisterComponentMessage } from "./functions/register-component.qwik.mjs";
-import { register } from "./functions/register.qwik.mjs";
+import { register, registerAction } from "./functions/register.qwik.mjs";
 import { setEditorSettings } from "./functions/set-editor-settings.qwik.mjs";
 import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.qwik.mjs";
 import { track } from "./functions/track/index.qwik.mjs";
@@ -41,6 +41,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.20.0",
+  "version": "0.21.1",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/blocks/form/form/form.d.ts

@@ -32,6 +32,7 @@ export type FormProps = BuilderDataProps & BuilderComponentsProp & BuilderLinkCo
 export type FormState = "unsubmitted" | "sending" | "success" | "error";
 export declare const mergeNewRootState: (props: any, state: any, formRef: any, newData: Dictionary<any>) => void;
 export declare const submissionState: (props: any, state: any, formRef: any) => any;
+export declare const errorResponse: (props: any, state: any, formRef: any, response: any) => string;
 export declare const onSubmit: (props: any, state: any, formRef: any, event: any) => void;
 export declare const FormComponent: import("@builder.io/qwik").Component<FormProps>;
 export default FormComponent;

package/types/src/blocks/symbol/symbol.d.ts

@@ -1,4 +1,4 @@
 import { SymbolProps } from "./symbol.types";
-export declare const setContent: (props: any, state: any, blocksWrapper: any, contentWrapper: any, className: any) => void;
+export declare const setContent: (props: any, state: any, blocksWrapper: any, contentWrapper: any, customComponents: any, className: any) => void;
 export declare const Symbol: import("@builder.io/qwik").Component<SymbolProps>;
 export default Symbol;

package/types/src/blocks/symbol/symbol.types.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContent } from '../../types/builder-content';
 import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props';
-interface SymbolInfo {
+export interface SymbolInfo {
     model?: string;
     entry?: string;
     data?: any;
@@ -16,4 +16,3 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
     inheritState?: boolean;
     renderToLiquid?: boolean;
 }
-export {};

package/types/src/blocks/tabs/tabs.d.ts

@@ -1,5 +1,6 @@
 import { TabsProps } from "./tabs.types";
 export declare const activeTabContent: (props: any, state: any, active: number) => any;
+export declare const getTabStyle: (props: any, state: any, index: number) => any;
 export declare const onClick: (props: any, state: any, index: number) => void;
 export declare const Tabs: import("@builder.io/qwik").Component<TabsProps>;
 export default Tabs;

package/types/src/components/awaiter.d.ts

@@ -1,13 +1,3 @@
-/**
- * Placeholder component to be overridden by specific SDKs.
- * Allows to dynamically import components.
- */
-type AwaiterProps = {
-    load: () => Promise<any>;
-    props?: any;
-    attributes?: any;
-    fallback?: any;
-    children?: any;
-};
+import { AwaiterProps } from "./awaiter.types";
 export declare const Awaiter: import("@builder.io/qwik").Component<AwaiterProps>;
 export default Awaiter;

package/types/src/components/awaiter.types.d.ts

@@ -0,0 +1,7 @@
+export type AwaiterProps = {
+    load: () => Promise<any>;
+    props?: any;
+    attributes?: any;
+    fallback?: any;
+    children?: any;
+};

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.20.0";
+export declare const SDK_VERSION = "0.21.1";

package/types/src/functions/register.d.ts

@@ -1,5 +1,22 @@
 import type { BuilderBlock } from '../types/builder-block';
 import type { DeepPartial } from '../types/deep-partial';
+import type { Input } from '../types/input';
+export interface Action {
+    name: string;
+    inputs?: readonly Input[];
+    returnType?: Input;
+    action: (options: Record<string, any>) => string;
+    /**
+     * Is an action for expression (e.g. calculating a binding like a formula
+     * to fill a value based on locale) or a function (e.g. something to trigger
+     * on an event like add to cart) or either (e.g. a custom code block)
+     */
+    kind: 'expression' | 'function' | 'any';
+    /**
+     * Globally unique ID for an action, e.g. "@builder.io:setState"
+     */
+    id: string;
+}
 export interface InsertMenuItem {
     name: string;
     icon?: string;
@@ -14,3 +31,4 @@ export interface InsertMenuConfig {
 }
 export declare function register(type: 'insertMenu', info: InsertMenuConfig): void;
 export declare function register(type: string, info: any): void;
+export declare function registerAction(action: Action): void;

package/types/src/server-index.d.ts

@@ -25,7 +25,7 @@ export type { ComponentInfo } from './types/components';
 export { isEditing } from './functions/is-editing';
 export { isPreviewing } from './functions/is-previewing';
 export { createRegisterComponentMessage } from './functions/register-component';
-export { register } from './functions/register';
+export { register, registerAction } from './functions/register';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register';
 export { setEditorSettings } from './functions/set-editor-settings';
 export type { Settings } from './functions/set-editor-settings';