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

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.js

@@ -1,45 +1,45 @@
 import { jsxDEV as e, Fragment as f } from "react/jsx-dev-runtime";
-import k from "../../../assets/icons/broken_media_image.svg.js";
-import h from "../../../assets/icons/document_pdf.svg.js";
-import v from "../../../assets/icons/edit.svg.js";
-import N from "../../../assets/icons/refresh.svg.js";
-import y from "styled-components";
-import { ShimmerImage as l } from "../../shimmer-image/ShimmerImage.js";
-import { Spinner as E } from "../../spinner/Spinner.js";
-import { HEADER_TYPES as p } from "../../template-preview/models/TemplateMeta.js";
-import { BodyCaption as x, BodySecondary as d, Caption as g } from "../../TypographyStyle.js";
-import M from "../../../utils/StringUtils.js";
-import { COLORS as i } from "../../../constants/Theme.js";
-import { useTemplateModalContext as D } from "../context/templateModalContext.js";
-import { Container as V, ImageContainer as U, RightComponent as W } from "./EditMediaV2.style.js";
-const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51", w = y.div`
+import N from "../../../assets/icons/broken_media_image.svg.js";
+import y from "../../../assets/icons/document_pdf.svg.js";
+import E from "../../../assets/icons/edit.svg.js";
+import x from "../../../assets/icons/refresh.svg.js";
+import h from "styled-components";
+import { ShimmerImage as s } from "../../shimmer-image/ShimmerImage.js";
+import { Spinner as g } from "../../spinner/Spinner.js";
+import { HEADER_TYPES as d } from "../../template-preview/models/TemplateMeta.js";
+import { BodyCaption as v, BodySecondary as c, Caption as w } from "../../TypographyStyle.js";
+import k from "../../../utils/StringUtils.js";
+import { COLORS as n } from "../../../constants/Theme.js";
+import { useTemplateModalContext as M } from "../context/templateModalContext.js";
+import { Container as D, ImageContainer as V, RightComponent as U } from "./EditMediaV2.style.js";
+const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51", S = h.div`
 	padding-left: 14px;
 	padding-right: 6px;
 	height: 100%;
-	border-left: 1px solid ${i.stroke.primary};
+	border-left: 1px solid ${n.stroke.primary};
 	cursor: pointer;
 	display: flex;
 	align-items: center;
