refactor: update config json file

src/modules/layout/templates/vt-footer/index.tsx

@@ -24,7 +24,21 @@ export default async function VtFooter({
 
   return (
     <footer className={props?.className ?? ""}>
-      {props.children && <DynamicLayoutRenderer nodes={props.children} context={context} />}
+      <div className={clx("flex gap-x-4 h-full", props?.leftClassName)}>
+        {props.left && (
+          <DynamicLayoutRenderer nodes={props.left} context={context} />
+        )}
+      </div>
+      <div className={clx("flex gap-x-4 h-full", props?.centerClassName)}>
+        {props.center && (
+          <DynamicLayoutRenderer nodes={props.center} context={context} />
+        )}
+      </div>
+      <div className={clx("flex gap-x-4 h-full", props?.rightClassName)}>
+        {props.right && (
+          <DynamicLayoutRenderer nodes={props.right} context={context} />
+        )}
+      </div>
     </footer>
   )
 }

src/vibentec/component-map.tsx

@@ -19,6 +19,9 @@ import VtSearchInput from "@modules/layout/templates/vt-search-input"
 import VtSection from "@modules/layout/templates/vt-section"
 import VtText from "@modules/layout/templates/vt-text"
 import VtInput from "@modules/layout/templates/vt-input"
+import VtCurrencySelect from "@modules/layout/templates/vt-currency-select"
+import VtMenuItem from "@modules/layout/templates/vt-menu-item"
+import VtCountryCodeSelect from "@modules/layout/templates/vt-country-select/server"
 
 type ComponentConfig = Record<string, any>;
 
@@ -64,11 +67,14 @@ export const componentMap: Record<string, ComponentRenderer> = {
   Section: nodesContextRenderer(VtSection),
   SearchInput: nodesContextRenderer(VtSearchInput),
   VtCartButton: nodesContextRenderer(VtCartButton),
+  VtCurrencySelect: nodesContextRenderer(VtCurrencySelect),
+  VtCountryCodeSelect: nodesContextRenderer(VtCountryCodeSelect),
   Link: nodesContextRenderer(VtLink),
   Input: nodesContextRenderer(VtInput),
   Image: nodesContextRenderer(VtImage),
   Text: nodesContextRenderer(VtText),
   Dropdown: nodesContextRenderer(VtDropdown),
+  VtMenuItem: nodesContextRenderer(VtMenuItem),
   CartMismatchBanner: configOnly(CartMismatchBanner),
   FreeShippingPriceNudge: configOnly(FreeShippingPriceNudge),
   PropsChildren: {

src/vibentec/devJsonFileNames.ts

@@ -3,5 +3,6 @@ export const jsonFileNames = {
   stePlayGround: "ste.playground.design.json",
   nam3Bear: "nam.3bear.design.json",
   namDrsquatch: "nam.drsquatch.design.json",
-  namVibentec: "nam.vibentec.design.json"
+  namVibentec: "nam.vibentec.design.json",
+  namStarter: "nam.mds-starter-design.json",
 };