@wix/ditto-codegen-public 1.0.66 → 1.0.68

package/dist/examples-apps/coupon-popup/README.md

@@ -0,0 +1,13 @@
+# Wix Astro Blank Template
+
+Our Astro templates are still in development and subject to change.
+
+To use a template, follow the [Wix CLI for Headless Quick Start](https://dev.wix.com/docs/go-headless/develop-your-project/wix-managed-headless/get-started/quick-start), and select the desired template during the setup process.
+
+## Need help?
+
+For documentation and support, check out:
+
+- [Wix Headless Documentation](https://dev.wix.com/docs/go-headless)
+- [Wix SDK Documentation](https://dev.wix.com/docs/sdk)
+- [Community on Discord](https://discord.gg/n6TBrSnYTp)

package/dist/examples-apps/coupon-popup/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "my-custom-app",
+  "type": "module",
+  "version": "1.0.0",
+  "scripts": {
+    "astro": "astro",
+    "dev": "wix dev",
+    "build": "wix build",
+    "wix": "wix",
+    "preview": "wix preview",
+    "release": "wix release",
+    "generate": "wix generate",
+    "env": "wix env pull"
+  },
+  "dependencies": {
+    "@wix/app-management": "^1.0.122",
+    "@wix/astro": "^2.10.1",
+    "@wix/crm": "^1.0.1071",
+    "@wix/dashboard": "^1.3.36",
+    "@wix/data": "^1.0.290",
+    "@wix/essentials": "^0.1.23",
+    "@wix/sdk": "^1.15.23",
+    "@wix/stores": "^1.0.533",
+    "astro": "^5.8.0",
+    "typescript": "^5.8.3",
+    "@wix/design-system": "^1.217.0",
+    "@wix/ecom": "^1.0.1354",
+    "@wix/wix-ui-icons-common": "^3.90.0",
+    "@wix/auto-patterns": "^1.40.0",
+    "@wix/patterns": "^1.290.0",
+    "@wix/site-site": "^1.26.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "devDependencies": {
+    "@astrojs/cloudflare": "^12.5.3",
+    "@astrojs/react": "^4.3.0",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@wix/cli": "^1.1.125",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  }
+}
+

package/dist/examples-apps/coupon-popup/src/components/cart-popup-settings.tsx

@@ -0,0 +1,135 @@
+import { type FC } from 'react';
+import {
+  Input,
+  InputArea,
+  Card,
+  FormField,
+  ToggleSwitch,
+  NumberInput,
+  Box,
+  type FormFieldProps,
+} from '@wix/design-system';
+import type { CartPopupOptions } from '../dashboard/pages/cart-popup-manager/page';
+
+interface Props {
+  options: CartPopupOptions;
+  onChange: (options: CartPopupOptions) => void;
+}
+
+export const CartPopupSettings: FC<Props> = ({ options, onChange }) => {
+  const getFieldStatus = (
+    field: keyof CartPopupOptions,
+    required: boolean = false
+  ): Partial<FormFieldProps> => {
+    return required && !options[field]
+      ? {
+          status: 'error',
+          statusMessage: 'Required.',
+        }
+      : {};
+  };
+
+  return (
+    <Box direction="vertical" gap="24px">
+      <Card>
+        <Card.Header
+          title="Popup Content"
+          subtitle="Configure the text and coupon code displayed in the popup"
+        />
+        <Card.Divider />
+        <Card.Content>
+          <Box gap="18px" direction="vertical">
+            <FormField
+              label="Coupon Code"
+              required
+              {...getFieldStatus('couponCode', true)}
+            >
+              <Input
+                placeholder="SAVE20"
+                value={options.couponCode}
+                onChange={(e) =>
+                  onChange({
+                    ...options,
+                    couponCode: e.currentTarget.value,
+                  })
+                }
+              />
+            </FormField>
+
+            <FormField
+              label="Popup Headline"
+              required
+              {...getFieldStatus('popupHeadline', true)}
+            >
+              <Input
+                placeholder="Special Offer!"
+                value={options.popupHeadline}
+                onChange={(e) =>
+                  onChange({
+                    ...options,
+                    popupHeadline: e.currentTarget.value,
+                  })
+                }
+              />
+            </FormField>
+
+            <FormField
+              label="Popup Description"
+              required
+              {...getFieldStatus('popupDescription', true)}
+            >
+              <InputArea
+                placeholder="Apply this coupon to get a discount on your cart!"
+                value={options.popupDescription}
+                onChange={(e) =>
+                  onChange({
+                    ...options,
+                    popupDescription: e.currentTarget.value,
+                  })
+                }
+                rows={3}
+              />
+            </FormField>
+          </Box>
+        </Card.Content>
+      </Card>
+
+      <Card>
+        <Card.Header
+          title="Display Settings"
+          subtitle="Configure when and how the popup appears"
+        />
+        <Card.Divider />
+        <Card.Content>
+          <Box gap="18px" direction="vertical">
+            <FormField label="Enable Popup">
+              <ToggleSwitch
+                checked={options.enablePopup}
+                onChange={() =>
+                  onChange({
+                    ...options,
+                    enablePopup: !options.enablePopup,
+                  })
+                }
+              />
+            </FormField>
+
+            <FormField label="Minimum Cart Value">
+              <NumberInput
+                value={options.minimumCartValue}
+                onChange={(value) =>
+                  onChange({
+                    ...options,
+                    minimumCartValue: value || 0,
+                  })
+                }
+                min={0}
+                prefix="$"
+              />
+            </FormField>
+          </Box>
+        </Card.Content>
+      </Card>
+    </Box>
+  );
+};

package/dist/examples-apps/coupon-popup/src/dashboard/pages/cart-popup-manager/extensions.ts

@@ -0,0 +1,7 @@
+import * as extensions from '@wix/astro/builders';
+export const dashboardpagecartPopupManager = extensions.backofficePage({
+  "id": "3304e8b7-4d5c-4719-86bb-68f6235a4bc5",
+  "title": "Cart Popup Manager",
+  "routePath": "cart-popup-manager",
+  "component": "./dashboard/pages/cart-popup-manager/page.tsx"
+})

package/dist/examples-apps/coupon-popup/src/dashboard/pages/cart-popup-manager/page.tsx

@@ -0,0 +1,133 @@
+import { useEffect, useState, type FC } from 'react';
+import { dashboard } from '@wix/dashboard';
+import { embeddedScripts } from '@wix/app-management';
+import {
+  Button,
+  Page,
+  Layout,
+  Cell,
+  Loader,
+  Box,
+} from '@wix/design-system';
+import '@wix/design-system/styles.global.css';
+import withProviders from '../../withProviders';
+import { CartPopupSettings } from '../../../components/cart-popup-settings';
+
+export type CartPopupOptions = {
+  couponCode: string;
+  popupHeadline: string;
+  popupDescription: string;
+  minimumCartValue: number;
+  enablePopup: boolean;
+};
+
+const cartPopupDefaultOptions: CartPopupOptions = {
+  couponCode: '',
+  popupHeadline: 'Special Offer!',
+  popupDescription: 'Apply this coupon to get a discount on your cart!',
+  minimumCartValue: 0,
+  enablePopup: true,
+};
+
+const CartPopupManagerPage: FC = () => {
+  const [options, setOptions] = useState<CartPopupOptions>(cartPopupDefaultOptions);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isSaving, setIsSaving] = useState(false);
+
+  useEffect(() => {
+    const loadSettings = async () => {
+      try {
+        const embeddedScript = await embeddedScripts.getEmbeddedScript();
+        const data = embeddedScript.parameters as Partial<Record<keyof CartPopupOptions, string>> || {};
+
+        setOptions((prev) => ({
+          ...prev,
+          couponCode: data?.couponCode || prev.couponCode,
+          popupHeadline: data?.popupHeadline || prev.popupHeadline,
+          popupDescription: data?.popupDescription || prev.popupDescription,
+          minimumCartValue: Number(data?.minimumCartValue) || prev.minimumCartValue,
+          enablePopup: data?.enablePopup === 'true' ? true : data?.enablePopup === 'false' ? false : prev.enablePopup,
+        }));
+      } catch (error) {
+        console.error('Failed to load settings:', error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    loadSettings();
+  }, []);
+
+  const handleSave = async () => {
+    if (!options.couponCode || !options.popupHeadline || !options.popupDescription) {
+      dashboard.showToast({
+        message: 'Please fill in all required fields',
+        type: 'error',
+      });
+      return;
+    }
+
+    setIsSaving(true);
+    try {
+      // Convert all values to strings for embedded script parameters
+      await embeddedScripts.embedScript({
+        parameters: {
+          couponCode: options.couponCode,
+          popupHeadline: options.popupHeadline,
+          popupDescription: options.popupDescription,
+          minimumCartValue: String(options.minimumCartValue),
+          enablePopup: String(options.enablePopup),
+        },
+      });
+
+      dashboard.showToast({
+        message: 'Cart popup settings saved successfully!',
+        type: 'success',
+      });
+    } catch (error) {
+      console.error('Failed to save settings:', error);
+      dashboard.showToast({
+        message: 'Failed to save settings. Please try again.',
+        type: 'error',
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  return (
+    <Page height="100vh">
+      <Page.Header
+        title="Cart Popup Manager"
+        subtitle="Configure your cart popup's content, coupon code, and display rules"
+        actionsBar={
+          <Button
+            skin="inverted"
+            disabled={!options.couponCode || !options.popupHeadline || !options.popupDescription || isSaving}
+            onClick={handleSave}
+          >
+            {isSaving ? 'Saving...' : 'Save'}
+          </Button>
+        }
+      />
+      <Page.Content>
+        {isLoading ? (
+          <Box align="center" verticalAlign="middle" height="50vh">
+            <Loader text="Loading cart popup settings..." />
+          </Box>
+        ) : (
+          <Layout gap="24px">
+            <Cell span={12}>
+              <CartPopupSettings
+                options={options}
+                onChange={setOptions}
+              />
+            </Cell>
+          </Layout>
+        )}
+      </Page.Content>
+    </Page>
+  );
+};
+
+export default withProviders(CartPopupManagerPage);

package/dist/examples-apps/coupon-popup/src/dashboard/withProviders.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { WixDesignSystemProvider } from '@wix/design-system';
+import { i18n } from '@wix/essentials';
+
+export default function withProviders<P extends {} = {}>(Component: React.FC<P>) {
+  return function DashboardProviders(props: P) {
+    const locale = i18n.getLocale();
+    return (
+      <WixDesignSystemProvider locale={locale} features={{ newColorsBranding: true }}>
+        <Component {...props} />
+      </WixDesignSystemProvider>
+    );
+  };
+}
+
+export { withProviders };

package/dist/examples-apps/coupon-popup/src/extensions.ts

@@ -0,0 +1,12 @@
+import { app } from '@wix/astro/builders';
+import * as allExtensions from './index';
+
+// Get all exported extensions
+const extensionList = Object.values(allExtensions);
+
+const appBuilder = app();
+extensionList.forEach(extension => {
+  appBuilder.use(extension);
+});
+
+export default appBuilder;

package/dist/examples-apps/coupon-popup/src/index.ts

@@ -0,0 +1,2 @@
+export * from './site/embedded-scripts/cart-coupon-popup/extensions.ts';
+export * from './dashboard/pages/cart-popup-manager/extensions.ts';

package/dist/examples-apps/coupon-popup/src/site/embedded-scripts/cart-coupon-popup/embedded.html

@@ -0,0 +1,562 @@
+<div
+  id="popup-config"
+  data-coupon-code="{{couponCode}}"
+  data-popup-headline="{{popupHeadline}}"
+  data-popup-description="{{popupDescription}}"
+  data-minimum-cart-value="{{minimumCartValue}}"
+  data-enable-popup="{{enablePopup}}"
+></div>
+<div id="cart-coupon-popup-container"></div>
+
+<style>
+  .cart-coupon-popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10000;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    backdrop-filter: blur(4px);
+  }
+
+  .cart-coupon-popup.hidden {
+    display: none;
+  }
+
+  .popup-content {
+    max-width: 500px;
+    width: 90%;
+    max-height: 80vh;
+    overflow-y: auto;
+    border-radius: 12px;
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+    position: relative;
+    animation: popupSlideIn 0.3s ease-out;
+    background-color: #FFFFFF;
+  }
+
+  @keyframes popupSlideIn {
+    from {
+      opacity: 0;
+      transform: scale(0.9) translateY(-20px);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  .popup-header {
+    padding: 24px 24px 16px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    position: relative;
+  }
+
+  .close-button {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    background: none;
+    border: none;
+    font-size: 24px;
+    cursor: pointer;
+    color: #666;
+    padding: 4px;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+  }
+
+  .close-button:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+    color: #333;
+  }
+
+  .popup-headline {
+    margin: 0 0 8px 0;
+    font-size: 24px;
+    font-weight: 700;
+    color: #333;
+  }
+
+  .popup-description {
+    margin: 0;
+    font-size: 16px;
+    color: #666;
+    line-height: 1.5;
+  }
+
+  .cart-section {
+    padding: 20px 24px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+
+  .cart-title {
+    margin: 0 0 16px 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
+  }
+
+  .cart-items {
+    max-height: 200px;
+    overflow-y: auto;
+  }
+
+  .cart-item {
+    display: flex;
+    align-items: center;
+    padding: 12px 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  }
+
+  .cart-item:last-child {
+    border-bottom: none;
+  }
+
+  .item-details {
+    flex: 1;
+  }
+
+  .item-name {
+    font-weight: 600;
+    color: #333;
+    margin: 0 0 4px 0;
+    font-size: 14px;
+  }
+
+  .item-price {
+    color: #666;
+    font-size: 14px;
+    margin: 0;
+  }
+
+  .item-quantity {
+    color: #888;
+    font-size: 12px;
+    margin-left: 12px;
+  }
+
+  .cart-total {
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 2px solid rgba(0, 0, 0, 0.1);
+    text-align: right;
+  }
+
+  .total-label {
+    font-size: 18px;
+    font-weight: 700;
+    color: #333;
+  }
+
+  .empty-cart {
+    text-align: center;
+    color: #888;
+    font-style: italic;
+    padding: 20px 0;
+  }
+
+  .coupon-section {
+    padding: 20px 24px;
+  }
+
+  .coupon-code {
+    background-color: #f8f9fa;
+    border: 2px dashed #007bff;
+    border-radius: 8px;
+    padding: 16px;
+    text-align: center;
+    margin: 16px 0;
+  }
+
+  .coupon-code-text {
+    font-family: 'Courier New', monospace;
+    font-size: 20px;
+    font-weight: 700;
+    color: #007bff;
+    margin: 0 0 8px 0;
+  }
+
+  .coupon-hint {
+    font-size: 12px;
+    color: #666;
+    margin: 0;
+  }
+
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    margin-top: 20px;
+  }
+
+  .btn {
+    width: 100%;
+    padding: 12px 20px;
+    border: none;
+    border-radius: 6px;
+    font-size: 16px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease;
+  }
+
+  .btn-primary {
+    background-color: #007bff;
+    color: white;
+  }
+
+  .btn-primary:hover {
+    background-color: #0056b3;
+    transform: translateY(-1px);
+  }
+
+  .footer-options {
+    padding: 16px 24px;
+    background-color: #f8f9fa;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 0 0 12px 12px;
+  }
+
+  .dont-show-again {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    color: #666;
+  }
+
+  .dont-show-again input {
+    margin-right: 8px;
+  }
+
+  .loading {
+    text-align: center;
+    padding: 40px 20px;
+    color: #666;
+  }
+
+  .error {
+    text-align: center;
+    padding: 20px;
+    color: #dc3545;
+    background-color: #f8d7da;
+    border-radius: 6px;
+    margin: 16px 0;
+  }
+
+  @media (max-width: 480px) {
+    .popup-content {
+      width: 95%;
+      margin: 20px;
+    }
+
+    .popup-header {
+      padding: 20px 20px 16px;
+    }
+
+    .cart-section,
+    .coupon-section {
+      padding: 16px 20px;
+    }
+
+    .action-buttons {
+      flex-direction: column;
+    }
+  }
+</style>
+
+<script type="module">
+  import { currentCart } from '@wix/ecom';
+
+  // Get configuration from data attributes
+  const config = document.getElementById('popup-config');
+  if (!config) throw new Error('Config element not found');
+
+  const {
+    couponCode,
+    popupHeadline,
+    popupDescription,
+    minimumCartValue,
+    enablePopup
+  } = config.dataset;
+
+  // Exit early if popup is disabled
+  if (enablePopup !== 'true') {
+    throw new Error('Popup disabled');
+  }
+
+  const container = document.getElementById('cart-coupon-popup-container');
+  if (!container) throw new Error('Container element not found');
+
+  let popupElement = null;
+  let cart = null;
+  let isLoading = false;
+
+  // Storage key for popup display control
+  const STORAGE_KEY_DONT_SHOW = 'cart-coupon-popup-dont-show';
+
+  // Check if popup should be shown
+  function shouldShowPopup() {
+    const dontShow = localStorage.getItem(STORAGE_KEY_DONT_SHOW);
+    console.log('dontShow',dontShow)
+    return dontShow !== 'true';
+  }
+
+
+  // Create popup HTML structure
+  function createPopupElement() {
+    const popup = document.createElement('div');
+    popup.className = 'cart-coupon-popup hidden';
+
+    popup.innerHTML = `
+      <div class="popup-content">
+        <div class="popup-header">
+          <button class="close-button" id="close-popup">&times;</button>
+          <h2 class="popup-headline">${escapeHtml(popupHeadline || 'Special Offer!')}</h2>
+          <p class="popup-description">${escapeHtml(popupDescription || 'Apply this coupon to get a discount on your cart!')}</p>
+        </div>
+
+        <div class="cart-section">
+          <h3 class="cart-title">Your Cart</h3>
+          <div id="cart-content">
+            <div class="loading">Loading cart...</div>
+          </div>
+        </div>
+
+        <div class="coupon-section">
+          <div class="coupon-code">
+            <div class="coupon-code-text">${escapeHtml(couponCode)}</div>
+            <p class="coupon-hint">Click to copy this coupon code</p>
+          </div>
+
+          <div class="action-buttons">
+            <button class="btn btn-primary" id="dismiss-popup">Close</button>
+          </div>
+        </div>
+
+        <div class="footer-options">
+          <label class="dont-show-again">
+            <input type="checkbox" id="dont-show-again">
+            Don't show this popup again
+          </label>
+        </div>
+      </div>
+    `;
+
+    return popup;
+  }
+
+  // Escape HTML to prevent XSS
+  function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+  }
+
+  // Load current cart using Wix eCommerce API
+  async function loadCurrentCart() {
+    try {
+      isLoading = true;
+
+      // Get current cart
+      const currentCartData = await currentCart.getCurrentCart();
+      cart = currentCartData;
+
+      return currentCartData;
+    } catch (error) {
+      console.error('Failed to load cart:', error);
+      throw error;
+    } finally {
+      isLoading = false;
+    }
+  }
+
+
+  // Render cart items in the popup
+  function renderCartContent(cartData) {
+    const cartContent = document.getElementById('cart-content');
+    if (!cartContent) return;
+
+    if (!cartData || !cartData.lineItems || cartData.lineItems.length === 0) {
+      cartContent.innerHTML = '<div class="empty-cart">Your cart is empty</div>';
+      return;
+    }
+
+    const cartItemsHtml = cartData.lineItems.map(item => {
+      const itemName = item.productName?.original || 'Unknown Item';
+      const itemPrice = item.price?.formattedAmount || '$0.00';
+      const quantity = item.quantity || 1;
+
+      return `
+        <div class="cart-item">
+          <div class="item-details">
+            <div class="item-name">${escapeHtml(itemName)}</div>
+            <div class="item-price">${escapeHtml(itemPrice)}</div>
+          </div>
+          <div class="item-quantity">Qty: ${quantity}</div>
+        </div>
+      `;
+    }).join('');
+
+    // Calculate total (use subtotal if available, otherwise sum line items)
+    const totalAmount = cartData.subtotal?.formattedAmount ||
+                       cartData.lineItems.reduce((sum, item) => {
+                         const price = parseFloat(item.price?.amount || '0');
+                         return sum + (price * (item.quantity || 1));
+                       }, 0).toFixed(2);
+
+    cartContent.innerHTML = `
+      <div class="cart-items">
+        ${cartItemsHtml}
+      </div>
+      <div class="cart-total">
+        <div class="total-label">Total: ${typeof totalAmount === 'string' ? totalAmount : '$' + totalAmount}</div>
+      </div>
+    `;
+  }
+
+  // Check if cart meets minimum value requirement
+  function meetsMinimumValue(cartData) {
+    const minValue = parseFloat(minimumCartValue || '0');
+    if (minValue <= 0) return true;
+
+    if (!cartData || !cartData.lineItems || cartData.lineItems.length === 0) {
+      return false;
+    }
+
+    const cartValue = parseFloat(cartData.subtotal?.amount || '0');
+    return cartValue >= minValue;
+  }
+
+  // Show the popup
+  function showPopup() {
+    if (popupElement) {
+      popupElement.classList.remove('hidden');
+    }
+  }
+
+  // Hide the popup
+  function hidePopup(dontShowAgain = false) {
+    if (popupElement) {
+      popupElement.classList.add('hidden');
+    }
+
+    if (dontShowAgain) {
+      localStorage.setItem(STORAGE_KEY_DONT_SHOW, 'true');
+    }
+  }
+
+  // Handle coupon code click (copy to clipboard)
+  function handleCouponCodeClick() {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(couponCode).then(() => {
+        // Show temporary feedback
+        const codeElement = document.querySelector('.coupon-code-text');
+        if (codeElement) {
+          const originalText = codeElement.textContent;
+          codeElement.textContent = 'Copied!';
+          setTimeout(() => {
+            codeElement.textContent = originalText;
+          }, 1500);
+        }
+      }).catch(err => {
+        console.warn('Failed to copy coupon code:', err);
+      });
+    }
+  }
+
+  // Set up event listeners
+  function setupEventListeners() {
+    if (!popupElement) return;
+
+    // Close button
+    const closeBtn = popupElement.querySelector('#close-popup');
+    if (closeBtn) {
+      closeBtn.addEventListener('click', () => hidePopup());
+    }
+
+    // Dismiss button
+    const dismissBtn = popupElement.querySelector('#dismiss-popup');
+    if (dismissBtn) {
+      dismissBtn.addEventListener('click', () => {
+        const dontShowCheckbox = popupElement.querySelector('#dont-show-again');
+        const dontShow = dontShowCheckbox && dontShowCheckbox.checked;
+        hidePopup(dontShow);
+      });
+    }
+
+    // Coupon code click to copy
+    const couponCodeElement = popupElement.querySelector('.coupon-code');
+    if (couponCodeElement) {
+      couponCodeElement.addEventListener('click', handleCouponCodeClick);
+      couponCodeElement.style.cursor = 'pointer';
+    }
+
+    // Click outside to close
+    popupElement.addEventListener('click', (e) => {
+      if (e.target === popupElement) {
+        hidePopup();
+      }
+    });
+
+    // Escape key to close
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape' && !popupElement.classList.contains('hidden')) {
+        hidePopup();
+      }
+    });
+  }
+
+  // Initialize the popup
+  async function initializePopup() {
+    try {
+      // Check if popup should be shown
+      if (!shouldShowPopup()) {
+        return;
+      }
+
+      // Create popup element
+      popupElement = createPopupElement();
+      container.appendChild(popupElement);
+
+      // Set up event listeners
+      setupEventListeners();
+
+      // Load cart data
+      const cartData = await loadCurrentCart();
+
+      // Check if cart meets minimum value requirement
+      if (!meetsMinimumValue(cartData)) {
+        return;
+      }
+
+      // Render cart content
+      renderCartContent(cartData);
+
+      // Show popup with a slight delay for better UX
+      setTimeout(() => {
+        showPopup();
+      }, 1000);
+
+    } catch (error) {
+      console.error('Failed to initialize cart coupon popup:', error);
+
+      // Show error state in popup if it exists
+      const cartContent = document.getElementById('cart-content');
+      if (cartContent) {
+        cartContent.innerHTML = '<div class="error">Failed to load cart. Please try again later.</div>';
+      }
+    }
+  }
+
+  // Start initialization when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initializePopup);
+  } else {
+    initializePopup();
+  }
+</script>

package/dist/examples-apps/coupon-popup/src/site/embedded-scripts/cart-coupon-popup/extensions.ts

@@ -0,0 +1,8 @@
+import * as extensions from '@wix/astro/builders';
+export const embeddedscriptcartCouponPopup = extensions.embeddedScript({
+  "id": "dbdbfc9a-23d0-45f8-9cb7-4b9c357d366f",
+  "name": "Cart & Coupon Popup",
+  "source": "./site/embedded-scripts/cart-coupon-popup/embedded.html",
+  "placement": "BODY_END",
+  "scriptType": "FUNCTIONAL"
+})

package/dist/examples-apps/coupon-popup/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "astro/tsconfigs/strictest",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  },
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"]
+}
+

package/dist/examples-apps/coupon-popup/wix.config.json

@@ -0,0 +1,4 @@
+{
+  "appId": "7295bc1a-9a7b-4e62-bcd9-78f628dac739",
+  "siteId": "0e5795fd-bfa2-417a-995d-2daed0462a55"
+}

package/dist/out.js

@@ -120327,7 +120327,7 @@ var require_utils14 = __commonJS({
       content: zod_1.z.string().describe("Complete file content as a string (for JSON files, stringify the object). Required for insert and update operations.").optional()
     });
     exports2.FileSchema = zod_1.z.object({
-      files: zod_1.z.array(exports2.FileItemSchema).default([])
+      files: zod_1.z.array(exports2.FileItemSchema).default([]).describe("An array of files")
     });
     var withCaching = (ttl = "5m") => {
       return {
@@ -120643,6 +120643,20 @@ var require_load_examples = __commonJS({
             "contact-created-logger/src/backend/events/contact-created-logger/event.ts"
           ]
         }
+      },
+      CouponPopup: {
+        path: "coupon-popup",
+        description: "A marketing app that displays a configurable coupon popup in the shopping cart, with a dashboard interface for managing popup settings and an embedded script to show the popup on the site",
+        files: {
+          [types.DashboardPage]: [
+            "coupon-popup/src/dashboard/pages/cart-popup-manager/page.tsx",
+            "coupon-popup/src/dashboard/withProviders.tsx",
+            "coupon-popup/src/components/cart-popup-settings.tsx"
+          ],
+          [types.EmbeddedScript]: [
+            "coupon-popup/src/site/embedded-scripts/cart-coupon-popup/embedded.html"
+          ]
+        }
       }
     };
     exports2.examples = {
@@ -120651,6 +120665,7 @@ var require_load_examples = __commonJS({
         appsExamples.SurveyManager,
         appsExamples.EventCountdown,
         appsExamples.SitePopup,
+        appsExamples.CouponPopup,
         appsExamples.AIChatbot,
         appsExamples.CustomProductsCatalog,
         appsExamples.MixPanelAnalystic,
@@ -120662,6 +120677,7 @@ var require_load_examples = __commonJS({
       [types.EmbeddedScript]: [
         appsExamples.MixPanelAnalystic,
         appsExamples.SitePopup,
+        appsExamples.CouponPopup,
         appsExamples.EventCountdown
       ],
       [types.ServicePluginExtension]: [appsExamples.SPISExample],
@@ -120752,7 +120768,7 @@ ${examples}
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
         const model = (0, anthropic_1.createAnthropic)({
           apiKey: this.apiKey
-        })("claude-sonnet-4-20250514");
+        })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: utils_1.FileSchema,
@@ -124982,7 +124998,7 @@ var require_SiteComponentAgent = __commonJS({
         const appName = blueprint?.appName ? `'${blueprint.appName}'` : "";
         const primaryAction = `Customize the Wix CLI site component scaffolding for the app ${appName}`;
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: utils_1.FileSchema,
@@ -125131,7 +125147,7 @@ ${examples}
         const appName = blueprint?.appName ? `'${blueprint.appName}'` : "";
         const primaryAction = `Customize backend event scaffolding for the app ${appName}`;
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: utils_1.FileSchema,
@@ -125275,7 +125291,7 @@ var require_BackendApiAgent = __commonJS({
         const systemPrompt = this.buildSystemPrompt();
         const primaryAction = `Create Astro Server Endpoints for the app ${blueprint?.appName}`;
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: utils_1.FileSchema,
@@ -125719,7 +125735,7 @@ var require_CustomElementAgent = __commonJS({
         const appName = blueprint?.appName ? `'${blueprint.appName}'` : "";
         const primaryAction = `Customize the Wix CLI custom element / site widget scaffolding for the app ${appName}`;
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: utils_1.FileSchema,
@@ -127282,7 +127298,7 @@ ${examples}
         const appName = blueprint?.appName ? `'${blueprint.appName}'` : "";
         const primaryAction = `Customize the Wix CLI dashboard page scaffolding for the app ${appName}`;
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: utils_1.FileSchema,
@@ -128473,7 +128489,7 @@ ${examples}
         const appName = blueprint?.appName ? `'${blueprint.appName}'` : "";
         const primaryAction = `Customize the Wix CLI embedded script scaffolding for the app ${appName}`;
         const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         const result = await (0, ai_1.generateObject)({
           model,
           schema: exports2.EmbeddedScriptSchema,
@@ -128852,7 +128868,7 @@ CURRENT FILE CONTENT:
 ${input.content}
 
 Please provide the complete fixed file content that resolves ALL the errors listed above.`;
-        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-5-20250929");
         try {
           const result = await (0, ai_1.generateObject)({
             model,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/ditto-codegen-public",
-  "version": "1.0.66",
+  "version": "1.0.68",
   "description": "AI-powered Wix CLI app generator - standalone executable",
   "scripts": {
     "build": "node build.mjs",
@@ -24,5 +24,5 @@
     "@wix/ditto-codegen": "1.0.0",
     "esbuild": "^0.25.9"
   },
-  "falconPackageHash": "ccdf783fad507eccb98247f2632438eb41c1753aec8f47dabb8001c0"
+  "falconPackageHash": "4ae2b155dff127877e1ed91ec5694d71bc9239525a1b59c397705bd8"
 }