@wix/ditto-codegen-public 1.0.0

package/dist/examples-apps/inventory-countdown/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "inventory-countdown",
+  "version": "1.0.0",
+  "dependencies": {
+    "@wix/dashboard": "^1.3.21",
+    "@wix/design-system": "^1.0.0",
+    "@wix/editor": "^1.308.0",
+    "@wix/site-window": "^1.19.0",
+    "@wix/stores": "^1.0.239",
+    "@wix/wix-ui-icons-common": "^3.0.0",
+    "react-to-webcomponent": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^16.0.0",
+    "@types/react-dom": "^16.0.0",
+    "@wix/sdk-types": "^1.0.0",
+    "@wix/cli": "^1.0.0",
+    "@wix/cli-app": "^1.0.0",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "typescript": "^5.4.0"
+  },
+  "scripts": {
+    "wix": "wix",
+    "build": "wix app build",
+    "release": "wix app release",
+    "dev": "wix app dev",
+    "preview": "wix app preview",
+    "generate": "wix app generate",
+    "logs": "wix app logs",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/dist/examples-apps/inventory-countdown/src/assets/stock-counter/site-plugin-logo.svg

@@ -0,0 +1,27 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1000.000000pt" fill="#333853" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000" preserveAspectRatio="xMidYMid meet">
+    <rect width="100%" height="100%" fill="#333853"/>
+    <g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)" fill="#333853">
+        <path fill="#dae9ff" d="M0 5000 l0 -5000 5000 0 5000 0 0 5000 0 5000 -5000 0 -5000 0 0
+            -5000z m7694 2520 c220 -56 389 -218 458 -440 l23 -75 0 -2010 0 -2010 -29
+            -89 c-71 -216 -235 -371 -452 -426 -76 -20 -122 -20 -2699 -20 -2577 0 -2623
+            0 -2699 20 -220 56 -389 218 -458 440 l-23 75 0 2010 0 2010 29 89 c70 214
+            234 370 448 426 71 18 148 19 2699 19 2582 1 2627 1 2703 -19z"/>
+        <path fill="#dae9ff" d="M2450 4995 l0 -1905 1115 0 1115 0 0 1905 0 1905 -1115 0 -1115 0 0
+            -1905z m1558 1133 c19 -19 17 -2381 -2 -2397 -9 -8 -81 -11 -237 -9 l-224 3
+            -3 910 c-1 508 -6 913 -11 918 -5 5 -119 -26 -270 -73 -144 -45 -269 -80 -279
+            -78 -15 3 -17 23 -20 185 -2 171 -1 183 17 195 28 17 972 356 997 357 11 1 25
+            -4 32 -11z"/>
+        <path fill="#dae9ff" d="M5310 4995 l0 -1905 410 0 410 0 0 134 0 134 168 4 c166 3 168 3 234
+            36 86 42 161 123 183 194 34 115 11 259 -52 329 -57 63 -103 82 -209 87 -132
+            6 -227 -24 -299 -95 -35 -35 -64 -98 -65 -140 l0 -33 -245 0 c-165 0 -245 3
+            -245 11 0 43 39 170 77 249 86 179 243 303 458 362 70 19 106 22 290 23 189 0
+            218 -2 294 -23 201 -55 347 -164 421 -316 93 -187 92 -391 -2 -584 -41 -85
+            -141 -188 -222 -229 l-59 -30 81 -56 80 -57 261 0 261 0 0 1905 0 1905 -196 0
+            c-183 0 -196 -1 -189 -17 31 -71 48 -166 48 -278 1 -106 -2 -129 -26 -198 -31
+            -89 -99 -228 -154 -315 -21 -32 -204 -241 -407 -463 l-369 -404 526 -3 527 -2
+            0 -190 0 -190 -825 0 c-652 0 -826 3 -830 13 -2 6 -6 80 -9 162 l-6 150 146
+            155 c217 230 659 710 764 830 108 124 124 152 156 278 62 243 5 412 -152 458
+            -74 21 -199 15 -265 -14 -122 -53 -198 -182 -199 -334 l0 -48 -246 0 -247 0 7
+            61 c9 79 48 213 85 289 l28 60 -198 0 -199 0 0 -1905z"/>
+    </g>
+</svg>

package/dist/examples-apps/inventory-countdown/src/env.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="@wix/cli-app/client" />
+/// <reference types="@wix/sdk-types/client" />
+
+// NOTE: This file should not be edited. This is an auto-generated file.

package/dist/examples-apps/inventory-countdown/src/site/plugins/custom-elements/stock-counter/consts.ts

@@ -0,0 +1 @@
+export const CALL_TO_ACTION = "Don't miss your chance";

