@bikdotai/bik-component-library 0.0.401-beta.5 → 0.0.401-beta.7

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

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

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

package/package.json

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