403WebShell

403Webshell
Server IP : 45.32.152.128 / Your IP : 216.73.216.105
Web Server : nginx/1.24.0
System : Linux stage-vultr 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : forge ( 1000)
PHP Version : 8.2.14
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /home/forge/beta.3digma.com/bootstrap/ssr/assets/
Upload File :
[ Back ]
Current File : /home/forge/beta.3digma.com/bootstrap/ssr/assets/dashboard-dcf983ed.mjs
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
import { F as FormContext, E as ErrorGroupContext, a as Form } from "./Alert-60f103a2.mjs";
import { T as TextField } from "./TextField-bf294235.mjs";
import { B as BtnNoInertia } from "./BtnNoInertia-8e60e049.mjs";
import { M as ModalsContext, I as ImageInput, G as Group, C as ChangeImage, g as generateThumbnails, A as AppLayout, a as MODALS, H as H3 } from "./AppLayout-e2fbd305.mjs";
import { useForm } from "@inertiajs/inertia-react";
import { ArrowLeft, Question, Lifebuoy, DotsThreeVertical, MagnifyingGlass, Plus } from "@phosphor-icons/react";
import { useContext, useEffect, useState, useRef } from "react";
import route from "ziggy-js";
import { I as Img } from "./Image-7bb8ded2.mjs";
import { P as Paragraph } from "./Paragraph-0b0361ec.mjs";
import { Chart, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend } from "chart.js";
import { Bar } from "react-chartjs-2";
import moment from "moment";
import { I as Icon } from "./Icon-8903c2f1.mjs";
import { u as usePageProps } from "./usePageProps-4f2e8629.mjs";
import { S as Submit } from "./Submit-ca734047.mjs";
import { S as Select } from "./Select-2aea7d4f.mjs";
import { Inertia } from "@inertiajs/inertia";
import "./Button-8a3c7186.mjs";
import "./H2-9b054c76.mjs";
import "./DigmaSmLogo-56903c59.mjs";
import "./H1-7ecb83fc.mjs";
import "./useDebouncedCallback-64f5129a.mjs";
import "prismjs";
import "three";
import "three/examples/jsm/loaders/GLTFLoader.js";
import "ziggy-js/src/js/index.js";
import "axios";
function DateInput(props) {
  const { label, name, className, placeholder } = props;
  const { data, setData, errors, clearErrors } = useContext(FormContext);
  const { seterrors } = useContext(ErrorGroupContext);
  useEffect(() => {
    seterrors((e) => ({ ...e, [name]: errors[name] }));
  }, [errors[name]]);
  const selected = data[name] ? moment(data[name], "D. M. YYYY") : null;
  const [date, setdate] = useState(selected ?? moment());
  const [view, setview] = useState(
    0
    /* MONTH */
  );
  const [opened, setopen] = useState(false);
  const getMonthName = (i) => {
    date.month(i);
    return date.locale("cs-CZ").format("MMMM");
  };
  const changeMonthorYear = (i) => {
    setdate((y) => {
      let d = moment(y);
      if (view == 0)
        changeMonth(d.month() + i);
      else if (view == 1)
        changeYear(d.year() + i);
      else
        changeYear(d.year() + i * 10);
      return d;
    });
  };
  const changeMonth = (i) => {
    setdate((y) => {
      let d = moment(y);
      d.month(i);
      return d;
    });
  };
  const changeYear = (i) => {
    setdate((y) => {
      let d = moment(y);
      d.year(i);
      return d;
    });
  };
  const changeDay = (i) => {
    setdate((y) => {
      let d = moment(y);
      d.date(i);
      setData(name, d.format("D. M. YYYY"));
      return d;
    });
  };
  const removeDate = () => {
    setData(name, void 0);
  };
  const formatDate = (_date) => {
    return _date.format("D. M. YYYY");
  };
  return /* @__PURE__ */ jsxs("div", { children: [
    /* @__PURE__ */ jsx("div", { children: label }),
    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
        /* @__PURE__ */ jsx(
          "input",
          {
            className: `border font-medium ${errors[name] ? "border-E25F44" : "border-[#E6E6E6]"} rounded bg-[#E6E6E6]  placeholder-gray-500 h-48px flex box-border w-full items-center px-19px pr-64px outline-none ${className}`,
            type: "text",
            placeholder,
            value: selected ? formatDate(selected) : "",
            onClick: (e) => {
              setopen((o) => !o);
            },
            readOnly: true
          }
        ),
        /* @__PURE__ */ jsx(Icon, { onClick: (e) => {
          setopen((o) => !o);
        }, name: "calendar", className: "right-24px absolute cursor-pointer " })
      ] }),
      opened && /* @__PURE__ */ jsx(Picker, { ...{ view, changeDay, getMonthName, changeMonthorYear, setview, selected, date, changeMonth, changeYear, setopen, removeDate } })
    ] }),
    (errors == null ? void 0 : errors[name]) && /* @__PURE__ */ jsx("div", { className: `h-12px text-12 mt-4px text-C86B28 leading-none ${errors[name] ? "" : "opacity-0"}`, children: errors == null ? void 0 : errors[name] })
  ] });
}
function Picker({ view, changeDay, getMonthName, changeMonthorYear, setview, selected, date, changeMonth, changeYear, setopen, removeDate }) {
  const suggestions = useRef(null);
  const [upOrDown, setupOrDown] = useState(false);
  const [leftOrRight, setleftOrRight] = useState(false);
  const isOutViewport = (element) => {
    try {
      if (!element)
        return;
      var bounding = element.getBoundingClientRect();
      if (bounding.left < 0) {
      }
      if (bounding.bottom > ((window == null ? void 0 : window.innerHeight) || (document == null ? void 0 : document.documentElement.clientHeight)) && !upOrDown) {
        setupOrDown(true);
      }
      if (bounding.right > ((window == null ? void 0 : window.innerWidth) || (document == null ? void 0 : document.documentElement.clientWidth))) {
        setleftOrRight(true);
      }
      if (bounding.top < 0) {
      }
    } catch (error) {
    }
  };
  const closePicker = () => setopen(false);
  useEffect(() => {
    isOutViewport(suggestions.current);
    try {
      window == null ? void 0 : window.addEventListener("click", closePicker);
    } catch (error) {
    }
    return () => {
      try {
        window == null ? void 0 : window.removeEventListener("click", closePicker);
      } catch (error) {
      }
    };
  }, []);
  return /* @__PURE__ */ jsxs("div", { ref: suggestions, onClick: (e) => e.stopPropagation(), className: `absolute bottom-0 transform translate-y-full p-17px bg-white border border-EBE9E6 rounded-md z-50 -mb-18px w-max ${upOrDown ? `` : ""} ${leftOrRight && ` right-0 `}`, children: [
    /* @__PURE__ */ jsx(Icon, { name: "tab", className: `absolute -top-10px transition-all duration-300  z-10 ${leftOrRight ? ` right-20px ` : `left-20px`}` }),
    /* @__PURE__ */ jsx(Icon, { name: "bin", onClick: () => removeDate(), className: `absolute top-6px right-6px transition-all duration-300 text-red hover:text-red-dark z-10 cursor-pointer` }),
    /* @__PURE__ */ jsxs("div", { className: "flex justify-between px-24px my-28px mt-12px", children: [
      /* @__PURE__ */ jsx(Icon, { onClick: (e) => {
        e.preventDefault();
        changeMonthorYear(-1);
      }, className: "transform rotate-180 cursor-pointer", name: "arrow-right" }),
      view == 0 && /* @__PURE__ */ jsxs("div", { onClick: (e) => {
        e.preventDefault();
        setview(
          1
          /* YEAR */
        );
      }, className: "mx-12px cursor-pointer", children: [
        getMonthName(date.month()),
        " ",
        date.year()
      ] }),
      view == 1 && /* @__PURE__ */ jsx("div", { onClick: (e) => {
        e.preventDefault();
        setview(
          2
          /* DECADE */
        );
      }, className: "mx-12px cursor-pointer", children: date.year() }),
      view == 2 && /* @__PURE__ */ jsxs("div", { onClick: (e) => {
        e.preventDefault();
        setview(
          2
          /* DECADE */
        );
      }, className: "mx-12px cursor-pointer", children: [
        date.year(),
        " - ",
        date.year() + 10
      ] }),
      /* @__PURE__ */ jsx(Icon, { onClick: (e) => {
        e.preventDefault();
        changeMonthorYear(1);
      }, className: "cursor-pointer", name: "arrow-right" })
    ] }),
    view == 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-x-5px gap-y-10px", children: Array(date.daysInMonth()).fill(0).map(
      (it, i) => /* @__PURE__ */ jsx("div", { onClick: () => {
        changeDay(i + 1);
      }, className: `bg-white border rounded-md border-EBE9E6 flex justify-center items-center w-45px h-45px cursor-pointer hover:bg-red hover:bg-opacity-50 hover:text-red hover:border-red-dark ${date.month() == (selected == null ? void 0 : selected.month()) && date.year() == (selected == null ? void 0 : selected.year()) && selected.date() == i + 1 && "text-red border-red-dark bg-red bg-opacity-50"} `, children: i + 1 })
    ) }),
    view == 1 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-x-5px gap-y-10px", children: Array(12).fill(0).map(
      (it, i) => /* @__PURE__ */ jsx("div", { onClick: () => {
        changeMonth(i);
        setview(
          0
          /* MONTH */
        );
      }, className: "bg-white border rounded-md border-EBE9E6 flex justify-center items-center px-5px h-45px cursor-pointer hover:bg-red hover:bg-opacity-50 hover:text-red hover:border-red-dark", children: getMonthName(i) })
    ) }),
    view == 2 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-x-5px gap-y-10px", children: Array(25).fill(0).map(
      (it, i) => /* @__PURE__ */ jsx("div", { onClick: () => {
        changeYear(date.year() + i);
        setview(
          1
          /* YEAR */
        );
      }, className: "bg-white border rounded-md border-EBE9E6 flex justify-center items-center px-7px h-45px cursor-pointer hover:bg-red hover:bg-opacity-50 hover:text-red hover:border-red-dark", children: date.year() + i })
    ) })
  ] });
}
function ProductRow(props) {
  const { name } = props;
  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Group, { name, children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12", children: [
    /* @__PURE__ */ jsx("div", { className: "col-span-2 border-t border-b border-r border-app-gray-#E0E0E0 py-12px", children: /* @__PURE__ */ jsx(ChangeImage, { mini: true, label: "Image", image: void 0, name: "file", height: "h-48px" }) }),
    /* @__PURE__ */ jsx("div", { className: "col-span-2 border-t border-b border-r border-app-gray-#E0E0E0 py-12px px-16px", children: /* @__PURE__ */ jsx(TextField, { noCheck: true, name: "item_name", placeholder: "Item name", label: "Item name" }) }),
    /* @__PURE__ */ jsxs("div", { className: "col-span-3  border-t border-b border-r border-app-gray-#E0E0E0 py-12px px-16px flex gap-8px", children: [
      /* @__PURE__ */ jsx(TextField, { noCheck: true, name: "length", placeholder: "Length", label: "Length" }),
      /* @__PURE__ */ jsx(TextField, { noCheck: true, name: "width", placeholder: "Width", label: "Width" }),
      /* @__PURE__ */ jsx(TextField, { noCheck: true, name: "height", placeholder: "Height", label: "Height" })
    ] }),
    /* @__PURE__ */ jsx("div", { className: "col-span-2  border-t border-b border-r border-app-gray-#E0E0E0 py-12px px-16px", children: /* @__PURE__ */ jsx(TextField, { noCheck: true, name: "sku", placeholder: "Sku", label: "Sku" }) }),
    /* @__PURE__ */ jsx("div", { className: "col-span-2  border-t border-b border-r border-app-gray-#E0E0E0 py-12px px-16px", children: /* @__PURE__ */ jsx(TextField, { noCheck: true, name: "product_url", placeholder: "Product url", label: "Product url" }) }),
    /* @__PURE__ */ jsx("div", { className: " border-t border-b border-r border-app-gray-#E0E0E0 py-12px px-16px flex items-center justify-center cursor-not-allowed", children: /* @__PURE__ */ jsx(DotsThreeVertical, { className: "transform rotate-90" }) })
  ] }) }) });
}
function InsertedNewProductModal(props) {
  var _a;
  const { auth } = usePageProps();
  const form = useForm({
    user_id: auth.user.id,
    images: [],
    products: {}
  });
  const { data, post, setData, transform, setError } = form;
  async function generateProducts(d) {
    let newProducts = {};
    for (const [key, _product] of Object.entries(d["products"])) {
      let product = _product;
      let thumbnails = await generateThumbnails(product.file[0]);
      newProducts[key] = { "file": [product.file[0]], "thumbnails": thumbnails, "sku": product.sku, "item_name": product.item_name, "width": product.width, "length": product.length, "height": product.height, "product_url": product.product_url };
    }
    return { ...d, products: { ...newProducts ?? {} }, images: [] };
  }
  let { close } = useContext(ModalsContext);
  async function storeProduct(e) {
    e.preventDefault();
    Inertia.post(route("app.addProduct"), await generateProducts(data), {
      onError: (response) => {
        for (const [key, value] of Object.entries(response)) {
          setError(key, value);
        }
      },
      onSuccess: () => {
        close();
        setData("products", []);
      }
    });
  }
  useState([]);
  function parseKeys(k) {
    return Object.keys(k).reduce((p, c) => {
      let val = parseInt(c.split("_")[1]);
      return p > val ? p : val;
    }, 0) + 1;
  }
  useEffect(() => {
    var _a2, _b;
    if (((_a2 = data["images"]) == null ? void 0 : _a2.length) > 0) {
      let newImages = {};
      for (const [i, image] of (_b = Array.from(data["images"] ?? [])) == null ? void 0 : _b.entries()) {
        newImages[`row_${parseKeys(data.products ?? {}) + i}`] = { "file": [image], "thumbnails": [], "sku": "", "item_name": image == null ? void 0 : image.name, "width": "", "length": "", "height": "", "product_url": "" };
      }
      setData((d) => ({ ...d, products: { ...d.products ?? {}, ...newImages }, images: [] }));
    }
  }, [data["images"]]);
  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { id: "modalWindow", children: /* @__PURE__ */ jsx(Form, { form, onSubmit: storeProduct, children: ((_a = Object.keys(data["products"])) == null ? void 0 : _a.length) > 0 ? /* @__PURE__ */ jsxs("div", { className: "w-full h-screen max-h-screen bg-white fixed top-0 left-0", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex justify-between px-20px py-16px border-b border-[#E6E6E6]", children: [
      /* @__PURE__ */ jsx("div", { className: "cursor-pointer", onClick: () => {
        setData("products", []);
      }, children: /* @__PURE__ */ jsx(ArrowLeft, {}) }),
      /* @__PURE__ */ jsx("div", {}),
      /* @__PURE__ */ jsx("div", {})
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "h-screenNoHeader flex flex-col justify-between", children: [
      /* @__PURE__ */ jsxs("div", { children: [
        /* @__PURE__ */ jsx("div", { className: "border-dashed border rounded flex items-center justify-center mx-16px p-32px mt-16px", children: /* @__PURE__ */ jsx(ImageInput, { noBorder: true, name: "images" }) }),
        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-16px w-full mt-24px p-16px items-start", children: [
          /* @__PURE__ */ jsxs("div", { className: "p-32px bg-app-gray-#FAFAFA rounded-12px w-[288px] flex-shrink-0", children: [
            /* @__PURE__ */ jsx("div", { className: "text-24px font-medium mb-16px", children: "Upload your Product References" }),
            /* @__PURE__ */ jsx("div", { className: "text-[#666666]", children: "To continue with your order, please provide a Product URL that contains a title, images, and dimensions, or manually fill out the fields below." })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "bg-app-gray-#FAFAFA p-16px rounded-12px w-full", children: [
            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12", children: [
              /* @__PURE__ */ jsx("div", { className: "col-span-2 flex items-center", children: /* @__PURE__ */ jsxs("div", { title: "Preview description", className: "flex gap-8px items-center p-16px cursor-pointer", children: [
                /* @__PURE__ */ jsx("div", { children: "Preview" }),
                /* @__PURE__ */ jsx(Question, {})
              ] }) }),
              /* @__PURE__ */ jsx("div", { className: "col-span-2 flex items-center", children: /* @__PURE__ */ jsxs("div", { title: "Item name description", className: "flex gap-8px items-center p-16px cursor-pointer", children: [
                /* @__PURE__ */ jsx("div", { children: "Item name" }),
                /* @__PURE__ */ jsx(Question, {})
              ] }) }),
              /* @__PURE__ */ jsx("div", { className: "col-span-3 flex items-center", children: /* @__PURE__ */ jsxs("div", { title: "Dimension description", className: "flex gap-8px items-center p-16px cursor-pointer", children: [
                /* @__PURE__ */ jsx("div", { children: "Dimension" }),
                /* @__PURE__ */ jsx(Question, {}),
                /* @__PURE__ */ jsx(Select, { mini: true, options: [
                  { text: "cm", value: "cm" },
                  { text: "m", value: "m" },
                  { text: "dm", value: "dm" }
                ] })
              ] }) }),
              /* @__PURE__ */ jsx("div", { className: "col-span-2 flex items-center", children: /* @__PURE__ */ jsxs("div", { title: "Product SKU description", className: "flex gap-8px items-center p-16px cursor-pointer", children: [
                /* @__PURE__ */ jsx("div", { children: "Product SKU" }),
                /* @__PURE__ */ jsx(Question, {})
              ] }) }),
              /* @__PURE__ */ jsx("div", { className: "col-span-2 flex items-center", children: /* @__PURE__ */ jsxs("div", { title: "Url description", className: "flex gap-8px items-center p-16px cursor-pointer", children: [
                /* @__PURE__ */ jsx("div", { children: "Product URL" }),
                /* @__PURE__ */ jsx(Question, {})
              ] }) }),
              /* @__PURE__ */ jsx("div", {})
            ] }),
            /* @__PURE__ */ jsx(Group, { name: "products", children: Object.entries(data["products"]).map(
              ([key, p], i) => /* @__PURE__ */ jsx(ProductRow, { name: key })
            ) })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "border-t border-app-gray-#E0E0E0 flex justify-between items-center px-16px py-8px mb-24px", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex gap-8px", children: [
          /* @__PURE__ */ jsx(Lifebuoy, {}),
          /* @__PURE__ */ jsx("div", { children: "Help" })
        ] }),
        /* @__PURE__ */ jsx(Submit, { value: "Add Products" })
      ] })
    ] })
  ] }) : /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl bg-white grid", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "grid ", children: /* @__PURE__ */ jsx("div", { className: "h-full", children: /* @__PURE__ */ jsx("div", { className: "border-dashed border rounded h-full flex items-center justify-center py-32px", children: /* @__PURE__ */ jsx(ImageInput, { noBorder: true, name: "images" }) }) }) }) }) }) }) }) });
}
Chart.register(
  CategoryScale,
  LinearScale,
  BarElement,
  Title,
  Tooltip,
  Legend
);
function Dashboard(props) {
  const { product_views, date_from, date_to, populars } = props;
  const search = useForm();
  const { open } = useContext(ModalsContext);
  let arViews = [];
  let interactiveViews = [];
  let time_spent = 0;
  Object.values(product_views).forEach((element) => {
    arViews.push(element.ar);
    interactiveViews.push(element.interactive);
    time_spent += element.time_spent;
  });
  let arViewsPrices = [];
  let interactiveViewsPrices = [];
  Object.values(product_views).forEach((element) => {
    arViewsPrices.push(element.ar * 1.29);
    interactiveViewsPrices.push(element.interactive * 0.99);
  });
  let max = interactiveViewsPrices.reduce((a, b) => Math.max(a, b), -Infinity) > arViewsPrices.reduce((a, b) => Math.max(a, b), -Infinity) ? interactiveViewsPrices.reduce((a, b) => Math.max(a, b), -Infinity) : arViewsPrices.reduce((a, b) => Math.max(a, b), -Infinity);
  let labels = [];
  Object.keys(product_views).forEach((element) => {
    labels == null ? void 0 : labels.push(element == null ? void 0 : element.slice(-2));
  });
  let options = {
    responsive: true,
    plugins: {
      legend: {
        display: false,
        position: "top"
      },
      title: {
        display: false,
        text: "Chart.js Bar Chart"
      }
    },
    scales: {
      x: {
        grid: {
          display: false
        }
      },
      y: {
        ticks: {
          callback: function(value, index, ticks) {
            return Math.floor(value) + " Kč";
          },
          stepSize: max / 2
        },
        grid: {
          display: false
        }
      }
    }
  };
  const data = {
    labels,
    datasets: [
      {
        label: "Ar",
        data: arViewsPrices,
        stack: "Stack 0",
        borderColor: "#F5BD2B",
        backgroundColor: "#F5BD2B",
        borderWidth: 2,
        borderRadius: Number.MAX_VALUE,
        borderSkipped: false,
        barThickness: 8
      },
      {
        label: "Interactive 3d",
        data: interactiveViewsPrices,
        stack: "Stack 1",
        borderColor: "#02B64E",
        backgroundColor: "#02B64E",
        borderWidth: 2,
        borderRadius: Number.MAX_VALUE,
        borderSkipped: false,
        barThickness: 8
      }
    ]
  };
  let [isInteractive, setInteractive] = useState(true);
  const dateForm = useForm({
    date_from,
    date_to
  });
  function dataPick() {
    dateForm.post(route("app.dashboard"));
  }
  return /* @__PURE__ */ jsx(AppLayout, { children: /* @__PURE__ */ jsxs("div", { className: "", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
      /* @__PURE__ */ jsx("div", { className: "text-2xl font-medium", children: "Dashboard" }),
      /* @__PURE__ */ jsxs(Form, { form: search, onSubmit: (e) => e.preventDefault(), className: "flex gap-8px items-center", children: [
        /* @__PURE__ */ jsx(TextField, { label: "Vyhledat...", name: "search", icon: /* @__PURE__ */ jsx(MagnifyingGlass, {}) }),
        /* @__PURE__ */ jsx(BtnNoInertia, { primary: true, className: "bg-green w-min", icon: /* @__PURE__ */ jsx(Plus, {}), onClick: () => open(MODALS.NEW_PRODUCT), children: "Nový produkt" })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "flex gap-40px mt-16px", children: [
      /* @__PURE__ */ jsxs("div", { className: "w-2/3 1920min:w-3/4 flex-shrink-0", children: [
        /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxs(Form, { className: "flex gap-12px", form: dateForm, onChange: () => {
          dataPick();
        }, children: [
          /* @__PURE__ */ jsx(DateInput, { name: "date_from" }),
          /* @__PURE__ */ jsx(DateInput, { name: "date_to" })
        ] }) }),
        /* @__PURE__ */ jsx("div", { className: "mt-24px", children: /* @__PURE__ */ jsx(Bar, { options, data }) }),
        /* @__PURE__ */ jsxs("div", { className: "flex bg-[#E6E6E6] rounded-5px p-2px cursor-pointer mt-26px w-[512px]", children: [
          /* @__PURE__ */ jsxs("div", { onClick: () => {
            setInteractive(true);
          }, className: `flex gap-8px rounded-5px items-center py-10px px-32px text-center w-full justify-center ${isInteractive && "bg-white"}`, children: [
            /* @__PURE__ */ jsx("div", { className: "bg-app-green-#37C65F w-12px h-12px rounded-full" }),
            /* @__PURE__ */ jsx("div", { children: "Interactive 3D" })
          ] }),
          /* @__PURE__ */ jsxs("div", { onClick: () => {
            setInteractive(false);
          }, className: `flex gap-8px rounded-5px items-center py-10px px-32px text-center w-full justify-center ${!isInteractive && "bg-white"}`, children: [
            /* @__PURE__ */ jsx("div", { className: "bg-[#F5BD2B] w-12px h-12px rounded-full" }),
            /* @__PURE__ */ jsx("div", { children: "AR" })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex mt-[42px]", children: [
          /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
            /* @__PURE__ */ jsx("div", { className: "text-2xl", children: "Views" }),
            /* @__PURE__ */ jsx("div", { className: "text-[80px] mt-8px font-thin", children: isInteractive ? interactiveViews.reduce((partialSum, a) => partialSum + a, 0) : arViews.reduce((partialSum, a) => partialSum + a, 0) })
          ] }),
          isInteractive && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
            /* @__PURE__ */ jsx("div", { className: "text-2xl", children: "Time spent" }),
            /* @__PURE__ */ jsxs("div", { className: "text-[80px] mt-8px font-thin", children: [
              "⌀",
              time_spent == 0 || Object.values(product_views).length == 0 ? 0 : Math.floor(time_spent / Object.values(product_views).length)
            ] })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
            /* @__PURE__ */ jsx("div", { className: "text-2xl", children: "Cost" }),
            /* @__PURE__ */ jsxs("div", { className: "text-[80px] mt-8px font-thin", children: [
              isInteractive ? Math.floor(interactiveViews.reduce((partialSum, a) => partialSum + a, 0) * 0.99) : Math.floor(arViews.reduce((partialSum, a) => partialSum + a, 0) * 1.29),
              " Kc"
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "", children: [
          populars.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
            /* @__PURE__ */ jsx("div", { className: "text-lg font-medium mt-40px mb-16px", children: "Nejprohlíženější produkty" }),
            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-6 w-full py-8px px-16px bg-[#FAFAFA] rounded-10px", children: [
              /* @__PURE__ */ jsx("div", { children: "Pozice" }),
              /* @__PURE__ */ jsx("div", { className: "col-span-2", children: "Název produktu" }),
              /* @__PURE__ */ jsx("div", { children: "3D" }),
              /* @__PURE__ */ jsx("div", { children: "Ø" }),
              /* @__PURE__ */ jsx("div", { children: "AR" })
            ] })
          ] }),
          populars == null ? void 0 : populars.map(
            (p, i) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-6  py-8px px-16px bg-[#FAFAFA] rounded-10px mt-8px", children: [
              /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
                i + 1,
                "."
              ] }),
              /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex items-center gap-16px", children: [
                /* @__PURE__ */ jsx(Img, { className: "w-56px h-56px rounded object-cover", src: p.thumbnails[0].url }),
                /* @__PURE__ */ jsx("div", { children: p.name })
              ] }),
              /* @__PURE__ */ jsx("div", { className: "flex items-center", children: p.views }),
              /* @__PURE__ */ jsx("div", { className: "flex items-center", children: new Date(p.time_spent * 1e3).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0] }),
              /* @__PURE__ */ jsx("div", { className: "flex items-center", children: p.ar_views })
            ] })
          )
        ] })
      ] }),
      /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0", children: [
        /* @__PURE__ */ jsxs("div", { className: "rounded grid mb-16px", children: [
          /* @__PURE__ */ jsx(Img, { className: "col-start-1 row-start-1 h-full min-h-[394px] object-center object-cover", src: "/assets/img/zidle.png" }),
          /* @__PURE__ */ jsxs("div", { className: "col-start-1 h-auto row-start-1 rounded relative flex flex-col  justify-center gap-8px p-32px", children: [
            /* @__PURE__ */ jsx(H3, { children: "Interactive 3D Model for Augmented Reality" }),
            /* @__PURE__ */ jsx(Paragraph, { children: "Interactive 3D models can be shown on the web in an interactive 3D viewer,  on social networks." }),
            /* @__PURE__ */ jsx(BtnNoInertia, { primary: true, className: "bg-green w-[161px] max-w-[161px]", children: "Get 3D models" })
          ] })
        ] }),
        /* @__PURE__ */ jsx(InsertedNewProductModal, {})
      ] }) })
    ] })
  ] }) });
}
export {
  Dashboard as default
};
Youez - 2016 - github.com/yon3zu
LinuXploit