@builder.io/sdk-qwik 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",
@@ -28,6 +28,7 @@
     "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
   },
   "devDependencies": {
+    "@builder.io/qwik": ">=0.13.3",
     "@types/node": "latest",
     "typescript": "^4",
     "vite": "^3.0.4"

package/types/blocks/button/button.d.ts

@@ -6,4 +6,4 @@ export interface ButtonProps {
 }
 export declare const Button: import("@builder.io/qwik").Component<ButtonProps>;
 export default Button;
-export declare const STYLES = ".button-Button { \nall: unset; }";
+export declare const STYLES = "\n.button-Button {\n  all: unset;\n}";

package/types/blocks/columns/columns.d.ts

@@ -63,4 +63,4 @@ export declare const reactNativeColumnStyles: (props: any, state: any) => {
 };
 export declare const Columns: import("@builder.io/qwik").Component<ColumnProps>;
 export default Columns;
-export declare const STYLES = ".div-Columns { \ndisplay: flex;\nline-height: normal; }.div-Columns-2 { \ndisplay: flex;\nflex-direction: column;\nalign-items: stretch; }";
+export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}.div-Columns-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}";

package/types/blocks/image/image.d.ts

@@ -29,4 +29,4 @@ export declare const aspectRatioCss: (props: any, state: any) => {
 } | undefined;
 export declare const Image: import("@builder.io/qwik").Component<ImageProps>;
 export default Image;
-export declare const STYLES = ".img-Image { \nopacity: 1;\ntransition: opacity 0.2s ease-in-out; }.div-Image { \nwidth: 100%;\npointer-events: none;\nfont-size: 0; }.div-Image-2 { \ndisplay: flex;\nflex-direction: column;\nalign-items: stretch;\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%; }";
+export declare const STYLES = "\n.img-Image {\n  opacity: 1;\n  transition: opacity 0.2s ease-in-out;\n}.div-Image {\n  width: 100%;\n  pointer-events: none;\n  font-size: 0;\n}.div-Image-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}";

package/types/components/render-block/render-block.d.ts

@@ -1,12 +1,10 @@
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";
-import type { RenderComponentProps } from "./render-component";
-import type { RepeatData } from "./types.js";
 export declare type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-export declare const component: (props: any, state: any) => any;
