@bikdotai/bik-component-library 0.0.495 → 0.0.496-beta-1

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/modals/Modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./modal.styled.js"),t=require("../../constants/Theme.js"),n=require("../../assets/icons/cross.svg.js");exports.Modal=o=>{var i;return e.jsx(e.Fragment,{children:o.open&&e.jsx("div",Object.assign({id:o.id||"bik-modal"},{children:e.jsx(s.RootContainer,Object.assign({"data-test":o["data-test"],zIndex:o.zIndex,onClick:e=>{o.closeOnOutsideClick&&o.onClose?o.onClose():e.stopPropagation()}},{children:e.jsx(s.CentralContainer,Object.assign({style:Object.assign({},null!==(i=o.centralContainerStyles)&&void 0!==i?i:{}),onClick:e=>{e.stopPropagation()},width:o.width},{children:e.jsxs(e.Fragment,{children:[!(null==o?void 0:o.hideCrossButton)&&e.jsx(s.CloseButtonContainer,Object.assign({onClick:()=>o.onClose&&o.onClose()},{children:e.jsx(n.default,{height:20,width:20,color:t.COLORS.content.secondary})})),o.children]})}))}))}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./modal.styled.js"),s=require("../../constants/Theme.js"),n=require("../../assets/icons/cross.svg.js");exports.Modal=o=>{var i;return e.jsx(e.Fragment,{children:o.open&&e.jsx("div",Object.assign({id:o.id||"bik-modal"},{children:e.jsx(t.RootContainer,Object.assign({"data-test":o["data-test"],zIndex:o.zIndex,onClick:e=>{o.closeOnOutsideClick&&o.onClose?o.onClose():e.stopPropagation()}},{children:e.jsx(t.CentralContainer,Object.assign({style:Object.assign({},null!==(i=o.centralContainerStyles)&&void 0!==i?i:{}),onClick:e=>{e.stopPropagation()},width:o.width},{children:e.jsxs(e.Fragment,{children:[!(null==o?void 0:o.hideCrossButton)&&e.jsx(t.CloseButtonContainer,Object.assign({"data-test":o["data-test"]+"-close-button",onClick:()=>o.onClose&&o.onClose()},{children:e.jsx(n.default,{height:20,width:20,color:s.COLORS.content.secondary})})),o.children]})}))}))}))})};

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateMediaV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("lodash"),n=require("react"),o=require("../../helpers/FileUploaderHelper.js"),a=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js"),require("../../spinner/Spinner.js");var l=require("../../template-preview/models/TemplateMeta.js"),r=require("../context/templateModalContext.js"),s=require("./EditMediaModal.js"),d=require("./EditMediaV2.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(n);const p=e=>/^{{.*}}$/.test(e);exports.default=c=>{let{mediaComponent:m,template:v,updateTemplateImageUrl:f,whatsappSpecificPickerMeta:E,variableListForImage:g}=c;var h,j,b,_,M,x,y,A;const{disableEditVariable:C,selectedCarouselIndex:S}=r.useTemplateModalContext(),[T,I]=n.useState(void 0),[q,D]=n.useState(),[R,O]=n.useState(),[w,H]=n.useState(!1),k=u.default.createRef(),[P,F]=n.useState(!1),[U,Y]=n.useState(""),{template:L,setTemplate:N}=r.useTemplateModalContext(),{uploadMediaFiles:V,uploadMediaLink:G}=E;let z;function B(){var e;(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.click)&&k.current.click()}function W(i){var t;return e.__awaiter(this,void 0,void 0,(function*(){const e=new o.FileUploaderHelper;if(i instanceof Blob){const n=e.validate({file:i});if(n)Y(n),F(!1);else{const e=m.format===l.HEADER_TYPES.IMAGE,n=yield V({file:i,fileName:T,isImage:e});if(n.success){const[e]=i.type.split("/");f(null!==(t=n.url)&&void 0!==t?t:"","application"===e?l.HEADER_TYPES.DOCUMENT:l.HEADER_TYPES[e.toUpperCase()])}else Y("An unknown technical error occurred");F(!1)}}else Y("An unknown technical error occurred"),F(!1)}))}return z=m.format===l.HEADER_TYPES.IMAGE?"image/png, image/jpeg":m.format===l.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",n.useEffect((()=>{I(void 0),D(void 0),O(void 0),H(!1),F(!1),Y("")}),[S]),i.jsxs(i.Fragment,{children:[i.jsx(s.default,{mediaComponentFormat:null!==(h=m.format)&&void 0!==h?h:l.HEADER_TYPES.IMAGE,uploadMedia:function(i){var n,a,r,s,d,c;return e.__awaiter(this,void 0,void 0,(function*(){if(Y(""),O(""),H(!1),i)if(i.startsWith("https"))try{if(F(!0),G){const e=yield G(i),{type:t,size:a,success:r}=e;if(r){const i=(new o.FileUploaderHelper).validate({linkData:{type:t,size:a}});if(i)return Y(i),void F(!1);const[r]=t.split("/");f(null!==(n=e.url)&&void 0!==n?n:"",l.HEADER_TYPES[r.toUpperCase()])}else Y("An unknown technical error occurred");F(!1)}else{const e=yield fetch(i),t=yield e.blob();yield W(t)}}catch(e){Y("An unknown technical error occurred")}else if(p(i)){let e;if(O(i),e=null!=S&&S>-1?{components:null===(r=null===(a=L.components[1])||void 0===a?void 0:a.cards)||void 0===r?void 0:r[S].components,mapping:null===(d=null===(s=null==L?void 0:L.mapping)||void 0===s?void 0:s.cards)||void 0===d?void 0:d[S]}:Object.assign({},L),e.components){const t=null===(c=null==e?void 0:e.components)||void 0===c?void 0:c.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==t&&t>-1&&(null==e?void 0:e.components[t])){const n=Object.assign(Object.assign({},e.components[t]),{format:m.format,example:{header_handle:[i]}}),o=[...e.components];o[t]=n,e.components=o}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[i]})),F(!1),null!=S&&S>-1){const i=t.cloneDeep(L);i.components[1].cards[S].components=e.components,i.mapping.cards[S]=e.mapping,null==N||N(Object.assign({},i))}else null==N||N(Object.assign({},e))}else F(!1),Y("Invalid URL or variable");else B()}))},variableListForImage:g||[],setOpenEditMedia:H,openEditMedia:w}),!!q&&i.jsx(a.BikImageCropper,{aspectRatio:15/8,src:q,onCropComplete:function(i){return e.__awaiter(this,void 0,void 0,(function*(){F(!1),Y("");const e=yield fetch(i);W(yield e.blob()).then((()=>{D(void 0)}))}))},onCancel:()=>{F(!1),D(""),k.current&&(k.current.value="")}}),i.jsx("input",{ref:k,style:{display:"none"},type:"file",onChange:function(e){var i;Y(""),F(!0);const t=null===(i=e.target.files)||void 0===i?void 0:i[0];if(m.format===l.HEADER_TYPES.IMAGE){const e=new FileReader;D(""),I(""),e.onload=()=>{D(e.result),I(null==t?void 0:t.name)},t&&e.readAsDataURL(t)}else W(t)},accept:z}),i.jsx(d.default,{imageName:null!==(b=null===(j=null==m?void 0:m.example)||void 0===j?void 0:j.header_handle)&&void 0!==b?b:[],handleImageChange:B,mediaType:null==m?void 0:m.format,error:U,isLoading:P,setOpenEditMedia:H,selectedVariable:p(null!==(x=null===(M=null===(_=null==m?void 0:m.example)||void 0===_?void 0:_.header_handle)||void 0===M?void 0:M[0])&&void 0!==x?x:"")?null===(A=null===(y=null==m?void 0:m.example)||void 0===y?void 0:y.header_handle)||void 0===A?void 0:A[0]:R,disableEditVariable:C})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("lodash"),n=require("react"),o=require("../../helpers/FileUploaderHelper.js"),a=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js"),require("../../spinner/Spinner.js");var l=require("../../template-preview/models/TemplateMeta.js"),r=require("../context/templateModalContext.js"),s=require("./EditMediaModal.js"),d=require("./EditMediaV2.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(n);const u=e=>/^{{.*}}$/.test(e);exports.default=c=>{let{mediaComponent:m,template:v,updateTemplateImageUrl:f,whatsappSpecificPickerMeta:E,variableListForImage:g}=c;var h,j,_,b,M,T,A,C;const{disableEditVariable:y,selectedCarouselIndex:S}=r.useTemplateModalContext(),[x,D]=n.useState(void 0),[R,I]=n.useState(),[q,H]=n.useState(),[O,P]=n.useState(!1),w=p.default.createRef(),[U,k]=n.useState(!1),[Y,F]=n.useState(""),{template:N,setTemplate:L}=r.useTemplateModalContext(),{uploadMediaFiles:V,uploadMediaLink:G}=E;let z;function B(){var e;(null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.click)&&w.current.click()}function W(i){var t;return e.__awaiter(this,void 0,void 0,(function*(){const e=new o.FileUploaderHelper;if(i instanceof Blob){const n=e.validate({file:i});if(n)F(n),k(!1);else{const e=m.format===l.HEADER_TYPES.IMAGE,n=yield V({file:i,fileName:x,isImage:e});if(n.success){const[e]=i.type.split("/");f(null!==(t=n.url)&&void 0!==t?t:"","application"===e?l.HEADER_TYPES.DOCUMENT:l.HEADER_TYPES[e.toUpperCase()])}else F("An unknown technical error occurred");k(!1)}}else F("An unknown technical error occurred"),k(!1)}))}return z=m.format===l.HEADER_TYPES.IMAGE?"image/png, image/jpeg":m.format===l.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",n.useEffect((()=>{D(void 0),I(void 0),H(void 0),P(!1),k(!1),F("")}),[S]),i.jsxs(i.Fragment,{children:[i.jsx(s.default,{mediaComponentFormat:null!==(h=m.format)&&void 0!==h?h:l.HEADER_TYPES.IMAGE,uploadMedia:function(i){var n,a,r,s,d,c;return e.__awaiter(this,void 0,void 0,(function*(){if(F(""),H(""),P(!1),i)if(i.startsWith("https"))try{if(k(!0),G){const e=yield G(i),{type:t,size:a,success:r}=e;if(r){const i=(new o.FileUploaderHelper).validate({linkData:{type:t,size:a}});if(i)return F(i),void k(!1);const[r]=t.split("/");console.log("huuuu","fileType",":",r,"application"===r?l.HEADER_TYPES.DOCUMENT:l.HEADER_TYPES[t.toUpperCase()]),f(null!==(n=e.url)&&void 0!==n?n:"","application"===r?l.HEADER_TYPES.DOCUMENT:l.HEADER_TYPES[t.toUpperCase()])}else F("An unknown technical error occurred");k(!1)}else{const e=yield fetch(i),t=yield e.blob();yield W(t)}}catch(e){F("An unknown technical error occurred")}else if(u(i)){let e;if(H(i),e=null!=S&&S>-1?{components:null===(r=null===(a=N.components[1])||void 0===a?void 0:a.cards)||void 0===r?void 0:r[S].components,mapping:null===(d=null===(s=null==N?void 0:N.mapping)||void 0===s?void 0:s.cards)||void 0===d?void 0:d[S]}:Object.assign({},N),e.components){const t=null===(c=null==e?void 0:e.components)||void 0===c?void 0:c.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==t&&t>-1&&(null==e?void 0:e.components[t])){const n=Object.assign(Object.assign({},e.components[t]),{format:m.format,example:{header_handle:[i]}}),o=[...e.components];o[t]=n,e.components=o}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[i]})),k(!1),null!=S&&S>-1){const i=t.cloneDeep(N);i.components[1].cards[S].components=e.components,i.mapping.cards[S]=e.mapping,null==L||L(Object.assign({},i))}else null==L||L(Object.assign({},e))}else k(!1),F("Invalid URL or variable");else B()}))},variableListForImage:g||[],setOpenEditMedia:P,openEditMedia:O}),!!R&&i.jsx(a.BikImageCropper,{aspectRatio:15/8,src:R,onCropComplete:function(i){return e.__awaiter(this,void 0,void 0,(function*(){k(!1),F("");const e=yield fetch(i);W(yield e.blob()).then((()=>{I(void 0)}))}))},onCancel:()=>{k(!1),I(""),w.current&&(w.current.value="")}}),i.jsx("input",{ref:w,style:{display:"none"},type:"file",onChange:function(e){var i;F(""),k(!0);const t=null===(i=e.target.files)||void 0===i?void 0:i[0];if(m.format===l.HEADER_TYPES.IMAGE){const e=new FileReader;I(""),D(""),e.onload=()=>{I(e.result),D(null==t?void 0:t.name)},t&&e.readAsDataURL(t)}else W(t)},accept:z}),i.jsx(d.default,{imageName:null!==(_=null===(j=null==m?void 0:m.example)||void 0===j?void 0:j.header_handle)&&void 0!==_?_:[],handleImageChange:B,mediaType:null==m?void 0:m.format,error:Y,isLoading:U,setOpenEditMedia:P,selectedVariable:u(null!==(T=null===(M=null===(b=null==m?void 0:m.example)||void 0===b?void 0:b.header_handle)||void 0===M?void 0:M[0])&&void 0!==T?T:"")?null===(C=null===(A=null==m?void 0:m.example)||void 0===A?void 0:A.header_handle)||void 0===C?void 0:C[0]:q,disableEditVariable:y})]})};

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/modals/Modal.js

