src/modules/layout/templates/vt-country-select/index.tsx

@@ -61,11 +61,9 @@ export default function VtCountrySelectClient({
   const selectedItem = useMemo(() => {
     return items.find((i) => i.text === value)
   }, [items, value])
-
   if (!triggerText && items.length === 0) {
     return null
   }
-
   return (
     <Select value={value} onValueChange={handleChange}>
       <Select.Trigger
@@ -87,7 +85,7 @@ export default function VtCountrySelectClient({
             />
           )}
         </span>
-        {selectedItem?.text.toUpperCase() || value} <ChevronDown />
+        {props.trigger?.isDisplayFullname ? (selectedItem?.label || value) : (selectedItem?.text.toUpperCase() || value)} <ChevronDown />
       </Select.Trigger>
       <Select.Content>
         {items.length > 0 &&

src/modules/layout/templates/vt-social-link/index.tsx

@@ -0,0 +1,17 @@
+import { LayoutComponentDefinition, LayoutContext } from "@vibentec/component-map"
+import { DynamicLayoutRenderer } from "@vibentec/renderer"
+
+export default function VtSocialLinks({
+  nodes,
+  context,
+}: {
+  nodes: LayoutComponentDefinition
+  context: LayoutContext
+}) {
+  const props = nodes.config ?? {}
+  return (
+    <div className={props.className ?? ""}>
+      {nodes.children && <DynamicLayoutRenderer nodes={nodes.children} context={context} />}
+    </div>
+  )
+}

src/vibentec/component-map.tsx

@@ -22,6 +22,7 @@ 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"
+import VtSocialLinks from "@modules/layout/templates/vt-social-link"
 
 type ComponentConfig = Record<string, any>;
 
@@ -69,6 +70,7 @@ export const componentMap: Record<string, ComponentRenderer> = {
   VtCartButton: nodesContextRenderer(VtCartButton),
   VtCurrencySelect: nodesContextRenderer(VtCurrencySelect),
   VtCountryCodeSelect: nodesContextRenderer(VtCountryCodeSelect),
+  VtSocialLinks: nodesContextRenderer(VtSocialLinks),
   Link: nodesContextRenderer(VtLink),
   Input: nodesContextRenderer(VtInput),
   Image: nodesContextRenderer(VtImage),