@chaibuilder/sdk 1.2.73 → 1.2.75

package/dist/UnsplashImages-gWlRHso5.js

@@ -1,252 +0,0 @@
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import { useState as c, useEffect as q } from "react";
-import { isEmpty as d } from "lodash-es";
-import { MixerHorizontalIcon as S } from "@radix-ui/react-icons";
-import { createApi as B } from "unsplash-js";
-import { N as D, P as E, r as L, s as T, V as z, B as F } from "./context-menu-zu6r7B6f.js";
-import "react-i18next";
-import { d as K, C as P } from "./index-pjWMG6LC.js";
-import { useDebouncedState as U } from "@react-hookz/web";
-import { Loader as V } from "lucide-react";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-context-menu";
-import "clsx";
-import "tailwind-merge";
-import "jotai";
-import "./iconBase-zweRWSz0.js";
-import "@chaibuilder/runtime";
-import "./plugin-sJ3Hzvpv.js";
-import "tree-model";
-import "react-quill";
-import "./STRINGS-rPGH65PW.js";
-import "react-hotkeys-hook";
-import "@floating-ui/dom";
-import "@floating-ui/react-dom";
-import "flagged";
-import "@tailwindcss/typography";
-import "@tailwindcss/forms";
-import "@tailwindcss/aspect-ratio";
-import "tailwindcss-palette-generator";
-import "react-wrap-balancer";
-import "react-dom";
-import "prop-types";
-import "re-resizable";
-import "@rjsf/validator-ajv8";
-import "@rjsf/core";
-import "react-arborist";
-import "himalaya";
-import "react-icons-picker";
-import "react-autosuggest";
-import "fuse.js";
-import "i18next";
-import "framer-motion";
-const C = async (h, v) => new Promise((s, r) => {
-  B({ accessKey: v }).search.getPhotos(h).then((i) => {
-    s(i);
-  }).catch((i) => r(i));
-}), He = ({ isModalView: h, onSelect: v }) => {
-  const s = K("unsplashAccessKey", ""), [r, f] = c([]), [i, g] = c(0), [l, w] = c(), [n, k] = c(), [A, j] = c(0), [u, I] = U("", 1e3), [x, m] = c(!1), _ = async (t) => {
-    if (d(u))
-      return;
-    let o = i + 1;
-    t && (t.preventDefault(), o = 1), m(!0), g(o);
-    const p = { query: u, page: o };
-    l && (p.orientation = l), n && (p.color = n), C(p, s).then((a) => {
-      var b, y, N;
-      f(o === 1 ? ((b = a == null ? void 0 : a.response) == null ? void 0 : b.results) || [] : [...r, ...((y = a == null ? void 0 : a.response) == null ? void 0 : y.results) || []]), j((N = a == null ? void 0 : a.response) == null ? void 0 : N.total_pages), m(!1);
-    }).catch(() => {
-      m(!1);
-    });
-  };
-  return q(() => {
-    if (!d(u) && s) {
-      m(!0);
-      const t = { query: u, page: 1 };
-      l && (t.orientation = l), n && (t.color = n), g(1), C(t, s).then((o) => {
-        var p, a;
-        f(((p = o == null ? void 0 : o.response) == null ? void 0 : p.results) || []), j((a = o == null ? void 0 : o.response) == null ? void 0 : a.total_pages), m(!1);
-      }).catch(() => {
-        m(!1);
-      });
-    }
-  }, [l, n, u, s]), d(s) ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ e.jsxs("p", { className: "max-w-3xl text-center text-gray-500", children: [
-    "To enable Unsplash, kindly provide your",
-    /* @__PURE__ */ e.jsx(
-      "a",
-      {
-        href: "https://unsplash.com/documentation#public-authentication",
-        className: "px-1 underline hover:text-blue-400",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: "Unsplash Access Key"
-      }
-    )
-  ] }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("form", { className: "flex items-center rounded-md border bg-gray-100 p-px", children: [
-      /* @__PURE__ */ e.jsx(
-        D,
-        {
-          type: "text",
-          name: "query",
-          className: "input",
-          placeholder: 'Try "dog" or "apple"',
-          onChange: (t) => I(t.target.value)
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(E, { children: [
-        /* @__PURE__ */ e.jsx(L, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(S, {}) }),
-        /* @__PURE__ */ e.jsx(
-          T,
-          {
-            side: h ? "bottom" : "right",
-            className: "z-[9999] flex w-max items-center justify-center",
-            children: /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("div", { className: "py-1 text-sm font-medium", children: "Orientation" }),
-              /* @__PURE__ */ e.jsx(
-                P,
-                {
-                  options: [
-                    {
-                      value: "",
-                      label: "All"
-                    },
-                    {
-                      value: "landscape",
-                      label: "Landscape"
-                    },
-                    {
-                      value: "portrait",
-                      label: "Portrait"
-                    },
-                    {
-                      value: "squarish",
-                      label: "Square"
-                    }
-                  ],
-                  defaultValue: l,
-                  onValueChange: (t) => w(t)
-                }
-              ),
-              /* @__PURE__ */ e.jsx("div", { className: "pb-1 pt-2 text-sm font-medium", children: "Color" }),
-              /* @__PURE__ */ e.jsx(
-                P,
-                {
-                  options: [
-                    {
-                      value: "",
-                      label: "All"
-                    },
-                    {
-                      value: "black_and_white",
-                      label: "Black and White"
-                    },
-                    {
-                      value: "black",
-                      label: "Black"
-                    },
-                    {
-                      value: "white",
-                      label: "White"
-                    },
-                    {
-                      value: "night",
-                      label: "Night"
-                    },
-                    {
-                      value: "warm",
-                      label: "Warm"
-                    },
-                    {
-                      value: "cool",
-                      label: "Cool"
-                    },
-                    {
-                      value: "sepia",
-                      label: "Sepia"
-                    }
-                  ],
-                  defaultValue: n,
-                  onValueChange: (t) => k(t)
-                }
-              )
-            ] })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(
-      z,
-      {
-        className: `h-full ${h && !d(r) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
-        children: [
-          d(r) && !x && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "font-medium", children: "No Data" }),
-            /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500", children: "Enter query and press enter" })
-          ] }),
-          h ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: r.map((t) => /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              className: "my-1 flex",
-              onClick: () => v(t.urls.regular),
-              children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
-                "img",
-                {
-                  className: "h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",
-                  alt: t.alt_description,
-                  src: t.urls.small
-                }
-              ) })
-            },
-            t.id
-          )) }) : r.map((t) => (
-            // TODO: Drag and Drop Image to Canvas from Here use `pic.urls.[small, regular, full]` for image quality
-            /* @__PURE__ */ e.jsx("div", { className: "w-full px-2 py-1", children: /* @__PURE__ */ e.jsx("div", { className: "relative overflow-hidden rounded-md bg-cover bg-no-repeat", children: /* @__PURE__ */ e.jsx(
-              "img",
-              {
-                className: "h-auto cursor-pointer transition duration-300 ease-in-out hover:scale-105",
-                alt: t.alt_description,
-                src: t.urls.small
-              }
-            ) }) }, t.id)
-          )),
-          x && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-8", children: [
-            /* @__PURE__ */ e.jsx(V, { className: "h-6 w-6 animate-spin" }),
-            "  Loading..."
-          ] }),
-          !d(r) && i < A && !x && /* @__PURE__ */ e.jsx(
-            F,
-            {
-              size: "sm",
-              variant: "link",
-              className: "w-full",
-              onClick: () => _(void 0),
-              disabled: x,
-              children: x ? "" : "Load More"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  He as default,
-  C as fetchImage
-};

package/dist/UploadImages-ruoElyd4.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-JYMCiFoE.cjs"),i=require("react"),n=require("lodash-es"),E=require("jotai"),I=require("./context-menu-Lx_MAqsu.cjs"),w=require("react-i18next"),g=require("./index-tHeU8jPk.cjs"),b=require("lucide-react");require("@radix-ui/react-switch");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-hover-card");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("clsx");require("tailwind-merge");require("./iconBase-vJD0OXxU.cjs");require("@chaibuilder/runtime");require("./plugin-_F-KZp1i.cjs");require("@react-hookz/web");require("tree-model");require("react-quill");require("./STRINGS-hZpwIZMT.cjs");require("react-hotkeys-hook");require("@floating-ui/dom");require("@floating-ui/react-dom");require("flagged");require("@tailwindcss/typography");require("@tailwindcss/forms");require("@tailwindcss/aspect-ratio");require("tailwindcss-palette-generator");require("react-wrap-balancer");require("react-dom");require("prop-types");require("re-resizable");require("@rjsf/validator-ajv8");require("@rjsf/core");require("react-arborist");require("himalaya");require("react-icons-picker");require("react-autosuggest");require("fuse.js");require("i18next");require("framer-motion");const k=E.atom([]),S=({isModalView:a,onSelect:o})=>{const{t:s}=w.useTranslation(),d=g.useBuilderProp("uploadMediaCallback"),x=g.useBuilderProp("fetchMediaCallback"),[u,c]=E.useAtom(k),[y,p]=i.useState(!1),[j,h]=i.useState(!1),[,R]=i.useState(),[q,m]=i.useState("");i.useEffect(()=>{(async()=>{if(!x)return;h(!0);const r=await x();c(r||[]),h(!1)})()},[]);const N=r=>{var t,l;if(m(""),r&&((l=(t=r==null?void 0:r.target)==null?void 0:t.files)==null?void 0:l.length)>0){const f=r.target.files[0];f.type.startsWith("image")?v(f):m(s("Please select an image"))}},v=async r=>{if(d){p(!0);try{const{url:t}=await d(r);o(t),R(void 0);const l=await x();c(l)}catch(t){c([]),m((t==null?void 0:t.message)||"Something went wrong.")}p(!1)}};return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("label",{htmlFor:a?"upload-in-modal":"upload-in-panel",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center rounded-lg",children:e.jsxRuntimeExports.jsxs("label",{htmlFor:"image-upload",className:"flex w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 hover:bg-gray-100",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[e.jsxRuntimeExports.jsx(b.Upload,{className:"mb-3 h-10 w-10 text-gray-400"}),e.jsxRuntimeExports.jsx("p",{className:"mb-2 text-sm text-gray-500 dark:text-gray-400",children:e.jsxRuntimeExports.jsx("span",{className:"font-semibold",children:s("Click to upload")})}),e.jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("SVG, PNG, JPG or GIF (Max. 2mb)")})]}),y?e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-full items-center justify-center",children:[e.jsxRuntimeExports.jsx(b.Loader,{className:"h-6 w-6 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"ml-2 text-sm text-gray-500",children:s("Uploading...")})]}):null,q&&e.jsxRuntimeExports.jsx("p",{className:"pb-2 text-xs text-red-500",children:q||s("Something went wrong")})]})}),e.jsxRuntimeExports.jsx("input",{type:"file",id:"image-upload",accept:"image/*",hidden:!0,onChange:N})]}),e.jsxRuntimeExports.jsxs(I.ScrollArea,{className:`-mx-2 flex h-full flex-col pb-8 pt-2 ${a?"px-2":""} pt-2`,children:[n.isEmpty(u)&&j&&e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-center justify-center py-6",children:e.jsxRuntimeExports.jsx("div",{className:"animate-pulse font-medium",children:s("Fetching...")})}),n.isEmpty(u)&&!j&&e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col items-center justify-center text-center",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-4 h-12 rounded-full p-6"}),e.jsxRuntimeExports.jsx("h3",{className:"mb-2 text-sm font-semibold",children:s("No images found")}),e.jsxRuntimeExports.jsx("p",{className:"mb-4 max-w-sm text-muted-foreground",children:s("It looks like you haven't uploaded any images yet. Start by clicking the upload button above.")})]}),a?e.jsxRuntimeExports.jsx("div",{className:"h-full columns-5 py-2",children:n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"my-1 flex",onClick:()=>o(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto flex-1 cursor-pointer rounded-md transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.thumbUrl})})},r.id))}):n.map(u,r=>e.jsxRuntimeExports.jsx("div",{role:"button",tabIndex:0,className:"px-2 py-1",onClick:()=>o(r.url),children:e.jsxRuntimeExports.jsx("div",{className:"relative overflow-hidden rounded-md bg-cover bg-no-repeat",children:e.jsxRuntimeExports.jsx("img",{className:"h-auto w-full cursor-pointer transition duration-300 ease-in-out hover:scale-105",alt:r.name,src:r.url})})},r.id))]})]})};exports.default=S;