@bikdotai/bik-component-library 0.0.48-editor.6 → 0.0.48-editor.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../helpers/BaseWhatsappContentLang.helper.js"),n=require("react"),r=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),o=require("./CustomEditor.styled.js"),u=require("./CustomEditorHeader.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(n);const s="Character limit reached",a=new t.BaseWhatsappContentLangHelper,d={[u.EditorActionTypes.BOLD]:"*",[u.EditorActionTypes.ITALIC]:"_",[u.EditorActionTypes.STRIKETHROUGH]:"~"},v=c.default.forwardRef(((t,i)=>{let{onChange:c,text:v,RightComponent:h,error:p,limit:f,onError:g,rows:m,actions:x}=t;var C,j;const E=n.useRef(null);function T(e){var t;let n=null===(t=E.current)||void 0===t?void 0:t.value;if(E.current&&e){const t=E.current.selectionStart,r=E.current.selectionEnd,l=e;if(t===r){n=`${n}${l}`;const e=a.getHTML(n);return E.current.value=n,{text:n,html:e}}{n=a.wrappWildcard(t,r,l,n);const e=a.getHTML(n);return E.current.value=n,{text:n,html:e}}}return{text:n,html:n}}function y(e){var t;let n=null===(t=E.current)||void 0===t?void 0:t.value;if(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../helpers/BaseWhatsappContentLang.helper.js"),n=require("react"),r=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),o=require("./CustomEditor.styled.js"),u=require("./CustomEditorHeader.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(n);const s="Character limit reached",a=new t.BaseWhatsappContentLangHelper,d={[u.EditorActionTypes.BOLD]:"*",[u.EditorActionTypes.ITALIC]:"_",[u.EditorActionTypes.STRIKETHROUGH]:"~"},v=c.default.forwardRef(((t,i)=>{let{onChange:c,text:v,RightComponent:h,error:p,limit:f,onError:g,rows:m,actions:x}=t;var C,j;const E=n.useRef(null);function T(e){var t;let n=null===(t=E.current)||void 0===t?void 0:t.value;if(E.current&&e){const t=E.current.selectionStart,r=E.current.selectionEnd,l=e;if(t===r){n=`${n}${l}`;const e=a.getHTML(n);return E.current.value=n,{text:n,html:e}}{n=a.wrappWildcard(t,r,l,n);const e=a.getHTML(n);return E.current.value=n,{text:n,html:e}}}return{text:n,html:n}}function y(e){var t,n;let r=null!==(n=null===(t=E.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(E.current&&e){const t=E.current.selectionStart;if(t===E.current.selectionEnd){r=r.slice(0,t)+e+r.slice(t);const n=a.getHTML(r);return E.current.value=r,{text:r,html:n}}}return{text:r,html:r}}return n.useImperativeHandle(i,(()=>({addTextOrWrap:T,addText:y,get(){var e,t;return null!==(t=null===(e=E.current)||void 0===e?void 0:e.value)&&void 0!==t?t:""}}))),n.useEffect((()=>{if((null==E?void 0:E.current)&&v){E.current.value=v;const e=a.getHTML(v);null==c||c(v,e)}}),[]),n.useEffect((()=>{var e,t;(null===(e=null==E?void 0:E.current)||void 0===e?void 0:e.value)&&f&&((null===(t=null==E?void 0:E.current)||void 0===t?void 0:t.value.length)>f?null==g||g(s):null==g||g(null!=p?p:""))}),[null===(C=null==E?void 0:E.current)||void 0===C?void 0:C.value.length]),e.jsxs(o.OuterContainer,{children:[e.jsxs(o.Container,Object.assign({isError:!!p},{children:[e.jsx(u.CustomEditorHeader,{actions:x,ref:E,onActionSelect:function(e){const{text:t,html:n}=T(null==d?void 0:d[e]);null==c||c(t,n)},RightComponent:h,onEmojiClick:function(e){const{text:t,html:n}=T(e);null==c||c(t,n)}}),e.jsx(o.TextSpace,{rows:m,ref:E,onChange:function(e){const t=e.target.value,n=a.getHTML(t);null==c||c(t,n)}})]})),p&&p!==s?e.jsx(l.BodyCaption,Object.assign({style:{color:r.COLORS.content.negative}},{children:p})):e.jsx(e.Fragment,{children:f&&(null==E?void 0:E.current)?e.jsxs(l.BodyCaption,Object.assign({style:{color:p===s||(null===(j=null==E?void 0:E.current)||void 0===j?void 0:j.value.length)>f?r.COLORS.content.negative:r.COLORS.content.secondary}},{children:[E.current.value.length,"/",f]})):e.jsx(e.Fragment,{})})]})}));v.displayName="CustomEditor",exports.CustomEditor=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../utils/isAlphanumeric.js");exports.BaseWhatsappContentLangHelper=class{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../utils/isAlphanumeric.js");exports.BaseWhatsappContentLangHelper=class{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi,"<br>")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const r=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?r.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t.isAplhanumeric(e[p+1]))&&r.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t.isAplhanumeric(e[p-1]))&&r.push(p))):10===e.charCodeAt(p)&&r.length%2&&r.pop();r.length%2&&r.pop();let l=0;return r.forEach((function(t,s){const r=s%2?a:p;t+=l,e=e.substr(0,t)+r+e.substr(t+1),l+=r.length-1})),e}whatsappStylesMonospace(e,s,p){const a=[];if(e)for(let s=0;s<e.length;s++)"`"===e[s]&&"`"===e[s+1]&&"`"===e[s+2]?a.length%2?" "===e[s-3]||(void 0===e[s+3]?a.push(s):t.isAplhanumeric(e[s+3])?a.length%2==1&&a.pop():a.push(s)):void 0===e[s+3]||" "===e[s+3]||(void 0===e[s-1]||" "===e[s-1]?a.push(s):t.isAplhanumeric(e[s-1])?a.length%2==1&&a.pop():a.push(s)):10===e.charCodeAt(s)&&a.length%2&&a.pop();a.length%2&&a.pop();let r=0;return a.forEach((function(t,a){const l=a%2?p:s;t+=r,e=e.substr(0,t)+l+e.substr(t+3),r+=l.length-3})),e}whatsappLinkStyle(t){const e=t;return new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)?`<a href="${e}" target="_blank" rel="noreferrer">${e}</a>`:e}wrappWildcard(t,e,s,p){return t<0||t>e?p:p.slice(0,t)+s+p.slice(t,e)+s+p.slice(e)}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{BaseWhatsappContentLangHelper as r}from"../../helpers/BaseWhatsappContentLang.helper.js";import l,{useRef as o,useImperativeHandle as i,useEffect as u}from"react";import{COLORS as c}from"../../constants/Theme.js";import{BodyCaption as a}from"../TypographyStyle.js";import{OuterContainer as s,Container as d,TextSpace as v}from"./CustomEditor.styled.js";import{EditorActionTypes as m,CustomEditorHeader as h}from"./CustomEditorHeader.js";const g="Character limit reached",f=new r,p={[m.BOLD]:"*",[m.ITALIC]:"_",[m.STRIKETHROUGH]:"~"},x=l.forwardRef(((r,l)=>{let{onChange:m,text:x,RightComponent:T,error:C,limit:j,onError:E,rows:y,actions:H}=r;var L,O;const w=o(null);function M(t){var e;let n=null===(e=w.current)||void 0===e?void 0:e.value;if(w.current&&t){const e=w.current.selectionStart,r=w.current.selectionEnd,l=t;if(e===r){n=`${n}${l}`;const t=f.getHTML(n);return w.current.value=n,{text:n,html:t}}{n=f.wrappWildcard(e,r,l,n);const t=f.getHTML(n);return w.current.value=n,{text:n,html:t}}}return{text:n,html:n}}function R(t){var e;let n=null===(e=w.current)||void 0===e?void 0:e.value;if(
|
|
1
|
+
import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{BaseWhatsappContentLangHelper as r}from"../../helpers/BaseWhatsappContentLang.helper.js";import l,{useRef as o,useImperativeHandle as i,useEffect as u}from"react";import{COLORS as c}from"../../constants/Theme.js";import{BodyCaption as a}from"../TypographyStyle.js";import{OuterContainer as s,Container as d,TextSpace as v}from"./CustomEditor.styled.js";import{EditorActionTypes as m,CustomEditorHeader as h}from"./CustomEditorHeader.js";const g="Character limit reached",f=new r,p={[m.BOLD]:"*",[m.ITALIC]:"_",[m.STRIKETHROUGH]:"~"},x=l.forwardRef(((r,l)=>{let{onChange:m,text:x,RightComponent:T,error:C,limit:j,onError:E,rows:y,actions:H}=r;var L,O;const w=o(null);function M(t){var e;let n=null===(e=w.current)||void 0===e?void 0:e.value;if(w.current&&t){const e=w.current.selectionStart,r=w.current.selectionEnd,l=t;if(e===r){n=`${n}${l}`;const t=f.getHTML(n);return w.current.value=n,{text:n,html:t}}{n=f.wrappWildcard(e,r,l,n);const t=f.getHTML(n);return w.current.value=n,{text:n,html:t}}}return{text:n,html:n}}function R(t){var e,n;let r=null!==(n=null===(e=w.current)||void 0===e?void 0:e.value)&&void 0!==n?n:"";if(w.current&&t){const e=w.current.selectionStart;if(e===w.current.selectionEnd){r=r.slice(0,e)+t+r.slice(e);const n=f.getHTML(r);return w.current.value=r,{text:r,html:n}}}return{text:r,html:r}}return i(l,(()=>({addTextOrWrap:M,addText:R,get(){var t,e;return null!==(e=null===(t=w.current)||void 0===t?void 0:t.value)&&void 0!==e?e:""}}))),u((()=>{if((null==w?void 0:w.current)&&x){w.current.value=x;const t=f.getHTML(x);null==m||m(x,t)}}),[]),u((()=>{var t,e;(null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.value)&&j&&((null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.value.length)>j?null==E||E(g):null==E||E(null!=C?C:""))}),[null===(L=null==w?void 0:w.current)||void 0===L?void 0:L.value.length]),t(s,{children:[t(d,Object.assign({isError:!!C},{children:[e(h,{actions:H,ref:w,onActionSelect:function(t){const{text:e,html:n}=M(null==p?void 0:p[t]);null==m||m(e,n)},RightComponent:T,onEmojiClick:function(t){const{text:e,html:n}=M(t);null==m||m(e,n)}}),e(v,{rows:y,ref:w,onChange:function(t){const e=t.target.value,n=f.getHTML(e);null==m||m(e,n)}})]})),C&&C!==g?e(a,Object.assign({style:{color:c.content.negative}},{children:C})):e(n,{children:j&&(null==w?void 0:w.current)?t(a,Object.assign({style:{color:C===g||(null===(O=null==w?void 0:w.current)||void 0===O?void 0:O.value.length)>j?c.content.negative:c.content.secondary}},{children:[w.current.value.length,"/",j]})):e(n,{})})]})}));x.displayName="CustomEditor";export{x as CustomEditor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isAplhanumeric as t}from"../utils/isAlphanumeric.js";class e{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,
|
|
1
|
+
import{isAplhanumeric as t}from"../utils/isAlphanumeric.js";class e{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi,"<br>")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const h=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?h.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t(e[p+1]))&&h.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t(e[p-1]))&&h.push(p))):10===e.charCodeAt(p)&&h.length%2&&h.pop();h.length%2&&h.pop();let l=0;return h.forEach((function(t,s){const h=s%2?a:p;t+=l,e=e.substr(0,t)+h+e.substr(t+1),l+=h.length-1})),e}whatsappStylesMonospace(e,s,p){const a=[];if(e)for(let s=0;s<e.length;s++)"`"===e[s]&&"`"===e[s+1]&&"`"===e[s+2]?a.length%2?" "===e[s-3]||(void 0===e[s+3]?a.push(s):t(e[s+3])?a.length%2==1&&a.pop():a.push(s)):void 0===e[s+3]||" "===e[s+3]||(void 0===e[s-1]||" "===e[s-1]?a.push(s):t(e[s-1])?a.length%2==1&&a.pop():a.push(s)):10===e.charCodeAt(s)&&a.length%2&&a.pop();a.length%2&&a.pop();let h=0;return a.forEach((function(t,a){const l=a%2?p:s;t+=h,e=e.substr(0,t)+l+e.substr(t+3),h+=l.length-3})),e}whatsappLinkStyle(t){const e=t;return new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)?`<a href="${e}" target="_blank" rel="noreferrer">${e}</a>`:e}wrappWildcard(t,e,s,p){return t<0||t>e?p:p.slice(0,t)+s+p.slice(t,e)+s+p.slice(e)}}export{e as BaseWhatsappContentLangHelper};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bikdotai/bik-component-library",
|
|
3
|
-
"version": "0.0.48-editor.
|
|
3
|
+
"version": "0.0.48-editor.7",
|
|
4
4
|
"description": "Bik Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -58,8 +58,7 @@
|
|
|
58
58
|
"react-image-crop": "^10.0.9",
|
|
59
59
|
"react-lottie": "^1.2.3",
|
|
60
60
|
"react-popper": "^2.3.0",
|
|
61
|
-
"react-toastify": "^9.1.2"
|
|
62
|
-
"emoji-picker-react": "^3.6.1"
|
|
61
|
+
"react-toastify": "^9.1.2"
|
|
63
62
|
},
|
|
64
63
|
"devDependencies": {
|
|
65
64
|
"@babel/core": "^7.20.12",
|
|
@@ -154,7 +153,8 @@
|
|
|
154
153
|
"react-native-uuid": "^2.0.1",
|
|
155
154
|
"react-redux": "^7.2.6",
|
|
156
155
|
"redux": "^4.1.2",
|
|
157
|
-
"styled-components": "^5.3.3"
|
|
156
|
+
"styled-components": "^5.3.3",
|
|
157
|
+
"emoji-picker-react": "^3.6.1"
|
|
158
158
|
},
|
|
159
159
|
"engines": {
|
|
160
160
|
"node": ">=16"
|