@@ -1 +1 @@
-import{jsx as o,Fragment as t,jsxs as n}from"react/jsx-runtime";import{RootContainer as s,CentralContainer as e,CloseButtonContainer as i}from"./modal.styled.js";import{COLORS as r}from"../../constants/Theme.js";import l from"../../assets/icons/cross.svg.js";const c=c=>{var d;return o(t,{children:c.open&&o("div",Object.assign({id:c.id||"bik-modal"},{children:o(s,Object.assign({"data-test":c["data-test"],zIndex:c.zIndex,onClick:o=>{c.closeOnOutsideClick&&c.onClose?c.onClose():o.stopPropagation()}},{children:o(e,Object.assign({style:Object.assign({},null!==(d=c.centralContainerStyles)&&void 0!==d?d:{}),onClick:o=>{o.stopPropagation()},width:c.width},{children:n(t,{children:[!(null==c?void 0:c.hideCrossButton)&&o(i,Object.assign({onClick:()=>c.onClose&&c.onClose()},{children:o(l,{height:20,width:20,color:r.content.secondary})})),c.children]})}))}))}))})};export{c as Modal};
+import{jsx as t,Fragment as o,jsxs as s}from"react/jsx-runtime";import{RootContainer as e,CentralContainer as n,CloseButtonContainer as i}from"./modal.styled.js";import{COLORS as r}from"../../constants/Theme.js";import l from"../../assets/icons/cross.svg.js";const c=c=>{var d;return t(o,{children:c.open&&t("div",Object.assign({id:c.id||"bik-modal"},{children:t(e,Object.assign({"data-test":c["data-test"],zIndex:c.zIndex,onClick:t=>{c.closeOnOutsideClick&&c.onClose?c.onClose():t.stopPropagation()}},{children:t(n,Object.assign({style:Object.assign({},null!==(d=c.centralContainerStyles)&&void 0!==d?d:{}),onClick:t=>{t.stopPropagation()},width:c.width},{children:s(o,{children:[!(null==c?void 0:c.hideCrossButton)&&t(i,Object.assign({"data-test":c["data-test"]+"-close-button",onClick:()=>c.onClose&&c.onClose()},{children:t(l,{height:20,width:20,color:r.content.secondary})})),c.children]})}))}))}))})};export{c as Modal};

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

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as i,jsx as n}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import l,{useState as a,useEffect as r}from"react";import{FileUploaderHelper as d}from"../../helpers/FileUploaderHelper.js";import{BikImageCropper as s}from"../../image-cropper/BikImageCropper.js";import"../../image-compress/ImageCompress.js";import"../../states/StateComponent.js";import"../../../constants/zindex.js";import"../../modals/styledModal.js";import"../../spinner/Spinner.js";import{HEADER_TYPES as p}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as c}from"../context/templateModalContext.js";import m from"./EditMediaModal.js";import u from"./EditMediaV2.js";const v=e=>/^{{.*}}$/.test(e),f=f=>{let{mediaComponent:g,template:h,updateTemplateImageUrl:b,whatsappSpecificPickerMeta:j,variableListForImage:M}=f;var y,E,C,I,O,x,k,A;const{disableEditVariable:w,selectedCarouselIndex:T}=c(),[U,F]=a(void 0),[L,R]=a(),[_,D]=a(),[N,V]=a(!1),G=l.createRef(),[z,S]=a(!1),[B,H]=a(""),{template:P,setTemplate:W}=c(),{uploadMediaFiles:X,uploadMediaLink:$}=j;let q;function J(){var e;(null===(e=null==G?void 0:G.current)||void 0===e?void 0:e.click)&&G.current.click()}function K(o){var i;return e(this,void 0,void 0,(function*(){const e=new d;if(o instanceof Blob){const n=e.validate({file:o});if(n)H(n),S(!1);else{const e=g.format===p.IMAGE,n=yield X({file:o,fileName:U,isImage:e});if(n.success){const[e]=o.type.split("/");b(null!==(i=n.url)&&void 0!==i?i:"","application"===e?p.DOCUMENT:p[e.toUpperCase()])}else H("An unknown technical error occurred");S(!1)}}else H("An unknown technical error occurred"),S(!1)}))}return q=g.format===p.IMAGE?"image/png, image/jpeg":g.format===p.VIDEO?"video/mp4":"application/pdf",r((()=>{F(void 0),R(void 0),D(void 0),V(!1),S(!1),H("")}),[T]),o(i,{children:[n(m,{mediaComponentFormat:null!==(y=g.format)&&void 0!==y?y:p.IMAGE,uploadMedia:function(o){var i,n,l,a,r,s;return e(this,void 0,void 0,(function*(){if(H(""),D(""),V(!1),o)if(o.startsWith("https"))try{if(S(!0),$){const e=yield $(o),{type:n,size:t,success:l}=e;if(l){const o=(new d).validate({linkData:{type:n,size:t}});if(o)return H(o),void S(!1);const[l]=n.split("/");b(null!==(i=e.url)&&void 0!==i?i:"",p[l.toUpperCase()])}else H("An unknown technical error occurred");S(!1)}else{const e=yield fetch(o),i=yield e.blob();yield K(i)}}catch(e){H("An unknown technical error occurred")}else if(v(o)){let e;if(D(o),e=null!=T&&T>-1?{components:null===(l=null===(n=P.components[1])||void 0===n?void 0:n.cards)||void 0===l?void 0:l[T].components,mapping:null===(r=null===(a=null==P?void 0:P.mapping)||void 0===a?void 0:a.cards)||void 0===r?void 0:r[T]}:Object.assign({},P),e.components){const i=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==i&&i>-1&&(null==e?void 0:e.components[i])){const n=Object.assign(Object.assign({},e.components[i]),{format:g.format,example:{header_handle:[o]}}),t=[...e.components];t[i]=n,e.components=t}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[o]})),S(!1),null!=T&&T>-1){const o=t(P);o.components[1].cards[T].components=e.components,o.mapping.cards[T]=e.mapping,null==W||W(Object.assign({},o))}else null==W||W(Object.assign({},e))}else S(!1),H("Invalid URL or variable");else J()}))},variableListForImage:M||[],setOpenEditMedia:V,openEditMedia:N}),!!L&&n(s,{aspectRatio:15/8,src:L,onCropComplete:function(o){return e(this,void 0,void 0,(function*(){S(!1),H("");const e=yield fetch(o);K(yield e.blob()).then((()=>{R(void 0)}))}))},onCancel:()=>{S(!1),R(""),G.current&&(G.current.value="")}}),n("input",{ref:G,style:{display:"none"},type:"file",onChange:function(e){var o;H(""),S(!0);const i=null===(o=e.target.files)||void 0===o?void 0:o[0];if(g.format===p.IMAGE){const e=new FileReader;R(""),F(""),e.onload=()=>{R(e.result),F(null==i?void 0:i.name)},i&&e.readAsDataURL(i)}else K(i)},accept:q}),n(u,{imageName:null!==(C=null===(E=null==g?void 0:g.example)||void 0===E?void 0:E.header_handle)&&void 0!==C?C:[],handleImageChange:J,mediaType:null==g?void 0:g.format,error:B,isLoading:z,setOpenEditMedia:V,selectedVariable:v(null!==(x=null===(O=null===(I=null==g?void 0:g.example)||void 0===I?void 0:I.header_handle)||void 0===O?void 0:O[0])&&void 0!==x?x:"")?null===(A=null===(k=null==g?void 0:g.example)||void 0===k?void 0:k.header_handle)||void 0===A?void 0:A[0]:_,disableEditVariable:w})]})};export{f as default};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as i,jsx as n}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import l,{useState as a,useEffect as r}from"react";import{FileUploaderHelper as s}from"../../helpers/FileUploaderHelper.js";import{BikImageCropper as d}from"../../image-cropper/BikImageCropper.js";import"../../image-compress/ImageCompress.js";import"../../states/StateComponent.js";import"../../../constants/zindex.js";import"../../modals/styledModal.js";import"../../spinner/Spinner.js";import{HEADER_TYPES as p}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as c}from"../context/templateModalContext.js";import m from"./EditMediaModal.js";import u from"./EditMediaV2.js";const v=e=>/^{{.*}}$/.test(e),f=f=>{let{mediaComponent:g,template:h,updateTemplateImageUrl:b,whatsappSpecificPickerMeta:j,variableListForImage:M}=f;var E,y,C,I,O,x,k,A;const{disableEditVariable:T,selectedCarouselIndex:U}=c(),[w,D]=a(void 0),[N,F]=a(),[L,R]=a(),[_,V]=a(!1),G=l.createRef(),[z,S]=a(!1),[B,H]=a(""),{template:P,setTemplate:W}=c(),{uploadMediaFiles:X,uploadMediaLink:$}=j;let q;function J(){var e;(null===(e=null==G?void 0:G.current)||void 0===e?void 0:e.click)&&G.current.click()}function K(o){var i;return e(this,void 0,void 0,(function*(){const e=new s;if(o instanceof Blob){const n=e.validate({file:o});if(n)H(n),S(!1);else{const e=g.format===p.IMAGE,n=yield X({file:o,fileName:w,isImage:e});if(n.success){const[e]=o.type.split("/");b(null!==(i=n.url)&&void 0!==i?i:"","application"===e?p.DOCUMENT:p[e.toUpperCase()])}else H("An unknown technical error occurred");S(!1)}}else H("An unknown technical error occurred"),S(!1)}))}return q=g.format===p.IMAGE?"image/png, image/jpeg":g.format===p.VIDEO?"video/mp4":"application/pdf",r((()=>{D(void 0),F(void 0),R(void 0),V(!1),S(!1),H("")}),[U]),o(i,{children:[n(m,{mediaComponentFormat:null!==(E=g.format)&&void 0!==E?E:p.IMAGE,uploadMedia:function(o){var i,n,l,a,r,d;return e(this,void 0,void 0,(function*(){if(H(""),R(""),V(!1),o)if(o.startsWith("https"))try{if(S(!0),$){const e=yield $(o),{type:n,size:t,success:l}=e;if(l){const o=(new s).validate({linkData:{type:n,size:t}});if(o)return H(o),void S(!1);const[l]=n.split("/");console.log("huuuu","fileType",":",l,"application"===l?p.DOCUMENT:p[n.toUpperCase()]),b(null!==(i=e.url)&&void 0!==i?i:"","application"===l?p.DOCUMENT:p[n.toUpperCase()])}else H("An unknown technical error occurred");S(!1)}else{const e=yield fetch(o),i=yield e.blob();yield K(i)}}catch(e){H("An unknown technical error occurred")}else if(v(o)){let e;if(R(o),e=null!=U&&U>-1?{components:null===(l=null===(n=P.components[1])||void 0===n?void 0:n.cards)||void 0===l?void 0:l[U].components,mapping:null===(r=null===(a=null==P?void 0:P.mapping)||void 0===a?void 0:a.cards)||void 0===r?void 0:r[U]}:Object.assign({},P),e.components){const i=null===(d=null==e?void 0:e.components)||void 0===d?void 0:d.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==i&&i>-1&&(null==e?void 0:e.components[i])){const n=Object.assign(Object.assign({},e.components[i]),{format:g.format,example:{header_handle:[o]}}),t=[...e.components];t[i]=n,e.components=t}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[o]})),S(!1),null!=U&&U>-1){const o=t(P);o.components[1].cards[U].components=e.components,o.mapping.cards[U]=e.mapping,null==W||W(Object.assign({},o))}else null==W||W(Object.assign({},e))}else S(!1),H("Invalid URL or variable");else J()}))},variableListForImage:M||[],setOpenEditMedia:V,openEditMedia:_}),!!N&&n(d,{aspectRatio:15/8,src:N,onCropComplete:function(o){return e(this,void 0,void 0,(function*(){S(!1),H("");const e=yield fetch(o);K(yield e.blob()).then((()=>{F(void 0)}))}))},onCancel:()=>{S(!1),F(""),G.current&&(G.current.value="")}}),n("input",{ref:G,style:{display:"none"},type:"file",onChange:function(e){var o;H(""),S(!0);const i=null===(o=e.target.files)||void 0===o?void 0:o[0];if(g.format===p.IMAGE){const e=new FileReader;F(""),D(""),e.onload=()=>{F(e.result),D(null==i?void 0:i.name)},i&&e.readAsDataURL(i)}else K(i)},accept:q}),n(u,{imageName:null!==(C=null===(y=null==g?void 0:g.example)||void 0===y?void 0:y.header_handle)&&void 0!==C?C:[],handleImageChange:J,mediaType:null==g?void 0:g.format,error:B,isLoading:z,setOpenEditMedia:V,selectedVariable:v(null!==(x=null===(O=null===(I=null==g?void 0:g.example)||void 0===I?void 0:I.header_handle)||void 0===O?void 0:O[0])&&void 0!==x?x:"")?null===(A=null===(k=null==g?void 0:g.example)||void 0===k?void 0:k.header_handle)||void 0===A?void 0:A[0]:L,disableEditVariable:T})]})};export{f as default};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.495",
+	"version": "0.0.496-beta-1",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",