@feedmepos/mf-brand-app-builder 0.5.17 → 0.5.18

package/dist/app.js

@@ -1,5 +1,5 @@
 import "vue";
-import { b as p, c as s, r as t } from "./app-PkUx7Ubo.js";
+import { b as p, c as s, r as t } from "./app-DKN3IiyF.js";
 export {
   p as FmApp,
   s as FormKitPlugin,

package/dist/brand-core/src/entity.d.ts

@@ -0,0 +1,52 @@
+export type BrandFont = {
+    name: string;
+    source: 'google' | 'custom';
+    weights: string[];
+    files: {
+        [weight: string]: string;
+    };
+};
+export type BrandKit = {
+    colors: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        background: {
+            base: string;
+            elevated: string;
+        };
+        neutral: {
+            light: string;
+            mid: string;
+            dark: string;
+        };
+        status: {
+            success: string;
+            warning: string;
+            error: string;
+            info?: string;
+        };
+        text: {
+            onPrimary: string;
+            primary: string;
+            secondary: string;
+            tertiary: string;
+        };
+    };
+    fonts: {
+        brand: string;
+        heading?: string;
+        body?: string;
+    };
+};
+export type FdoMetadata = {
+    type: 'BUSINESS' | 'RESTAURANT';
+    country: string;
+    pwaConfig: {
+        short_name: string;
+        name: string;
+        background_color: string;
+        theme_color: string;
+    };
+    brandkit: BrandKit | null;
+};

package/dist/{components → client/components}/src/components/ButtonList.vue.d.ts

@@ -3,12 +3,14 @@ import { type ILink } from './atoms/LinkSlot.vue';
 interface IListItem {
     label: string;
     imageUrl: string;
+    iconName: string;
     linkTo: ILink;
 }
 interface IButtonListProps {
     containerStyles: IContainerProps;
     items: IListItem[];
     itemsPerRow: number;
+    iconColor: string;
     textColor: string;
 }
 declare const _default: import("vue").DefineComponent<IButtonListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/{components → client/components}/src/components/Homepage.vue.d.ts

