@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1,122 +1,122 @@
-import { jsxDEV as n, Fragment as m } from "react/jsx-dev-runtime";
-import { useRef as w, useState as l, useEffect as F, useCallback as T } from "react";
-import { BikImageCropper as U } from "../BikImageCropper.js";
-import { StateModalComponent as k } from "../../states-modal/StateModalComponent.js";
-import { StateInterface as N } from "../../states/StateComponent.js";
-import { ImageService as P } from "../../image-compress/ImageCompress.js";
-const M = ({
+import { jsxDEV as a, Fragment as l } from "react/jsx-dev-runtime";
+import { useRef as W, useState as c, useEffect as w, useCallback as F } from "react";
+import { BikImageCropper as T } from "../BikImageCropper.js";
+import { StateModalComponent as h } from "../../states-modal/StateModalComponent.js";
+import { StateInterface as v } from "../../states/StateComponent.js";
+import { ImageService as N } from "../../image-compress/ImageCompress.js";
+const G = ({
   cropOptions: I,
-  fileTitle: u,
-  compressionOptions: B,
-  currentImage: v,
+  fileTitle: p,
+  compressionOptions: y,
+  currentImage: B,
   options: r,
-  onFinish: p,
-  onCancel: c,
+  onFinish: u,
+  onCancel: t,
   fileUploadOptions: s,
-  loadingStateOptions: y
+  loadingStateOptions: P
 }) => {
-  const d = w(null), [f, a] = l(), [x, g] = l(v), [j, t] = l(!1);
-  F(() => {
-    r.upload ? (a("upload"), setTimeout(() => {
+  const d = W(null), [b, n] = c(), [x, k] = c(B), [D, m] = c(!1);
+  w(() => {
+    r.upload ? (n("upload"), setTimeout(() => {
       E();
-    }, 500)) : r.crop ? a("crop") : r.compress ? a("compress") : r.uploadToFirestorage ? a("cloud-upload") : t(!0);
+    }, 500)) : r.crop ? n("crop") : r.compress ? n("compress") : r.uploadToFirestorage ? n("cloud-upload") : m(!0);
   }, [
     r.upload,
     r.crop,
     r.compress,
     r.uploadToFirestorage
   ]);
-  const b = T(
+  const f = F(
     (e, o) => {
       if (!r.uploadToFirestorage) {
-        p(e, o), t(!0);
+        u(e, o), m(!0);
         return;
       }
-      a("cloud-upload"), s && s.uploadFile(o, s.path).then((i) => {
-        p(e, o, i), t(!0);
+      n("cloud-upload"), s && s.uploadFile(o, s.path).then((i) => {
+        u(e, o, i), m(!0);
       }).catch((i) => {
         console.log("starting err process with ");
       });
     },
     []
-  ), h = (e) => {
-    e || c();
-    const o = P.base64ToImage(e);
-    r.compress ? (a("compress"), P.compressImage(o, B).then((i) => {
+  ), g = (e) => {
+    e || t();
+    const o = N.base64ToImage(e);
+    r.compress ? (n("compress"), N.compressImage(o, y).then((i) => {
       if (!i) {
-        t(!0), c();
+        m(!0), t();
         return;
       }
-      b(i.base64, i.compressedFile);
-    })) : b(e, o);
+      f(i.base64, i.compressedFile);
+    })) : f(e, o);
   }, C = (e) => {
-    r.crop ? a("crop") : h(e);
+    r.crop ? n("crop") : g(e);
   }, E = () => {
     d.current.click();
   }, R = (e) => {
     const o = e.target.files[0], i = new FileReader();
     i.onload = () => {
-      g({
+      k({
         src: i.result
       }), C(i.result);
     }, o && i.readAsDataURL(o);
   };
-  return j ? /* @__PURE__ */ n(m, {}, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+  return D ? /* @__PURE__ */ a(l, {}, void 0, !1, {
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
     lineNumber: 156,
     columnNumber: 10
-  }, void 0) : f === "cloud-upload" ? !s || s.success ? /* @__PURE__ */ n(m, {}, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+  }, void 0) : b === "cloud-upload" ? !s || s.success ? /* @__PURE__ */ a(l, {}, void 0, !1, {
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
     lineNumber: 161,
     columnNumber: 11
-  }, void 0) : s.error ? /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-    k,
+  }, void 0) : s.error ? /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+    h,
     {
-      states: N.ERROR,
+      states: v.ERROR,
       heading: "Error while uploading",
       subline: "Please check your image and try again",
       isButtonEnabled: !1,
       width: 300,
       onClose: () => {
-        t(!0), c();
+        m(!0), t();
       }
     },
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
       lineNumber: 166,
       columnNumber: 6
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
     lineNumber: 165,
     columnNumber: 5
-  }, void 0) : /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-    k,
+  }, void 0) : /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+    h,
     {
-      headerImage: y?.headerImage,
-      states: N.LOADING,
-      heading: `Uploading your ${u || "photo"}`,
-      subline: `Please wait while we upload your ${u || "photo"}`,
+      headerImage: P?.headerImage,
+      states: v.LOADING,
+      heading: `Uploading your ${p || "photo"}`,
+      subline: `Please wait while we upload your ${p || "photo"}`,
       isButtonEnabled: !1,
       width: 300
     },
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
       lineNumber: 182,
       columnNumber: 5
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
     lineNumber: 181,
     columnNumber: 4
-  }, void 0) : /* @__PURE__ */ n(m, { children: [
-    r.upload && /* @__PURE__ */ n(
+  }, void 0) : /* @__PURE__ */ a(l, { children: [
+    r.upload && /* @__PURE__ */ a(
       "input",
       {
         ref: d,
@@ -128,40 +128,40 @@ const M = ({
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
         lineNumber: 197,
         columnNumber: 5
       },
       void 0
     ),
-    f === "crop" && /* @__PURE__ */ n(
-      U,
+    b === "crop" && /* @__PURE__ */ a(
+      T,
       {
         src: x.src,
         onCropComplete: (e) => {
-          g({
+          k({
             src: e
-          }), h(e);
+          }), g(e);
         },
         aspectRatio: I.aspectRatio,
-        onCancel: c
+        onCancel: t
       },
       void 0,
       !1,
       {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
         lineNumber: 206,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/image-cropper/BikImagePipeline/BikImagePipeline.tsx",
     lineNumber: 195,
     columnNumber: 3
   }, void 0);
 };
 export {
-  M as BikImagePipeline
+  G as BikImagePipeline
 };
 //# sourceMappingURL=BikImagePipeline.js.map

package/dist/esm/components/input/ChipInput.js

@@ -1,91 +1,91 @@
-import { jsxDEV as r } from "react/jsx-dev-runtime";
-import { useState as v, useRef as E } from "react";
+import { jsxDEV as i } from "react/jsx-dev-runtime";
+import { useState as k, useRef as M } from "react";
 import { COLORS as o } from "../../constants/Theme.js";
-import { BodySecondary as M, BodyCaption as w } from "../TypographyStyle.js";
-import { getContainerStyle as F, getContainerHoverStyle as L, getChipStyle as O, getChipRemoveStyle as T, getInputStyle as $ } from "./ChipInput.styled.js";
-const J = ({
-  onChipsChange: c,
+import { BodySecondary as w, BodyCaption as F } from "../TypographyStyle.js";
+import { getContainerStyle as L, getContainerHoverStyle as O, getChipStyle as T, getChipRemoveStyle as j, getInputStyle as $ } from "./ChipInput.styled.js";
+const G = ({
+  onChipsChange: l,
   placeholder: p,
   chips: t,
   label: d,
-  labelColor: k,
+  labelColor: h,
   hintText: y,
   hintTextColor: N,
-  error: i,
-  inputHeight: f,
+  error: r,
+  inputHeight: b,
   createChipKeys: C,
   chipsContainerCustomStyle: g,
-  nativeID: S
+  nativeID: D
 }) => {
-  const [l, a] = v(""), [s, b] = v(!1), h = E(null), m = C || [",", 188, "Enter", 13], x = (e) => {
+  const [a, c] = k(""), [s, f] = k(!1), v = M(null), m = C || [",", 188, "Enter", 13], S = (e) => {
     if (m.includes(e.key) || m.includes(e.keyCode) || m.includes(e.which)) {
       e.preventDefault();
-      const n = l.trim();
-      n && !t.includes(n) && (c([...t, n]), a(""));
-    } else e.key === "Backspace" && l === "" && t.length > 0 && c(t.slice(0, -1));
-  }, I = (e) => {
-    c(t.filter((u, n) => n !== e));
-  }, j = () => {
-    b(!0);
-  }, P = () => {
-    b(!1);
-    const e = l.trim();
-    e && !t.includes(e) && (c([...t, e]), a(""));
+      const n = a.trim();
+      n && !t.includes(n) && (l([...t, n]), c(""));
+    } else e.key === "Backspace" && a === "" && t.length > 0 && l(t.slice(0, -1));
+  }, x = (e) => {
+    l(t.filter((u, n) => n !== e));
+  }, I = () => {
+    f(!0);
   }, U = () => {
-    h.current?.focus();
-  }, R = F(
-    !!i,
-    f,
+    f(!1);
+    const e = a.trim();
+    e && !t.includes(e) && (l([...t, e]), c(""));
+  }, W = () => {
+    v.current?.focus();
+  }, R = L(
+    !!r,
+    b,
     g,
     s
-  ), B = s ? {} : L(), D = O(), K = T(), V = $(f);
-  return /* @__PURE__ */ r(
+  ), B = s ? {} : O(), K = T(), V = j(), E = $(b);
+  return /* @__PURE__ */ i(
     "div",
     {
       style: { display: "flex", flexDirection: "column", gap: 8 },
-      id: S,
+      id: D,
       children: [
-        d && /* @__PURE__ */ r(
-          M,
+        d && /* @__PURE__ */ i(
+          w,
           {
             style: {
-              color: s ? o.content.brand : i ? o.content.negative : k || o.content.primary
+              color: s ? o.content.brand : r ? o.content.negative : h || o.content.primary
             },
             children: d
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
             lineNumber: 114,
             columnNumber: 5
           },
           void 0
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "div",
           {
             style: R,
-            onClick: U,
+            onClick: W,
             onMouseEnter: (e) => {
               s || Object.assign(e.currentTarget.style, B);
             },
             onMouseLeave: (e) => {
-              s || (e.currentTarget.style.border = `1px solid ${i ? o.stroke.negative.vibrant : o.stroke.primary}`);
+              s || (e.currentTarget.style.border = `1px solid ${r ? o.stroke.negative.vibrant : o.stroke.primary}`);
             },
             children: [
-              t.map((e, u) => /* @__PURE__ */ r("div", { style: D, children: [
-                /* @__PURE__ */ r("span", { children: e }, void 0, !1, {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+              t.map((e, u) => /* @__PURE__ */ i("div", { style: K, children: [
+                /* @__PURE__ */ i("span", { children: e }, void 0, !1, {
+                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
                   lineNumber: 144,
                   columnNumber: 7
                 }, void 0),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ i(
                   "button",
                   {
-                    style: K,
+                    style: V,
                     onClick: (n) => {
-                      n.stopPropagation(), I(u);
+                      n.stopPropagation(), x(u);
                     },
                     onMouseEnter: (n) => {
                       n.currentTarget.style.color = o.content.secondary;
@@ -99,34 +99,34 @@ const J = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
                     lineNumber: 145,
                     columnNumber: 7
                   },
                   void 0
                 )
               ] }, u, !0, {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
                 lineNumber: 143,
                 columnNumber: 6
               }, void 0)),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ i(
                 "input",
                 {
-                  ref: h,
+                  ref: v,
                   type: "text",
-                  value: l,
-                  onChange: (e) => a(e.target.value),
-                  onKeyDown: x,
-                  onFocus: j,
-                  onBlur: P,
+                  value: a,
+                  onChange: (e) => c(e.target.value),
+                  onKeyDown: S,
+                  onFocus: I,
+                  onBlur: U,
                   placeholder: t.length === 0 && p && !s ? p : void 0,
-                  style: V
+                  style: E
                 },
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
                   lineNumber: 163,
                   columnNumber: 5
                 },
@@ -137,24 +137,24 @@ const J = ({
           void 0,
           !0,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
             lineNumber: 126,
             columnNumber: 4
           },
           void 0
         ),
-        (!!y || !!i) && /* @__PURE__ */ r(
-          w,
+        (!!y || !!r) && /* @__PURE__ */ i(
+          F,
           {
             style: {
-              color: i ? o.content.negative : N || o.content.secondary
+              color: r ? o.content.negative : N || o.content.secondary
             },
-            children: i || y
+            children: r || y
           },
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
             lineNumber: 180,
             columnNumber: 5
           },
@@ -165,7 +165,7 @@ const J = ({
     void 0,
     !0,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/input/ChipInput.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/ChipInput.tsx",
       lineNumber: 109,
       columnNumber: 3
     },
@@ -173,6 +173,6 @@ const J = ({
   );
 };
 export {
-  J as default
+  G as default
 };
 //# sourceMappingURL=ChipInput.js.map