@wix/ditto-codegen-public 1.0.274 → 1.0.276

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

@@ -1,562 +0,0 @@
-<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

@@ -1,8 +0,0 @@
-import { 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

@@ -1,10 +0,0 @@
-{
-  "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

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

package/dist/examples-apps/custom-element/countdown-widget/components/ColorPickerField.tsx

@@ -1,27 +0,0 @@
-import React, { type FC } from 'react';
-import { inputs } from '@wix/editor';
-import { FormField, Box, FillPreview, SidePanel } from '@wix/design-system';
-
-interface ColorPickerFieldProps {
-  label: string;
-  value: string;
-  onChange: (value: string) => void;
-}
-
-export const ColorPickerField: FC<ColorPickerFieldProps> = ({
-  label,
-  value,
-  onChange,
-}) => (
-  <SidePanel.Field>
-    <FormField label={label}>
-      <Box width="30px" height="30px">
-        <FillPreview
-          fill={value}
-          onClick={() => inputs.selectColor(value, { onChange })}
-        />
-      </Box>
-    </FormField>
-  </SidePanel.Field>
-);
-

package/dist/examples-apps/custom-element/countdown-widget/components/FontPickerField.tsx

@@ -1,34 +0,0 @@
-import React, { type FC } from 'react';
-import { inputs } from '@wix/editor';
-import { FormField, Button, Text, SidePanel } from '@wix/design-system';
-
-interface FontValue {
-  font: string;
-  textDecoration: string;
-}
-
-interface FontPickerFieldProps {
-  label: string;
-  value: FontValue;
-  onChange: (value: FontValue) => void;
-}
-
-export const FontPickerField: FC<FontPickerFieldProps> = ({
-  label,
-  value,
-  onChange,
-}) => (
-  <SidePanel.Field>
-    <FormField label={label}>
-      <Button
-        size="small"
-        priority="secondary"
-        onClick={() => inputs.selectFont(value, { onChange })}
-        fullWidth
-      >
-        <Text size="small" ellipsis>Change Font</Text>
-      </Button>
-    </FormField>
-  </SidePanel.Field>
-);
-

package/dist/examples-apps/custom-element/countdown-widget/components/Separator.tsx

@@ -1,10 +0,0 @@
-import React, { type FC } from 'react';
-
-interface SeparatorProps {
-  style: React.CSSProperties;
-}
-
-export const Separator: FC<SeparatorProps> = ({ style }) => (
-  <span style={style}>:</span>
-);
-

package/dist/examples-apps/custom-element/countdown-widget/components/TimeBlock.tsx

@@ -1,23 +0,0 @@
-import React, { type FC } from 'react';
-
-interface TimeBlockProps {
-  value: string;
-  label: string;
-  numberStyle: React.CSSProperties;
-  labelStyle: React.CSSProperties;
-  blockStyle: React.CSSProperties;
-}
-
-export const TimeBlock: FC<TimeBlockProps> = ({
-  value,
-  label,
-  numberStyle,
-  labelStyle,
-  blockStyle,
-}) => (
-  <div style={blockStyle}>
-    <div style={numberStyle}>{value}</div>
-    <div style={labelStyle}>{label}</div>
-  </div>
-);
-

package/dist/examples-apps/custom-element/countdown-widget/extensions.ts

@@ -1,18 +0,0 @@
-import { extensions } from '@wix/astro/builders';
-export const sitewidgetcountdownWidget = extensions.customElement({
-  id: '54db089e-aa5b-436a-9dfa-074f2efad2ce',
-  name: 'Countdown Widget',
-  tagName: 'countdown-widget',
-  element: './site/widgets/custom-elements/countdown-widget/widget.tsx',
-  settings: './site/widgets/custom-elements/countdown-widget/panel.tsx',
-  installation: {
-    autoAdd: true
-  },
-  width: {
-    defaultWidth: 500,
-    allowStretch: true
-  },
-  height: {
-    defaultHeight: 500
-  }
-})