@@ -5,6 +5,8 @@ interface IHomepageProps {
     paddingLeft?: string;
     paddingRight?: string;
     backgroundColor?: string;
+    hideCountrySwitcher?: boolean;
+    showNavigationBar?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<IHomepageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IHomepageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;

package/dist/client/components/src/components/Member/MemberAchievements.vue.d.ts

@@ -0,0 +1,33 @@
+import { type IContainerProps } from '../atoms/Container.vue';
+import type { ILink } from '../atoms/LinkSlot.vue';
+interface IMembershipCardData {
+    memberImage: string;
+    memberName: string;
+    memberTierImageURL: string;
+    memberTierName: string;
+    memberCredit: number;
+    memberPoints: number;
+    memberTitles: string[];
+    memberCurrentTierTotal: number;
+    memberPointToNextTier: number;
+    membership: any;
+}
+interface IMemberAchievementProps {
+    containerStyles: IContainerProps;
+    data: IMembershipCardData | null;
+    showTier: boolean;
+    tierColor: string;
+    showTitle: boolean;
+    titleColor: string;
+    buttonTextColor: string;
+    buttonFillColor: string;
+}
+declare const _default: import("vue").DefineComponent<IMemberAchievementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    linkClick: (link: ILink) => any;
+}, string, import("vue").PublicProps, Readonly<IMemberAchievementProps> & Readonly<{
+    onLinkClick?: ((link: ILink) => any) | undefined;
+}>, {
+    showTier: boolean;
+    showTitle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/client/components/src/components/Member/MemberCards.vue.d.ts

@@ -0,0 +1,19 @@
+import { type IContainerProps } from '../atoms/Container.vue';
+import type { ILink } from '../atoms/LinkSlot.vue';
+interface IMembershipCardData {
+    cards: any[];
+}
+interface IMemberCardsProps {
+    containerStyles: IContainerProps;
+    cardFillColor: string;
+    cardTextColor: string;
+    data: IMembershipCardData | null;
+    authLoading: boolean;
+    signedIn: boolean;
+}
+declare const _default: import("vue").DefineComponent<IMemberCardsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    linkClick: (link: ILink) => any;
+}, string, import("vue").PublicProps, Readonly<IMemberCardsProps> & Readonly<{
+    onLinkClick?: ((link: ILink) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/client/components/src/components/Member/MemberSummary.vue.d.ts

@@ -0,0 +1,24 @@
+import { type IContainerProps } from '../atoms/Container.vue';
+interface IMembershipSummaryData {
+    memberImage: string;
+    memberName: string;
+    memberPhone: string;
+    memberTierName: string | null;
+    memberPoints: number;
+    memberCurrentTierTotal: number;
+    memberPointToNextTier: number;
+}
+interface IMembershipSummaryProps {
+    containerStyles: IContainerProps;
+    data: IMembershipSummaryData | null;
+    thumbnailColorFillColor: string;
+    thumbnailTextColor: string;
+    textColor: string;
+    qrCodeColor: string;
+}
+declare const _default: import("vue").DefineComponent<IMembershipSummaryProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    openMemberQr: () => any;
+}, string, import("vue").PublicProps, Readonly<IMembershipSummaryProps> & Readonly<{
+    onOpenMemberQr?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/client/components/src/components/Member/TransactionList.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    transactions: any[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/components/src/components/NavigationBar.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    title?: string;
+    className?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLElement>, {
+    append?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → client/components}/src/components/atoms/Container.vue.d.ts

@@ -7,6 +7,7 @@ export interface IContainerProps {
     marginBottom: string;
     marginLeft: string;
     marginRight: string;
+    background?: string;
     backgroundColor: string;
     borderRadius: string;
     borderWidth: string;

package/dist/{components → client/components}/src/main.d.ts

@@ -16,4 +16,12 @@ import Button from './components/atoms/Button.vue';
 import OrderTypeChip from './components/atoms/OrderTypeChip.vue';
 import LinkSlot from './components/atoms/LinkSlot.vue';
 import OrderDetails from './views/OrderDetails.vue';
-export { Homepage, TextDisplay, ButtonList, Container, Icon, ImageDisplay, ImageCarousel, MemberCard, CircularProgress, Divider, OrderMethod, Button, BranchList, OrderHistoryCard, OrderTypeChip, OrderDetails, LinkSlot, CountrySwitcher };
+import MemberSummary from './components/Member/MemberSummary.vue';
+import MemberCards from './components/Member/MemberCards.vue';
+import MemberAchievements from './components/Member/MemberAchievements.vue';
+import _MemberProfile from './views/_MemberProfile.vue';
+import _Referral from './views/_Referral.vue';
+import _ReferralTutorial from './views/_ReferralTutorial.vue';
+import _Credit from './views/_Credit.vue';
+import _Point from './views/_Point.vue';
+export { Homepage, TextDisplay, ButtonList, Container, Icon, ImageDisplay, ImageCarousel, MemberCard, CircularProgress, Divider, OrderMethod, Button, BranchList, OrderHistoryCard, OrderTypeChip, OrderDetails, LinkSlot, CountrySwitcher, Homepage as MemberHomepage, MemberSummary, MemberCards, MemberAchievements, _MemberProfile, _Credit, _Point, _ReferralTutorial, _Referral, };

package/dist/client/components/src/utils/date.d.ts

@@ -0,0 +1,22 @@
+export declare const DateUtil: {
+    formatDateTime: (dateTime: string | Date | null | undefined) => string | undefined;
+    getStartEndFromDurations: (current: string, durations: {
+        start: string;
+        end: string;
+    }[]) => {
+        start: string;
+        end: string;
+    };
+    formatterBuilder: (date: string, format?: string, fromFormat?: string) => {
+        showWeekday: () => any;
+        showDay: () => any;
+        showMonth: () => any;
+        showYear: () => any;
+        showHour: ({ is24Hour }: {
+            is24Hour: boolean;
+        }) => any;
+        withComma: () => any;
+        build: () => string;
+    };
+    objectIdToDate: (id: string) => Date;
+};

package/dist/client/components/src/views/_Credit.vue.d.ts

@@ -0,0 +1,20 @@
+type IHistoryPageData = {
+    member: any;
+    transactions: any[];
+    amount: number;
+    amountExpiring: number;
+    isLoading: boolean;
+    isCompleted: boolean;
+};
+interface IHistoryPageProps {
+    data: IHistoryPageData | null;
+    designStyle: number;
+}
+declare const _default: import("vue").DefineComponent<IHistoryPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+    "view-all": () => any;
+}, string, import("vue").PublicProps, Readonly<IHistoryPageProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+    "onView-all"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/components/src/views/_MemberProfile.vue.d.ts

@@ -0,0 +1,46 @@
+interface MemberProfileProps {
+    memberState: {
+        currentTier: any;
+        expToNextTier: number;
+        tierIndex: number;
+        member: {
+            point: {
+                balance: number;
+            };
+        };
+        membership: any;
+        referral: any;
+    } | null;
+    User: {
+        state: {
+            feedmeUser: any | null;
+        };
+    };
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MemberProfileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+    "sign-in": () => any;
+    logout: () => any;
+    "show-member-q-r": () => any;
+    "join-member": () => any;
+    "invite-friends": () => any;
+    "account-settings": () => any;
+    "member-details": () => any;
+}, string, import("vue").PublicProps, Readonly<MemberProfileProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+    "onSign-in"?: (() => any) | undefined;
+    onLogout?: (() => any) | undefined;
+    "onShow-member-q-r"?: (() => any) | undefined;
+    "onJoin-member"?: (() => any) | undefined;
+    "onInvite-friends"?: (() => any) | undefined;
+    "onAccount-settings"?: (() => any) | undefined;
+    "onMember-details"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/client/components/src/views/_Point.vue.d.ts

@@ -0,0 +1,20 @@
+type IHistoryPageData = {
+    member: any;
+    transactions: any[];
+    amount: number;
+    amountExpiring: number;
+    isLoading: boolean;
+    isCompleted: boolean;
+};
+interface IHistoryPageProps {
+    data: IHistoryPageData | null;
+    designStyle: number;
+}
+declare const _default: import("vue").DefineComponent<IHistoryPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+    "view-all": () => any;
+}, string, import("vue").PublicProps, Readonly<IHistoryPageProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+    "onView-all"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/components/src/views/_Referral.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    data: {
+        member: any;
+        referral: any;
+        submittingReferrerCode?: boolean;
+        submitReferrerCodeError?: string;
+    } | null;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+    "copy-code": (code: string) => any;
+    "share-code": (code: string) => any;
+    "submit-code": (code: string) => any;
+    "invite-history": () => any;
+    "how-it-works": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: (() => any) | undefined;
+    "onCopy-code"?: ((code: string) => any) | undefined;
+    "onShare-code"?: ((code: string) => any) | undefined;
+    "onSubmit-code"?: ((code: string) => any) | undefined;
+    "onInvite-history"?: (() => any) | undefined;
+    "onHow-it-works"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/client/components/src/views/_ReferralTutorial.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    explanations?: {
+        label: string;
+    }[];
+    data: {
+        tableData: string[][];
+        programName: string;
+    };
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+    tnc: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: (() => any) | undefined;
+    onTnc?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{merchant → client/merchant}/src/api/business/index.d.ts

@@ -1,4 +1,5 @@
 import { type IBaResponse } from '..';
+import type { BrandKit } from '../../../../../brand-core/src/entity';
 /**
  * Get all business and country info from top-level slug
  * @param slug
@@ -23,6 +24,17 @@ declare function getBusinessMetadata(businessId: string): Promise<unknown>;
  * @param appName
  */
 declare function setBusinessMetadata(businessId: string, appName: string, country: string): Promise<unknown>;
+/**
+ * Get business brandkit
+ * @param businessId
+ * @returns
+ */
+declare function getBusinessBrandkit(businessId: string): Promise<BrandKit>;
+/**
+ * Set business brandkit
+ * @param businessId
+ */
+declare function setBusinessBrandkit(businessId: string, brandkit: BrandKit): Promise<unknown>;
 declare function updateBusinessProfile(businessId: string, payload: IBusinessProfilePayload): Promise<any>;
 declare function getBusinessPremiumStatus(businessId: string): Promise<boolean>;
 export declare const BusinessApi: {
@@ -30,6 +42,8 @@ export declare const BusinessApi: {
     setShortUrl: typeof setShortUrl;
     getBusinessMetadata: typeof getBusinessMetadata;
     setBusinessMetadata: typeof setBusinessMetadata;
+    getBusinessBrandkit: typeof getBusinessBrandkit;
+    setBusinessBrandkit: typeof setBusinessBrandkit;
     updateBusinessProfile: typeof updateBusinessProfile;
     getBusinessPremiumStatus: typeof getBusinessPremiumStatus;
 };

package/dist/{merchant → client/merchant}/src/api/template/index.d.ts

@@ -29,13 +29,13 @@ declare function uploadTemplate(businessId: string, draftsOrActive: 'drafts' | '
  * @param templateId
  * @returns
  */
-declare function setMainPageTemplateId(businessId: string, templateId: string): Promise<string>;
+declare function setMainPageTemplateId(businessId: string, templateId: string, type?: 'member'): Promise<string>;
 /**
  * Get current business's mainpage template ID
  * @param businessId
  * @returns Mainpage template ID
  */
-declare function getMainTemplateId(businessId: string): Promise<string>;
+declare function getMainTemplateId(businessId: string, type?: 'member'): Promise<string>;
 /**
  * Check if template exists in specified `draftsOrActive` state
  * @param businessId

package/dist/{merchant → client/merchant}/src/app.d.ts

@@ -1,3 +1,3 @@
 export declare const FmApp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export { routes } from "./router/shared";
+export { routes } from './router/shared';
 export { FormKitPlugin } from './plugin/formkit';

package/dist/client/merchant/src/components/brandkit/ColorSelection.vue.d.ts

@@ -0,0 +1,15 @@
+import 'vue-accessible-color-picker/styles';
+type __VLS_Props = {
+    initialColor: string;
+    color: string;
+    title: string;
+    description: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: () => any;
+    update: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+    onUpdate?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/client/merchant/src/components/element-sidebar/ElementSidebar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/{merchant → client/merchant}/src/components/element-sidebar/all-elements.d.ts

@@ -1,6 +1,7 @@
 export interface IElementSection {
     title: string;
     children: IElementItem[];
+    group: 'default' | 'member' | 'all';
 }
 export interface IElementItem {
     title: string;

package/dist/{merchant → client/merchant}/src/components/inputs/ColorPicker.vue.d.ts

@@ -1,6 +1,7 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
+import 'vue-accessible-color-picker/styles';
 interface IColorPickerProps {
     context: FormKitFrameworkContext;
 }
-declare const _default: import("vue").DefineComponent<IColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IColorPickerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: import("vue").DefineComponent<IColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IColorPickerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/client/merchant/src/components/inputs/LinkBrandkitColor.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    color?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    update: (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/client/merchant/src/components/template/TemplatePreview.vue.d.ts

@@ -0,0 +1,8 @@
+import { predefinedTemplates } from '../../views/views';
+type key = (typeof predefinedTemplates)[number]['type'];
+type __VLS_Props = {
+    type: key;
+    group: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/{merchant → client/merchant}/src/composables/useNode/index.d.ts

@@ -3,7 +3,7 @@
  * @returns
  */
 export declare function useNodeManager(): {
-    buildNewNode: (nodeType: string, data: any) => INodeComponent;
+    buildNewNode: (nodeType: string, data: any, props?: any) => INodeComponent;
     copyNode: (node: INodeComponent) => void;
     pasteNode: () => void;
 };

package/dist/client/merchant/src/composables/useToast/index.d.ts

@@ -0,0 +1,8 @@
+export declare function useToast(): {
+    promise: <T = any, E = any>(fn: Promise<T> | (() => Promise<T>), config: {
+        loading: string | (() => string);
+        success?: string | (() => string);
+        error?: string | ((err: E) => string);
+        duration?: number;
+    }) => Promise<T>;
+};

package/dist/{merchant → client/merchant}/src/node-configs/branch-list/props.d.ts

@@ -13,6 +13,7 @@ export declare const BranchList: {
         marginBottom: string;
         marginLeft: string;
         marginRight: string;
+        background: string | undefined;
         backgroundColor: string;
         borderRadius: string;
         borderWidth: string;

package/dist/{merchant → client/merchant}/src/node-configs/button-list/props.d.ts

@@ -2,12 +2,14 @@ export declare const ButtonList: {
     items: {
         label: string;
         imageUrl: string;
+        iconName: string;
         linkTo: {
             path: string;
             isExternal: boolean;
         };
     }[];
     itemsPerRow: number;
+    iconColor: string;
     textColor: string;
     containerStyles: {
         paddingTop: string;
@@ -18,6 +20,7 @@ export declare const ButtonList: {
         marginBottom: string;
         marginLeft: string;
         marginRight: string;
+        background: string | undefined;
         backgroundColor: string;
         borderRadius: string;
         borderWidth: string;

package/dist/{merchant → client/merchant}/src/node-configs/carousel/props.d.ts

@@ -19,6 +19,7 @@ export declare const ImageCarousel: {
         marginBottom: string;
         marginLeft: string;
         marginRight: string;
+        background: string | undefined;
         backgroundColor: string;
         borderRadius: string;
         borderWidth: string;

package/dist/client/merchant/src/node-configs/container/props.d.ts

@@ -0,0 +1,85 @@
+export interface IContainer {
+    paddingTop?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+    paddingRight?: string;
+    marginTop?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    background?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    borderWidth?: string;
+    borderColor?: string;
+    height?: string;
+    boxShadow?: string;
+}
+export declare const Container: {
+    containerStyles: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingLeft: string;
+        paddingRight: string;
+        marginTop: string;
+        marginBottom: string;
+        marginLeft: string;
+        marginRight: string;
+        backgroundColor: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        height: string;
+        boxShadow: string;
+    };
+};
+/**
+ * To build a default container styling
+ * @param style
+ * @returns {IContainer}
+ */
+/**
+ * Factory function to generate container style properties.
+ *
+ * @param style - An object implementing the `IContainer` interface, which defines
+ * the style properties for the container.
+ *
+ * @returns An object containing the computed `containerStyles` with default values
+ * applied for any missing properties in the input `style`.
+ *
+ * The `containerStyles` object includes:
+ * - `paddingTop`: The top padding of the container (default: '12px').
+ * - `paddingBottom`: The bottom padding of the container (default: '12px').
+ * - `paddingLeft`: The left padding of the container (default: '12px').
+ * - `paddingRight`: The right padding of the container (default: '12px').
+ * - `marginTop`: The top margin of the container (default: '0px').
+ * - `marginBottom`: The bottom margin of the container (default: '0px').
+ * - `marginLeft`: The left margin of the container (default: '0px').
+ * - `marginRight`: The right margin of the container (default: '0px').
+ * - `background`: The background property of the container (default: undefined).
+ * - `backgroundColor`: The background color of the container (default: '#FFFFFF').
+ * - `borderRadius`: The border radius of the container (default: '0px').
+ * - `borderWidth`: The border width of the container (default: '0px').
+ * - `borderColor`: The border color of the container (default: '#FFFFFF').
+ * - `height`: The height of the container (default: 'auto').
+ * - `boxShadow`: The box shadow of the container (default: 'none').
+ */
+export declare const ContainerFactory: (style: IContainer) => {
+    containerStyles: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingLeft: string;
+        paddingRight: string;
+        marginTop: string;
+        marginBottom: string;
+        marginLeft: string;
+        marginRight: string;
+        background: string | undefined;
+        backgroundColor: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        height: string;
+        boxShadow: string;
+    };
+};