package/dist/examples-apps/inventory-countdown/src/site/plugins/custom-elements/stock-counter/panel.tsx

@@ -0,0 +1,81 @@
+import React, { type FC, useState, useEffect } from 'react';
+import { widget } from '@wix/editor';
+import {
+  SidePanel,
+  WixDesignSystemProvider,
+  Input,
+  FieldSet,
+  Slider,
+  ToggleSwitch,
+  FormField,
+} from '@wix/design-system';
+import '@wix/design-system/styles.global.css';
+import { CALL_TO_ACTION } from './consts.js';
+
+const Panel: FC = () => {
+  const [threshold, setThreshold] = useState<number>(3);
+  const [callToAction, setCallToAction] = useState<string>();
+  const [showBadge, setShowBadge] = useState<string>();
+
+  useEffect(() => {
+    widget
+      .getProp('threshold')
+      .then((threshold) => setThreshold(threshold ? Number(threshold) : 3));
+    widget.getProp('call-to-action').then(setCallToAction);
+    widget.getProp('show-badge').then(setShowBadge);
+  }, []);
+
+  return (
+    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
+      <SidePanel.Field>
+        <FieldSet gap="medium" legend="Threshold" columns="auto 60px">
+          <Slider
+            onChange={(value) => {
+              setThreshold(value as number);
+              widget.setProp('threshold', value.toString());
+            }}
+            min={0}
+            max={25}
+            value={threshold}
+            displayMarks={false}
+          />
+          <Input
+            value={threshold}
+            size="small"
+            onChange={(event) => {
+              setThreshold(Number(event.target.value));
+              widget.setProp('threshold', event.target.value);
+            }}
+          />
+        </FieldSet>
+      </SidePanel.Field>
+      <SidePanel.Field>
+        <FormField label="Show Badge" labelPlacement="left" labelWidth="1fr">
+          <ToggleSwitch
+            size="small"
+            checked={showBadge === 'true'}
+            onChange={(event) => {
+              setShowBadge(event.target.checked.toString());
+              widget.setProp('show-badge', event.target.checked.toString());
+            }}
+          />
+        </FormField>
+      </SidePanel.Field>
+      <SidePanel.Field>
+        <FieldSet legend="Call to Action">
+          <Input
+            value={callToAction}
+            placeholder={CALL_TO_ACTION}
+            size="small"
+            onChange={(event) => {
+              setCallToAction(event.target.value);
+              widget.setProp('call-to-action', event.target.value || CALL_TO_ACTION);
+            }}
+          />
+        </FieldSet>
+      </SidePanel.Field>
+    </WixDesignSystemProvider>
+  );
+};
+
+export default Panel;

package/dist/examples-apps/inventory-countdown/src/site/plugins/custom-elements/stock-counter/plugin.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://dev.wix.com/wix-cli/schemas/site-plugin.json",
+  "id": "c9e8841d-41ca-4f96-b2ce-b5216ab106f3",
+  "referenceComponentId": "6e531d9f-b44e-4a3d-bdbc-67a511be5238",
+  "marketData": {
+    "name": "Stock Countdown",
+    "logoUrl": "../../../../assets/stock-counter/site-plugin-logo.svg"
+  },
+  "placements": [
+    {
+      "appDefinitionId": "1380b703-ce81-ff05-f115-39571d94dfcd",
+      "widgetId": "13a94f09-2766-3c40-4a32-8edb5acdd8bc",
+      "slotId": "product-page-details-5"
+    },
+    {
+      "appDefinitionId": "a0c68605-c2e7-4c8d-9ea1-767f9770e087",
+      "widgetId": "6a25b678-53ec-4b37-a190-65fcd1ca1a63",
+      "slotId": "product-page-details-5"
+    }
+  ],
+  "installation": {
+    "autoAddToSite": true
+  }
+}

package/dist/examples-apps/inventory-countdown/src/site/plugins/custom-elements/stock-counter/plugin.module.css

@@ -0,0 +1,4 @@
+.root {
+  width: 100%;
+  height: 100%;
+}

package/dist/examples-apps/inventory-countdown/src/site/plugins/custom-elements/stock-counter/plugin.tsx

