@wix/ditto-codegen-public 1.0.48 → 1.0.50

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;