pds-dev-kit-web-test 0.0.20 → 0.0.22

package/dist/src/sub/DynamicLayout/types.d.ts

@@ -2,7 +2,7 @@ export declare type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS'
 export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A';
 export declare type TypeOfSectionContentMediaType = 'IMAGE' | 'YOUTUBE';
 export declare type TypeOfSectionLinkType = 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE';
-export declare type TypeOfCarouselAutoplayMode = 'AUTO' | 'NORMAL';
+export declare type TypeOfCarouselAutoplayMode = 'AUTO' | 'MANUAL';
 export declare type TypeOfCarouselInfiniteLoopMode = 'USE' | 'NO_USE';
 export declare type TypeOfBackgroundMediaType = 'IMAGE' | 'YOUTUBE';
 export declare type TypeOfSectionButtonDesignType = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I';
@@ -10,19 +10,25 @@ export declare type TypeOfItemButtonDesignType = 'A' | 'B' | 'C' | 'D' | 'E' | '
 export declare type TypeOfItemManifestSchema = 'BASE_CONTENTS_CAROUSEL_ITEM' | 'BASE_FOOTER_ITEM' | 'BASE_INFO_BOX_ITEM';
 export declare type TypeOfItemLinkMethod = 'CLICK_ITEM' | 'CLICK_BUTTON_IN_ITEM' | 'NONE';
 export declare type TypeOfItemLinkType = 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE';
+declare type KeyOfSectionProperties = 'title' | 'description' | 'section_content_media_type' | 'section_content_media_src' | 'button_alpha_label' | 'button_alpha_link_type' | 'button_alpha_link_src' | 'button_bravo_label' | 'button_bravo_link_type' | 'button_bravo_link_src' | 'button_charlie_label' | 'button_charlie_link_type' | 'button_charlie_link_src' | 'button_delta_label' | 'button_delta_link_type' | 'button_delta_link_src' | 'button_echo_label' | 'button_echo_link_type' | 'button_echo_link_src' | 'carousel_autoplay_mode' | 'carousel_autoplay_time' | 'carousel_infinite_loop_mode' | 'item_link_method';
+declare type KeyOfSectionStyles = 'title_color_in_hex' | 'description_color_in_hex' | 'background_color_in_hex' | 'background_media_type' | 'background_media_src' | 'background_overlay_color_in_hex' | 'button_alpha_design_type' | 'button_alpha_background_color_in_hex' | 'button_alpha_label_color_in_hex' | 'button_bravo_design_type' | 'button_bravo_background_color_in_hex' | 'button_bravo_label_color_in_hex' | 'button_charlie_design_type' | 'button_charlie_background_color_in_hex' | 'button_charlie_label_color_in_hex' | 'button_delta_design_type' | 'button_delta_background_color_in_hex' | 'button_delta_label_color_in_hex' | 'button_echo_design_type' | 'button_echo_background_color_in_hex' | 'button_echo_label_color_in_hex' | 'item_title_color_in_hex' | 'item_description_color_in_hex' | 'item_button_design_type' | 'item_button_background_color_in_hex' | 'item_button_label_color_in_hex';
+declare type KeyOfItemProperties = 'title' | 'description' | 'body' | 'logo_image_src' | 'image_src' | 'link_type' | 'link_src' | 'button_label';
 export interface ISection {
-    id: string;
+    id: number;
     display: boolean;
     order: number;
     manifest: {
         schema: TypeOfSectionManifestSchema;
-        availableProperties: Array<string>;
-        availableStyles: Array<string>;
+        availableProperties: Array<KeyOfSectionProperties>;
+        availableStyles: Array<KeyOfSectionStyles>;
+        availableTemplates: Array<TypeofSectionTemplate>;
     };
     template: TypeofSectionTemplate;
     properties: ISectionProperties;
     styles: ISectionStyles;
     dynamicLayoutSectionItems: Array<IItem> | null;
+    insertedAt: string;
+    updatedAt: string;
 }
 export interface ISectionProperties {
     title: string;
@@ -47,6 +53,7 @@ export interface ISectionProperties {
     carouselAutoplayMode: TypeOfCarouselAutoplayMode;
     carouselAutoplayTime: number;
     carouselInfiniteLoopMode: TypeOfCarouselInfiniteLoopMode;
+    itemLinkMethod: TypeOfItemLinkMethod;
 }
 export interface ISectionStyles {
     titleColorInHex: string;
@@ -77,24 +84,27 @@ export interface ISectionStyles {
     itemButtonLabelColorInHex: string;
 }
 export interface IItem {
-    id: string;
-    order: number;
+    id: number;
     display: boolean;
+    order: number;
     manifest: {
         schema: TypeOfItemManifestSchema;
-        availableProperties: Array<string>;
-    };
-    properties: {
-        title: string;
-        description: string;
-        body: string;
-        logoImageSrc: string;
-        imageSrc: string;
-        linkMethod: TypeOfItemLinkMethod;
-        linkType: TypeOfItemLinkType;
-        linkSrc: string;
-        buttonLabel: string;
+        section_schema: TypeOfSectionManifestSchema;
+        availableProperties: Array<KeyOfItemProperties>;
     };
+    properties: IItemProperties;
+    insertedAt: string;
+    updatedAt: string;
+}
+interface IItemProperties {
+    title: string;
+    description: string;
+    body: string;
+    logoImageSrc: string;
+    imageSrc: string;
+    linkType: TypeOfItemLinkType;
+    linkSrc: string;
+    buttonLabel: string;
 }
 interface IButton {
     buttonType: string;
@@ -155,9 +165,11 @@ export interface IItemDescription extends IDescription {
 }
 export declare type DynamicLayoutProps = {
     device: 'DESKTOP' | 'MOBILE';
-    isPreview: boolean;
+    /** @default 'NORMAL */
+    mode?: 'NORMAL' | 'PREVIEW';
+    /** @deprecated use 'mode' instead */
+    isPreview?: boolean;
     sections: ISection[];
     navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string) => void;
 };
-export declare const MOCK_DATA: ISection[];
 export {};