@officexapp/catalogs-cli 0.4.5 → 0.4.7

package/dist/index.js

@@ -2272,7 +2272,7 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
       );
     }
 
-    function CartDrawer({ items, isOpen, onToggle, onRemove }) {
+    function CartDrawer({ items, isOpen, onToggle, onRemove, onCheckout }) {
       React.useEffect(() => {
         if (!isOpen) return;
         const handleKey = (e) => { if (e.key === 'Escape') onToggle(); };
@@ -2349,7 +2349,16 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
                 'Added to order'
               )
             ),
-            h(CartCheckoutButton, { items, themeColor })
+            onCheckout ? h('button', {
+              className: 'cf-btn-primary w-full text-white flex items-center justify-center gap-2',
+              style: { backgroundColor: themeColor },
+              onClick: onCheckout,
+            },
+              h('svg', { className: 'w-4 h-4', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2 },
+                h('path', { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z' })
+              ),
+              schema.settings?.cart?.checkout_button_text || 'Proceed to Checkout'
+            ) : null
           ) : null
         )
       );
@@ -3014,7 +3023,7 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
       const cartSettings = catalog.settings?.cart || {};
       const cartUI = h(React.Fragment, null,
         !cartSettings.hide_button ? h(CartButton, { itemCount: cartItems.length, onClick: toggleCart }) : null,
-        h(CartDrawer, { items: cartItems, isOpen: cartOpen, onToggle: toggleCart, onRemove: removeFromCart })
+        h(CartDrawer, { items: cartItems, isOpen: cartOpen, onToggle: toggleCart, onRemove: removeFromCart, onCheckout: catalog.settings?.checkout ? () => { setCartOpen(false); setShowCheckout(true); devEvents.emit('checkout_start', { item_count: cartItems.length }); } : undefined })
       );
 
       // Cover page layout
@@ -3076,6 +3085,19 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
         },
           // Top bar
           topBarEnabled ? h('div', { className: 'cf-topbar fixed top-[28px] left-0 right-0 z-50 border-b border-gray-200/60' },
+            // Announcement strip
+            topBar?.announcement && (topBar.announcement.text || topBar.announcement.html)
+              ? h('div', {
+                  className: 'cf-topbar-announcement text-center text-sm py-2 px-4 ' + (topBar.announcement.className || ''),
+                  style: {
+                    backgroundColor: topBar.announcement.bg_color || themeColor,
+                    color: topBar.announcement.text_color || '#ffffff',
+                    ...(topBar.announcement.style || {}),
+                  },
+                  ...(topBar.announcement.html ? { dangerouslySetInnerHTML: { __html: topBar.announcement.html } } : {}),
+                }, topBar.announcement.html ? undefined : topBar.announcement.text)
+              : null,
+            // Nav row
             h('div', { className: 'relative flex items-center justify-center px-4 py-3 min-h-[48px]' },
               history.length > 0 ? h('button', {
                 className: 'absolute left-3 top-1/2 -translate-y-1/2 w-9 h-9 flex items-center justify-center rounded-xl text-gray-400 hover:text-gray-700 hover:bg-gray-100/80 transition-all',
@@ -3085,8 +3107,18 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
                   h('path', { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M15.75 19.5L8.25 12l7.5-7.5' })
                 )
               ) : null,
-              topBar?.title ? h('span', { className: 'text-sm font-medium text-gray-700' }, topBar.title) : null,
-              progressSteps ? h(Stepper, { steps: progressSteps, currentPageId, themeColor }) : null,
+              topBar?.custom_html
+                ? h('div', { dangerouslySetInnerHTML: { __html: topBar.custom_html } })
+                : h(React.Fragment, null,
+                    topBar?.title ? h('span', { className: 'text-sm text-gray-700 ' + (
+                      topBar.title_weight === 'light' ? 'font-light' :
+                      topBar.title_weight === 'normal' ? 'font-normal' :
+                      topBar.title_weight === 'semibold' ? 'font-semibold' :
+                      topBar.title_weight === 'bold' ? 'font-bold' :
+                      'font-medium'
+                    ) }, topBar.title) : null,
+                    progressSteps ? h(Stepper, { steps: progressSteps, currentPageId, themeColor }) : null,
+                  ),
             )
           ) : null,
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@officexapp/catalogs-cli",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "CLI for Catalog Kit — upload videos, push catalogs, manage assets",
   "type": "module",
   "bin": {