-`, j = (c) => {
+`, H = (p) => {
   const {
-    imageName: o,
-    error: t,
+    imageName: t,
+    error: o,
     isLoading: r,
-    mediaType: n,
+    mediaType: i,
     selectedVariable: m,
     setOpenEditMedia: a
-  } = c, s = o?.[0].split("/"), b = s?.[s.length - 1], { disableEditVariable: u } = D();
-  return /* @__PURE__ */ e(V, { children: [
-    /* @__PURE__ */ e(U, { error: !!t, onClick: () => a?.(!0), children: t ? /* @__PURE__ */ e(k, { width: 56, height: 56 }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+  } = p, l = t?.[0].split("/"), u = l?.[l.length - 1], { disableEditVariable: b } = M();
+  return /* @__PURE__ */ e(D, { children: [
+    /* @__PURE__ */ e(V, { error: !!o, onClick: () => a?.(!0), children: o ? /* @__PURE__ */ e(N, { width: 56, height: 56 }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 61,
       columnNumber: 6
-    }, void 0) : r ? /* @__PURE__ */ e(E, { size: "small" }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+    }, void 0) : r ? /* @__PURE__ */ e(g, { size: "small" }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 63,
       columnNumber: 6
     }, void 0) : m ? /* @__PURE__ */ e(
-      l,
+      s,
       {
         imageUrl: C,
         width: 56,
@@ -48,56 +48,56 @@ const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
         lineNumber: 65,
         columnNumber: 6
       },
       void 0
-    ) : n === p.IMAGE ? /* @__PURE__ */ e(l, { imageUrl: o?.[0], width: 56, height: 56 }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+    ) : i === d.IMAGE ? /* @__PURE__ */ e(s, { imageUrl: t?.[0], width: 56, height: 56 }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 71,
       columnNumber: 6
-    }, void 0) : n === p.VIDEO ? /* @__PURE__ */ e("video", { src: o[0], style: { width: 56, height: 56 }, children: /* @__PURE__ */ e("track", { default: !0, kind: "captions", srcLang: "en", src: o[0] }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+    }, void 0) : i === d.VIDEO ? /* @__PURE__ */ e("video", { src: t[0], style: { width: 56, height: 56 }, children: /* @__PURE__ */ e("track", { default: !0, kind: "captions", srcLang: "en", src: t[0] }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 74,
       columnNumber: 7
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 73,
       columnNumber: 6
     }, void 0) : /* @__PURE__ */ e(
-      h,
+      y,
       {
         width: 18,
         height: 22,
-        color: i.content.placeholder
+        color: n.content.placeholder
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
         lineNumber: 77,
         columnNumber: 6
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 59,
       columnNumber: 4
     }, void 0),
-    /* @__PURE__ */ e(W, { children: [
+    /* @__PURE__ */ e(U, { children: [
       /* @__PURE__ */ e(
         "div",
         {
           style: {
-            flex: t ? "unset" : 1
+            flex: o ? "unset" : 1
           },
-          children: o && t ? /* @__PURE__ */ e(f, {}, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+          children: t && o ? /* @__PURE__ */ e(f, {}, void 0, !1, {
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
             lineNumber: 91,
             columnNumber: 7
           }, void 0) : r ? /* @__PURE__ */ e(
-            x,
+            v,
             {
               style: {
                 marginLeft: 8
@@ -107,24 +107,24 @@ const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
               lineNumber: 93,
               columnNumber: 7
             },
             void 0
           ) : /* @__PURE__ */ e(
-            d,
+            c,
             {
               style: {
-                color: i.content.primary,
+                color: n.content.primary,
                 marginLeft: 8
               },
-              children: m || M.toCapitilize(n?.toLowerCase()) || b
+              children: m || k.toCapitilize(i?.toLowerCase()) || u
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
               lineNumber: 101,
               columnNumber: 7
             },
@@ -134,13 +134,13 @@ const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
           lineNumber: 85,
           columnNumber: 5
         },
         void 0
       ),
-      !!t && /* @__PURE__ */ e(
+      !!o && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -150,17 +150,17 @@ const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
             gap: "2px"
           },
           children: [
-            /* @__PURE__ */ e(d, { style: { color: i.content.negative }, children: [
+            /* @__PURE__ */ e(c, { style: { color: n.content.negative }, children: [
               "Error loading this ",
-              n?.toLowerCase(),
+              i?.toLowerCase(),
               ". Retry"
             ] }, void 0, !0, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
               lineNumber: 123,
               columnNumber: 7
             }, void 0),
-            /* @__PURE__ */ e(g, { style: { color: i.content.secondary }, children: t }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+            /* @__PURE__ */ e(w, { style: { color: n.content.secondary }, children: o }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
               lineNumber: 126,
               columnNumber: 7
             }, void 0)
@@ -169,38 +169,38 @@ const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
           lineNumber: 115,
           columnNumber: 6
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
       lineNumber: 84,
       columnNumber: 4
     }, void 0),
-    !u && !r && /* @__PURE__ */ e(
-      w,
+    !b && !r && /* @__PURE__ */ e(
+      S,
       {
         onClick: () => a?.(!0),
         onKeyDown: () => a?.(!0),
         role: "presentation",
-        children: t ? /* @__PURE__ */ e(N, { color: i.content.brand, width: 24, height: 24 }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+        children: o ? /* @__PURE__ */ e(x, { color: n.content.brand, width: 24, height: 24 }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
           lineNumber: 139,
           columnNumber: 7
         }, void 0) : /* @__PURE__ */ e(
-          v,
+          E,
           {
             width: 24,
             height: 24,
-            color: i.content.placeholder
+            color: n.content.placeholder
           },
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
             lineNumber: 141,
             columnNumber: 7
           },
@@ -210,19 +210,19 @@ const C = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
         lineNumber: 133,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditMediaV2.tsx",
     lineNumber: 58,
     columnNumber: 3
   }, void 0);
 };
 export {
-  j as default
+  H as default
 };
 //# sourceMappingURL=EditMediaV2.js.map