+export declare const component: (props: any, state: any) => import("../../context/types.js").RegisteredComponent | null | undefined;
 export declare const tag: (props: any, state: any) => string;
 export declare const useBlock: (props: any, state: any) => any;
 export declare const actions: (props: any, state: any) => {
@@ -17,7 +15,6 @@ export declare const attributes: (props: any, state: any) => {
     'builder-id': string | undefined;
     class: string;
 };
-export declare const shouldWrap: (props: any, state: any) => boolean;
 export declare const renderComponentProps: (props: any, state: any) => {
     blockChildren: any;
     componentRef: any;
@@ -31,10 +28,8 @@ export declare const renderComponentProps: (props: any, state: any) => {
         inheritedStyles: Partial<CSSStyleDeclaration>;
     };
 };
-export declare const useChildren: (props: any, state: any) => any;
 export declare const childrenWithoutParentComponent: (props: any, state: any) => any;
-export declare const repeatItemData: (props: any, state: any) => RepeatData[] | undefined;
-export declare const inheritedTextStyles: (props: any, state: any) => Partial<CSSStyleDeclaration>;
+export declare const repeatItemData: (props: any, state: any) => import("./types.js").RepeatData[] | undefined;
 export declare const childrenContext: (props: any, state: any) => {
     apiKey: any;
     state: any;
@@ -43,7 +38,6 @@ export declare const childrenContext: (props: any, state: any) => {
     registeredComponents: any;
     inheritedStyles: Partial<CSSStyleDeclaration>;
 };
-export declare const renderComponentTag: (props: any, state: any) => import("@builder.io/qwik").Component<RenderComponentProps> | "RenderComponent";
 export declare const RenderBlock: (props: RenderBlockProps & {
     key?: any;
 }) => import("@builder.io/qwik/jsx-runtime").JSX.Element;

package/types/components/render-block/render-block.helpers.d.ts

@@ -1 +1,12 @@
+import type { BuilderContextInterface } from '../../context/types';
+import type { BuilderBlock } from '../../types/builder-block';
+import type { RepeatData } from './types';
 export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;
+export declare const getComponent: ({ block, context, }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => import("../../context/types").RegisteredComponent | null | undefined;
+export declare const getRepeatItemData: ({ block, context, }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => RepeatData[] | undefined;

package/types/components/render-blocks.d.ts

@@ -10,4 +10,4 @@ export declare const onClick: (props: any, state: any, builderContext: any) => v
 export declare const onMouseEnter: (props: any, state: any, builderContext: any) => void;
 export declare const RenderBlocks: import("@builder.io/qwik").Component<RenderBlockProps>;
 export default RenderBlocks;
-export declare const STYLES = ".div-RenderBlocks { \ndisplay: flex;\nflex-direction: column;\nalign-items: stretch; }";
+export declare const STYLES = "\n.div-RenderBlocks {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}";

package/types/components/render-content/render-content.d.ts

@@ -14,15 +14,11 @@ export declare type RenderContentProps = {
     locale?: string;
     includeRefs?: boolean;
 };
-export declare const useContent: (props: any, state: any, elementRef: any) => BuilderContent | undefined;
-export declare const canTrackToUse: (props: any, state: any, elementRef: any) => any;
+export declare const useContent: (props: any, state: any, elementRef: any) => any;
 export declare const contentState: (props: any, state: any, elementRef: any) => any;
-export declare const contextContext: (props: any, state: any, elementRef: any) => any;
-export declare const allRegisteredComponents: (props: any, state: any, elementRef: any) => any;
 export declare const processMessage: (props: any, state: any, elementRef: any, event: MessageEvent) => void;
 export declare const evaluateJsCode: (props: any, state: any, elementRef: any) => void;
-export declare const httpReqsData: (props: any, state: any, elementRef: any) => {};
-export declare const onClick: (props: any, state: any, elementRef: any, _event: MouseEvent) => void;
+export declare const onClick: (props: any, state: any, elementRef: any, event: any) => void;
 export declare const evalExpression: (props: any, state: any, elementRef: any, expression: string) => string;
 export declare const handleRequest: (props: any, state: any, elementRef: any, { url, key, }: {
     key: string;

package/types/functions/track/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare const getUserAttributes: () => {
+    urlPath: string | undefined;
+    host: string | undefined;
+    device: string;
+};

package/types/functions/track/index.d.ts

@@ -0,0 +1,51 @@
+import type { CanTrack } from '../../types/can-track.js';
+import type { Dictionary } from '../../types/typescript.js';
+interface Event {
+    /**
+     * The type of your event.
+     *
+     * Examples: `click`, `conversion`, `pageview`, `impression`
+     */
+    type: string;
+    data: {
+        /**
+         * (Optional) The content's ID. Useful if this event pertains to a specific piece of content.
+         */
+        contentId?: string;
+        /**
+         * This is the ID of the space that the content belongs to.
+         */
+        ownerId: string;
+        /**
+         * (Optional) metadata that you want to provide with your event.
+         */
+        metadata?: Dictionary<any>;
+        /**
+         * Session ID of the user. This is provided by the SDK by checking session storage.
+         */
+        sessionId: string | undefined;
+        /**
+         * Visitor ID of the user. This is provided by the SDK by checking cookies.
+         */
+        visitorId: string | undefined;
+        /**
+         * (Optional) If running an A/B test, the ID of the variation that the user is in.
+         */
+        variationId?: string;
+        [index: string]: any;
+    };
+}
+declare type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | 'variationId' | 'metadata'> & {
+    /**
+     * Your organization's API key.
+     */
+    apiKey: Event['data']['ownerId'];
+    /**
+     * (Optional) Any additional (non-metadata) properties to add to the event.
+     */
+    [index: string]: any;
+};
+export declare type EventProps = EventProperties & CanTrack;
+export declare function _track(eventProps: EventProps): Promise<void | Response>;
+export declare const track: (args: EventProperties) => Promise<void | Response>;
+export {};

package/types/functions/track/interaction.d.ts

@@ -0,0 +1,13 @@
+declare type Offset = {
+    x: number;
+    y: number;
+};
+export declare const getInteractionPropertiesForEvent: (event: MouseEvent) => {
+    targetBuilderElement: string | undefined;
+    metadata: {
+        targetOffset: Offset | undefined;
+        builderTargetOffset: Offset | undefined;
+        builderElementIndex: number | undefined;
+    };
+};
+export {};

package/types/index.d.ts

@@ -8,6 +8,6 @@ export * from './functions/register.js';
 export * from './functions/set-editor-settings.js';
 export * from './functions/get-content/index.js';
 export * from './functions/get-builder-search-params/index.js';
-export { track } from './functions/track';
+export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';