@bikdotai/bik-component-library 0.0.433-beta.21 → 0.0.433-beta.22

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

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

package/package.json

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