@@ -0,0 +1,132 @@
+import React, { useEffect, useState, type FC } from 'react';
+import ReactDOM from 'react-dom';
+import reactToWebComponent from 'react-to-webcomponent';
+import { Badge, Box, Text, WixDesignSystemProvider } from '@wix/design-system';
+import { Tag as TagIcon } from '@wix/wix-ui-icons-common';
+import { inventory } from '@wix/stores';
+import { window as siteWindow } from '@wix/site-window';
+import styles from './plugin.module.css';
+import '@wix/design-system/styles.global.css';
+import { CALL_TO_ACTION } from './consts.js';
+
+type Props = {
+  productId: string;
+  threshold: number;
+  callToAction: string;
+  showBadge: boolean;
+};
+
+const IN_STOCK = 'In Stock';
+
+type InventoryStock = typeof IN_STOCK | number;
+
+function getInventoryStock(productId: string): Promise<InventoryStock> {
+  return (
+    // For more information about the Inventory API, see https://dev.wix.com/docs/sdk/backend-modules/stores/inventory/query-inventory.
+    inventory
+      .queryInventory({
+        query: {
+          // For more information about query filters, see https://dev.wix.com/docs/rest/articles/getting-started/api-query-language#the-filter-section.
+          filter: JSON.stringify({ productId: { ['$eq']: productId } }),
+        },
+      })
+      .then((result) => {
+        const productInventory = result?.inventoryItems && result.inventoryItems[0];
+
+        if (!productInventory) {
+          return 0;
+        }
+
+        const shouldShowInStock = productInventory.variants?.some(
+          (variant) => variant.inStock && variant.quantity === undefined
+        );
+
+        if (shouldShowInStock) {
+          return IN_STOCK;
+        }
+
+        return productInventory.variants?.reduce((inStockCount, variant) => {
+          inStockCount += variant.quantity || 0;
+          return inStockCount;
+        }, 0) || 0;
+      })
+  );
+}
+
+// Customize this component to implement custom logic, change the functionality, and customize the appearance.
+const CustomElement: FC<Props> = ({ threshold = 3, productId, showBadge, callToAction }) => {
+  const [inventoryStock, setInventoryStock] = useState<InventoryStock>();
+
+  useEffect(() => {
+    siteWindow.viewMode().then((mode) => {
+      if (mode === 'Site') {
+        getInventoryStock(productId).then(setInventoryStock);
+      } else {
+        setInventoryStock(threshold >= 1 ? threshold - 1 : IN_STOCK);
+      }
+    });
+  }, [productId, threshold]);
+
+  if (inventoryStock === undefined) {
+    return null;
+  }
+
+  return (
+    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
+      <Box
+        align="left"
+        direction="vertical"
+        gap="1"
+        paddingTop={2}
+        className={styles.root}
+      >
+        {inventoryStock === IN_STOCK || threshold < inventoryStock ? (
+          <Box>
+            {showBadge && (
+              <Badge prefixIcon={<TagIcon />} skin="neutralSuccess">
+                {IN_STOCK}
+              </Badge>
+            )}
+          </Box>
+        ) : (
+          <>
+            {showBadge && (
+              <Box>
+                <Badge
+                  prefixIcon={<TagIcon />}
+                  skin="standard"
+                  uppercase={false}
+                >
+                  Selling fast
+                </Badge>
+              </Box>
+            )}
+            <Box direction="vertical">
+              <Text>{`Only ${inventoryStock} items left in stock`}</Text>
+              <Text size="tiny" light secondary>
+                {callToAction || CALL_TO_ACTION}
+              </Text>
+            </Box>
+          </>
+        )}
+      </Box>
+    </WixDesignSystemProvider>
+  );
+};
+
+const customElement = reactToWebComponent(
+  CustomElement,
+  React,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ReactDOM as any,
+  {
+    props: {
+      productId: 'string',
+      threshold: 'number',
+      callToAction: 'string',
+      showBadge: 'boolean',
+    },
+  }
+);
+
+export default customElement;

package/dist/examples-apps/inventory-countdown/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@wix/cli-app/tsconfig.app.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "types": ["react"]
+  },
+  "include": ["src"]
+}

package/dist/examples-apps/inventory-countdown/wix.config.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://dev.wix.com/wix-cli/schemas/wix-config.json",
+  "appId": "96cab7cf-8633-444a-bba3-377f299060c3",
+  "projectId": "inventory-countdown"
+}

package/dist/examples-apps/mixpanel-analytics/.nvmrc

@@ -0,0 +1 @@
+22.10.0

package/dist/examples-apps/mixpanel-analytics/README.md

@@ -0,0 +1,21 @@
+# mixpanel-analytics
+
+This project was bootstrapped with [Create Wix App](https://www.npmjs.com/package/@wix/create-app).  
+Read more about it in the [Wix CLI for Apps
+ documentation](https://dev.wix.com/docs/build-apps/developer-tools/cli/get-started/about-the-wix-cli-for-apps).
+
+## Setup 🔧
+
+##### Install dependencies:
+
+```console
+npm install
+```
+
+## Available Scripts
+
+In the project directory, you can run:
+
+```console
+npm run dev
+```