@chaibuilder/sdk 0.1.11 → 0.1.13

package/dist/UnsplashImages-afaa7706.js

@@ -1,151 +0,0 @@
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import { useState as c, useEffect as _ } from "react";
-import { isEmpty as h, startCase as k } from "lodash";
-import { MixerHorizontalIcon as z } from "@radix-ui/react-icons";
-import { createApi as D } from "unsplash-js";
-import { B as F } from "./useBuilderProp-81a14920.js";
-import { I as T } from "./input-a0ea2bc7.js";
-import { S as V } from "./scroll-area-9f64a082.js";
-import { P as B, a as H, b as K } from "./popover-f7addcf4.js";
-import { S as C, c as S, b as w, d as P, f as m } from "./select-7fddd7c3.js";
-import "@radix-ui/react-slot";
-import "class-variance-authority";
-import "./utils-ac68b2c8.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-toast";
-import "jotai";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-select";
-const L = "phfFCfD_A95ICxvwEYsFxsgHD-1veFwGA4Cu8qxvcec", O = D({ accessKey: L }), I = async (d) => new Promise((x, r) => {
-  O.search.getPhotos(d).then((p) => {
-    x(p);
-  }).catch((p) => r(p));
-}), me = ({ isModalView: d, onSelect: x }) => {
-  const [r, p] = c(""), [o, f] = c([]), [u, g] = c(0), [l, A] = c(), [n, E] = c(), [q, j] = c(0), v = async (s) => {
-    let t = u + 1;
-    s && (s.preventDefault(), t = 1), g(t);
-    const i = { query: r, page: t };
-    l && (i.orientation = l), n && (i.color = n), I(i).then((a) => {
-      var N, y, b;
-      f(t === 1 ? ((N = a == null ? void 0 : a.response) == null ? void 0 : N.results) || [] : [...o, ...((y = a == null ? void 0 : a.response) == null ? void 0 : y.results) || []]), j((b = a == null ? void 0 : a.response) == null ? void 0 : b.total_pages);
-    }).catch(() => {
-    });
-  };
-  return _(() => {
-    if (!h(r)) {
-      const s = { query: r, page: 1 };
-      l && (s.orientation = l), n && (s.color = n), g(1), I(s).then((t) => {
-        var i, a;
-        f(((i = t == null ? void 0 : t.response) == null ? void 0 : i.results) || []), j((a = t == null ? void 0 : t.response) == null ? void 0 : a.total_pages);
-      }).catch(() => {
-      });
-    }
-  }, [l, n, r]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("form", { className: "flex items-center rounded-md border bg-gray-100 p-px", onSubmit: v, children: [
-      /* @__PURE__ */ e.jsx(
-        T,
-        {
-          type: "text",
-          name: "query",
-          className: "input",
-          placeholder: 'Try "dog" or "apple"',
-          value: r,
-          onChange: (s) => p(s.target.value)
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(B, { children: [
-        /* @__PURE__ */ e.jsx(H, { asChild: !0, className: "h-full w-10 cursor-pointer p-2.5 hover:bg-slate-200", children: /* @__PURE__ */ e.jsx(z, {}) }),
-        /* @__PURE__ */ e.jsx(
-          K,
-          {
-            side: d ? "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.jsxs(C, { defaultValue: l, onValueChange: (s) => A(s), children: [
-                /* @__PURE__ */ e.jsx(S, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(w, { placeholder: "Select" }) }),
-                /* @__PURE__ */ e.jsxs(P, { className: "z-[9999]", children: [
-                  /* @__PURE__ */ e.jsx(m, { value: "", children: "All" }),
-                  /* @__PURE__ */ e.jsx(m, { value: "landscape", children: "Landscape" }),
-                  /* @__PURE__ */ e.jsx(m, { value: "portrait", children: "Portrait" }),
-                  /* @__PURE__ */ e.jsx(m, { value: "squarish", children: "Square" })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("div", { className: "pb-1 pt-2 text-sm font-medium", children: "Color" }),
-              /* @__PURE__ */ e.jsxs(C, { defaultValue: n, onValueChange: (s) => E(s), children: [
-                /* @__PURE__ */ e.jsx(S, { className: "h-auto w-40 p-1 px-3", children: /* @__PURE__ */ e.jsx(w, { placeholder: "Select" }) }),
-                /* @__PURE__ */ e.jsxs(P, { className: "z-[9999]", children: [
-                  /* @__PURE__ */ e.jsx(m, { value: "", children: "All" }),
-                  [
-                    "black_and_white",
-                    "black",
-                    "white",
-                    "yellow",
-                    "orange",
-                    "red",
-                    "purple",
-                    "magenta",
-                    "green",
-                    "teal",
-                    "blue"
-                  ].map((s) => /* @__PURE__ */ e.jsx(m, { value: s, children: k(s) }, s))
-                ] })
-              ] })
-            ] })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(
-      V,
-      {
-        className: `h-full ${d && !h(o) ? "-mx-2 flex flex-wrap px-2" : "-mx-2 flex flex-col pb-8 pt-2"}`,
-        children: [
-          h(o) && /* @__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" })
-          ] }),
-          d ? /* @__PURE__ */ e.jsx("div", { className: "h-full columns-5 py-2", children: o.map((s) => (
-            // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                role: "button",
-                tabIndex: 0,
-                className: "my-1 flex",
-                onClick: () => x(s.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: s.alt_description,
-                    src: s.urls.small
-                  }
-                ) })
-              },
-              s.id
-            )
-          )) }) : o.map((s) => (
-            // 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: s.alt_description,
-                src: s.urls.small
-              }
-            ) }) }, s.id)
-          )),
-          !h(o) && u < q && /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "link", className: "w-full", onClick: () => v(void 0), children: "Load More" })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  me as default,
-  I as fetchImage
-};