@bikdotai/bik-component-library 0.0.401-beta.6 → 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"),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;y(""),_(""),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})]})};
+"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 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;A(""),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};
+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.6",
+	"version": "0.0.401-beta.7",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",