npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.6 → 0.0.817-beta.7 - Mend

@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.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.

Files changed (1818) hide show

package/dist/cjs/components/input/Input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),ge=require("../../assets/icons/info.svg.js"),r=require("react"),x=require("./Input-helper.js"),ee=require("../TypographyStyle.js"),ne=require("../../constants/Theme.js"),je=require("../../assets/icons/errorInfo.svg.js"),Ee=require("./context/InputStyleProvider.js"),s=require("./Input.styled.js"),te=require("../button/Button.js"),Ce=require("../tooltips/Tooltip.js"),ie=r.forwardRef((e,re)=>{const{placeholder:D,leftIcon:P,rightIcon:T,labelText:k,maxCharLimit:u,isRequired:V,hintText:U,type:c,state:v,validate:oe,variant:l,button:m,suffixText:S,prefixText:M,onChangeText:L,value:p,noErrorHint:se,reset:w,rangeValidation:ue,noKeyDownChange:ce,version:le,noMaxCharCheck:H,labelElement:R,autoGrow:y,minHeight:g,maxHeight:ae,labelTextBold:me,truncateText:de,maxCharLimitPosition:_,hightlightInputColor:he,onKeyDownEvent:A,hideInputHeader:pe,hideBorder:fe,inputWrapperStyles:be,minCharsToTrigger:O,maxCharAlignment:xe,isDisabled:B=!1,allowUnsafeInput:Ne}={maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0,maxCharAlignment:!1,...e},F=P?.icon,q=T?.icon,[j,N]=r.useState(!1),[Ie,E]=r.useState(!1),[d,z]=r.useState(),K=l==="x-small"?"12px":l==="small"?"18px":"22px",I=r.useContext(Ee.InputStyleContext),[W,C]=r.useState(""),ke=r.useRef(null),o=re??ke;r.useEffect(()=>{C(p||""),!p&&y&&(o.current.style.height=g||"48px")},[p]),r.useEffect(()=>{o.current&&e.onReferenceInit?.(o.current)},[o]),r.useEffect(()=>{const n=o.current;if(n&&["phonenumber","zip","number"].includes(c))return n.addEventListener("wheel",Y,{passive:!1}),()=>{n.removeEventListener("wheel",Y)}},[]),r.useEffect(()=>{w&&C("")},[w]),r.useEffect(()=>{E(!!e.isActive),e.isActive&&o.current?.focus()},[e.isActive]),r.useEffect(()=>{z(e.errorMessage)},[e.errorMessage]),r.useEffect(()=>{N(!1),(e.state==="invalid"||d||e.state==="disabled-invalid")&&N(!0),e.state==="active"&&o.current?.focus()},[e.state,d]),r.useEffect(()=>{N(!!d||e.state==="invalid")},[d,e.state]);const h=(n,...i)=>{x.isFunction(n)&&n(...i)},X=()=>c==="zip"?6:2e3,G=n=>{const i=u!==0?u:X(),f=[8],b=O,a=n.target.value;A&&(!a.length||a.length>=b)&&A(n),!ce&&(!a.length||a.length>=b)&&L(p||"",n),!H&&!f.includes(n.which)&&i>0&&a.length>=i&&n.preventDefault()},Y=n=>{n.preventDefault()},$=n=>{let i=n.target.value;const f=u!==0?u+1:X(),b=O;if(!Ne&&x.shouldSanitizeForType(c)&&(i=x.sanitizeUnsafeInput(i)),!H&&f>0&&i.length>=f&&(i=i.substring(0,f-1)),e.textControl||C(i||""),b&&i&&i.length<b)return;L(i,n),y&&(o.current.style.height=`${o.current.scrollHeight}px`,i||(o.current.style.height=g||"48px"));const a=oe||x.validateInput;if(!a||!x.isFunction(a))return;const[ve,ye]=a(i,c,ue);N(!ve),z(e.errorMessage?e.errorMessage:ye)},J=n=>{e.skipFocus||E(!0),h(e.onFocus?.(n))},Q=n=>{e.skipFocus||E(!1),h(e.onBlur?.(n))},Z=()=>t.jsxDEV(t.Fragment,{children:[c!=="multiline"&&t.jsxDEV("input",{className:de?"truncate-class":"","data-test":e["data-test"],id:e.id,style:I?.input??{},ref:o,disabled:B,type:["phonenumber","zip","number"].includes(c)?"number":c,value:W,onFocus:n=>J(n),onBlur:n=>Q(n),placeholder:D||"Enter here",onChange:$,onClick:n=>h(e.onClick),onKeyDown:n=>G(n)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:269,columnNumber:7},void 0),c==="multiline"&&t.jsxDEV("textarea",{"data-test":e["data-test"],value:W,ref:o,onFocus:n=>J(n),onBlur:n=>Q(n),onClick:n=>h(e.onClick),disabled:B,placeholder:D||"Enter here",onChange:$,onKeyDown:n=>G(n),maxLength:u>0?u:void 0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:291,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:267,columnNumber:5},void 0);return t.jsxDEV(s.RootContainer,{width:e.width,height:e.height,state:v,type:c,style:I?.RootContainer??{},children:[t.jsxDEV("div",{className:"flex-align-center",children:[!se&&(!!U||!!d)&&t.jsxDEV(s.InputFooter,{invalid:!!d,children:[!!d&&t.jsxDEV(je.default,{width:16,height:16},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:320,columnNumber:27},void 0),d||U]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:319,columnNumber:7},void 0),u>0&&_==="BOTTOM"&&t.jsxDEV(s.MaxCharStyle,{position:"BOTTOM",children:[(p??"").toString()?.length??0,"/",u]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:325,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:317,columnNumber:5},void 0),t.jsxDEV(s.InputWrapper,{variant:l,state:v,width:e.width,isActive:v==="active"||Ie,isInvalid:j,style:I?.InputWrapper??be??{},version:le,height:e.height,hightlightInputColor:he,hideBorder:fe,children:[!!F&&t.jsxDEV(s.IconHolder,{variant:l,iconSize:K,onClick:()=>h(P?.callback),isLeft:!0,style:I?.IconHolder??{},children:t.jsxDEV(F,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:350,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:343,columnNumber:7},void 0),!!M&&t.jsxDEV(s.PrefixHolder,{variant:l,children:M},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:354,columnNumber:7},void 0),l==="default"&&t.jsxDEV(s.InputContainer,{height:e.height,type:e.type,minHeight:g,maxHeight:ae,autoGrow:y,children:Z()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:357,columnNumber:7},void 0),["x-small","small"].includes(l)&&t.jsxDEV(s.InputContainerSmall,{height:e.height,type:e.type,children:Z()},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:368,columnNumber:7},void 0),!!q&&t.jsxDEV(s.IconHolder,{variant:l,iconSize:K,onClick:()=>h(T?.callback),isLeft:!1,children:t.jsxDEV(q,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:379,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:373,columnNumber:7},void 0),!!S&&t.jsxDEV(s.SuffixHolder,{variant:l,children:S},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:383,columnNumber:7},void 0),m&&m.text&&t.jsxDEV(te.Button,{buttonText:m.text,buttonType:m.buttonType,onClick:()=>h(m?.onClick)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:386,columnNumber:7},void 0),m&&m.buttonProps&&t.jsxDEV(te.Button,{...m.buttonProps},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:392,columnNumber:39},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:330,columnNumber:5},void 0),!pe&&(!!k||!!u)&&t.jsxDEV(s.InputHeader,{invalid:j,maxCharAlignment:xe,children:[R&&R,t.jsxDEV("div",{className:"label__container",children:[me?t.jsxDEV(ee.TitleSmall,{children:[k,V?t.jsxDEV("span",{children:"*"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:404,columnNumber:24},void 0):""]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:402,columnNumber:9},void 0):t.jsxDEV(ee.BodySecondary,{children:[k,V?t.jsxDEV("span",{children:"*"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:409,columnNumber:24},void 0):""]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:407,columnNumber:9},void 0),e.tooltipText&&t.jsxDEV(Ce.Tooltip,{body:e.tooltipText,placement:"top",children:t.jsxDEV("span",{children:t.jsxDEV(ge.default,{style:{marginTop:-3},width:18,height:18,color:j?ne.COLORS.content.negative:ne.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:415,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:414,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:413,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:400,columnNumber:7},void 0),u>0&&_==="TOP"&&t.jsxDEV(s.MaxCharStyle,{children:[(p??"").toString()?.length??0,"/",u]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:430,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:395,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input/Input.tsx",lineNumber:310,columnNumber:4},void 0)});ie.displayName="Input";exports.Input=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),De=require("../../assets/icons/info.svg.js"),r=require("react"),k=require("./Input-helper.js"),ee=require("../TypographyStyle.js"),ne=require("../../constants/Theme.js"),ge=require("../../assets/icons/errorInfo.svg.js"),Ee=require("./context/InputStyleProvider.js"),o=require("./Input.styled.js"),te=require("../button/Button.js"),Ce=require("../tooltips/Tooltip.js"),ie=r.forwardRef((e,re)=>{const{placeholder:T,leftIcon:V,rightIcon:W,labelText:y,maxCharLimit:a,isRequired:U,hintText:j,type:u,state:N,validate:se,variant:l,button:m,suffixText:S,prefixText:M,onChangeText:L,value:d,noErrorHint:oe,reset:w,rangeValidation:ae,noKeyDownChange:ue,version:le,noMaxCharCheck:H,labelElement:R,autoGrow:I,minHeight:D,maxHeight:ce,labelTextBold:me,truncateText:be,maxCharLimitPosition:_,hightlightInputColor:pe,onKeyDownEvent:A,hideInputHeader:de,hideBorder:he,inputWrapperStyles:fe,minCharsToTrigger:O,maxCharAlignment:ke,isDisabled:B=!1,allowUnsafeInput:ve}={maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0,maxCharAlignment:!1,...e},F=V?.icon,q=W?.icon,[g,v]=r.useState(!1),[xe,E]=r.useState(!1),[b,P]=r.useState(),z=l==="x-small"?"12px":l==="small"?"18px":"22px",x=r.useContext(Ee.InputStyleContext),[K,C]=r.useState(""),ye=r.useRef(null),s=re??ye;r.useEffect(()=>{C(d||""),!d&&I&&(s.current.style.height=D||"48px")},[d]),r.useEffect(()=>{s.current&&e.onReferenceInit?.(s.current)},[s]),r.useEffect(()=>{const n=s.current;if(n&&["phonenumber","zip","number"].includes(u))return n.addEventListener("wheel",Y,{passive:!1}),()=>{n.removeEventListener("wheel",Y)}},[]),r.useEffect(()=>{w&&C("")},[w]),r.useEffect(()=>{E(!!e.isActive),e.isActive&&s.current?.focus()},[e.isActive]),r.useEffect(()=>{P(e.errorMessage)},[e.errorMessage]),r.useEffect(()=>{v(!1),(e.state==="invalid"||b||e.state==="disabled-invalid")&&v(!0),e.state==="active"&&s.current?.focus()},[e.state,b]),r.useEffect(()=>{v(!!b||e.state==="invalid")},[b,e.state]);const p=(n,...i)=>{k.isFunction(n)&&n(...i)},X=()=>u==="zip"?6:2e3,G=n=>{const i=a!==0?a:X(),h=[8],f=O,c=n.target.value;A&&(!c.length||c.length>=f)&&A(n),!ue&&(!c.length||c.length>=f)&&L(d||"",n),!H&&!h.includes(n.which)&&i>0&&c.length>=i&&n.preventDefault()},Y=n=>{n.preventDefault()},$=n=>{let i=n.target.value;const h=a!==0?a+1:X(),f=O;if(!ve&&k.shouldSanitizeForType(u)&&(i=k.sanitizeUnsafeInput(i)),!H&&h>0&&i.length>=h&&(i=i.substring(0,h-1)),e.textControl||C(i||""),f&&i&&i.length<f)return;L(i,n),I&&(s.current.style.height=`${s.current.scrollHeight}px`,i||(s.current.style.height=D||"48px"));const c=se||k.validateInput;if(!c||!k.isFunction(c))return;const[Ne,Ie]=c(i,u,ae);v(!Ne),P(e.errorMessage?e.errorMessage:Ie)},J=n=>{e.skipFocus||E(!0),p(e.onFocus?.(n))},Q=n=>{e.skipFocus||E(!1),p(e.onBlur?.(n))},Z=()=>t.jsxDEV(t.Fragment,{children:[u!=="multiline"&&t.jsxDEV("input",{className:be?"truncate-class":"","data-test":e["data-test"],id:e.id,style:x?.input??{},ref:s,disabled:B,type:["phonenumber","zip","number"].includes(u)?"number":u,value:K,onFocus:n=>J(n),onBlur:n=>Q(n),placeholder:T||"Enter here",onChange:$,onClick:n=>p(e.onClick),onKeyDown:n=>G(n)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:269,columnNumber:7},void 0),u==="multiline"&&t.jsxDEV("textarea",{"data-test":e["data-test"],value:K,ref:s,onFocus:n=>J(n),onBlur:n=>Q(n),onClick:n=>p(e.onClick),disabled:B,placeholder:T||"Enter here",onChange:$,onKeyDown:n=>G(n),maxLength:a>0?a:void 0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:291,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:267,columnNumber:5},void 0);return t.jsxDEV(o.RootContainer,{width:e.width,height:e.height,state:N,type:u,style:x?.RootContainer??{},children:[t.jsxDEV("div",{className:"flex-align-center",children:[!oe&&(!!j||!!b)&&t.jsxDEV(o.InputFooter,{invalid:!!b,children:[!!b&&t.jsxDEV(ge.default,{width:16,height:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:320,columnNumber:27},void 0),b||j]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:319,columnNumber:7},void 0),a>0&&_==="BOTTOM"&&t.jsxDEV(o.MaxCharStyle,{position:"BOTTOM",children:[(d??"").toString()?.length??0,"/",a]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:325,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:317,columnNumber:5},void 0),t.jsxDEV(o.InputWrapper,{variant:l,state:N,width:e.width,isActive:N==="active"||xe,isInvalid:g,style:x?.InputWrapper??fe??{},version:le,height:e.height,hightlightInputColor:pe,hideBorder:he,children:[!!F&&t.jsxDEV(o.IconHolder,{variant:l,iconSize:z,onClick:()=>p(V?.callback),isLeft:!0,style:x?.IconHolder??{},children:t.jsxDEV(F,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:350,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:343,columnNumber:7},void 0),!!M&&t.jsxDEV(o.PrefixHolder,{variant:l,children:M},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:354,columnNumber:7},void 0),l==="default"&&t.jsxDEV(o.InputContainer,{height:e.height,type:e.type,minHeight:D,maxHeight:ce,autoGrow:I,children:Z()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:357,columnNumber:7},void 0),["x-small","small"].includes(l)&&t.jsxDEV(o.InputContainerSmall,{height:e.height,type:e.type,children:Z()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:368,columnNumber:7},void 0),!!q&&t.jsxDEV(o.IconHolder,{variant:l,iconSize:z,onClick:()=>p(W?.callback),isLeft:!1,children:t.jsxDEV(q,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:379,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:373,columnNumber:7},void 0),!!S&&t.jsxDEV(o.SuffixHolder,{variant:l,children:S},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:383,columnNumber:7},void 0),m&&m.text&&t.jsxDEV(te.Button,{buttonText:m.text,buttonType:m.buttonType,onClick:()=>p(m?.onClick)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:386,columnNumber:7},void 0),m&&m.buttonProps&&t.jsxDEV(te.Button,{...m.buttonProps},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:392,columnNumber:39},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:330,columnNumber:5},void 0),!de&&(!!y||!!a)&&t.jsxDEV(o.InputHeader,{invalid:g,maxCharAlignment:ke,children:[R&&R,t.jsxDEV("div",{className:"label__container",children:[me?t.jsxDEV(ee.TitleSmall,{children:[y,U?t.jsxDEV("span",{children:"*"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:404,columnNumber:24},void 0):""]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:402,columnNumber:9},void 0):t.jsxDEV(ee.BodySecondary,{children:[y,U?t.jsxDEV("span",{children:"*"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:409,columnNumber:24},void 0):""]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:407,columnNumber:9},void 0),e.tooltipText&&t.jsxDEV(Ce.Tooltip,{body:e.tooltipText,placement:"top",children:t.jsxDEV("span",{children:t.jsxDEV(De.default,{style:{marginTop:-3},width:18,height:18,color:g?ne.COLORS.content.negative:ne.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:415,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:414,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:413,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:400,columnNumber:7},void 0),a>0&&_==="TOP"&&t.jsxDEV(o.MaxCharStyle,{children:[(d??"").toString()?.length??0,"/",a]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:430,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:395,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input/Input.tsx",lineNumber:310,columnNumber:4},void 0)});ie.displayName="Input";exports.Input=ie;
 //# sourceMappingURL=Input.js.map

package/dist/cjs/components/input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React, {\n\tforwardRef,\n\tMutableRefObject,\n\tRef,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { Button } from '@src/components/button';\nimport {\n\tisFunction,\n\tsanitizeUnsafeInput,\n\tshouldSanitizeForType,\n\tvalidateInput,\n} from '@src/components/input/Input-helper';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputStyleContext } from './context/InputStyleProvider';\nimport { InputProps, InputTypeI, InputVariant } from './Input.model';\nimport * as SC from './Input.styled';\nimport { PrefixHolder, SuffixHolder } from './Input.styled';\n\nexport const Input = forwardRef(\n\t(\n\t\tprops: InputProps,\n\t\tfRef: React.ForwardedRef<HTMLInputElement \| HTMLTextAreaElement \| null>,\n\t) => {\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\tleftIcon,\n\t\t\trightIcon,\n\t\t\tlabelText,\n\t\t\tmaxCharLimit,\n\t\t\tisRequired,\n\t\t\thintText,\n\t\t\ttype,\n\t\t\tstate,\n\t\t\tvalidate,\n\t\t\tvariant,\n\t\t\tbutton,\n\t\t\tsuffixText,\n\t\t\tprefixText,\n\t\t\tonChangeText,\n\t\t\tvalue,\n\t\t\tnoErrorHint,\n\t\t\treset,\n\t\t\trangeValidation,\n\t\t\tnoKeyDownChange,\n\t\t\tversion,\n\t\t\tnoMaxCharCheck,\n\t\t\tlabelElement,\n\t\t\tautoGrow,\n\t\t\tminHeight,\n\t\t\tmaxHeight,\n\t\t\tlabelTextBold,\n\t\t\ttruncateText,\n\t\t\tmaxCharLimitPosition,\n\t\t\thightlightInputColor,\n\t\t\tonKeyDownEvent,\n\t\t\thideInputHeader,\n\t\t\thideBorder,\n\t\t\tinputWrapperStyles,\n\t\t\tminCharsToTrigger,\n\t\t\tmaxCharAlignment,\n\t\t\tisDisabled = false,\n\t\t\tallowUnsafeInput,\n\t\t} = {\n\t\t\tmaxCharLimit: 0,\n\t\t\ttype: 'text' as InputTypeI,\n\t\t\tvariant: 'default' as InputVariant,\n\t\t\tmaxCharLimitPosition: 'TOP',\n\t\t\tminCharsToTrigger: 0,\n\t\t\tmaxCharAlignment: false,\n\t\t\t...props,\n\t\t};\n\t\tconst LeftIcon = leftIcon?.icon;\n\t\tconst RightIcon = rightIcon?.icon;\n\t\tconst [isInvalid, setIsInvalid] = useState<boolean>(false);\n\t\tconst [isActive, setIsActive] = useState<boolean>(false);\n\t\tconst [errorMessage, setErrorMessage] = useState<string>();\n\t\tconst iconSize =\n\t\t\tvariant === 'x-small' ? '12px' : variant === 'small' ? '18px' : '22px';\n\t\tconst stylesFromOutside = useContext(InputStyleContext);\n\t\tconst [inputValue, setInputValue] = useState<string>('');\n\t\tconst _ref = useRef<HTMLInputElement \| HTMLTextAreaElement>(null);\n\t\tconst inputRef: MutableRefObject<HTMLInputElement \| HTMLTextAreaElement> =\n\t\t\t(fRef ?? _ref) as MutableRefObject<\n\t\t\t\tHTMLInputElement \| HTMLTextAreaElement\n\t\t\t>;\n\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(value \|\| '');\n\t\t\tif (!value && autoGrow) {\n\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t}\n\t\t}, [value]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!inputRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.onReferenceInit?.(inputRef.current);\n\t\t}, [inputRef]);\n\n\t\tuseEffect(() => {\n\t\t\tconst numberInput = inputRef.current;\n\t\t\tif (numberInput && ['phonenumber', 'zip', 'number'].includes(type)) {\n\t\t\t\tnumberInput.addEventListener('wheel', onWheel, { passive: false });\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnumberInput.removeEventListener('wheel', onWheel);\n\t\t\t\t};\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (!reset) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetInputValue('');\n\t\t}, [reset]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsActive(!!props.isActive);\n\t\t\tif (props.isActive) {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.isActive]);\n\n\t\tuseEffect(() => {\n\t\t\tsetErrorMessage(props.errorMessage);\n\t\t}, [props.errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(false);\n\t\t\tif (\n\t\t\t\tprops.state === 'invalid' \|\|\n\t\t\t\terrorMessage \|\|\n\t\t\t\tprops.state === 'disabled-invalid'\n\t\t\t) {\n\t\t\t\tsetIsInvalid(true);\n\t\t\t}\n\t\t\tif (props.state === 'active') {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.state, errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(!!errorMessage \|\| props.state === 'invalid');\n\t\t}, [errorMessage, props.state]);\n\n\t\tconst executeCallback = (cb: any, ...params: any[]): void => {\n\t\t\tif (!isFunction(cb)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcb(...params);\n\t\t};\n\n\t\tconst getMaxChar = () => {\n\t\t\tif (type === 'zip') {\n\t\t\t\treturn 6;\n\t\t\t}\n\t\t\treturn 2000;\n\t\t};\n\n\t\tconst onKeyDown = (e) => {\n\t\t\tconst MAX_CHAR_LIMIT = maxCharLimit !== 0 ? maxCharLimit : getMaxChar();\n\t\t\tconst KEY_CODES_TO_BE_EXCLUDED = [8];\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\t\t\tconst inputText = e.target.value;\n\t\t\tif (\n\t\t\t\tonKeyDownEvent &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonKeyDownEvent(e);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noKeyDownChange &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonChangeText(value \|\| '', e);\n\t\t\t}\n\t\t\tif (noMaxCharCheck) return;\n\n\t\t\tif (\n\t\t\t\t!KEY_CODES_TO_BE_EXCLUDED.includes(e.which) &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst onWheel = (event) => {\n\t\t\tevent.preventDefault(); // Prevent the default scroll behavior\n\t\t};\n\n\t\tconst onChange = (e) => {\n\t\t\tlet inputText = e.target.value;\n\t\t\tconst MAX_CHAR_LIMIT =\n\t\t\t\tmaxCharLimit !== 0 ? maxCharLimit + 1 : getMaxChar();\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\n\t\t\tif (!allowUnsafeInput && shouldSanitizeForType(type)) {\n\t\t\t\tinputText = sanitizeUnsafeInput(inputText);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noMaxCharCheck &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\t// letting user to copy paste text upto max limit instead of blank action\n\t\t\t\tinputText = inputText.substring(0, MAX_CHAR_LIMIT - 1);\n\t\t\t}\n\n\t\t\tif (!props.textControl) {\n\t\t\t\tsetInputValue(inputText \|\| '');\n\t\t\t}\n\t\t\tif (MIN_CHAR_LIMIT && inputText && inputText.length < MIN_CHAR_LIMIT) {\n\t\t\t\t// if minCharsToTrigger exists and is not reached, do nothing\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonChangeText(inputText, e);\n\t\t\tif (autoGrow) {\n\t\t\t\tinputRef.current.style.height = `${inputRef.current.scrollHeight}px`;\n\t\t\t\tif (!inputText) {\n\t\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst validateFunction = validate \|\| validateInput;\n\t\t\tif (!validateFunction \|\| !isFunction(validateFunction)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [isValid, error] = validateFunction(\n\t\t\t\tinputText,\n\t\t\t\ttype,\n\t\t\t\trangeValidation,\n\t\t\t);\n\n\t\t\tsetIsInvalid(!isValid);\n\t\t\tsetErrorMessage(props.errorMessage ? props.errorMessage : error);\n\t\t};\n\n\t\tconst onFocus = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(true);\n\t\t\t}\n\t\t\texecuteCallback(props.onFocus?.(e));\n\t\t};\n\n\t\tconst onBlur = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(false);\n\t\t\t}\n\t\t\texecuteCallback(props.onBlur?.(e));\n\t\t};\n\n\t\tconst getInputHTML = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{type !== 'multiline' && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={truncateText ? 'truncate-class' : ''}\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tid={props.id}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.input ?? {}}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLInputElement>}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\t\t['phonenumber', 'zip', 'number'].includes(type)\n\t\t\t\t\t\t\t\t\t? 'number'\n\t\t\t\t\t\t\t\t\t: type\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{type === 'multiline' && (\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLTextAreaElement>}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t\tmaxLength={maxCharLimit > 0 ? maxCharLimit : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<SC.RootContainer\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tstate={state}\n\t\t\t\ttype={type}\n\t\t\t\tstyle={stylesFromOutside?.RootContainer ?? {}}\n\t\t\t>\n\t\t\t\t<div className=\"flex-align-center\">\n\t\t\t\t\t{!noErrorHint && (!!hintText \|\| !!errorMessage) && (\n\t\t\t\t\t\t<SC.InputFooter invalid={!!errorMessage}>\n\t\t\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t\t\t{errorMessage \|\| hintText}\n\t\t\t\t\t\t</SC.InputFooter>\n\t\t\t\t\t)}\n\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'BOTTOM' && (\n\t\t\t\t\t\t<SC.MaxCharStyle position={'BOTTOM'}>\n\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<SC.InputWrapper\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tstate={state}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t\tisActive={state === 'active' \|\| isActive}\n\t\t\t\t\tisInvalid={isInvalid}\n\t\t\t\t\tstyle={stylesFromOutside?.InputWrapper ?? inputWrapperStyles ?? {}}\n\t\t\t\t\tversion={version}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\thightlightInputColor={hightlightInputColor}\n\t\t\t\t\thideBorder={hideBorder}\n\t\t\t\t>\n\t\t\t\t\t{!!LeftIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(leftIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={true}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.IconHolder ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LeftIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!prefixText && (\n\t\t\t\t\t\t<PrefixHolder variant={variant}>{prefixText}</PrefixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'default' && (\n\t\t\t\t\t\t<SC.InputContainer\n\t\t\t\t\t\t\theight={props.height}\n\t\t\t\t\t\t\ttype={props.type}\n\t\t\t\t\t\t\tminHeight={minHeight}\n\t\t\t\t\t\t\tmaxHeight={maxHeight}\n\t\t\t\t\t\t\tautoGrow={autoGrow}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{['x-small', 'small'].includes(variant) && (\n\t\t\t\t\t\t<SC.InputContainerSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!RightIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(rightIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RightIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!suffixText && (\n\t\t\t\t\t\t<SuffixHolder variant={variant}>{suffixText}</SuffixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.text && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={button.text}\n\t\t\t\t\t\t\tbuttonType={button.buttonType}\n\t\t\t\t\t\t\tonClick={() => executeCallback(button?.onClick)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.buttonProps && <Button {...button.buttonProps} />}\n\t\t\t\t</SC.InputWrapper>\n\t\t\t\t{!hideInputHeader && (!!labelText \|\| !!maxCharLimit) && (\n\t\t\t\t\t<SC.InputHeader\n\t\t\t\t\t\tinvalid={isInvalid}\n\t\t\t\t\t\tmaxCharAlignment={maxCharAlignment}\n\t\t\t\t\t>\n\t\t\t\t\t\t{labelElement && labelElement}\n\t\t\t\t\t\t<div className=\"label__container\">\n\t\t\t\t\t\t\t{labelTextBold ? (\n\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.tooltipText && (\n\t\t\t\t\t\t\t\t<Tooltip body={props.tooltipText} placement={'top'}>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: -3 }}\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\tisInvalid\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'TOP' && (\n\t\t\t\t\t\t\t<SC.MaxCharStyle>\n\t\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SC.InputHeader>\n\t\t\t\t)}\n\t\t\t</SC.RootContainer>\n\t\t);\n\t},\n);\n\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","props","fRef","placeholder","leftIcon","rightIcon","labelText","maxCharLimit","isRequired","hintText","type","state","validate","variant","button","suffixText","prefixText","onChangeText","value","noErrorHint","reset","rangeValidation","noKeyDownChange","version","noMaxCharCheck","labelElement","autoGrow","minHeight","maxHeight","labelTextBold","truncateText","maxCharLimitPosition","hightlightInputColor","onKeyDownEvent","hideInputHeader","hideBorder","inputWrapperStyles","minCharsToTrigger","maxCharAlignment","isDisabled","allowUnsafeInput","LeftIcon","RightIcon","isInvalid","setIsInvalid","useState","isActive","setIsActive","errorMessage","setErrorMessage","iconSize","stylesFromOutside","useContext","InputStyleContext","inputValue","setInputValue","_ref","useRef","inputRef","useEffect","numberInput","onWheel","executeCallback","cb","params","isFunction","getMaxChar","onKeyDown","e","MAX_CHAR_LIMIT","KEY_CODES_TO_BE_EXCLUDED","MIN_CHAR_LIMIT","inputText","event","onChange","shouldSanitizeForType","sanitizeUnsafeInput","validateFunction","validateInput","isValid","error","onFocus","onBlur","getInputHTML","jsxDEV","Fragment","this","SC.RootContainer","SC.InputFooter","ErrorIcon","SC.MaxCharStyle","SC.InputWrapper","SC.IconHolder","PrefixHolder","SC.InputContainer","SC.InputContainerSmall","SuffixHolder","Button","SC.InputHeader","TitleSmall","BodySecondary","Tooltip","InfoIcon","COLORS"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport React, {\n\tforwardRef,\n\tMutableRefObject,\n\tRef,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { Button } from '@src/components/button';\nimport {\n\tisFunction,\n\tsanitizeUnsafeInput,\n\tshouldSanitizeForType,\n\tvalidateInput,\n} from '@src/components/input/Input-helper';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputStyleContext } from './context/InputStyleProvider';\nimport { InputProps, InputTypeI, InputVariant } from './Input.model';\nimport * as SC from './Input.styled';\nimport { PrefixHolder, SuffixHolder } from './Input.styled';\n\nexport const Input = forwardRef(\n\t(\n\t\tprops: InputProps,\n\t\tfRef: React.ForwardedRef<HTMLInputElement \| HTMLTextAreaElement \| null>,\n\t) => {\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\tleftIcon,\n\t\t\trightIcon,\n\t\t\tlabelText,\n\t\t\tmaxCharLimit,\n\t\t\tisRequired,\n\t\t\thintText,\n\t\t\ttype,\n\t\t\tstate,\n\t\t\tvalidate,\n\t\t\tvariant,\n\t\t\tbutton,\n\t\t\tsuffixText,\n\t\t\tprefixText,\n\t\t\tonChangeText,\n\t\t\tvalue,\n\t\t\tnoErrorHint,\n\t\t\treset,\n\t\t\trangeValidation,\n\t\t\tnoKeyDownChange,\n\t\t\tversion,\n\t\t\tnoMaxCharCheck,\n\t\t\tlabelElement,\n\t\t\tautoGrow,\n\t\t\tminHeight,\n\t\t\tmaxHeight,\n\t\t\tlabelTextBold,\n\t\t\ttruncateText,\n\t\t\tmaxCharLimitPosition,\n\t\t\thightlightInputColor,\n\t\t\tonKeyDownEvent,\n\t\t\thideInputHeader,\n\t\t\thideBorder,\n\t\t\tinputWrapperStyles,\n\t\t\tminCharsToTrigger,\n\t\t\tmaxCharAlignment,\n\t\t\tisDisabled = false,\n\t\t\tallowUnsafeInput,\n\t\t} = {\n\t\t\tmaxCharLimit: 0,\n\t\t\ttype: 'text' as InputTypeI,\n\t\t\tvariant: 'default' as InputVariant,\n\t\t\tmaxCharLimitPosition: 'TOP',\n\t\t\tminCharsToTrigger: 0,\n\t\t\tmaxCharAlignment: false,\n\t\t\t...props,\n\t\t};\n\t\tconst LeftIcon = leftIcon?.icon;\n\t\tconst RightIcon = rightIcon?.icon;\n\t\tconst [isInvalid, setIsInvalid] = useState<boolean>(false);\n\t\tconst [isActive, setIsActive] = useState<boolean>(false);\n\t\tconst [errorMessage, setErrorMessage] = useState<string>();\n\t\tconst iconSize =\n\t\t\tvariant === 'x-small' ? '12px' : variant === 'small' ? '18px' : '22px';\n\t\tconst stylesFromOutside = useContext(InputStyleContext);\n\t\tconst [inputValue, setInputValue] = useState<string>('');\n\t\tconst _ref = useRef<HTMLInputElement \| HTMLTextAreaElement>(null);\n\t\tconst inputRef: MutableRefObject<HTMLInputElement \| HTMLTextAreaElement> =\n\t\t\t(fRef ?? _ref) as MutableRefObject<\n\t\t\t\tHTMLInputElement \| HTMLTextAreaElement\n\t\t\t>;\n\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(value \|\| '');\n\t\t\tif (!value && autoGrow) {\n\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t}\n\t\t}, [value]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!inputRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.onReferenceInit?.(inputRef.current);\n\t\t}, [inputRef]);\n\n\t\tuseEffect(() => {\n\t\t\tconst numberInput = inputRef.current;\n\t\t\tif (numberInput && ['phonenumber', 'zip', 'number'].includes(type)) {\n\t\t\t\tnumberInput.addEventListener('wheel', onWheel, { passive: false });\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnumberInput.removeEventListener('wheel', onWheel);\n\t\t\t\t};\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (!reset) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetInputValue('');\n\t\t}, [reset]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsActive(!!props.isActive);\n\t\t\tif (props.isActive) {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.isActive]);\n\n\t\tuseEffect(() => {\n\t\t\tsetErrorMessage(props.errorMessage);\n\t\t}, [props.errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(false);\n\t\t\tif (\n\t\t\t\tprops.state === 'invalid' \|\|\n\t\t\t\terrorMessage \|\|\n\t\t\t\tprops.state === 'disabled-invalid'\n\t\t\t) {\n\t\t\t\tsetIsInvalid(true);\n\t\t\t}\n\t\t\tif (props.state === 'active') {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.state, errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(!!errorMessage \|\| props.state === 'invalid');\n\t\t}, [errorMessage, props.state]);\n\n\t\tconst executeCallback = (cb: any, ...params: any[]): void => {\n\t\t\tif (!isFunction(cb)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcb(...params);\n\t\t};\n\n\t\tconst getMaxChar = () => {\n\t\t\tif (type === 'zip') {\n\t\t\t\treturn 6;\n\t\t\t}\n\t\t\treturn 2000;\n\t\t};\n\n\t\tconst onKeyDown = (e) => {\n\t\t\tconst MAX_CHAR_LIMIT = maxCharLimit !== 0 ? maxCharLimit : getMaxChar();\n\t\t\tconst KEY_CODES_TO_BE_EXCLUDED = [8];\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\t\t\tconst inputText = e.target.value;\n\t\t\tif (\n\t\t\t\tonKeyDownEvent &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonKeyDownEvent(e);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noKeyDownChange &&\n\t\t\t\t(!inputText.length \|\| inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonChangeText(value \|\| '', e);\n\t\t\t}\n\t\t\tif (noMaxCharCheck) return;\n\n\t\t\tif (\n\t\t\t\t!KEY_CODES_TO_BE_EXCLUDED.includes(e.which) &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst onWheel = (event) => {\n\t\t\tevent.preventDefault(); // Prevent the default scroll behavior\n\t\t};\n\n\t\tconst onChange = (e) => {\n\t\t\tlet inputText = e.target.value;\n\t\t\tconst MAX_CHAR_LIMIT =\n\t\t\t\tmaxCharLimit !== 0 ? maxCharLimit + 1 : getMaxChar();\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\n\t\t\tif (!allowUnsafeInput && shouldSanitizeForType(type)) {\n\t\t\t\tinputText = sanitizeUnsafeInput(inputText);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noMaxCharCheck &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\t// letting user to copy paste text upto max limit instead of blank action\n\t\t\t\tinputText = inputText.substring(0, MAX_CHAR_LIMIT - 1);\n\t\t\t}\n\n\t\t\tif (!props.textControl) {\n\t\t\t\tsetInputValue(inputText \|\| '');\n\t\t\t}\n\t\t\tif (MIN_CHAR_LIMIT && inputText && inputText.length < MIN_CHAR_LIMIT) {\n\t\t\t\t// if minCharsToTrigger exists and is not reached, do nothing\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonChangeText(inputText, e);\n\t\t\tif (autoGrow) {\n\t\t\t\tinputRef.current.style.height = `${inputRef.current.scrollHeight}px`;\n\t\t\t\tif (!inputText) {\n\t\t\t\t\tinputRef.current.style.height = minHeight \|\| '48px';\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst validateFunction = validate \|\| validateInput;\n\t\t\tif (!validateFunction \|\| !isFunction(validateFunction)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [isValid, error] = validateFunction(\n\t\t\t\tinputText,\n\t\t\t\ttype,\n\t\t\t\trangeValidation,\n\t\t\t);\n\n\t\t\tsetIsInvalid(!isValid);\n\t\t\tsetErrorMessage(props.errorMessage ? props.errorMessage : error);\n\t\t};\n\n\t\tconst onFocus = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(true);\n\t\t\t}\n\t\t\texecuteCallback(props.onFocus?.(e));\n\t\t};\n\n\t\tconst onBlur = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(false);\n\t\t\t}\n\t\t\texecuteCallback(props.onBlur?.(e));\n\t\t};\n\n\t\tconst getInputHTML = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{type !== 'multiline' && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={truncateText ? 'truncate-class' : ''}\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tid={props.id}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.input ?? {}}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLInputElement>}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\t\t['phonenumber', 'zip', 'number'].includes(type)\n\t\t\t\t\t\t\t\t\t? 'number'\n\t\t\t\t\t\t\t\t\t: type\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{type === 'multiline' && (\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLTextAreaElement>}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tplaceholder={placeholder \|\| 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t\tmaxLength={maxCharLimit > 0 ? maxCharLimit : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<SC.RootContainer\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tstate={state}\n\t\t\t\ttype={type}\n\t\t\t\tstyle={stylesFromOutside?.RootContainer ?? {}}\n\t\t\t>\n\t\t\t\t<div className=\"flex-align-center\">\n\t\t\t\t\t{!noErrorHint && (!!hintText \|\| !!errorMessage) && (\n\t\t\t\t\t\t<SC.InputFooter invalid={!!errorMessage}>\n\t\t\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t\t\t{errorMessage \|\| hintText}\n\t\t\t\t\t\t</SC.InputFooter>\n\t\t\t\t\t)}\n\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'BOTTOM' && (\n\t\t\t\t\t\t<SC.MaxCharStyle position={'BOTTOM'}>\n\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<SC.InputWrapper\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tstate={state}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t\tisActive={state === 'active' \|\| isActive}\n\t\t\t\t\tisInvalid={isInvalid}\n\t\t\t\t\tstyle={stylesFromOutside?.InputWrapper ?? inputWrapperStyles ?? {}}\n\t\t\t\t\tversion={version}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\thightlightInputColor={hightlightInputColor}\n\t\t\t\t\thideBorder={hideBorder}\n\t\t\t\t>\n\t\t\t\t\t{!!LeftIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(leftIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={true}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.IconHolder ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LeftIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!prefixText && (\n\t\t\t\t\t\t<PrefixHolder variant={variant}>{prefixText}</PrefixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'default' && (\n\t\t\t\t\t\t<SC.InputContainer\n\t\t\t\t\t\t\theight={props.height}\n\t\t\t\t\t\t\ttype={props.type}\n\t\t\t\t\t\t\tminHeight={minHeight}\n\t\t\t\t\t\t\tmaxHeight={maxHeight}\n\t\t\t\t\t\t\tautoGrow={autoGrow}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{['x-small', 'small'].includes(variant) && (\n\t\t\t\t\t\t<SC.InputContainerSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!RightIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(rightIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RightIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!suffixText && (\n\t\t\t\t\t\t<SuffixHolder variant={variant}>{suffixText}</SuffixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.text && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={button.text}\n\t\t\t\t\t\t\tbuttonType={button.buttonType}\n\t\t\t\t\t\t\tonClick={() => executeCallback(button?.onClick)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.buttonProps && <Button {...button.buttonProps} />}\n\t\t\t\t</SC.InputWrapper>\n\t\t\t\t{!hideInputHeader && (!!labelText \|\| !!maxCharLimit) && (\n\t\t\t\t\t<SC.InputHeader\n\t\t\t\t\t\tinvalid={isInvalid}\n\t\t\t\t\t\tmaxCharAlignment={maxCharAlignment}\n\t\t\t\t\t>\n\t\t\t\t\t\t{labelElement && labelElement}\n\t\t\t\t\t\t<div className=\"label__container\">\n\t\t\t\t\t\t\t{labelTextBold ? (\n\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span></span> : ''}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.tooltipText && (\n\t\t\t\t\t\t\t\t<Tooltip body={props.tooltipText} placement={'top'}>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: -3 }}\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\tisInvalid\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'TOP' && (\n\t\t\t\t\t\t\t<SC.MaxCharStyle>\n\t\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SC.InputHeader>\n\t\t\t\t)}\n\t\t\t</SC.RootContainer>\n\t\t);\n\t},\n);\n\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","props","fRef","placeholder","leftIcon","rightIcon","labelText","maxCharLimit","isRequired","hintText","type","state","validate","variant","button","suffixText","prefixText","onChangeText","value","noErrorHint","reset","rangeValidation","noKeyDownChange","version","noMaxCharCheck","labelElement","autoGrow","minHeight","maxHeight","labelTextBold","truncateText","maxCharLimitPosition","hightlightInputColor","onKeyDownEvent","hideInputHeader","hideBorder","inputWrapperStyles","minCharsToTrigger","maxCharAlignment","isDisabled","allowUnsafeInput","LeftIcon","RightIcon","isInvalid","setIsInvalid","useState","isActive","setIsActive","errorMessage","setErrorMessage","iconSize","stylesFromOutside","useContext","InputStyleContext","inputValue","setInputValue","_ref","useRef","inputRef","useEffect","numberInput","onWheel","executeCallback","cb","params","isFunction","getMaxChar","onKeyDown","e","MAX_CHAR_LIMIT","KEY_CODES_TO_BE_EXCLUDED","MIN_CHAR_LIMIT","inputText","event","onChange","shouldSanitizeForType","sanitizeUnsafeInput","validateFunction","validateInput","isValid","error","onFocus","onBlur","getInputHTML","jsxDEV","Fragment","this","SC.RootContainer","SC.InputFooter","ErrorIcon","SC.MaxCharStyle","SC.InputWrapper","SC.IconHolder","PrefixHolder","SC.InputContainer","SC.InputContainerSmall","SuffixHolder","Button","SC.InputHeader","TitleSmall","BodySecondary","Tooltip","InfoIcon","COLORS"],"mappings":"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"}

package/dist/cjs/components/input-with-vars/InputWithVariables.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),K=require("../../assets/icons/PlusIcon.js"),r=require("react"),G=require("styled-components"),J=require("uuid"),Q=require("../../constants/Theme.js"),X=require("../add-variableV2/AddVariableBox.styled.js"),Y=require("../TypographyStyle.js"),b=require("../variable-picker-v3/model.js"),Z=require("./customPortal.js"),ee=require("../input/Input.js"),D=require("../variable-picker-v3/VariablePicker.js"),te=require("../floater/floater.js"),re=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},ie=re(G),ae=({type:a,allowMix:h,onChange:I,prevVariable:P,variablesList:V,onBlur:w,onlyVariables:S,placeHolder:T,showAddButton:W=!0,showHelp:U,errorMessage:v,maxCharLimit:C,noMaxCharCheck:R,labelText:g,labelElement:q,isRequired:A=!1,hintText:y,onEnterPress:F,pickerType:B=b.PickerType.FLOATER,portalElement:O,showVarHeader:_,varHeaderText:M,onPickerToggle:l})=>{const N=r.useRef(),k=r.useRef(!0),i=r.useRef(null),[$,d]=r.useState(!1),[z]=r.useState(J.v4()),[n,x]=r.useState(),[s,o]=r.useState(P),[f,u]=r.useState(!1),[L,j]=r.useState(!1),[E,p]=r.useState(0);function H(e,m,c){return e.slice(0,c)+m+e.slice(c)}return r.useEffect(()=>{if(!(!n||!n.actualValue))if(h){if(o(e=>({actualValue:H(e.actualValue,n.actualValue,E),variableType:"string"})),i.current){p(i.current.selectionStart);const e=E+n.actualValue.length+2;i.current.setSelectionRange(e,e),p(e)}}else o(e=>({actualValue:n.actualValue,variableType:n.variableType,needsFetching:n.needsFetching}))},[n]),r.useEffect(()=>{k.current?k.current=!1:I(s)},[s]),t.jsxDEV(t.Fragment,{children:[t.jsxDEV(ne,{isVar:/^{{.*}}$/.test(s.actualValue),onKeyDown:e=>{e.key==="Enter"&&F?.(s.actualValue)},children:[t.jsxDEV(ee.Input,{isRequired:A,hintText:y,type:a??"text",id:z,ref:i,skipFocus:!0,isActive:$,value:s.actualValue,validate:e=>[!0,""],errorMessage:v,noMaxCharCheck:R,maxCharLimit:C,labelText:g,labelElement:q,placeholder:T||"Add a value",onClick:e=>{i.current&&p(i.current.selectionStart)},onChangeText:(e,m)=>{if(i.current&&p(i.current.selectionStart),S){const c=m?.keyCode||m?.charCode;(c===8||c===46)&&o({actualValue:"",variableType:"string"});return}o(h?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{d(!0),j(!0)},onBlur:e=>{w?.(e,s),e.relatedTarget?.id==="addVar"||e.relatedTarget?.id==="variable-picker-v3"||e.relatedTarget?.className?.includes("accordion")||e.relatedTarget?.id==="back-btn-v3"?(i.current&&i.current.focus(),d(!0)):e.relatedTarget?.id==="search-bar-v3-picker"?d(!0):(d(!1),u(!1),l?.(!1),j(!1))}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:136,columnNumber:5},void 0),t.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[s.actualValue&&U&&t.jsxDEV("div",{style:{marginTop:4},children:t.jsxDEV(Y.BodyCaption,{children:`This value is of type ${s.variableType}`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:229,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:224,columnNumber:7},void 0),W&&L&&t.jsxDEV("div",{style:{marginTop:v||y?"-24px":"0px"},children:t.jsxDEV(X.AddVariableStyled,{ref:N,id:"addVar",onClick:()=>{u(!f),l?.(!f)},children:t.jsxDEV("div",{className:"add",children:[t.jsxDEV(K.default,{color:"white"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:245,columnNumber:10},void 0),t.jsxDEV("div",{className:"variable",children:"Add variable"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:246,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:244,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:236,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:233,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:216,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:128,columnNumber:4},void 0),f&&t.jsxDEV(t.Fragment,{children:B===b.PickerType.EMBEDDED?t.jsxDEV(Z.CustomPortal,{zIndex:101,element:O??document.body,children:t.jsxDEV(D.VariablePicker,{width:"344px",showHeader:_,headerText:M,onClose:()=>{u(!1),l?.(!1)},type:b.PickerType.EMBEDDED,data:V,onSelect:e=>{x(e),u(!1),l?.(!1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:257,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:256,columnNumber:7},void 0):t.jsxDEV("div",{style:{zIndex:101,position:"relative"},children:t.jsxDEV(te.Floater,{refElement:N,children:t.jsxDEV("div",{style:{height:500},children:t.jsxDEV(D.VariablePicker,{onClose:()=>{u(!1),l?.(!1)},type:b.PickerType.FLOATER,data:V,onSelect:e=>{x(e),u(!1),l?.(!1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:279,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:278,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:277,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:276,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:254,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:127,columnNumber:3},void 0)},ne=ie.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),K=require("../../assets/icons/PlusIcon.js"),r=require("react"),G=require("styled-components"),J=require("uuid"),Q=require("../../constants/Theme.js"),X=require("../add-variableV2/AddVariableBox.styled.js"),Y=require("../TypographyStyle.js"),d=require("../variable-picker-v3/model.js"),Z=require("./customPortal.js"),ee=require("../input/Input.js"),E=require("../variable-picker-v3/VariablePicker.js"),ie=require("../floater/floater.js"),re=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},te=re(G),ae=({type:a,allowMix:v,onChange:I,prevVariable:w,variablesList:h,onBlur:j,onlyVariables:S,placeHolder:T,showAddButton:U=!0,showHelp:C,errorMessage:k,maxCharLimit:R,noMaxCharCheck:g,labelText:q,labelElement:A,isRequired:F=!1,hintText:y,onEnterPress:P,pickerType:B=d.PickerType.FLOATER,portalElement:O,showVarHeader:_,varHeaderText:M,onPickerToggle:l})=>{const V=r.useRef(),N=r.useRef(!0),t=r.useRef(null),[$,m]=r.useState(!1),[z]=r.useState(J.v4()),[s,x]=r.useState(),[n,u]=r.useState(w),[f,o]=r.useState(!1),[L,D]=r.useState(!1),[W,b]=r.useState(0);function H(e,p,c){return e.slice(0,c)+p+e.slice(c)}return r.useEffect(()=>{if(!(!s||!s.actualValue))if(v){if(u(e=>({actualValue:H(e.actualValue,s.actualValue,W),variableType:"string"})),t.current){b(t.current.selectionStart);const e=W+s.actualValue.length+2;t.current.setSelectionRange(e,e),b(e)}}else u(e=>({actualValue:s.actualValue,variableType:s.variableType,needsFetching:s.needsFetching}))},[s]),r.useEffect(()=>{N.current?N.current=!1:I(n)},[n]),i.jsxDEV(i.Fragment,{children:[i.jsxDEV(se,{isVar:/^{{.*}}$/.test(n.actualValue),onKeyDown:e=>{e.key==="Enter"&&P?.(n.actualValue)},children:[i.jsxDEV(ee.Input,{isRequired:F,hintText:y,type:a??"text",id:z,ref:t,skipFocus:!0,isActive:$,value:n.actualValue,validate:e=>[!0,""],errorMessage:k,noMaxCharCheck:g,maxCharLimit:R,labelText:q,labelElement:A,placeholder:T||"Add a value",onClick:e=>{t.current&&b(t.current.selectionStart)},onChangeText:(e,p)=>{if(t.current&&b(t.current.selectionStart),S){const c=p?.keyCode||p?.charCode;(c===8||c===46)&&u({actualValue:"",variableType:"string"});return}u(v?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{m(!0),D(!0)},onBlur:e=>{j?.(e,n),e.relatedTarget?.id==="addVar"||e.relatedTarget?.id==="variable-picker-v3"||e.relatedTarget?.className?.includes("accordion")||e.relatedTarget?.id==="back-btn-v3"?(t.current&&t.current.focus(),m(!0)):e.relatedTarget?.id==="search-bar-v3-picker"?m(!0):(m(!1),o(!1),l?.(!1),D(!1))}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:136,columnNumber:5},void 0),i.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[n.actualValue&&C&&i.jsxDEV("div",{style:{marginTop:4},children:i.jsxDEV(Y.BodyCaption,{children:`This value is of type ${n.variableType}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:229,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:224,columnNumber:7},void 0),U&&L&&i.jsxDEV("div",{style:{marginTop:k||y?"-24px":"0px"},children:i.jsxDEV(X.AddVariableStyled,{ref:V,id:"addVar",onClick:()=>{o(!f),l?.(!f)},children:i.jsxDEV("div",{className:"add",children:[i.jsxDEV(K.default,{color:"white"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:245,columnNumber:10},void 0),i.jsxDEV("div",{className:"variable",children:"Add variable"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:246,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:244,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:236,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:233,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:216,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:128,columnNumber:4},void 0),f&&i.jsxDEV(i.Fragment,{children:B===d.PickerType.EMBEDDED?i.jsxDEV(Z.CustomPortal,{zIndex:101,element:O??document.body,children:i.jsxDEV(E.VariablePicker,{width:"344px",showHeader:_,headerText:M,onClose:()=>{o(!1),l?.(!1)},type:d.PickerType.EMBEDDED,data:h,onSelect:e=>{x(e),o(!1),l?.(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:257,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:256,columnNumber:7},void 0):i.jsxDEV("div",{style:{zIndex:101,position:"relative"},children:i.jsxDEV(ie.Floater,{refElement:V,children:i.jsxDEV("div",{style:{height:500},children:i.jsxDEV(E.VariablePicker,{onClose:()=>{o(!1),l?.(!1)},type:d.PickerType.FLOATER,data:h,onSelect:e=>{x(e),o(!1),l?.(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:279,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:278,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:277,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:276,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:254,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",lineNumber:127,columnNumber:3},void 0)},se=te.default.div`
 	position: relative;
 	margin-bottom: 12px;
 	input {

package/dist/cjs/components/input-with-vars/InputWithVariables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputWithVariables.js","sources":["../../../../src/components/input-with-vars/InputWithVariables.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/PlusIcon';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 } from 'uuid';\nimport { COLORS } from '@src/constants/Theme';\nimport { AddVariableStyled } from '../add-variableV2/AddVariableBox.styled';\nimport { Variable } from '../add-variableV2/AddVariableV2';\nimport { SelectedVariable } from '../add-variableV2/types';\nimport { Floater } from '../floater';\nimport { Input } from '../input';\nimport { InputTypeI } from '../input/Input.model';\nimport { BodyCaption } from '../TypographyStyle';\nimport { VariablePicker } from '../variable-picker-v3';\nimport { PickerType } from '../variable-picker-v3/model';\nimport { CustomPortal } from './customPortal';\n\nexport interface InputWithVariablesProps {\n\ttype?: InputTypeI;\n\tvariablesList: any;\n\tonChange: (val: SelectedVariable) => void;\n\tonBlur?: (e: Event, val?: SelectedVariable \| Variable) => void;\n\tallowMix: boolean;\n\tprevVariable: SelectedVariable;\n\tshowHelp?: boolean;\n\tonlyVariables?: boolean;\n\tplaceHolder?: string;\n\tshowAddButton?: boolean;\n\terrorMessage?: string;\n\tnoMaxCharCheck?: boolean;\n\tmaxCharLimit?: number;\n\tlabelText?: string;\n\tlabelElement?: React.ReactNode;\n\tisRequired?: boolean;\n\thintText?: string;\n\tonEnterPress?: (input: string) => void;\n\tpickerType?: PickerType;\n\tportalElement?: HTMLElement;\n\tshowVarHeader?: boolean;\n\tvarHeaderText?: string;\n\tonPickerToggle?: (isOpen: boolean) => void;\n}\n\nexport const InputWithVariables: React.FC<InputWithVariablesProps> = ({\n\ttype,\n\tallowMix,\n\tonChange,\n\tprevVariable,\n\tvariablesList,\n\tonBlur,\n\tonlyVariables,\n\tplaceHolder,\n\tshowAddButton = true,\n\tshowHelp,\n\terrorMessage,\n\tmaxCharLimit,\n\tnoMaxCharCheck,\n\tlabelText,\n\tlabelElement,\n\tisRequired = false,\n\thintText,\n\tonEnterPress,\n\tpickerType = PickerType.FLOATER,\n\tportalElement,\n\tshowVarHeader,\n\tvarHeaderText,\n\tonPickerToggle,\n}: InputWithVariablesProps) => {\n\tconst superRef = useRef<any>();\n\tconst initialRender = useRef(true);\n\tconst inputRef = useRef(null);\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst [id] = useState<string>(v4());\n\tconst [selectedVariable, setSelectedVariable] = useState<SelectedVariable>();\n\tconst [displayValue, setDisplayValue] =\n\t\tuseState<SelectedVariable>(prevVariable);\n\tconst [varModalVisible, setVarModalVisible] = useState<boolean>(false);\n\tconst [addVarRefVisible, setAddVarRefVisible] = useState<boolean>(false);\n\tconst [curCursorPosition, setCurCursorPosition] = useState<number>(0);\n\n\tfunction insertString(originalString, stringToInsert, position) {\n\t\tconst modifiedString =\n\t\t\toriginalString.slice(0, position) +\n\t\t\tstringToInsert +\n\t\t\toriginalString.slice(position);\n\t\treturn modifiedString;\n\t}\n\n\tuseEffect(() => {\n\t\tif (!selectedVariable \|\| !selectedVariable.actualValue) {\n\t\t\treturn;\n\t\t}\n\t\tif (allowMix) {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: insertString(\n\t\t\t\t\tprev.actualValue,\n\t\t\t\t\tselectedVariable.actualValue,\n\t\t\t\t\tcurCursorPosition,\n\t\t\t\t),\n\t\t\t\tvariableType: 'string',\n\t\t\t}));\n\t\t\tif (inputRef.current) {\n\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\tconst newPos =\n\t\t\t\t\tcurCursorPosition + selectedVariable.actualValue.length + 2;\n\t\t\t\t(inputRef.current as any).setSelectionRange(newPos, newPos);\n\t\t\t\tsetCurCursorPosition(newPos);\n\t\t\t}\n\t\t} else {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: selectedVariable.actualValue,\n\t\t\t\tvariableType: selectedVariable.variableType,\n\t\t\t\tneedsFetching: selectedVariable.needsFetching,\n\t\t\t}));\n\t\t}\n\t}, [selectedVariable]);\n\n\tuseEffect(() => {\n\t\t// don't call onChange on initial render\n\t\tif (initialRender.current) {\n\t\t\tinitialRender.current = false;\n\t\t} else {\n\t\t\tonChange(displayValue);\n\t\t}\n\t}, [displayValue]);\n\n\treturn (\n\t\t<>\n\t\t\t<StyledInput\n\t\t\t\tisVar={/^{{.}}$/.test(displayValue.actualValue)}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\tonEnterPress?.(displayValue.actualValue);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tisRequired={isRequired}\n\t\t\t\t\thintText={hintText}\n\t\t\t\t\ttype={type ?? 'text'}\n\t\t\t\t\tid={id}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tskipFocus={true}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\tvalue={displayValue.actualValue}\n\t\t\t\t\tvalidate={(_) => [true, '']}\n\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\tnoMaxCharCheck={noMaxCharCheck}\n\t\t\t\t\tmaxCharLimit={maxCharLimit}\n\t\t\t\t\tlabelText={labelText}\n\t\t\t\t\tlabelElement={labelElement}\n\t\t\t\t\tplaceholder={placeHolder \|\| 'Add a value'}\n\t\t\t\t\tonClick={(event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonChangeText={(input: string, event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (onlyVariables) {\n\t\t\t\t\t\t\tconst key = (event as any)?.keyCode \|\| (event as any)?.charCode;\n\n\t\t\t\t\t\t\tif (key === 8 \|\| key === 46) {\n\t\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\t\tactualValue: '',\n\t\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (!allowMix) {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input.replace(/{{.}}/, ''),\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input,\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonReferenceInit={() => {\n\t\t\t\t\t\t/* Bypass eslint */\n\t\t\t\t\t}}\n\t\t\t\t\tonFocus={(e: any) => {\n\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\tsetAddVarRefVisible(true);\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\tonBlur?.(e, displayValue);\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\te.relatedTarget?.id === 'addVar' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'variable-picker-v3' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.className?.includes('accordion') \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'back-btn-v3'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\t\t(inputRef.current as any).focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else if (e.relatedTarget?.id === 'search-bar-v3-picker') {\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetIsActive(false);\n\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\tsetAddVarRefVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{displayValue.actualValue && showHelp && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 4,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyCaption>{`This value is of type ${displayValue.variableType}`}</BodyCaption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showAddButton && addVarRefVisible && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ marginTop: errorMessage \|\| hintText ? '-24px' : '0px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AddVariableStyled\n\t\t\t\t\t\t\t\tref={superRef}\n\t\t\t\t\t\t\t\tid={`addVar`}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(!varModalVisible);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(!varModalVisible);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"add\">\n\t\t\t\t\t\t\t\t\t<PlusIcon color=\"white\" />\n\t\t\t\t\t\t\t\t\t<div className=\"variable\">Add variable</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</AddVariableStyled>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</StyledInput>\n\t\t\t{varModalVisible && (\n\t\t\t\t<>\n\t\t\t\t\t{pickerType === PickerType.EMBEDDED ? (\n\t\t\t\t\t\t<CustomPortal zIndex={101} element={portalElement ?? document.body}>\n\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\twidth={'344px'}\n\t\t\t\t\t\t\t\tshowHeader={showVarHeader}\n\t\t\t\t\t\t\t\theaderText={varHeaderText}\n\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttype={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CustomPortal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={{ zIndex: 101, position: 'relative' }}>\n\t\t\t\t\t\t\t<Floater refElement={superRef}>\n\t\t\t\t\t\t\t\t<div style={{ height: 500 }}>\n\t\t\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype={PickerType.FLOATER}\n\t\t\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Floater>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst StyledInput = styled.div<{ isVar: boolean }>`\n\tposition: relative;\n\tmargin-bottom: 12px;\n\tinput {\n\t\tcolor: ${(props) => (props.isVar ? COLORS.stroke.brand : 'black')};\n\t}\n`;\n"],"names":["InputWithVariables","type","allowMix","onChange","prevVariable","variablesList","onBlur","onlyVariables","placeHolder","showAddButton","showHelp","errorMessage","maxCharLimit","noMaxCharCheck","labelText","labelElement","isRequired","hintText","onEnterPress","pickerType","PickerType","portalElement","showVarHeader","varHeaderText","onPickerToggle","superRef","useRef","initialRender","inputRef","isActive","setIsActive","useState","id","v4","selectedVariable","setSelectedVariable","displayValue","setDisplayValue","varModalVisible","setVarModalVisible","addVarRefVisible","setAddVarRefVisible","curCursorPosition","setCurCursorPosition","insertString","originalString","stringToInsert","position","useEffect","prev","newPos","jsxDEV","Fragment","StyledInput","Input","_","event","input","key","this","BodyCaption","AddVariableStyled","PlusIcon","CustomPortal","VariablePicker","variable","Floater","styled","props","COLORS"],"mappings":"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"}
1	+ {"version":3,"file":"InputWithVariables.js","sources":["../../../../src/components/input-with-vars/InputWithVariables.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/PlusIcon';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 } from 'uuid';\nimport { COLORS } from '@src/constants/Theme';\nimport { AddVariableStyled } from '../add-variableV2/AddVariableBox.styled';\nimport { Variable } from '../add-variableV2/AddVariableV2';\nimport { SelectedVariable } from '../add-variableV2/types';\nimport { Floater } from '../floater';\nimport { Input } from '../input';\nimport { InputTypeI } from '../input/Input.model';\nimport { BodyCaption } from '../TypographyStyle';\nimport { VariablePicker } from '../variable-picker-v3';\nimport { PickerType } from '../variable-picker-v3/model';\nimport { CustomPortal } from './customPortal';\n\nexport interface InputWithVariablesProps {\n\ttype?: InputTypeI;\n\tvariablesList: any;\n\tonChange: (val: SelectedVariable) => void;\n\tonBlur?: (e: Event, val?: SelectedVariable \| Variable) => void;\n\tallowMix: boolean;\n\tprevVariable: SelectedVariable;\n\tshowHelp?: boolean;\n\tonlyVariables?: boolean;\n\tplaceHolder?: string;\n\tshowAddButton?: boolean;\n\terrorMessage?: string;\n\tnoMaxCharCheck?: boolean;\n\tmaxCharLimit?: number;\n\tlabelText?: string;\n\tlabelElement?: React.ReactNode;\n\tisRequired?: boolean;\n\thintText?: string;\n\tonEnterPress?: (input: string) => void;\n\tpickerType?: PickerType;\n\tportalElement?: HTMLElement;\n\tshowVarHeader?: boolean;\n\tvarHeaderText?: string;\n\tonPickerToggle?: (isOpen: boolean) => void;\n}\n\nexport const InputWithVariables: React.FC<InputWithVariablesProps> = ({\n\ttype,\n\tallowMix,\n\tonChange,\n\tprevVariable,\n\tvariablesList,\n\tonBlur,\n\tonlyVariables,\n\tplaceHolder,\n\tshowAddButton = true,\n\tshowHelp,\n\terrorMessage,\n\tmaxCharLimit,\n\tnoMaxCharCheck,\n\tlabelText,\n\tlabelElement,\n\tisRequired = false,\n\thintText,\n\tonEnterPress,\n\tpickerType = PickerType.FLOATER,\n\tportalElement,\n\tshowVarHeader,\n\tvarHeaderText,\n\tonPickerToggle,\n}: InputWithVariablesProps) => {\n\tconst superRef = useRef<any>();\n\tconst initialRender = useRef(true);\n\tconst inputRef = useRef(null);\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst [id] = useState<string>(v4());\n\tconst [selectedVariable, setSelectedVariable] = useState<SelectedVariable>();\n\tconst [displayValue, setDisplayValue] =\n\t\tuseState<SelectedVariable>(prevVariable);\n\tconst [varModalVisible, setVarModalVisible] = useState<boolean>(false);\n\tconst [addVarRefVisible, setAddVarRefVisible] = useState<boolean>(false);\n\tconst [curCursorPosition, setCurCursorPosition] = useState<number>(0);\n\n\tfunction insertString(originalString, stringToInsert, position) {\n\t\tconst modifiedString =\n\t\t\toriginalString.slice(0, position) +\n\t\t\tstringToInsert +\n\t\t\toriginalString.slice(position);\n\t\treturn modifiedString;\n\t}\n\n\tuseEffect(() => {\n\t\tif (!selectedVariable \|\| !selectedVariable.actualValue) {\n\t\t\treturn;\n\t\t}\n\t\tif (allowMix) {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: insertString(\n\t\t\t\t\tprev.actualValue,\n\t\t\t\t\tselectedVariable.actualValue,\n\t\t\t\t\tcurCursorPosition,\n\t\t\t\t),\n\t\t\t\tvariableType: 'string',\n\t\t\t}));\n\t\t\tif (inputRef.current) {\n\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\tconst newPos =\n\t\t\t\t\tcurCursorPosition + selectedVariable.actualValue.length + 2;\n\t\t\t\t(inputRef.current as any).setSelectionRange(newPos, newPos);\n\t\t\t\tsetCurCursorPosition(newPos);\n\t\t\t}\n\t\t} else {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: selectedVariable.actualValue,\n\t\t\t\tvariableType: selectedVariable.variableType,\n\t\t\t\tneedsFetching: selectedVariable.needsFetching,\n\t\t\t}));\n\t\t}\n\t}, [selectedVariable]);\n\n\tuseEffect(() => {\n\t\t// don't call onChange on initial render\n\t\tif (initialRender.current) {\n\t\t\tinitialRender.current = false;\n\t\t} else {\n\t\t\tonChange(displayValue);\n\t\t}\n\t}, [displayValue]);\n\n\treturn (\n\t\t<>\n\t\t\t<StyledInput\n\t\t\t\tisVar={/^{{.}}$/.test(displayValue.actualValue)}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\tonEnterPress?.(displayValue.actualValue);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tisRequired={isRequired}\n\t\t\t\t\thintText={hintText}\n\t\t\t\t\ttype={type ?? 'text'}\n\t\t\t\t\tid={id}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tskipFocus={true}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\tvalue={displayValue.actualValue}\n\t\t\t\t\tvalidate={(_) => [true, '']}\n\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\tnoMaxCharCheck={noMaxCharCheck}\n\t\t\t\t\tmaxCharLimit={maxCharLimit}\n\t\t\t\t\tlabelText={labelText}\n\t\t\t\t\tlabelElement={labelElement}\n\t\t\t\t\tplaceholder={placeHolder \|\| 'Add a value'}\n\t\t\t\t\tonClick={(event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonChangeText={(input: string, event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (onlyVariables) {\n\t\t\t\t\t\t\tconst key = (event as any)?.keyCode \|\| (event as any)?.charCode;\n\n\t\t\t\t\t\t\tif (key === 8 \|\| key === 46) {\n\t\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\t\tactualValue: '',\n\t\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (!allowMix) {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input.replace(/{{.}}/, ''),\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input,\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonReferenceInit={() => {\n\t\t\t\t\t\t/* Bypass eslint */\n\t\t\t\t\t}}\n\t\t\t\t\tonFocus={(e: any) => {\n\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\tsetAddVarRefVisible(true);\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\tonBlur?.(e, displayValue);\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\te.relatedTarget?.id === 'addVar' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'variable-picker-v3' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.className?.includes('accordion') \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'back-btn-v3'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\t\t(inputRef.current as any).focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else if (e.relatedTarget?.id === 'search-bar-v3-picker') {\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetIsActive(false);\n\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\tsetAddVarRefVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{displayValue.actualValue && showHelp && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 4,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyCaption>{`This value is of type ${displayValue.variableType}`}</BodyCaption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showAddButton && addVarRefVisible && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ marginTop: errorMessage \|\| hintText ? '-24px' : '0px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AddVariableStyled\n\t\t\t\t\t\t\t\tref={superRef}\n\t\t\t\t\t\t\t\tid={`addVar`}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(!varModalVisible);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(!varModalVisible);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"add\">\n\t\t\t\t\t\t\t\t\t<PlusIcon color=\"white\" />\n\t\t\t\t\t\t\t\t\t<div className=\"variable\">Add variable</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</AddVariableStyled>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</StyledInput>\n\t\t\t{varModalVisible && (\n\t\t\t\t<>\n\t\t\t\t\t{pickerType === PickerType.EMBEDDED ? (\n\t\t\t\t\t\t<CustomPortal zIndex={101} element={portalElement ?? document.body}>\n\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\twidth={'344px'}\n\t\t\t\t\t\t\t\tshowHeader={showVarHeader}\n\t\t\t\t\t\t\t\theaderText={varHeaderText}\n\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttype={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CustomPortal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={{ zIndex: 101, position: 'relative' }}>\n\t\t\t\t\t\t\t<Floater refElement={superRef}>\n\t\t\t\t\t\t\t\t<div style={{ height: 500 }}>\n\t\t\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype={PickerType.FLOATER}\n\t\t\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Floater>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst StyledInput = styled.div<{ isVar: boolean }>`\n\tposition: relative;\n\tmargin-bottom: 12px;\n\tinput {\n\t\tcolor: ${(props) => (props.isVar ? COLORS.stroke.brand : 'black')};\n\t}\n`;\n"],"names":["InputWithVariables","type","allowMix","onChange","prevVariable","variablesList","onBlur","onlyVariables","placeHolder","showAddButton","showHelp","errorMessage","maxCharLimit","noMaxCharCheck","labelText","labelElement","isRequired","hintText","onEnterPress","pickerType","PickerType","portalElement","showVarHeader","varHeaderText","onPickerToggle","superRef","useRef","initialRender","inputRef","isActive","setIsActive","useState","id","v4","selectedVariable","setSelectedVariable","displayValue","setDisplayValue","varModalVisible","setVarModalVisible","addVarRefVisible","setAddVarRefVisible","curCursorPosition","setCurCursorPosition","insertString","originalString","stringToInsert","position","useEffect","prev","newPos","jsxDEV","Fragment","StyledInput","Input","_","event","input","key","this","BodyCaption","AddVariableStyled","PlusIcon","CustomPortal","VariablePicker","variable","Floater","styled","props","COLORS"],"mappings":"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"}

package/dist/cjs/components/input-with-vars/customPortal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),o=require("react-dom"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=n(o),i=e=>r.default.createPortal(t.jsxDEV("div",{style:{zIndex:e.zIndex??2,position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",alignItems:"center",justifyContent:"flex-end",borderRadius:4,border:"1px solid #9E9E9E"},children:t.jsxDEV("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:e.children},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/customPortal.tsx",lineNumber:27,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/input-with-vars/customPortal.tsx",lineNumber:11,columnNumber:3},void 0),e.element);exports.CustomPortal=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),o=require("react-dom"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=n(o),i=e=>r.default.createPortal(t.jsxDEV("div",{style:{zIndex:e.zIndex??2,position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",alignItems:"center",justifyContent:"flex-end",borderRadius:4,border:"1px solid #9E9E9E"},children:t.jsxDEV("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:e.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/customPortal.tsx",lineNumber:27,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/customPortal.tsx",lineNumber:11,columnNumber:3},void 0),e.element);exports.CustomPortal=i;
 //# sourceMappingURL=customPortal.js.map

package/dist/cjs/components/input-with-vars/customPortal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"customPortal.js","sources":["../../../../src/components/input-with-vars/customPortal.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\n\ninterface CustomPortalProps {\n\tchildren: React.ReactNode;\n\telement: HTMLElement;\n\tzIndex?: number;\n}\n\nexport const CustomPortal = (props: CustomPortalProps) => {\n\treturn ReactDOM.createPortal(\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tzIndex: props.zIndex ?? 2,\n\t\t\t\tposition: 'absolute',\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\tright: 0,\n\t\t\t\tbottom: 0,\n\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.7)',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\tborderRadius: 4,\n\t\t\t\tborder: '1px solid #9E9E9E',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t</div>,\n\t\tprops.element,\n\t);\n};\n"],"names":["CustomPortal","props","ReactDOM","jsxDEV","this"],"mappings":"+MAQaA,EAAgBC,GACrBC,EAAAA,QAAS,aACfC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQF,EAAM,QAAU,EACxB,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACR,gBAAiB,qBACjB,QAAS,OACT,WAAY,SACZ,eAAgB,WAChB,aAAc,EACd,OAAQ,mBAAA,EAGT,SAAAE,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,OACR,QAAS,OACT,cAAe,QAAA,EAGf,SAAAF,EAAM,QAAA,EAPR,OAAA,GAAA,CAAA,SAAA,~~uGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAQA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~uGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA0BAH,EAAM,OAAA"}
1	+ {"version":3,"file":"customPortal.js","sources":["../../../../src/components/input-with-vars/customPortal.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\n\ninterface CustomPortalProps {\n\tchildren: React.ReactNode;\n\telement: HTMLElement;\n\tzIndex?: number;\n}\n\nexport const CustomPortal = (props: CustomPortalProps) => {\n\treturn ReactDOM.createPortal(\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tzIndex: props.zIndex ?? 2,\n\t\t\t\tposition: 'absolute',\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\tright: 0,\n\t\t\t\tbottom: 0,\n\t\t\t\tbackgroundColor: 'rgba(0, 0, 0, 0.7)',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\tborderRadius: 4,\n\t\t\t\tborder: '1px solid #9E9E9E',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t</div>,\n\t\tprops.element,\n\t);\n};\n"],"names":["CustomPortal","props","ReactDOM","jsxDEV","this"],"mappings":"+MAQaA,EAAgBC,GACrBC,EAAAA,QAAS,aACfC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQF,EAAM,QAAU,EACxB,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACR,gBAAiB,qBACjB,QAAS,OACT,WAAY,SACZ,eAAgB,WAChB,aAAc,EACd,OAAQ,mBAAA,EAGT,SAAAE,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,OACR,QAAS,OACT,cAAe,QAAA,EAGf,SAAAF,EAAM,QAAA,EAPR,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAQA,EAxBD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA0BAH,EAAM,OAAA"}

package/dist/cjs/components/keywords-input/KeywordsInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),m=require("../../assets/icons/cross.svg.js"),y=require("react"),f=require("../input/Input.js"),w=require("../tag/Tag.js"),b=o=>{const[u,t]=y.useState(""),{keywords:c,onDeleteKeyword:l,errorMessage:s,onSelectKeyword:i,error:d,hint:p,width:a}=o;return n.jsxDEV("div",{style:{marginTop:12},children:[n.jsxDEV(f.Input,{"data-test":o["data-test"],width:a,onChangeText:function(e,r){r&&r?.type==="keydown"&&(r.which===13||r.keyCode===13)?e.trim()&&(t(""),i&&i(e.trim())):t(e)},value:u,hintText:p,placeholder:o.placeHolder??"Ex. Hello",errorMessage:d?s||"Please ENTER to add keyword":""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:34,columnNumber:4},void 0),n.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:a},children:c.map((e,r)=>n.jsxDEV(w.Tag,{tagText:e,TrailingIcon:m.default,onTrailingIconClicked:()=>l(e)},e+r,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:74,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:62,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:29,columnNumber:3},void 0)};exports.KeywordsInput=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),p=require("../../assets/icons/cross.svg.js"),y=require("react"),b=require("../input/Input.js"),k=require("../tag/Tag.js"),f=o=>{const[l,t]=y.useState(""),{keywords:u,onDeleteKeyword:c,errorMessage:s,onSelectKeyword:i,error:d,hint:m,width:a}=o;return n.jsxDEV("div",{style:{marginTop:12},children:[n.jsxDEV(b.Input,{"data-test":o["data-test"],width:a,onChangeText:function(e,r){r&&r?.type==="keydown"&&(r.which===13||r.keyCode===13)?e.trim()&&(t(""),i&&i(e.trim())):t(e)},value:l,hintText:m,placeholder:o.placeHolder??"Ex. Hello",errorMessage:d?s||"Please ENTER to add keyword":""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:34,columnNumber:4},void 0),n.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:a},children:u.map((e,r)=>n.jsxDEV(k.Tag,{tagText:e,TrailingIcon:p.default,onTrailingIconClicked:()=>c(e)},e+r,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:74,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:62,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",lineNumber:29,columnNumber:3},void 0)};exports.KeywordsInput=f;
 //# sourceMappingURL=KeywordsInput.js.map

package/dist/cjs/components/keywords-input/KeywordsInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeywordsInput.js","sources":["../../../../src/components/keywords-input/KeywordsInput.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport { useState } from 'react';\nimport { Input } from '../input';\nimport { Tag } from '../tag';\n\nexport const KeywordsInput = (props: {\n\tkeywords: string[];\n\tonDeleteKeyword: (name: string) => void;\n\tonSelectKeyword?: (kwd: string) => void;\n\tplaceHolder?: string;\n\terror?: boolean;\n\terrorMessage?: string;\n\thint?: string;\n\twidth?: string;\n\t'data-test'?: string;\n}) => {\n\tconst [inputValue, setInputValue] = useState<string>('');\n\tconst {\n\t\tkeywords,\n\t\tonDeleteKeyword,\n\t\terrorMessage,\n\t\tonSelectKeyword,\n\t\terror,\n\t\thint,\n\t\twidth,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tmarginTop: 12,\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tdata-test={props['data-test']}\n\t\t\t\twidth={width}\n\t\t\t\tonChangeText={function (input: string, event?: any): void {\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent &&\n\t\t\t\t\t\tevent?.type === 'keydown' &&\n\t\t\t\t\t\t(event.which === 13 \|\| event.keyCode === 13)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (input.trim()) {\n\t\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\t\tonSelectKeyword && onSelectKeyword(input.trim());\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetInputValue(input);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tvalue={inputValue}\n\t\t\t\thintText={hint}\n\t\t\t\tplaceholder={props.placeHolder ?? 'Ex. Hello'}\n\t\t\t\terrorMessage={\n\t\t\t\t\terror\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t\t: 'Please ENTER to add keyword'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: '8px',\n\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\twidth: width,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{keywords.map((k, idx) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\ttagText={k}\n\t\t\t\t\t\t\tkey={k + idx}\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeleteKeyword(k)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["KeywordsInput","props","inputValue","setInputValue","useState","keywords","onDeleteKeyword","errorMessage","onSelectKeyword","error","hint","width","jsxDEV","Input","input","event","this","k","idx","Tag","CrossIcon"],"mappings":"mPAKaA,EAAiBC,GAUxB,CACL,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiB,EAAE,EACjD,CACL,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,CAAA,EACGV,EAEJ,OACCW,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAW,EAAA,EAGZ,SAAA,CAAAA,EAAAA,OAACC,EAAAA,MAAA,CACA,YAAWZ,EAAM,WAAW,EAC5B,MAAAU,EACA,aAAc,SAAUG,EAAeC,EAAmB,CAExDA,GACAA,GAAO,OAAS,YACfA,EAAM,QAAU,IAAMA,EAAM,UAAY,IAErCD,EAAM,SACTX,EAAc,EAAE,EAChBK,GAAmBA,EAAgBM,EAAM,MAAM,GAGhDX,EAAcW,CAAK,CAErB,EACA,MAAOZ,EACP,SAAUQ,EACV,YAAaT,EAAM,aAAe,YAClC,aACCQ,EACGF,GAEC,8BACD,EAAA,EAzBL,OAAA,GAAA,CAAA,SAAA,~~uGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EA4BAJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,IAAK,MACL,UAAW,GACX,SAAU,OACV,MAAAD,CAAA,EAGA,SAAAN,EAAS,IAAI,CAACY,EAAGC,IAEhBN,EAAAA,OAACO,EAAAA,IAAA,CACA,QAASF,EAET,aAAcG,EAAAA,QACd,sBAAuB,IAAMd,EAAgBW,CAAC,CAAA,EAFzCA,EAAIC,EAFV,GAAA,CAAA,SAAA,~~uGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,CAOD,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,~~uGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoBA,CAAA,EArDD,OAAA,GAAA,CAAA,SAAA,~~uGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwDF"}
1	+ {"version":3,"file":"KeywordsInput.js","sources":["../../../../src/components/keywords-input/KeywordsInput.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport { useState } from 'react';\nimport { Input } from '../input';\nimport { Tag } from '../tag';\n\nexport const KeywordsInput = (props: {\n\tkeywords: string[];\n\tonDeleteKeyword: (name: string) => void;\n\tonSelectKeyword?: (kwd: string) => void;\n\tplaceHolder?: string;\n\terror?: boolean;\n\terrorMessage?: string;\n\thint?: string;\n\twidth?: string;\n\t'data-test'?: string;\n}) => {\n\tconst [inputValue, setInputValue] = useState<string>('');\n\tconst {\n\t\tkeywords,\n\t\tonDeleteKeyword,\n\t\terrorMessage,\n\t\tonSelectKeyword,\n\t\terror,\n\t\thint,\n\t\twidth,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tmarginTop: 12,\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tdata-test={props['data-test']}\n\t\t\t\twidth={width}\n\t\t\t\tonChangeText={function (input: string, event?: any): void {\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent &&\n\t\t\t\t\t\tevent?.type === 'keydown' &&\n\t\t\t\t\t\t(event.which === 13 \|\| event.keyCode === 13)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (input.trim()) {\n\t\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\t\tonSelectKeyword && onSelectKeyword(input.trim());\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetInputValue(input);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tvalue={inputValue}\n\t\t\t\thintText={hint}\n\t\t\t\tplaceholder={props.placeHolder ?? 'Ex. Hello'}\n\t\t\t\terrorMessage={\n\t\t\t\t\terror\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t\t: 'Please ENTER to add keyword'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tgap: '8px',\n\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\twidth: width,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{keywords.map((k, idx) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\ttagText={k}\n\t\t\t\t\t\t\tkey={k + idx}\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeleteKeyword(k)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["KeywordsInput","props","inputValue","setInputValue","useState","keywords","onDeleteKeyword","errorMessage","onSelectKeyword","error","hint","width","jsxDEV","Input","input","event","this","k","idx","Tag","CrossIcon"],"mappings":"mPAKaA,EAAiBC,GAUxB,CACL,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiB,EAAE,EACjD,CACL,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,CAAA,EACGV,EAEJ,OACCW,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAW,EAAA,EAGZ,SAAA,CAAAA,EAAAA,OAACC,EAAAA,MAAA,CACA,YAAWZ,EAAM,WAAW,EAC5B,MAAAU,EACA,aAAc,SAAUG,EAAeC,EAAmB,CAExDA,GACAA,GAAO,OAAS,YACfA,EAAM,QAAU,IAAMA,EAAM,UAAY,IAErCD,EAAM,SACTX,EAAc,EAAE,EAChBK,GAAmBA,EAAgBM,EAAM,MAAM,GAGhDX,EAAcW,CAAK,CAErB,EACA,MAAOZ,EACP,SAAUQ,EACV,YAAaT,EAAM,aAAe,YAClC,aACCQ,EACGF,GAEC,8BACD,EAAA,EAzBL,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EA4BAJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,IAAK,MACL,UAAW,GACX,SAAU,OACV,MAAAD,CAAA,EAGA,SAAAN,EAAS,IAAI,CAACY,EAAGC,IAEhBN,EAAAA,OAACO,EAAAA,IAAA,CACA,QAASF,EAET,aAAcG,EAAAA,QACd,sBAAuB,IAAMd,EAAgBW,CAAC,CAAA,EAFzCA,EAAIC,EAFV,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,CAOD,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoBA,CAAA,EArDD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwDF"}

package/dist/cjs/components/list-item/ListItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),y=require("react"),N=require("./themes.js"),a=require("../TypographyStyle.js"),u=require("../../constants/Theme.js"),x=require("./ListItem.styled.js"),d=y.forwardRef(({id:p,onSelect:r,variant:t="default",trailingIcon:s,leadingIcon:n,subText:o,listItem:i,borderBottom:b,customComponent:l,customListItemLabel:m,version:c,...f},h)=>e.jsxDEV(x.ListItem,{ref:h,id:p,variant:t,onClick:()=>r&&r(i),borderBottom:b,version:c,...f,children:l?e.jsxDEV(e.Fragment,{children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:37,columnNumber:6},void 0):e.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!n&&n,e.jsxDEV("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[m?e.jsxDEV(e.Fragment,{children:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:57,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{children:!!i&&e.jsxDEV(a.BodySecondary,{style:{fontSize:`${c==="2.0"?12:14}px`,color:N.getColor(t),textOverflow:"ellipsis",display:"block"},children:i.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:61,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:59,columnNumber:9},void 0),!!o&&e.jsxDEV(a.BodyCaption,{style:{color:t==="inactive"?u.COLORS.content.inactive:u.COLORS.text.secondary},children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:76,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:48,columnNumber:7},void 0),!!s&&e.jsxDEV("div",{style:{display:"flex",marginLeft:"auto"},children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:89,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:39,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:27,columnNumber:4},void 0));d.displayName="ListItem";exports.ListItem=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("react"),v=require("./themes.js"),c=require("../TypographyStyle.js"),u=require("../../constants/Theme.js"),h=require("./ListItem.styled.js"),b=f.forwardRef(({id:d,onSelect:t,variant:i="default",trailingIcon:r,leadingIcon:n,subText:o,listItem:s,borderBottom:p,customComponent:m,customListItemLabel:l,version:a,...k},y)=>e.jsxDEV(h.ListItem,{ref:y,id:d,variant:i,onClick:()=>t&&t(s),borderBottom:p,version:a,...k,children:m?e.jsxDEV(e.Fragment,{children:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:37,columnNumber:6},void 0):e.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!n&&n,e.jsxDEV("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[l?e.jsxDEV(e.Fragment,{children:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:57,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{children:!!s&&e.jsxDEV(c.BodySecondary,{style:{fontSize:`${a==="2.0"?12:14}px`,color:v.getColor(i),textOverflow:"ellipsis",display:"block"},children:s.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:61,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:59,columnNumber:9},void 0),!!o&&e.jsxDEV(c.BodyCaption,{style:{color:i==="inactive"?u.COLORS.content.inactive:u.COLORS.text.secondary},children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:76,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:48,columnNumber:7},void 0),!!r&&e.jsxDEV("div",{style:{display:"flex",marginLeft:"auto"},children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:89,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:39,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/list-item/ListItem.tsx",lineNumber:27,columnNumber:4},void 0));b.displayName="ListItem";exports.ListItem=b;
 //# sourceMappingURL=ListItem.js.map

package/dist/cjs/components/list-item/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/list-item/ListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { getColor } from '@src/components/list-item/themes';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItemProps } from './List.model';\nimport * as Sc from './ListItem.styled';\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n\t(\n\t\t{\n\t\t\tid,\n\t\t\tonSelect,\n\t\t\tvariant = 'default',\n\t\t\ttrailingIcon,\n\t\t\tleadingIcon,\n\t\t\tsubText,\n\t\t\tlistItem,\n\t\t\tborderBottom,\n\t\t\tcustomComponent,\n\t\t\tcustomListItemLabel,\n\t\t\tversion,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<Sc.ListItem\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tvariant={variant}\n\t\t\t\tonClick={() => onSelect && onSelect(listItem)}\n\t\t\t\tborderBottom={borderBottom}\n\t\t\t\tversion={version}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{customComponent ? (\n\t\t\t\t\t<>{customComponent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!leadingIcon && leadingIcon}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\trowGap: '4px',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customListItemLabel ? (\n\t\t\t\t\t\t\t\t<>{customListItemLabel}</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{!!listItem && (\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `${version === '2.0' ? 12 : 14}px`,\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: getColor(variant),\n\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{listItem.label}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!subText && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tvariant === 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!trailingIcon && (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t{trailingIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Sc.ListItem>\n\t\t);\n\t},\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","forwardRef","id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version","rest","ref","jsxDEV","Sc.ListItem","this","Fragment","BodySecondary","getColor","BodyCaption","COLORS"],"mappings":"gRAOaA,EAAWC,EAAAA,WACvB,CACC,CACC,GAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,aAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,oBAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAEJC,IAGCC,EAAAA,OAACC,EAAAA,SAAA,CACA,IAAAF,EACA,GAAAZ,EACA,QAAAE,EACA,QAAS,IAAMD,GAAYA,EAASK,CAAQ,EAC5C,aAAAC,EACA,QAAAG,EACC,GAAGC,EAEH,SAAAH,uBACG,SAAAA,CAAA,EAAH,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAmB,EAEnBF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,IAAK,EACL,MAAO,MAAA,EAGP,SAAA,CAAA,CAAC,CAACT,GAAeA,EAClBS,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,OAAQ,MACR,cAAe,SACf,SAAU,QAAA,EAGV,SAAA,CAAAJ,uBACG,SAAAA,CAAA,EAAH,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAuB,EAEvBF,SAAAG,EAAAA,SAAA,CACE,SAAA,CAAC,CAACV,GACFO,EAAAA,OAACI,EAAAA,cAAA,CACA,MAAO,CACN,SAAU,GAAGP,IAAY,MAAQ,GAAK,EAAE,KACxC,MAAOQ,EAAAA,SAAShB,CAAO,EACvB,aAAc,WACd,QAAS,OAAA,EAGT,SAAAI,EAAS,KAAA,EARX,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAS,MAAA,CASA,EAXF,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,EAGA,CAAC,CAACV,GACFQ,EAAAA,OAACM,EAAAA,YAAA,CACA,MAAO,CACN,MACCjB,IAAY,WACTkB,EAAAA,OAAO,QAAQ,SACfA,EAAAA,OAAO,KAAK,SAAA,EAGhB,SAAAf,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CASA,CAAA,EArCF,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAwCC,CAAC,CAACZ,GACFU,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,MAAA,EACzC,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAY,MAEA,CAAA,CAAA,EApDF,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAsDA,EAlEF,OAAA,GAAA,CAAA,SAAA,~~6FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuEH,EAEAjB,EAAS,YAAc"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../src/components/list-item/ListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { getColor } from '@src/components/list-item/themes';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItemProps } from './List.model';\nimport * as Sc from './ListItem.styled';\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n\t(\n\t\t{\n\t\t\tid,\n\t\t\tonSelect,\n\t\t\tvariant = 'default',\n\t\t\ttrailingIcon,\n\t\t\tleadingIcon,\n\t\t\tsubText,\n\t\t\tlistItem,\n\t\t\tborderBottom,\n\t\t\tcustomComponent,\n\t\t\tcustomListItemLabel,\n\t\t\tversion,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<Sc.ListItem\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tvariant={variant}\n\t\t\t\tonClick={() => onSelect && onSelect(listItem)}\n\t\t\t\tborderBottom={borderBottom}\n\t\t\t\tversion={version}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{customComponent ? (\n\t\t\t\t\t<>{customComponent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!leadingIcon && leadingIcon}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\trowGap: '4px',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customListItemLabel ? (\n\t\t\t\t\t\t\t\t<>{customListItemLabel}</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{!!listItem && (\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `${version === '2.0' ? 12 : 14}px`,\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: getColor(variant),\n\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{listItem.label}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!subText && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tvariant === 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!trailingIcon && (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t{trailingIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Sc.ListItem>\n\t\t);\n\t},\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","forwardRef","id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version","rest","ref","jsxDEV","Sc.ListItem","this","Fragment","BodySecondary","getColor","BodyCaption","COLORS"],"mappings":"gRAOaA,EAAWC,EAAAA,WACvB,CACC,CACC,GAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,aAAAC,EACA,YAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,oBAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAEJC,IAGCC,EAAAA,OAACC,EAAAA,SAAA,CACA,IAAAF,EACA,GAAAZ,EACA,QAAAE,EACA,QAAS,IAAMD,GAAYA,EAASK,CAAQ,EAC5C,aAAAC,EACA,QAAAG,EACC,GAAGC,EAEH,SAAAH,uBACG,SAAAA,CAAA,EAAH,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAmB,EAEnBF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,IAAK,EACL,MAAO,MAAA,EAGP,SAAA,CAAA,CAAC,CAACT,GAAeA,EAClBS,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,OAAQ,MACR,cAAe,SACf,SAAU,QAAA,EAGV,SAAA,CAAAJ,uBACG,SAAAA,CAAA,EAAH,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAuB,EAEvBF,SAAAG,EAAAA,SAAA,CACE,SAAA,CAAC,CAACV,GACFO,EAAAA,OAACI,EAAAA,cAAA,CACA,MAAO,CACN,SAAU,GAAGP,IAAY,MAAQ,GAAK,EAAE,KACxC,MAAOQ,EAAAA,SAAShB,CAAO,EACvB,aAAc,WACd,QAAS,OAAA,EAGT,SAAAI,EAAS,KAAA,EARX,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,EAAA,EAAAS,MAAA,CASA,EAXF,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,EAGA,CAAC,CAACV,GACFQ,EAAAA,OAACM,EAAAA,YAAA,CACA,MAAO,CACN,MACCjB,IAAY,WACTkB,EAAAA,OAAO,QAAQ,SACfA,EAAAA,OAAO,KAAK,SAAA,EAGhB,SAAAf,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CASA,CAAA,EArCF,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAwCC,CAAC,CAACZ,GACFU,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,MAAA,EACzC,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAEA,CAAA,CAAA,EApDF,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAsDA,EAlEF,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuEH,EAEAjB,EAAS,YAAc"}

package/dist/cjs/components/markdown/MarkdownRender.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-dev-runtime"),a=require("./utils.js");function x(f){const s=[];let l=0,t=f;const p=/\[([^\]]+)\]\([^)]*$/g;t=t.replace(p,(e,n)=>n);const m=/\[([^\]]+)\]\($/g;t=t.replace(m,(e,n)=>n);const i=[],k=[],N=(e,n)=>{for(const r of k)if(e<r.end&&n>r.start)return!0;return!1},b=(e,n)=>{k.push({start:e,end:n})};a.MARKDOWN_LINK_PATTERN.lastIndex=0;let h;for(;(h=a.MARKDOWN_LINK_PATTERN.exec(t))!==null;){const e=h.index??0;a.isCompleteMarkdownLink(t,e,e+h[0].length)&&(i.push({match:h[0],type:"link",start:e,end:e+h[0].length,data:h}),b(e,e+h[0].length))}[{regex:a.EMAIL_PATTERN,type:"email"},{regex:a.URL_PATTERN,type:"url"},{regex:a.BOLD_TEXT_PATTERN,type:"bold"},{regex:a.ITALIC_TEXT_PATTERN,type:"italic"},{regex:a.CODE_TEXT_PATTERN,type:"code"}].forEach(({regex:e,type:n})=>{e.lastIndex=0;let r;for(;(r=e.exec(t))!==null;){const o=r.index??0,d=o+r[0].length;N(o,d)||n==="italic"&&t.slice(Math.max(0,o-1),Math.min(t.length,d+1)).includes("**")||(n==="bold"||n==="italic"||n==="code")&&!a.isCompleteFormatting(t,e,o,d)||n==="url"&&!a.isCompleteUrl(r[0])||(i.push({match:r[0],type:n,start:o,end:d,data:r}),b(o,d))}});const g=[...t.matchAll(a.RAW_PHONE_CANDIDATE_PATTERN)].map(e=>{const n=e.index??0;return{raw:e[0],start:n,end:n+e[0].length}});a.filterPhoneCandidates(t,g.map(e=>e.raw)).forEach(e=>{const n=t.indexOf(e);if(n===-1)return;const r=n,o=n+e.length;N(r,o)||(i.push({match:e,type:"phone",start:r,end:o,data:null}),b(r,o))}),i.sort((e,n)=>e.start-n.start);let u=0;for(const e of i){switch(e.start>u&&s.push(t.slice(u,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");s.push(c.jsxDEV("strong",{children:n},l++,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:187,columnNumber:16},this));break}case"italic":{const n=e.match.replace(/\*/g,"");s.push(c.jsxDEV("em",{children:n},l++,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:192,columnNumber:16},this));break}case"code":{const n=e.match.replace(/`/g,"");s.push(c.jsxDEV("code",{className:"bg-gray-100 px-1 rounded",children:n},l++,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:198,columnNumber:6},this));break}case"phone":{const n=e.match.trim(),r=n.replace(/[^+\d]/g,"");s.push(c.jsxDEV("a",{href:`tel:${r}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",n," "]},l++,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:208,columnNumber:6},this));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,r,o]=n,d=a.stripMarkdownFormatting(r);s.push(c.jsxDEV("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:d},l++,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:230,columnNumber:7},this))}break}case"email":{s.push(c.jsxDEV("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},l++,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:245,columnNumber:6},this));break}case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;s.push(c.jsxDEV("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},l++,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:261,columnNumber:6},this));break}}u=e.end}return u<t.length&&s.push(t.slice(u)),s}function P({text:f}){const s=f.replace(/\\n/g,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),a=require("./utils.js");function x(b){const s=[];let l=0,r=b;const k=/\[([^\]]+)\]\([^)]*$/g;r=r.replace(k,(e,n)=>n);const m=/\[([^\]]+)\]\($/g;r=r.replace(m,(e,n)=>n);const c=[],p=[],N=(e,n)=>{for(const t of p)if(e<t.end&&n>t.start)return!0;return!1},f=(e,n)=>{p.push({start:e,end:n})};a.MARKDOWN_LINK_PATTERN.lastIndex=0;let h;for(;(h=a.MARKDOWN_LINK_PATTERN.exec(r))!==null;){const e=h.index??0;a.isCompleteMarkdownLink(r,e,e+h[0].length)&&(c.push({match:h[0],type:"link",start:e,end:e+h[0].length,data:h}),f(e,e+h[0].length))}[{regex:a.EMAIL_PATTERN,type:"email"},{regex:a.URL_PATTERN,type:"url"},{regex:a.BOLD_TEXT_PATTERN,type:"bold"},{regex:a.ITALIC_TEXT_PATTERN,type:"italic"},{regex:a.CODE_TEXT_PATTERN,type:"code"}].forEach(({regex:e,type:n})=>{e.lastIndex=0;let t;for(;(t=e.exec(r))!==null;){const o=t.index??0,d=o+t[0].length;N(o,d)||n==="italic"&&r.slice(Math.max(0,o-1),Math.min(r.length,d+1)).includes("**")||(n==="bold"||n==="italic"||n==="code")&&!a.isCompleteFormatting(r,e,o,d)||n==="url"&&!a.isCompleteUrl(t[0])||(c.push({match:t[0],type:n,start:o,end:d,data:t}),f(o,d))}});const g=[...r.matchAll(a.RAW_PHONE_CANDIDATE_PATTERN)].map(e=>{const n=e.index??0;return{raw:e[0],start:n,end:n+e[0].length}});a.filterPhoneCandidates(r,g.map(e=>e.raw)).forEach(e=>{const n=r.indexOf(e);if(n===-1)return;const t=n,o=n+e.length;N(t,o)||(c.push({match:e,type:"phone",start:t,end:o,data:null}),f(t,o))}),c.sort((e,n)=>e.start-n.start);let u=0;for(const e of c){switch(e.start>u&&s.push(r.slice(u,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");s.push(i.jsxDEV("strong",{children:n},l++,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:187,columnNumber:16},this));break}case"italic":{const n=e.match.replace(/\*/g,"");s.push(i.jsxDEV("em",{children:n},l++,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:192,columnNumber:16},this));break}case"code":{const n=e.match.replace(/`/g,"");s.push(i.jsxDEV("code",{className:"bg-gray-100 px-1 rounded",children:n},l++,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:198,columnNumber:6},this));break}case"phone":{const n=e.match.trim(),t=n.replace(/[^+\d]/g,"");s.push(i.jsxDEV("a",{href:`tel:${t}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",n," "]},l++,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:208,columnNumber:6},this));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,t,o]=n,d=a.stripMarkdownFormatting(t);s.push(i.jsxDEV("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:d},l++,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:230,columnNumber:7},this))}break}case"email":{s.push(i.jsxDEV("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},l++,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:245,columnNumber:6},this));break}case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;s.push(i.jsxDEV("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},l++,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:261,columnNumber:6},this));break}}u=e.end}return u<r.length&&s.push(r.slice(u)),s}function w({text:b}){const s=b.replace(/\\n/g,`
 `).split(`
-`),l=[];let t=[];const p=m=>{t.length>0&&(l.push(c.jsxDEV("ul",{className:"ml-1",children:t.map((i,k)=>c.jsxDEV("li",{children:x(i)},k,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:297,columnNumber:7},this))},m,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:295,columnNumber:5},this)),t=[])};return s.forEach((m,i)=>{m.startsWith("- ")?t.push(m.slice(2)):(p(i),m.trim()!==""&&l.push(c.jsxDEV("p",{children:x(m)},i,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:311,columnNumber:19},this)))}),p(s.length),c.jsxDEV(c.Fragment,{children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:318,columnNumber:9},this)}exports.default=P;
+`),l=[];let r=[];const k=m=>{r.length>0&&(l.push(i.jsxDEV("ul",{className:"ml-1",children:r.map((c,p)=>i.jsxDEV("li",{children:x(c)},p,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:297,columnNumber:7},this))},m,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:295,columnNumber:5},this)),r=[])};return s.forEach((m,c)=>{m.startsWith("- ")?r.push(m.slice(2)):(k(c),m.trim()!==""&&l.push(i.jsxDEV("p",{children:x(m)},c,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:311,columnNumber:19},this)))}),k(s.length),i.jsxDEV(i.Fragment,{children:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/markdown/MarkdownRender.tsx",lineNumber:318,columnNumber:9},this)}exports.default=w;
 //# sourceMappingURL=MarkdownRender.js.map

package/dist/cjs/components/markdown/MarkdownRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownRender.js","sources":["../../../../src/components/markdown/MarkdownRender.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tBOLD_TEXT_PATTERN,\n\tCODE_TEXT_PATTERN,\n\tEMAIL_PATTERN,\n\tfilterPhoneCandidates,\n\tisCompleteFormatting,\n\tisCompleteMarkdownLink,\n\tisCompleteUrl,\n\tITALIC_TEXT_PATTERN,\n\tMARKDOWN_LINK_PATTERN,\n\tRAW_PHONE_CANDIDATE_PATTERN,\n\tstripMarkdownFormatting,\n\tURL_PATTERN,\n} from './utils';\n\nfunction parseInline(text: string): React.ReactNode[] {\n\tconst parts: React.ReactNode[] = [];\n\tlet keyCounter = 0;\n\n\t// First, handle incomplete markdown links and replace them with just the title\n\tlet processedText = text;\n\n\t// Find incomplete markdown links pattern: [title](incomplete_url without closing )\n\tconst incompleteMarkdownLinkPattern = /\\[([^\\]]+)\\]\\([^)]$/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteMarkdownLinkPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Also handle case where we have [title]( but no URL yet\n\tconst incompleteLinkWithParenPattern = /\\[([^\\]]+)\\]\\($/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteLinkWithParenPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Process text efficiently by handling links first, then other patterns\n\tconst allMatches: Array<{\n\t\tmatch: string;\n\t\ttype: string;\n\t\tstart: number;\n\t\tend: number;\n\t\tdata?: RegExpExecArray \| RegExpMatchArray \| null;\n\t}> = [];\n\n\t// Track formatted ranges to avoid overlaps (much faster than sorting)\n\tconst formattedRanges: Array<{ start: number; end: number }> = [];\n\n\t// Helper function to check if a range overlaps with already formatted ranges\n\tconst isRangeAlreadyFormatted = (start: number, end: number): boolean => {\n\t\tfor (const range of formattedRanges) {\n\t\t\tif (start < range.end && end > range.start) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t// Helper function to mark a range as formatted\n\tconst markRangeFormatted = (start: number, end: number) => {\n\t\tformattedRanges.push({ start, end });\n\t};\n\n\t// Process links first (highest priority) - no sorting needed\n\tMARKDOWN_LINK_PATTERN.lastIndex = 0;\n\tlet match;\n\twhile ((match = MARKDOWN_LINK_PATTERN.exec(processedText)) !== null) {\n\t\tconst matchIndex = match.index ?? 0;\n\t\tif (\n\t\t\tisCompleteMarkdownLink(\n\t\t\t\tprocessedText,\n\t\t\t\tmatchIndex,\n\t\t\t\tmatchIndex + match[0].length,\n\t\t\t)\n\t\t) {\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype: 'link',\n\t\t\t\tstart: matchIndex,\n\t\t\t\tend: matchIndex + match[0].length,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(matchIndex, matchIndex + match[0].length);\n\t\t}\n\t}\n\n\t// Process other patterns, skipping already formatted ranges\n\tconst otherPatterns = [\n\t\t{ regex: EMAIL_PATTERN, type: 'email' },\n\t\t{ regex: URL_PATTERN, type: 'url' },\n\t\t{ regex: BOLD_TEXT_PATTERN, type: 'bold' },\n\t\t{ regex: ITALIC_TEXT_PATTERN, type: 'italic' },\n\t\t{ regex: CODE_TEXT_PATTERN, type: 'code' },\n\t];\n\n\totherPatterns.forEach(({ regex, type }) => {\n\t\tregex.lastIndex = 0;\n\t\tlet match;\n\t\twhile ((match = regex.exec(processedText)) !== null) {\n\t\t\tconst start = match.index ?? 0;\n\t\t\tconst end = start + match[0].length;\n\n\t\t\t// Skip if this range is already formatted\n\t\t\tif (isRangeAlreadyFormatted(start, end)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Handle bold/italic conflicts efficiently\n\t\t\tif (type === 'italic') {\n\t\t\t\tconst boldCheck = processedText.slice(\n\t\t\t\t\tMath.max(0, start - 1),\n\t\t\t\t\tMath.min(processedText.length, end + 1),\n\t\t\t\t);\n\t\t\t\tif (boldCheck.includes('')) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate formatting\n\t\t\tif (type === 'bold' \|\| type === 'italic' \|\| type === 'code') {\n\t\t\t\tif (!isCompleteFormatting(processedText, regex, start, end)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate URLs\n\t\t\tif (type === 'url' && !isCompleteUrl(match[0])) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\tend,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(start, end);\n\t\t}\n\t});\n\n\t// Add phone candidates separately (Safari-safe replacement for lookbehind pattern)\n\tconst phoneCandidates = [\n\t\t...processedText.matchAll(RAW_PHONE_CANDIDATE_PATTERN),\n\t].map((m) => {\n\t\tconst idx = m.index ?? 0;\n\t\treturn {\n\t\t\traw: m[0],\n\t\t\tstart: idx,\n\t\t\tend: idx + m[0].length,\n\t\t};\n\t});\n\tconst filteredPhones = filterPhoneCandidates(\n\t\tprocessedText,\n\t\tphoneCandidates.map((c) => c.raw),\n\t);\n\tfilteredPhones.forEach((p) => {\n\t\tconst idx = processedText.indexOf(p);\n\t\tif (idx === -1) return;\n\t\tconst start = idx;\n\t\tconst end = idx + p.length;\n\t\tif (isRangeAlreadyFormatted(start, end)) return;\n\t\tallMatches.push({ match: p, type: 'phone', start, end, data: null });\n\t\tmarkRangeFormatted(start, end);\n\t});\n\n\t// Simple sort by start position (no complex logic needed, now includes phones)\n\tallMatches.sort((a, b) => a.start - b.start);\n\n\t// Build the result\n\tlet currentIndex = 0;\n\tfor (const match of allMatches) {\n\t\t// Add text before this match\n\t\tif (match.start > currentIndex) {\n\t\t\tparts.push(processedText.slice(currentIndex, match.start));\n\t\t}\n\n\t\t// Add the processed match\n\t\tswitch (match.type) {\n\t\t\tcase 'bold': {\n\t\t\t\tconst boldText = match.match.replace(/\\\\/g, '');\n\t\t\t\tparts.push(<strong key={keyCounter++}>{boldText}</strong>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'italic': {\n\t\t\t\tconst italicText = match.match.replace(/\\/g, '');\n\t\t\t\tparts.push(<em key={keyCounter++}>{italicText}</em>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'code': {\n\t\t\t\tconst codeText = match.match.replace(/`/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<code key={keyCounter++} className=\"bg-gray-100 px-1 rounded\">\n\t\t\t\t\t\t{codeText}\n\t\t\t\t\t</code>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'phone': {\n\t\t\t\tconst trimmedPhone = match.match.trim();\n\t\t\t\tconst hrefPhone = trimmedPhone.replace(/[^+\\d]/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`tel:${hrefPhone}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\t\tcolor: 'unset',\n\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t{trimmedPhone}{' '}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'link': {\n\t\t\t\tconst linkParts = match.match.match(/\\[([^\\]]+)\\]\$([^)]+)\$/);\n\t\t\t\tif (linkParts) {\n\t\t\t\t\tconst [, linkText, linkUrl] = linkParts;\n\t\t\t\t\t// Remove all markdown formatting from link text to avoid conflicts\n\t\t\t\t\tconst cleanLinkText = stripMarkdownFormatting(linkText);\n\t\t\t\t\tparts.push(\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\t\thref={linkUrl}\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cleanLinkText}\n\t\t\t\t\t\t</a>,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'email': {\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`mailto:${match.match}`}\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase 'url': {\n\t\t\t\tconst cleanUrl = match.match.endsWith('.')\n\t\t\t\t\t? match.match.slice(0, -1)\n\t\t\t\t\t: match.match;\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={cleanUrl}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tcurrentIndex = match.end;\n\t}\n\n\t// Add remaining text\n\tif (currentIndex < processedText.length) {\n\t\tparts.push(processedText.slice(currentIndex));\n\t}\n\n\treturn parts;\n}\n\nfunction MarkdownRender({ text }: { text: string }) {\n\tconst lines = text.replace(/\\\\n/g, '\\n').split('\\n');\n\n\tconst elements: React.ReactNode[] = [];\n\tlet listBuffer: string[] = [];\n\n\tconst flushList = (key: number) => {\n\t\tif (listBuffer.length > 0) {\n\t\t\telements.push(\n\t\t\t\t<ul key={key} className=\"ml-1\">\n\t\t\t\t\t{listBuffer.map((item, i) => (\n\t\t\t\t\t\t<li key={i}>{parseInline(item)}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>,\n\t\t\t);\n\t\t\tlistBuffer = [];\n\t\t}\n\t};\n\n\tlines.forEach((line, i) => {\n\t\tif (line.startsWith('- ')) {\n\t\t\tlistBuffer.push(line.slice(2));\n\t\t} else {\n\t\t\tflushList(i);\n\t\t\tif (line.trim() !== '') {\n\t\t\t\telements.push(<p key={i}>{parseInline(line)}</p>);\n\t\t\t}\n\t\t}\n\t});\n\n\tflushList(lines.length);\n\n\treturn <>{elements}</>;\n}\n\nexport default MarkdownRender;\n"],"names":["parseInline","text","parts","keyCounter","processedText","incompleteMarkdownLinkPattern","_","title","incompleteLinkWithParenPattern","allMatches","formattedRanges","isRangeAlreadyFormatted","start","end","range","markRangeFormatted","MARKDOWN_LINK_PATTERN","match","matchIndex","isCompleteMarkdownLink","EMAIL_PATTERN","URL_PATTERN","BOLD_TEXT_PATTERN","ITALIC_TEXT_PATTERN","CODE_TEXT_PATTERN","regex","type","isCompleteFormatting","isCompleteUrl","phoneCandidates","RAW_PHONE_CANDIDATE_PATTERN","m","idx","filterPhoneCandidates","c","p","a","b","currentIndex","boldText","jsxDEV","italicText","codeText","trimmedPhone","hrefPhone","linkParts","linkText","linkUrl","cleanLinkText","stripMarkdownFormatting","cleanUrl","MarkdownRender","lines","elements","listBuffer","flushList","key","item","i","line"],"mappings":"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"}
1	+ {"version":3,"file":"MarkdownRender.js","sources":["../../../../src/components/markdown/MarkdownRender.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tBOLD_TEXT_PATTERN,\n\tCODE_TEXT_PATTERN,\n\tEMAIL_PATTERN,\n\tfilterPhoneCandidates,\n\tisCompleteFormatting,\n\tisCompleteMarkdownLink,\n\tisCompleteUrl,\n\tITALIC_TEXT_PATTERN,\n\tMARKDOWN_LINK_PATTERN,\n\tRAW_PHONE_CANDIDATE_PATTERN,\n\tstripMarkdownFormatting,\n\tURL_PATTERN,\n} from './utils';\n\nfunction parseInline(text: string): React.ReactNode[] {\n\tconst parts: React.ReactNode[] = [];\n\tlet keyCounter = 0;\n\n\t// First, handle incomplete markdown links and replace them with just the title\n\tlet processedText = text;\n\n\t// Find incomplete markdown links pattern: [title](incomplete_url without closing )\n\tconst incompleteMarkdownLinkPattern = /\\[([^\\]]+)\\]\\([^)]$/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteMarkdownLinkPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Also handle case where we have [title]( but no URL yet\n\tconst incompleteLinkWithParenPattern = /\\[([^\\]]+)\\]\\($/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteLinkWithParenPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Process text efficiently by handling links first, then other patterns\n\tconst allMatches: Array<{\n\t\tmatch: string;\n\t\ttype: string;\n\t\tstart: number;\n\t\tend: number;\n\t\tdata?: RegExpExecArray \| RegExpMatchArray \| null;\n\t}> = [];\n\n\t// Track formatted ranges to avoid overlaps (much faster than sorting)\n\tconst formattedRanges: Array<{ start: number; end: number }> = [];\n\n\t// Helper function to check if a range overlaps with already formatted ranges\n\tconst isRangeAlreadyFormatted = (start: number, end: number): boolean => {\n\t\tfor (const range of formattedRanges) {\n\t\t\tif (start < range.end && end > range.start) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t// Helper function to mark a range as formatted\n\tconst markRangeFormatted = (start: number, end: number) => {\n\t\tformattedRanges.push({ start, end });\n\t};\n\n\t// Process links first (highest priority) - no sorting needed\n\tMARKDOWN_LINK_PATTERN.lastIndex = 0;\n\tlet match;\n\twhile ((match = MARKDOWN_LINK_PATTERN.exec(processedText)) !== null) {\n\t\tconst matchIndex = match.index ?? 0;\n\t\tif (\n\t\t\tisCompleteMarkdownLink(\n\t\t\t\tprocessedText,\n\t\t\t\tmatchIndex,\n\t\t\t\tmatchIndex + match[0].length,\n\t\t\t)\n\t\t) {\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype: 'link',\n\t\t\t\tstart: matchIndex,\n\t\t\t\tend: matchIndex + match[0].length,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(matchIndex, matchIndex + match[0].length);\n\t\t}\n\t}\n\n\t// Process other patterns, skipping already formatted ranges\n\tconst otherPatterns = [\n\t\t{ regex: EMAIL_PATTERN, type: 'email' },\n\t\t{ regex: URL_PATTERN, type: 'url' },\n\t\t{ regex: BOLD_TEXT_PATTERN, type: 'bold' },\n\t\t{ regex: ITALIC_TEXT_PATTERN, type: 'italic' },\n\t\t{ regex: CODE_TEXT_PATTERN, type: 'code' },\n\t];\n\n\totherPatterns.forEach(({ regex, type }) => {\n\t\tregex.lastIndex = 0;\n\t\tlet match;\n\t\twhile ((match = regex.exec(processedText)) !== null) {\n\t\t\tconst start = match.index ?? 0;\n\t\t\tconst end = start + match[0].length;\n\n\t\t\t// Skip if this range is already formatted\n\t\t\tif (isRangeAlreadyFormatted(start, end)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Handle bold/italic conflicts efficiently\n\t\t\tif (type === 'italic') {\n\t\t\t\tconst boldCheck = processedText.slice(\n\t\t\t\t\tMath.max(0, start - 1),\n\t\t\t\t\tMath.min(processedText.length, end + 1),\n\t\t\t\t);\n\t\t\t\tif (boldCheck.includes('')) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate formatting\n\t\t\tif (type === 'bold' \|\| type === 'italic' \|\| type === 'code') {\n\t\t\t\tif (!isCompleteFormatting(processedText, regex, start, end)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate URLs\n\t\t\tif (type === 'url' && !isCompleteUrl(match[0])) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\tend,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(start, end);\n\t\t}\n\t});\n\n\t// Add phone candidates separately (Safari-safe replacement for lookbehind pattern)\n\tconst phoneCandidates = [\n\t\t...processedText.matchAll(RAW_PHONE_CANDIDATE_PATTERN),\n\t].map((m) => {\n\t\tconst idx = m.index ?? 0;\n\t\treturn {\n\t\t\traw: m[0],\n\t\t\tstart: idx,\n\t\t\tend: idx + m[0].length,\n\t\t};\n\t});\n\tconst filteredPhones = filterPhoneCandidates(\n\t\tprocessedText,\n\t\tphoneCandidates.map((c) => c.raw),\n\t);\n\tfilteredPhones.forEach((p) => {\n\t\tconst idx = processedText.indexOf(p);\n\t\tif (idx === -1) return;\n\t\tconst start = idx;\n\t\tconst end = idx + p.length;\n\t\tif (isRangeAlreadyFormatted(start, end)) return;\n\t\tallMatches.push({ match: p, type: 'phone', start, end, data: null });\n\t\tmarkRangeFormatted(start, end);\n\t});\n\n\t// Simple sort by start position (no complex logic needed, now includes phones)\n\tallMatches.sort((a, b) => a.start - b.start);\n\n\t// Build the result\n\tlet currentIndex = 0;\n\tfor (const match of allMatches) {\n\t\t// Add text before this match\n\t\tif (match.start > currentIndex) {\n\t\t\tparts.push(processedText.slice(currentIndex, match.start));\n\t\t}\n\n\t\t// Add the processed match\n\t\tswitch (match.type) {\n\t\t\tcase 'bold': {\n\t\t\t\tconst boldText = match.match.replace(/\\\\/g, '');\n\t\t\t\tparts.push(<strong key={keyCounter++}>{boldText}</strong>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'italic': {\n\t\t\t\tconst italicText = match.match.replace(/\\/g, '');\n\t\t\t\tparts.push(<em key={keyCounter++}>{italicText}</em>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'code': {\n\t\t\t\tconst codeText = match.match.replace(/`/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<code key={keyCounter++} className=\"bg-gray-100 px-1 rounded\">\n\t\t\t\t\t\t{codeText}\n\t\t\t\t\t</code>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'phone': {\n\t\t\t\tconst trimmedPhone = match.match.trim();\n\t\t\t\tconst hrefPhone = trimmedPhone.replace(/[^+\\d]/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`tel:${hrefPhone}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\t\tcolor: 'unset',\n\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t{trimmedPhone}{' '}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'link': {\n\t\t\t\tconst linkParts = match.match.match(/\\[([^\\]]+)\\]\$([^)]+)\$/);\n\t\t\t\tif (linkParts) {\n\t\t\t\t\tconst [, linkText, linkUrl] = linkParts;\n\t\t\t\t\t// Remove all markdown formatting from link text to avoid conflicts\n\t\t\t\t\tconst cleanLinkText = stripMarkdownFormatting(linkText);\n\t\t\t\t\tparts.push(\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\t\thref={linkUrl}\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cleanLinkText}\n\t\t\t\t\t\t</a>,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'email': {\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`mailto:${match.match}`}\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase 'url': {\n\t\t\t\tconst cleanUrl = match.match.endsWith('.')\n\t\t\t\t\t? match.match.slice(0, -1)\n\t\t\t\t\t: match.match;\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={cleanUrl}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tcurrentIndex = match.end;\n\t}\n\n\t// Add remaining text\n\tif (currentIndex < processedText.length) {\n\t\tparts.push(processedText.slice(currentIndex));\n\t}\n\n\treturn parts;\n}\n\nfunction MarkdownRender({ text }: { text: string }) {\n\tconst lines = text.replace(/\\\\n/g, '\\n').split('\\n');\n\n\tconst elements: React.ReactNode[] = [];\n\tlet listBuffer: string[] = [];\n\n\tconst flushList = (key: number) => {\n\t\tif (listBuffer.length > 0) {\n\t\t\telements.push(\n\t\t\t\t<ul key={key} className=\"ml-1\">\n\t\t\t\t\t{listBuffer.map((item, i) => (\n\t\t\t\t\t\t<li key={i}>{parseInline(item)}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>,\n\t\t\t);\n\t\t\tlistBuffer = [];\n\t\t}\n\t};\n\n\tlines.forEach((line, i) => {\n\t\tif (line.startsWith('- ')) {\n\t\t\tlistBuffer.push(line.slice(2));\n\t\t} else {\n\t\t\tflushList(i);\n\t\t\tif (line.trim() !== '') {\n\t\t\t\telements.push(<p key={i}>{parseInline(line)}</p>);\n\t\t\t}\n\t\t}\n\t});\n\n\tflushList(lines.length);\n\n\treturn <>{elements}</>;\n}\n\nexport default MarkdownRender;\n"],"names":["parseInline","text","parts","keyCounter","processedText","incompleteMarkdownLinkPattern","_","title","incompleteLinkWithParenPattern","allMatches","formattedRanges","isRangeAlreadyFormatted","start","end","range","markRangeFormatted","MARKDOWN_LINK_PATTERN","match","matchIndex","isCompleteMarkdownLink","EMAIL_PATTERN","URL_PATTERN","BOLD_TEXT_PATTERN","ITALIC_TEXT_PATTERN","CODE_TEXT_PATTERN","regex","type","isCompleteFormatting","isCompleteUrl","phoneCandidates","RAW_PHONE_CANDIDATE_PATTERN","m","idx","filterPhoneCandidates","c","p","a","b","currentIndex","boldText","jsxDEV","italicText","codeText","trimmedPhone","hrefPhone","linkParts","linkText","linkUrl","cleanLinkText","stripMarkdownFormatting","cleanUrl","MarkdownRender","lines","elements","listBuffer","flushList","key","item","i","line"],"mappings":"6KAgBA,SAASA,EAAYC,EAAiC,CACrD,MAAMC,EAA2B,CAAA,EACjC,IAAIC,EAAa,EAGbC,EAAgBH,EAGpB,MAAMI,EAAgC,wBACtCD,EAAgBA,EAAc,QAC7BC,EACA,CAACC,EAAGC,IACIA,CACR,EAID,MAAMC,EAAiC,mBACvCJ,EAAgBA,EAAc,QAC7BI,EACA,CAACF,EAAGC,IACIA,CACR,EAID,MAAME,EAMD,CAAA,EAGCC,EAAyD,CAAA,EAGzDC,EAA0B,CAACC,EAAeC,IAAyB,CACxE,UAAWC,KAASJ,EACnB,GAAIE,EAAQE,EAAM,KAAOD,EAAMC,EAAM,MACpC,MAAO,GAGT,MAAO,EACR,EAGMC,EAAqB,CAACH,EAAeC,IAAgB,CAC1DH,EAAgB,KAAK,CAAE,MAAAE,EAAO,IAAAC,CAAA,CAAK,CACpC,EAGAG,EAAAA,sBAAsB,UAAY,EAClC,IAAIC,EACJ,MAAQA,EAAQD,EAAAA,sBAAsB,KAAKZ,CAAa,KAAO,MAAM,CACpE,MAAMc,EAAaD,EAAM,OAAS,EAEjCE,EAAAA,uBACCf,EACAc,EACAA,EAAaD,EAAM,CAAC,EAAE,MAAA,IAGvBR,EAAW,KAAK,CACf,MAAOQ,EAAM,CAAC,EACd,KAAM,OACN,MAAOC,EACP,IAAKA,EAAaD,EAAM,CAAC,EAAE,OAC3B,KAAMA,CAAA,CACN,EACDF,EAAmBG,EAAYA,EAAaD,EAAM,CAAC,EAAE,MAAM,EAE7D,CAGsB,CACrB,CAAE,MAAOG,EAAAA,cAAe,KAAM,OAAA,EAC9B,CAAE,MAAOC,EAAAA,YAAa,KAAM,KAAA,EAC5B,CAAE,MAAOC,EAAAA,kBAAmB,KAAM,MAAA,EAClC,CAAE,MAAOC,EAAAA,oBAAqB,KAAM,QAAA,EACpC,CAAE,MAAOC,oBAAmB,KAAM,MAAA,CAAO,EAG5B,QAAQ,CAAC,CAAE,MAAAC,EAAO,KAAAC,KAAW,CAC1CD,EAAM,UAAY,EAClB,IAAIR,EACJ,MAAQA,EAAQQ,EAAM,KAAKrB,CAAa,KAAO,MAAM,CACpD,MAAMQ,EAAQK,EAAM,OAAS,EACvBJ,EAAMD,EAAQK,EAAM,CAAC,EAAE,OAGzBN,EAAwBC,EAAOC,CAAG,GAKlCa,IAAS,UACMtB,EAAc,MAC/B,KAAK,IAAI,EAAGQ,EAAQ,CAAC,EACrB,KAAK,IAAIR,EAAc,OAAQS,EAAM,CAAC,CAAA,EAEzB,SAAS,IAAI,IAMxBa,IAAS,QAAUA,IAAS,UAAYA,IAAS,SAChD,CAACC,EAAAA,qBAAqBvB,EAAeqB,EAAOb,EAAOC,CAAG,GAMvDa,IAAS,OAAS,CAACE,EAAAA,cAAcX,EAAM,CAAC,CAAC,IAI7CR,EAAW,KAAK,CACf,MAAOQ,EAAM,CAAC,EACd,KAAAS,EACA,MAAAd,EACA,IAAAC,EACA,KAAMI,CAAA,CACN,EACDF,EAAmBH,EAAOC,CAAG,EAC9B,CACD,CAAC,EAGD,MAAMgB,EAAkB,CACvB,GAAGzB,EAAc,SAAS0B,EAAAA,2BAA2B,CAAA,EACpD,IAAKC,GAAM,CACZ,MAAMC,EAAMD,EAAE,OAAS,EACvB,MAAO,CACN,IAAKA,EAAE,CAAC,EACR,MAAOC,EACP,IAAKA,EAAMD,EAAE,CAAC,EAAE,MAAA,CAElB,CAAC,EACsBE,EAAAA,sBACtB7B,EACAyB,EAAgB,IAAKK,GAAMA,EAAE,GAAG,CAAA,EAElB,QAASC,GAAM,CAC7B,MAAMH,EAAM5B,EAAc,QAAQ+B,CAAC,EACnC,GAAIH,IAAQ,GAAI,OAChB,MAAMpB,EAAQoB,EACRnB,EAAMmB,EAAMG,EAAE,OAChBxB,EAAwBC,EAAOC,CAAG,IACtCJ,EAAW,KAAK,CAAE,MAAO0B,EAAG,KAAM,QAAS,MAAAvB,EAAO,IAAAC,EAAK,KAAM,IAAA,CAAM,EACnEE,EAAmBH,EAAOC,CAAG,EAC9B,CAAC,EAGDJ,EAAW,KAAK,CAAC2B,EAAGC,IAAMD,EAAE,MAAQC,EAAE,KAAK,EAG3C,IAAIC,EAAe,EACnB,UAAWrB,KAASR,EAAY,CAO/B,OALIQ,EAAM,MAAQqB,GACjBpC,EAAM,KAAKE,EAAc,MAAMkC,EAAcrB,EAAM,KAAK,CAAC,EAIlDA,EAAM,KAAA,CACb,IAAK,OAAQ,CACZ,MAAMsB,EAAWtB,EAAM,MAAM,QAAQ,QAAS,EAAE,EAChDf,EAAM,KAAKsC,EAAAA,OAAC,SAAA,CAA2B,SAAAD,CAAA,EAAfpC,IAAb,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAA,IAAqC,CAAS,EACzD,KACD,CACA,IAAK,SAAU,CACd,MAAMsC,EAAaxB,EAAM,MAAM,QAAQ,MAAO,EAAE,EAChDf,EAAM,KAAKsC,EAAAA,OAAC,KAAA,CAAuB,SAAAC,CAAA,EAAftC,IAAT,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAA,IAAmC,CAAK,EACnD,KACD,CACA,IAAK,OAAQ,CACZ,MAAMuC,EAAWzB,EAAM,MAAM,QAAQ,KAAM,EAAE,EAC7Cf,EAAM,KACLsC,SAAC,OAAA,CAAwB,UAAU,2BACjC,YADSrC,IAAX,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAEA,CAAA,EAED,KACD,CACA,IAAK,QAAS,CACb,MAAMwC,EAAe1B,EAAM,MAAM,KAAA,EAC3B2B,EAAYD,EAAa,QAAQ,UAAW,EAAE,EACpDzC,EAAM,KACLsC,EAAAA,OAAC,IAAA,CAEA,KAAM,OAAOI,CAAS,GACtB,MAAO,CACN,eAAgB,OAChB,MAAO,QACP,WAAY,MAAA,EAGZ,SAAA,CAAA,IACAD,EAAc,GAAA,CAAA,EATVxC,IADN,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAAA,CAWA,EAED,KACD,CACA,IAAK,OAAQ,CACZ,MAAM0C,EAAY5B,EAAM,MAAM,MAAM,yBAAyB,EAC7D,GAAI4B,EAAW,CACd,KAAM,CAAA,CAAGC,EAAUC,CAAO,EAAIF,EAExBG,EAAgBC,EAAAA,wBAAwBH,CAAQ,EACtD5C,EAAM,KACLsC,EAAAA,OAAC,IAAA,CAEA,KAAMO,EACN,OAAO,SACP,IAAI,sBACJ,UAAU,YAET,SAAAC,CAAA,EANI7C,IADN,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAAA,CAQA,CAEF,CACA,KACD,CACA,IAAK,QAAS,CACbD,EAAM,KACLsC,EAAAA,OAAC,IAAA,CAEA,KAAM,UAAUvB,EAAM,KAAK,GAC3B,UAAU,YAET,SAAAA,EAAM,KAAA,EAJFd,IADN,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAAA,CAMA,EAED,KACD,CAEA,IAAK,MAAO,CACX,MAAM+C,EAAWjC,EAAM,MAAM,SAAS,GAAG,EACtCA,EAAM,MAAM,MAAM,EAAG,EAAE,EACvBA,EAAM,MACTf,EAAM,KACLsC,EAAAA,OAAC,IAAA,CAEA,KAAMU,EACN,OAAO,SACP,IAAI,sBACJ,UAAU,YAET,SAAAjC,EAAM,KAAA,EANFd,IADN,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAAA,CAQA,EAED,KACD,CAAA,CAGDmC,EAAerB,EAAM,GACtB,CAGA,OAAIqB,EAAelC,EAAc,QAChCF,EAAM,KAAKE,EAAc,MAAMkC,CAAY,CAAC,EAGtCpC,CACR,CAEA,SAASiD,EAAe,CAAE,KAAAlD,GAA0B,CACnD,MAAMmD,EAAQnD,EAAK,QAAQ,OAAQ;AAAA,CAAI,EAAE,MAAM;AAAA,CAAI,EAE7CoD,EAA8B,CAAA,EACpC,IAAIC,EAAuB,CAAA,EAE3B,MAAMC,EAAaC,GAAgB,CAC9BF,EAAW,OAAS,IACvBD,EAAS,KACRb,SAAC,KAAA,CAAa,UAAU,OACtB,WAAW,IAAI,CAACiB,EAAMC,IACtBlB,SAAC,KAAA,CAAY,SAAAxC,EAAYyD,CAAI,GAApBC,EAAT,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAA+B,CAC/B,GAHOF,EAAT,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAIA,CAAA,EAEDF,EAAa,CAAA,EAEf,EAEA,OAAAF,EAAM,QAAQ,CAACO,EAAMD,IAAM,CACtBC,EAAK,WAAW,IAAI,EACvBL,EAAW,KAAKK,EAAK,MAAM,CAAC,CAAC,GAE7BJ,EAAUG,CAAC,EACPC,EAAK,KAAA,IAAW,IACnBN,EAAS,KAAKb,SAAC,IAAA,CAAW,SAAAxC,EAAY2D,CAAI,GAApBD,EAAR,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAA,IAA8B,CAAI,EAGnD,CAAC,EAEDH,EAAUH,EAAM,MAAM,uBAEZ,SAAAC,CAAA,EAAH,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA,IAAY,CACpB"}