@bikdotai/bik-component-library 0.0.359-beta.22 → 0.0.359-beta.23

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"),r=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../constants/zindex.js");var l=require("../../modals/styledModal.js");require("../../spinner/Spinner.js");var n=require("../../input-with-vars/InputWithVariables.js"),o=require("../../template-preview/models/TemplateMeta.js"),s=require("../context/templateModalContext.js"),d=require("./EditMediaV2.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(a);exports.default=u=>{let{mediaComponent:p,template:m,updateTemplateImageUrl:f,whatsappSpecificPickerMeta:v,variableList:g}=u;var h,j;const[E,b]=a.useState(void 0),[x,y]=a.useState(),[_,w]=a.useState(!1),C=c.default.createRef(),[S,M]=a.useState(!1),[A,I]=a.useState(""),{template:T,setTemplate:q}=s.useTemplateModalContext();let R;function O(t){return e.__awaiter(this,void 0,void 0,(function*(){if(M(!0),I(""),t)if(t.startsWith("https")){const e=yield fetch(t),a=yield e.blob();yield H(a)}else{if(!/^{{.*}}$/.test(t))throw new Error("Invalid url or variable");{const e=yield fetch("https://jkfenner.com/wp-content/uploads/2019/11/default.jpg"),a=yield e.blob();yield H(a);const i=Object.assign({},T);i.mapping&&(i.mapping=Object.assign(Object.assign({},i.mapping),{header:[t]}),null==q||q(Object.assign({},i)))}}else D()}))}function D(){var e;(null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.click)&&C.current.click()}function H(t){var a;return e.__awaiter(this,void 0,void 0,(function*(){const e=new i.FileUploaderHelper;if(t instanceof Blob){const i=e.validate(t);if(i)I(i),w(!1),M(!1);else{const e=p.format===o.HEADER_TYPES.IMAGE,i=yield v.uploadMediaFiles({file:t,fileName:E,isImage:e});if(i.success){const[e]=t.type.split("/");f(null!==(a=i.url)&&void 0!==a?a:"","application"===e?o.HEADER_TYPES.DOCUMENT:o.HEADER_TYPES[e.toUpperCase()])}else I("An unknown technical error occured");M(!1),w(!1)}}else I("An unknown technical error occured"),w(!1),M(!1)}))}return console.log("currentTemplate",T),R=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(l.StyledModal,Object.assign({open:_,zIndex:2e3,onClose:()=>w(!1),width:"480px"},{children:t.jsxs("div",Object.assign({style:{padding:16}},{children:[t.jsx(n.InputWithVariables,{addVarBoxRight:"16px",allowMix:!1,onChange:e=>{console.log(e)},prevVariable:{actualValue:"",variableType:"string"},variablesList:g,showSideVariablePanel:!0,placeHolder:"Enter url or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&(console.log(t),O(t.actualValue))},showAddButton:p.format===o.HEADER_TYPES.IMAGE}),t.jsx("button",Object.assign({onClick:()=>O()},{children:"upload media"}))]}))})),!!x&&t.jsx(r.BikImageCropper,{aspectRatio:15/8,src:x,onCropComplete:function(t){return e.__awaiter(this,void 0,void 0,(function*(){M(!1),I("");const e=yield fetch(t);H(yield e.blob()).then((()=>{y(void 0)}))}))},onCancel:()=>{M(!1),y("")}}),t.jsx("input",{ref:C,style:{display:"none"},type:"file",onChange:function(e){var t;I(""),M(!0);const a=null===(t=e.target.files)||void 0===t?void 0:t[0];if(p.format===o.HEADER_TYPES.IMAGE){const e=new FileReader;y(""),b(""),e.onload=()=>{y(e.result),b(null==a?void 0:a.name)},a&&e.readAsDataURL(a)}else H(a)},accept:R}),t.jsx(d.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:D,mediaType:null==p?void 0:p.format,error:A,isLoading:S,setOpenEditMedia:w})]})};
+"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"),r=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../constants/zindex.js");var n=require("../../modals/styledModal.js");require("../../spinner/Spinner.js");var l=require("../../input-with-vars/InputWithVariables.js"),o=require("../../template-preview/models/TemplateMeta.js"),s=require("../context/templateModalContext.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,variableList:g}=c;var h,j;const[E,b]=a.useState(void 0),[x,y]=a.useState(),[_,C]=a.useState(!1),S=u.default.createRef(),[A,M]=a.useState(!1),[w,T]=a.useState(""),{template:q,setTemplate:I}=s.useTemplateModalContext();let R;function O(t){return e.__awaiter(this,void 0,void 0,(function*(){if(M(!0),T(""),t){const e=t.startsWith("https")?t:"https://shorturl.at/fgyP0";try{const a=yield fetch(e),i=yield a.blob();if(yield D(i),/^{{.*}}$/.test(t)){const e=Object.assign({},q);e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[t]}),null==I||I(Object.assign({},e)))}}catch(e){T("An unknown technical error occured")}}else P()}))}function P(){var e;(null===(e=null==S?void 0:S.current)||void 0===e?void 0:e.click)&&S.current.click()}function D(t){var a;return e.__awaiter(this,void 0,void 0,(function*(){const e=new i.FileUploaderHelper;if(t instanceof Blob){const i=e.validate(t);if(i)T(i),C(!1),M(!1);else{const e=p.format===o.HEADER_TYPES.IMAGE,i=yield v.uploadMediaFiles({file:t,fileName:E,isImage:e});if(i.success){const[e]=t.type.split("/");f(null!==(a=i.url)&&void 0!==a?a:"","application"===e?o.HEADER_TYPES.DOCUMENT:o.HEADER_TYPES[e.toUpperCase()])}else T("An unknown technical error occured");M(!1),C(!1)}}else T("An unknown technical error occured"),C(!1),M(!1)}))}return console.log("currentTemplate",q),R=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(n.StyledModal,Object.assign({open:_,zIndex:2e3,onClose:()=>C(!1),width:"480px"},{children:t.jsxs("div",Object.assign({style:{padding:16}},{children:[t.jsx(l.InputWithVariables,{addVarBoxRight:"16px",allowMix:!1,onChange:e=>{console.log(e)},prevVariable:{actualValue:"",variableType:"string"},variablesList:g,showSideVariablePanel:!0,placeHolder:"Enter url or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&(console.log(t),O(t.actualValue))},showAddButton:p.format===o.HEADER_TYPES.IMAGE}),t.jsx("button",Object.assign({onClick:()=>O()},{children:"upload media"}))]}))})),!!x&&t.jsx(r.BikImageCropper,{aspectRatio:15/8,src:x,onCropComplete:function(t){return e.__awaiter(this,void 0,void 0,(function*(){M(!1),T("");const e=yield fetch(t);D(yield e.blob()).then((()=>{y(void 0)}))}))},onCancel:()=>{M(!1),y("")}}),t.jsx("input",{ref:S,style:{display:"none"},type:"file",onChange:function(e){var t;T(""),M(!0);const a=null===(t=e.target.files)||void 0===t?void 0:t[0];if(p.format===o.HEADER_TYPES.IMAGE){const e=new FileReader;y(""),b(""),e.onload=()=>{y(e.result),b(null==a?void 0:a.name)},a&&e.readAsDataURL(a)}else D(a)},accept:R}),t.jsx(d.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:P,mediaType:null==p?void 0:p.format,error:w,isLoading:A,setOpenEditMedia:C})]})};

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 a,{useState as n}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{StyledModal as s}from"../../modals/styledModal.js";import"../../spinner/Spinner.js";import{InputWithVariables as p}from"../../input-with-vars/InputWithVariables.js";import{HEADER_TYPES as d}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as c}from"../context/templateModalContext.js";import m from"./EditMediaV2.js";const u=u=>{let{mediaComponent:f,template:v,updateTemplateImageUrl:g,whatsappSpecificPickerMeta:h,variableList:b}=u;var j,y;const[C,w]=n(void 0),[I,M]=n(),[x,E]=n(!1),O=a.createRef(),[V,k]=n(!1),[A,T]=n(""),{template:B,setTemplate:R}=c();let U;function G(t){return e(this,void 0,void 0,(function*(){if(k(!0),T(""),t)if(t.startsWith("https")){const e=yield fetch(t),i=yield e.blob();yield S(i)}else{if(!/^{{.*}}$/.test(t))throw new Error("Invalid url or variable");{const e=yield fetch("https://jkfenner.com/wp-content/uploads/2019/11/default.jpg"),i=yield e.blob();yield S(i);const o=Object.assign({},B);o.mapping&&(o.mapping=Object.assign(Object.assign({},o.mapping),{header:[t]}),null==R||R(Object.assign({},o)))}}else L()}))}function L(){var e;(null===(e=null==O?void 0:O.current)||void 0===e?void 0:e.click)&&O.current.click()}function S(t){var i;return e(this,void 0,void 0,(function*(){const e=new l;if(t instanceof Blob){const o=e.validate(t);if(o)T(o),E(!1),k(!1);else{const e=f.format===d.IMAGE,o=yield h.uploadMediaFiles({file:t,fileName:C,isImage:e});if(o.success){const[e]=t.type.split("/");g(null!==(i=o.url)&&void 0!==i?i:"","application"===e?d.DOCUMENT:d[e.toUpperCase()])}else T("An unknown technical error occured");k(!1),E(!1)}}else T("An unknown technical error occured"),E(!1),k(!1)}))}return console.log("currentTemplate",B),U=f.format===d.IMAGE?"image/png, image/jpeg":f.format===d.VIDEO?"video/mp4":"application/pdf",t(i,{children:[o(s,Object.assign({open:x,zIndex:2e3,onClose:()=>E(!1),width:"480px"},{children:t("div",Object.assign({style:{padding:16}},{children:[o(p,{addVarBoxRight:"16px",allowMix:!1,onChange:e=>{console.log(e)},prevVariable:{actualValue:"",variableType:"string"},variablesList:b,showSideVariablePanel:!0,placeHolder:"Enter url or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&(console.log(t),G(t.actualValue))},showAddButton:f.format===d.IMAGE}),o("button",Object.assign({onClick:()=>G()},{children:"upload media"}))]}))})),!!I&&o(r,{aspectRatio:15/8,src:I,onCropComplete:function(t){return e(this,void 0,void 0,(function*(){k(!1),T("");const e=yield fetch(t);S(yield e.blob()).then((()=>{M(void 0)}))}))},onCancel:()=>{k(!1),M("")}}),o("input",{ref:O,style:{display:"none"},type:"file",onChange:function(e){var t;T(""),k(!0);const i=null===(t=e.target.files)||void 0===t?void 0:t[0];if(f.format===d.IMAGE){const e=new FileReader;M(""),w(""),e.onload=()=>{M(e.result),w(null==i?void 0:i.name)},i&&e.readAsDataURL(i)}else S(i)},accept:U}),o(m,{imageName:null!==(y=null===(j=null==f?void 0:f.example)||void 0===j?void 0:j.header_handle)&&void 0!==y?y:[],handleImageChange:L,mediaType:null==f?void 0:f.format,error:A,isLoading:V,setOpenEditMedia:E})]})};export{u as default};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as t,Fragment as i,jsx as o}from"react/jsx-runtime";import a,{useState as n}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{StyledModal as s}from"../../modals/styledModal.js";import"../../spinner/Spinner.js";import{InputWithVariables as c}from"../../input-with-vars/InputWithVariables.js";import{HEADER_TYPES as p}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import m from"./EditMediaV2.js";const u=u=>{let{mediaComponent:f,template:v,updateTemplateImageUrl:g,whatsappSpecificPickerMeta:h,variableList:b}=u;var j,y;const[C,M]=n(void 0),[w,I]=n(),[x,O]=n(!1),A=a.createRef(),[E,V]=n(!1),[k,T]=n(""),{template:B,setTemplate:R}=d();let U;function G(t){return e(this,void 0,void 0,(function*(){if(V(!0),T(""),t){const e=t.startsWith("https")?t:"https://shorturl.at/fgyP0";try{const i=yield fetch(e),o=yield i.blob();if(yield S(o),/^{{.*}}$/.test(t)){const e=Object.assign({},B);e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[t]}),null==R||R(Object.assign({},e)))}}catch(e){T("An unknown technical error occured")}}else L()}))}function L(){var e;(null===(e=null==A?void 0:A.current)||void 0===e?void 0:e.click)&&A.current.click()}function S(t){var i;return e(this,void 0,void 0,(function*(){const e=new l;if(t instanceof Blob){const o=e.validate(t);if(o)T(o),O(!1),V(!1);else{const e=f.format===p.IMAGE,o=yield h.uploadMediaFiles({file:t,fileName:C,isImage:e});if(o.success){const[e]=t.type.split("/");g(null!==(i=o.url)&&void 0!==i?i:"","application"===e?p.DOCUMENT:p[e.toUpperCase()])}else T("An unknown technical error occured");V(!1),O(!1)}}else T("An unknown technical error occured"),O(!1),V(!1)}))}return console.log("currentTemplate",B),U=f.format===p.IMAGE?"image/png, image/jpeg":f.format===p.VIDEO?"video/mp4":"application/pdf",t(i,{children:[o(s,Object.assign({open:x,zIndex:2e3,onClose:()=>O(!1),width:"480px"},{children:t("div",Object.assign({style:{padding:16}},{children:[o(c,{addVarBoxRight:"16px",allowMix:!1,onChange:e=>{console.log(e)},prevVariable:{actualValue:"",variableType:"string"},variablesList:b,showSideVariablePanel:!0,placeHolder:"Enter url or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&(console.log(t),G(t.actualValue))},showAddButton:f.format===p.IMAGE}),o("button",Object.assign({onClick:()=>G()},{children:"upload media"}))]}))})),!!w&&o(r,{aspectRatio:15/8,src:w,onCropComplete:function(t){return e(this,void 0,void 0,(function*(){V(!1),T("");const e=yield fetch(t);S(yield e.blob()).then((()=>{I(void 0)}))}))},onCancel:()=>{V(!1),I("")}}),o("input",{ref:A,style:{display:"none"},type:"file",onChange:function(e){var t;T(""),V(!0);const i=null===(t=e.target.files)||void 0===t?void 0:t[0];if(f.format===p.IMAGE){const e=new FileReader;I(""),M(""),e.onload=()=>{I(e.result),M(null==i?void 0:i.name)},i&&e.readAsDataURL(i)}else S(i)},accept:U}),o(m,{imageName:null!==(y=null===(j=null==f?void 0:f.example)||void 0===j?void 0:j.header_handle)&&void 0!==y?y:[],handleImageChange:L,mediaType:null==f?void 0:f.format,error:k,isLoading:E,setOpenEditMedia:O})]})};export{u as default};

package/package.json

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