@wix/ditto-codegen-public 1.0.49 → 1.0.51

package/dist/examples-apps/product-created-logger/package.json

@@ -0,0 +1,37 @@
+{
+  "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"
+  },
+  "dependencies": {
+    "@wix/astro": "0.0.4-experimental-react-component",
+    "@wix/crm": "^1.0.1071",
+    "@wix/dashboard": "^1.3.36",
+    "@wix/data": "^1.0.290",
+    "@wix/design-system": "^1.111.0",
+    "@wix/ecom": "^1.0.1354",
+    "@wix/essentials": "^0.1.23",
+    "@wix/sdk": "^1.15.23",
+    "@wix/stores": "^1.0.533",
+    "astro": "^5.8.0",
+    "typescript": "^5.8.3"
+  },
+  "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.92",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  }
+}

package/dist/examples-apps/product-created-logger/src/backend/events/product-created-logger/event.ts

@@ -0,0 +1,67 @@
+import { productsV3 } from '@wix/stores';
+import { items } from '@wix/data';
+
+productsV3.onProductCreated(async (event) => {
+  const productIdFromEvent = event.entity?._id;
+  try {
+    console.log('Product created event triggered:', event);
+    
+    // Extract product information from the event
+    const productId = productIdFromEvent;
+    
+    if (!productId) {
+      console.error('No product ID found in event');
+      return;
+    }
+
+    const product = event.entity;
+    
+    // Create detailed creation information
+    const creationDetails = {
+      productName: product.name || 'Unknown Product',
+      productSlug: product.slug,
+      visible: product.visible,
+      inventory: product.inventory,
+      brand: product.brand
+    };
+    
+    // Create log entry in the product-creation-logs collection
+    const logEntry = {
+      productId: productId,
+      changeType: 'PRODUCT_CREATED',
+      changedFields: ['CREATED'],
+      timestamp: new Date(),
+      changeDetails: JSON.stringify(creationDetails, null, 2)
+    };
+    
+    // Insert the log entry into the collection
+    await items.insert('product-creation-logs', logEntry);
+    
+    console.log('Product creation logged successfully:', {
+      productId,
+      productName: product.name,
+      changedFields: logEntry.changedFields,
+      timestamp: logEntry.timestamp
+    });
+
+  } catch (error) {
+    console.error('Error processing product creation event:', {
+      productId: productIdFromEvent || 'unknown',
+      error: error instanceof Error ? error.message : String(error),
+      timestamp: new Date()
+    });
+    
+    // Try to log the error to the collection as well
+    try {
+      await items.insert('product-creation-logs', {
+        productId: productIdFromEvent || 'unknown',
+        changeType: 'ERROR',
+        changedFields: [],
+        timestamp: new Date(),
+        changeDetails: `Error processing product creation: ${error instanceof Error ? error.message : String(error)}`
+      });
+    } catch (logError) {
+      console.error('Failed to log error to collection:', logError);
+    }
+  }
+});

package/dist/examples-apps/product-created-logger/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"]
+}

package/dist/examples-apps/product-created-logger/wix.config.json

@@ -0,0 +1,4 @@
+{
+  "appId": "54ed7c99-07c1-4992-b961-f5b4a9bd6d7f",
+  "siteId": "6e13b6b4-0b79-4c81-b430-d9b6a0c8e4f9"
+}

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

