@bikdotai/bik-component-library 0.0.512-beta.4 → 0.0.512

package/package.json

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
-declare const EditMediaTemplateMediaV2: React.FC<{
-    mediaComponent: WhatsAppTemplate['components'][0];
-    template: WhatsAppTemplate;
-    whatsappSpecificPickerMeta: WhatsAppPickerMeta;
-    updateTemplateImageUrl(url: string, format: WhatsAppTemplate['components'][0]['format']): void;
-    variableListForImage?: VariableListInterfaceV2[];
-}>;
-export default EditMediaTemplateMediaV2;

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

@@ -1 +0,0 @@
-"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:T}=r.useTemplateModalContext(),[S,D]=n.useState(void 0),[I,q]=n.useState(),[R,O]=n.useState(),[H,w]=n.useState(!1),k=u.default.createRef(),[P,U]=n.useState(!1),[F,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),U(!1);else{const e=m.format===l.HEADER_TYPES.IMAGE,n=yield V({file:i,fileName:S,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");U(!1)}}else Y("An unknown technical error occurred"),U(!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),q(void 0),O(void 0),w(!1),U(!1),Y("")}),[T]),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(""),w(!1),i)if(i.startsWith("https"))try{if(U(!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 U(!1);const[r]=t.split("/");f(null!==(n=e.url)&&void 0!==n?n:"",r.includes("application")?l.HEADER_TYPES.DOCUMENT:l.HEADER_TYPES[r.toUpperCase()])}else Y("An unknown technical error occurred");U(!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!=T&&T>-1?{components:null===(r=null===(a=L.components[1])||void 0===a?void 0:a.cards)||void 0===r?void 0:r[T].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[T]}: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]})),U(!1),null!=T&&T>-1){const i=t.cloneDeep(L);i.components[1].cards[T].components=e.components,i.mapping.cards[T]=e.mapping,null==N||N(Object.assign({},i))}else null==N||N(Object.assign({},e))}else U(!1),Y("Invalid URL or variable");else B()}))},variableListForImage:g||[],setOpenEditMedia:w,openEditMedia:H}),!!I&&i.jsx(a.BikImageCropper,{aspectRatio:15/8,src:I,onCropComplete:function(i){return e.__awaiter(this,void 0,void 0,(function*(){U(!1),Y("");const e=yield fetch(i);W(yield e.blob()).then((()=>{q(void 0)}))}))},onCancel:()=>{U(!1),q(""),k.current&&(k.current.value="")}}),i.jsx("input",{ref:k,style:{display:"none"},type:"file",onChange:function(e){var i;Y(""),U(!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;q(""),D(""),e.onload=()=>{q(e.result),D(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:F,isLoading:P,setOpenEditMedia:w,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})]})};

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
-declare const EditMediaTemplateMediaV2: React.FC<{
-    mediaComponent: WhatsAppTemplate['components'][0];
-    template: WhatsAppTemplate;
-    whatsappSpecificPickerMeta: WhatsAppPickerMeta;
-    updateTemplateImageUrl(url: string, format: WhatsAppTemplate['components'][0]['format']): void;
-    variableListForImage?: VariableListInterfaceV2[];
-}>;
-export default EditMediaTemplateMediaV2;

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

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as i,Fragment as o,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 E,y,C,I,O,x,k,A;const{disableEditVariable:w,selectedCarouselIndex:T}=c(),[U,D]=a(void 0),[F,L]=a(),[N,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(i){var o;return e(this,void 0,void 0,(function*(){const e=new d;if(i instanceof Blob){const n=e.validate({file:i});if(n)H(n),S(!1);else{const e=g.format===p.IMAGE,n=yield X({file:i,fileName:U,isImage:e});if(n.success){const[e]=i.type.split("/");b(null!==(o=n.url)&&void 0!==o?o:"","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),L(void 0),R(void 0),V(!1),S(!1),H("")}),[T]),i(o,{children:[n(m,{mediaComponentFormat:null!==(E=g.format)&&void 0!==E?E:p.IMAGE,uploadMedia:function(i){var o,n,l,a,r,s;return e(this,void 0,void 0,(function*(){if(H(""),R(""),V(!1),i)if(i.startsWith("https"))try{if(S(!0),$){const e=yield $(i),{type:n,size:t,success:l}=e;if(l){const i=(new d).validate({linkData:{type:n,size:t}});if(i)return H(i),void S(!1);const[l]=n.split("/");b(null!==(o=e.url)&&void 0!==o?o:"",l.includes("application")?p.DOCUMENT:p[l.toUpperCase()])}else H("An unknown technical error occurred");S(!1)}else{const e=yield fetch(i),o=yield e.blob();yield K(o)}}catch(e){H("An unknown technical error occurred")}else if(v(i)){let e;if(R(i),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 o=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!==o&&o>-1&&(null==e?void 0:e.components[o])){const n=Object.assign(Object.assign({},e.components[o]),{format:g.format,example:{header_handle:[i]}}),t=[...e.components];t[o]=n,e.components=t}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[i]})),S(!1),null!=T&&T>-1){const i=t(P);i.components[1].cards[T].components=e.components,i.mapping.cards[T]=e.mapping,null==W||W(Object.assign({},i))}else null==W||W(Object.assign({},e))}else S(!1),H("Invalid URL or variable");else J()}))},variableListForImage:M||[],setOpenEditMedia:V,openEditMedia:_}),!!F&&n(s,{aspectRatio:15/8,src:F,onCropComplete:function(i){return e(this,void 0,void 0,(function*(){S(!1),H("");const e=yield fetch(i);K(yield e.blob()).then((()=>{L(void 0)}))}))},onCancel:()=>{S(!1),L(""),G.current&&(G.current.value="")}}),n("input",{ref:G,style:{display:"none"},type:"file",onChange:function(e){var i;H(""),S(!0);const o=null===(i=e.target.files)||void 0===i?void 0:i[0];if(g.format===p.IMAGE){const e=new FileReader;L(""),D(""),e.onload=()=>{L(e.result),D(null==o?void 0:o.name)},o&&e.readAsDataURL(o)}else K(o)},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]:N,disableEditVariable:w})]})};export{f as default};