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

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

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

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

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