@@ -1,34 +1,51 @@
 {
   "name": "site-popup",
   "version": "1.0.0",
-  "dependencies": {
-    "@tanstack/react-query": "^4.36.1",
-    "@wix/app-management": "^1.0.0",
-    "@wix/dashboard": "^1.3.21",
-    "@wix/design-system": "^1.111.0",
-    "@wix/essentials": "^0.1.4",
-    "@wix/site-site": "^1.2.0",
-    "tailwindcss": "^3.4.1"
+  "scripts": {
+    "astro": "astro",
+    "dev": "wix dev",
+    "build": "wix build",
+    "wix": "wix",
+    "preview": "wix preview",
+    "release": "wix release",
+    "generate": "wix generate",
+    "env": "wix env"
   },
-  "devDependencies": {
-    "@types/react": "^16.0.0",
-    "@types/react-dom": "^16.0.0",
-    "@wix/cli": "^1.0.0",
-    "@wix/cli-app": "^1.0.0",
+  "dependencies": {
+    "@astrojs/cloudflare": "^12.5.3",
+    "@astrojs/react": "^4.3.0",
+    "@tanstack/react-query": "^5.90.5",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@wix/app-management": "^1.0.122",
+    "@wix/astro": "^2.8.0",
+    "@wix/auto-patterns": "^1.40.0",
+    "@wix/cli": "^1.1.92",
+    "@wix/crm": "^1.0.1071",
+    "@wix/dashboard": "^1.3.40",
+    "@wix/data": "^1.0.290",
+    "@wix/design-system": "^1.217.0",
+    "@wix/ecom": "^1.0.1354",
+    "@wix/essentials": "^0.1.23",
+    "@wix/patterns": "^1.290.0",
+    "@wix/sdk": "^1.15.23",
     "@wix/sdk-types": "^1.0.0",
-    "autoprefixer": "^10.4.17",
-    "postcss": "^8.4.35",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
-    "typescript": "^5.3.3"
+    "@wix/site-site": "^1.26.0",
+    "@wix/stores": "^1.0.533",
+    "@wix/wix-ui-icons-common": "^3.90.0",
+    "astro": "^5.8.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router-dom": "^6.0.0",
+    "typescript": "^5.8.3"
   },
-  "scripts": {
-    "build": "wix app build",
-    "release": "wix app release",
-    "dev": "wix app dev",
-    "preview": "wix app preview",
-    "logs": "wix app logs",
-    "generate": "wix app generate",
-    "typecheck": "tsc --noEmit"
+  "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.92",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

package/dist/examples-apps/site-popup/src/components/activation-configuration.tsx

@@ -1,7 +1,7 @@
 import React, { type FC } from 'react';
 import { Box, RadioGroup } from '@wix/design-system';
-import { ActivationMode, ActivationOptions } from '../types.js';
 import { DataRangePicker } from './date-range-picker.js';
+import type { ActivationMode, ActivationOptions } from '../types.js';
 
 interface Props {
   activationOptions: ActivationOptions;

package/dist/examples-apps/site-popup/src/components/close-button.css

@@ -0,0 +1,33 @@
+.close-button-wrapper {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0.5rem;
+}
+
+.close-button {
+  background-color: rgba(255, 255, 255, 0.9);
+  color: #374151;
+  border-radius: 50%;
+  font-size: 0.875rem;
+  padding: 0.5rem;
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.close-button:hover {
+  background-color: rgba(255, 255, 255, 1);
+  transform: scale(1.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+}
+
+.close-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+

package/dist/examples-apps/site-popup/src/components/close-button.tsx

@@ -1,4 +1,5 @@
 import React, { type FC } from 'react';
+import './close-button.css';
 
 interface Props {
   onClick?: () => void;
@@ -6,14 +7,14 @@ interface Props {
 
 export const CloseButton: FC<Props> = ({ onClick }) => {
   return (
-    <div className="flex justify-end p-2">
+    <div className="close-button-wrapper">
       <button
         onClick={onClick}
         type="button"
-        className="bg-transparent bg-gray-200 text-slate-200 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center"
+        className="close-button"
       >
         <svg
-          className="w-5 h-5"
+          className="close-icon"
           fill="currentColor"
           viewBox="0 0 20 20"
           xmlns="http://www.w3.org/2000/svg"

package/dist/examples-apps/site-popup/src/components/popup/index.css

@@ -1,3 +1,133 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+.popup-card {
+  border-radius: 0.5rem;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  display: grid;
+  position: relative;
+}
+
+@media (min-width: 768px) {
+  .popup-card {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+.close-btn-container {
+  position: absolute;
+  z-index: 1000;
+}
+
+.popup-content {
+  padding: 1rem;
+  text-align: center;
+  background-color: #1f2937;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+@media (min-width: 640px) {
+  .popup-content {
+    padding: 1.5rem;
+  }
+}
+
+@media (min-width: 768px) {
+  .popup-content {
+    grid-column: span 1;
+  }
+}
+
+@media (min-width: 1024px) {
+  .popup-content {
+    padding: 2rem;
+  }
+}
+
+.popup-text-container {
+  position: relative;
+  bottom: 0;
+  isolation: isolate;
+  overflow: hidden;
+  padding: 6rem 1rem;
+}
+
+@media (min-width: 640px) {
+  .popup-text-container {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+}
+
+@media (min-width: 1280px) {
+  .popup-text-container {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+}
+
+.popup-headline {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 42rem;
+  text-align: center;
+  font-size: 1.875rem;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  color: white;
+}
+
+@media (min-width: 640px) {
+  .popup-headline {
+    font-size: 2.25rem;
+  }
+}
+
+.popup-text {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 0.5rem;
+  max-width: 36rem;
+  text-align: center;
+  font-size: 1.125rem;
+  line-height: 2rem;
+  color: #d1d5db;
+}
+
+.popup-button-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem;
+}
+
+.popup-dont-show-button {
+  font-size: 0.875rem;
+  color: white;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  transition: opacity 0.2s ease;
+}
+
+.popup-dont-show-button:hover {
+  opacity: 0.8;
+  text-decoration: underline;
+}
+
+.popup-image {
+  height: 16rem;
+  object-fit: cover;
+  width: 100%;
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+
+@media (min-width: 768px) {
+  .popup-image {
+    height: 100%;
+  }
+}
+

package/dist/examples-apps/site-popup/src/components/popup/index.tsx

@@ -1,6 +1,6 @@
 import React, { type FC } from 'react';
 import { CloseButton } from '../close-button.js';
-import { SitePopupOptions } from '../../types.js';
+import type { SitePopupOptions } from '../../types.js';
 import './index.css';
 
 function formatDateWithLocale(dateInMillis: string, locale: string) {
@@ -36,23 +36,23 @@ export const Popup: FC<
     formattedText = formattedText.replace(/{endDate}/g, formatDateWithLocale(endDate, locale));
   }
   return (
-    <div className="rounded-lg shadow-2xl grid md:grid md:grid-cols-2">
-      <div id="close-btn" className="absolute z-[1000]">
+    <div className="popup-card">
+      <div id="close-btn" className="close-btn-container">
         <CloseButton onClick={() => onClose?.()} />
       </div>
-      <div className="p-4 text-center sm:p-6 md:col-span-1 lg:p-8 bg-gray-800 flex flex-col justify-between rounded-l-lg">
-        <div className="relative bottom-0 isolate overflow-hidden px-4 py-24 sm:px-12 xl:py-32">
-          <h4 className="mx-auto max-w-2xl text-center text-3xl font-bold tracking-tight sm:text-4xl text-white">
+      <div className="popup-content">
+        <div className="popup-text-container">
+          <h4 className="popup-headline">
             <span style={{font: 'var(--wst-font-style-h4)'}}>{headline}</span>
           </h4>
-          <p className="mx-auto mt-2 max-w-xl text-center text-lg leading-8 text-gray-300">
+          <p className="popup-text">
             <span style={{font: 'var(--wst-font-style-body-medium)'}}>{formattedText}</span>
           </p>
         </div>
-        <div className="flex justify-center items-center p-4">
+        <div className="popup-button-container">
           <button
             type="button"
-            className="flex-bottom text-sm text-white hover:underline"
+            className="popup-dont-show-button"
             onClick={() => onClose?.(true)}
           >
             <span style={{font: 'var(--wst-font-style-body-small)'}}>Don't show this again</span>
@@ -64,7 +64,7 @@ export const Popup: FC<
         height="50vh"
         src={imageUrl}
         alt={imageTitle}
-        className="h-64 object-cover w-full md:h-full rounded-r-lg"
+        className="popup-image"
       />
     </div>
   );

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

@@ -6,11 +6,11 @@ import {
   InputArea,
   Card,
   FormField,
-  FormFieldProps,
+  type FormFieldProps,
 } from '@wix/design-system';
-import { SitePopupOptions } from '../types.js';
 import { ActivationConfiguration } from './activation-configuration.js';
 import { ImagePicker } from './image-picker.js';
+import type { SitePopupOptions } from '../types.js';
 
 interface Props {
   options: SitePopupOptions;
@@ -86,8 +86,8 @@ export const SitePopupSettings: FC<Props> = ({ options, onChange }) => {
                   <ActivationConfiguration
                     activationOptions={{
                       activationMode: options.activationMode,
-                      startDate: options.startDate,
-                      endDate: options.endDate,
+                      ...(options.startDate != null && { startDate: options.startDate }),
+                      ...(options.endDate != null && { endDate: options.endDate }),
                     }}
                     onChange={(activationOptions) =>
                       onChange({

package/dist/examples-apps/site-popup/src/dashboard/pages/page.tsx

@@ -4,8 +4,8 @@ import { Box, Button, Cell, Layout, Loader, Page } from '@wix/design-system';
 import '@wix/design-system/styles.global.css';
 import { withProviders } from '../withProviders';
 import { SitePopupSettings } from '../../components/site-popup-settings.js';
-import { SitePopupOptions } from '../../types.js';
 import { useEmbeds } from '../hooks/wix-embeds.js';
+import type { SitePopupOptions } from '../../types.js';
 import { Popup } from '../../components/popup/index.js';
 
 const sitePopupDefaultOptions: SitePopupOptions = {
@@ -48,7 +48,7 @@ function SitePopup() {
             disabled={!sitePopupOptions.headline || !sitePopupOptions.text}
             onClick={() => embedScript.mutate({ ...sitePopupOptions })}
           >
-            {embedScript.isLoading ? <Loader size="tiny" /> : 'Save'}
+            Save
           </Button>
         }
       />

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

@@ -5,7 +5,7 @@ import { i18n } from '@wix/essentials';
 
 const queryClient = new QueryClient();
 
-export function withProviders<P extends {} = {}>(Component: React.FC<P>) {
+export default function withProviders<P extends {} = {}>(Component: React.FC<P>) {
   return function DashboardProviders(props: P) {
     const locale = i18n.getLocale();
     return (
@@ -17,3 +17,6 @@ export function withProviders<P extends {} = {}>(Component: React.FC<P>) {
     );
   };
 }
+
+// Also export as named export for backwards compatibility
+export { withProviders };

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

@@ -0,0 +1,21 @@
+import { app } from '@wix/astro/builders';
+import * as extensions from '@wix/astro/builders';
+
+export default app()
+  .use(
+    extensions.embeddedScript({
+      id: '2c43c310-939b-451d-b488-805f7ebba6ab',
+      name: 'Site Popup',
+      scriptType: "FUNCTIONAL",
+      placement: "BODY_START",
+      source: './site/embedded-scripts/site-popup/embedded.html',
+    })
+  )
+    .use(
+    extensions.backofficePage({
+      id: '57512654-b94e-460b-91e4-88624b5afea3',
+      component: './dashboard/pages/page.tsx',
+      routePath: 'hello',
+      title: 'Site popup',
+    })
+  );

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

@@ -10,3 +10,4 @@
 ></div>
 <div id="site-popup"></div>
 <script type="module" src="./popup-overlay/index.tsx"></script>
+

package/dist/examples-apps/site-popup/src/site/embedded-scripts/site-popup/popup-overlay/index.css

@@ -1,3 +1,21 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+.popup-overlay {
+  position: fixed;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  background-color: rgba(209, 213, 219, 0.75);
+}
+
+.popup-overlay.hidden {
+  display: none;
+}
+
+.popup-container {
+  width: 75%;
+}
+

package/dist/examples-apps/site-popup/src/site/embedded-scripts/site-popup/popup-overlay/index.tsx

@@ -1,9 +1,9 @@
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import React, { useEffect, useState } from 'react';
-import { Popup } from '../../../../components/popup/index.js';
-import { SitePopupOptions } from '../../../../types.js';
-import './index.css';
 import { site } from '@wix/site-site';
+import './index.css';
+import type { SitePopupOptions } from '../../../../types';
+import { Popup } from '../../../../components/popup';
 
 const PopupOverlay = () => {
   const [shown, setShown] = useState<boolean>(false);
@@ -43,16 +43,15 @@ const PopupOverlay = () => {
   return (
     <div
       className={
-        shown && shouldShowPopup()
-          ? 'fixed flex justify-center items-center inset-0 z-[1000] bg-gray-300 bg-opacity-75'
-          : 'hidden'
+        shown && shouldShowPopup() ? 'popup-overlay' : 'popup-overlay hidden'
       }
     >
-      <div className="w-9/12">
+      <div className="popup-container">
         <Popup {...popupParams} locale={regionalSettings} onClose={closePopup} />
       </div>
     </div>
   );
 };
 
-ReactDOM.render(<PopupOverlay />, document.getElementById('site-popup'));
+const root = createRoot(document.getElementById('site-popup')!);
+root.render(<PopupOverlay />);

package/dist/examples-apps/site-popup/src/types.ts

@@ -11,4 +11,4 @@ export type SitePopupOptions = {
   text: string;
   imageUrl: string;
   imageTitle: string;
-} & ActivationOptions;
+} & ActivationOptions;