@builder.io/sdk-qwik 0.18.11 → 0.18.13

package/types/src/blocks/personalization-container/helpers.d.ts

@@ -1,5 +1,7 @@
 import type { BuilderBlock } from '../../types/builder-block';
+import type { Target } from '../../types/targets';
 import type { PersonalizationContainerProps } from './personalization-container.types';
+export declare const DEFAULT_INDEX = "default";
 export type UserAttributes = {
     date?: string | Date;
     urlPath?: string;
@@ -12,6 +14,25 @@ export type Query = {
     operator: QueryOperator;
     value: QueryValue;
 };
+type BlocksToRenderReturnType = {
+    blocks: BuilderBlock[];
+    path: string;
+    index: number | typeof DEFAULT_INDEX;
+};
+/**
+ * SDKs that support Variant Containers
+ */
+export declare const SDKS_SUPPORTING_PERSONALIZATION: Target[];
+/**
+ * After hydration, we reset the tree
+ * These SDKs handle Personalization Container in a special way:
+ * - first, the inlined script will help us add `display: none`, `aria-hidden: true` and `hidden: true` to the non-winning variants
+ * - then, on mount / when the component is hydrated - we reset the tree with only the winning variant and deleting the entire tree
+ *
+ * This helps us to avoid flicker and show the correct / winning variant initially and then once we've hydrated we show the winning variant
+ * and keep a track of the cookies to update to the correct variant dynamically when the cookie updates.
+ */
+export declare const SDKS_REQUIRING_RESET_APPROACH: Target[];
 export declare function checkShouldRenderVariants(variants: PersonalizationContainerProps['variants'], canTrack: boolean): boolean;
 export declare function getBlocksToRender({ variants, previewingIndex, isHydrated, filteredVariants, fallbackBlocks }: {
     variants: PersonalizationContainerProps['variants'];
@@ -19,9 +40,8 @@ export declare function getBlocksToRender({ variants, previewingIndex, isHydrate
     isHydrated: boolean;
     filteredVariants: PersonalizationContainerProps['variants'];
     fallbackBlocks?: BuilderBlock[];
-}): {
-    blocks: BuilderBlock[];
-    path: string | undefined;
-};
+}): BlocksToRenderReturnType;
+export declare const getInitPersonalizationVariantsFnsScriptString: () => string;
 export declare const getPersonalizationScript: (variants: PersonalizationContainerProps["variants"], blockId: string, locale?: string) => string;
+export declare const getUpdateVisibilityStylesScript: (variants: PersonalizationContainerProps["variants"], blockId: string, locale?: string) => string;
 export { filterWithCustomTargeting } from './helpers/inlined-fns';

package/types/src/blocks/personalization-container/personalization-container.types.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderBlock } from '../../types/builder-block';
-import type { BuilderDataProps } from '../../types/builder-props';
+import type { BuilderComponentsProp, BuilderDataProps } from '../../types/builder-props';
 import type { Query } from './helpers';
 export type PersonalizationContainerProps = {
     children?: any;
@@ -11,4 +11,4 @@ export type PersonalizationContainerProps = {
         startDate?: string;
         endDate?: string;
     }>;
-} & BuilderDataProps;
+} & BuilderDataProps & BuilderComponentsProp;

package/types/src/components/blocks/blocks-wrapper.d.ts

@@ -9,7 +9,19 @@ export type BlocksWrapperProps = {
      */
     BlocksWrapper: any;
     /**
-     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     * Props to be applied to the wrapping element of blocks. Can be set in two ways:
+     * 1. Globally via `<Content blocksWrapperProps={{...}}/>` - applies to all blocks wrappers in the Content
+     * 2. Locally via `<Blocks BlocksWrapperProps={{...}}/>` - applies only to this specific blocks instance and overrides global props
+     *
+     * For merging both global and local props, spread the context props before adding your own:
+     * ```
+     * <Blocks
+     *   BlocksWrapperProps={{
+     *     ...builderContext.BlocksWrapperProps,
+     *     'data-test-id': 'my-test-id'
+     *   }}
+     * />
+     * ```
      */
     BlocksWrapperProps: any;
     children?: any;

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

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.jsx';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'classNameProp'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.18.11";
+export declare const SDK_VERSION = "0.18.13";