@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.10

package/dist/cjs/components/floater/floater.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=f=>{const i=t.useRef(null),[n,r]=t.useState(0),[s,o]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(f.refElement.current){const e=f.refElement.current.getBoundingClientRect();(e=>{if(f.useDefaultOffsets)return void o(e.left);let t=0;t=f.leftOffset?e.left+f.leftOffset:e.left+e.width+30;const n=null==i?void 0:i.current;n?(t>window.innerWidth-n.offsetWidth&&(t=window.innerWidth-n.offsetWidth-50),o(t)):o(t)})(e),(e=>{if(f.useDefaultOffsets)return void r(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const n=null==i?void 0:i.current;if(!n)return void r(t);const s=window.innerHeight;e.top+n.offsetHeight>s&&(t=e.top-(e.top+n.offsetHeight-s)-10),r(t)})(e),u(!0)}})),l?e.jsx("div",Object.assign({style:{top:n,left:s,position:"fixed",zIndex:1e3}},{children:e.jsx("div",Object.assign({ref:i},{children:f.children}))})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=f=>{const r=t.useRef(null),[i,n]=t.useState(0),[o,s]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect(()=>{if(f.refElement.current){const e=f.refElement.current.getBoundingClientRect();(e=>{if(f.useDefaultOffsets)return void s(e.left);let t=0;t=f.leftOffset?e.left+f.leftOffset:e.left+e.width+30;const i=null==r?void 0:r.current;i?(t>window.innerWidth-i.offsetWidth&&(t=window.innerWidth-i.offsetWidth-50),s(t)):s(t)})(e),(e=>{if(f.useDefaultOffsets)return void n(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const i=null==r?void 0:r.current;if(!i)return void n(t);const o=window.innerHeight;e.top+i.offsetHeight>o&&(t=e.top-(e.top+i.offsetHeight-o)-10),n(t)})(e),u(!0)}}),l?e.jsx("div",{style:{top:i,left:o,position:"fixed",zIndex:1e3},children:e.jsx("div",{ref:r,children:f.children})}):null};

package/dist/cjs/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react"),i=require("react-bootstrap"),n=require("../../constants/Theme.js"),e=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),s=require("../../assets/icons/question-mark.svg.js"),l=require("./FloatingActionButton.styles.js");const c=o=>{const{width:i,height:c,color:d,onClick:a,icon:h,tooltipPlacement:p,tooltipText:g,tootipWidth:u,isRound:j}=o;return g?t.jsx(e.Tooltip,Object.assign({tooltipContent:t.jsx(l.TooltipStyled,Object.assign({tooltipWidth:u},{children:t.jsx(r.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse},{children:o.tooltipText}))})),placement:p,body:""},{children:t.jsx(l.FloatingActionButtonContainer,Object.assign({width:i,height:c,color:d,onClick:a,isRound:j},{children:h||t.jsx(s.default,{width:22,height:22})}))})):t.jsx(t.Fragment,{children:t.jsx(l.FloatingActionButtonContainer,Object.assign({width:i,height:c,color:d,onClick:a,isRound:j},{children:h||t.jsx(s.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:r,onClick:s,children:d,tooltipText:a,isRound:h=!0,width:p=48,height:g=48,color:u=n.COLORS.background.inverse,position:j=l.FAB_POSITION.TOP_LEFT,buttonPaddingHorizontal:x=20,buttonPaddingVertical:O=20,zIndex:T=1,tooltipPlacement:b="right",dropPosition:m=l.DROP_POSITION.DOWN,menuAligment:w=l.MENU_ALIGNMENT.END,tootipWidth:C}=e,[P,y]=o.useState(!1);return t.jsx(t.Fragment,{children:t.jsx(l.FloatingActionButtonOuterContainer,Object.assign({width:p,height:g,color:u,position:j,buttonPaddingHorizontal:x,buttonPaddingVertical:O,zIndex:T},{children:t.jsx(l.StyledDropdown,Object.assign({onToggle:(t,o)=>{y(t)},drop:m,align:w},{children:d?t.jsxs(t.Fragment,{children:[t.jsx(l.DropdownToggleContainer,Object.assign({drop:m},{children:t.jsx(c,{width:p,height:g,color:u,tooltipPlacement:b,onClick:s,tooltipText:a,icon:r,position:j,isRound:h,isDropdownOpen:P,tootipWidth:C})})),t.jsx(i.Dropdown.Menu,{children:d})]}):t.jsx(c,{width:p,height:g,color:u,tooltipPlacement:b,onClick:s,tooltipText:a,icon:r,position:j,isRound:h,isDropdownOpen:P,tootipWidth:C})}))}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react"),i=require("react-bootstrap"),n=require("../../constants/Theme.js"),e=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),l=require("../../assets/icons/question-mark.svg.js"),d=require("./FloatingActionButton.styles.js");const s=o=>{const{width:i,height:s,color:c,onClick:h,icon:a,tooltipPlacement:p,tooltipText:u,tootipWidth:g,isRound:x}=o;return u?t.jsx(e.Tooltip,{tooltipContent:t.jsx(d.TooltipStyled,{tooltipWidth:g,children:t.jsx(r.BodyCaption,{color:n.COLORS.content.primaryInverse,children:o.tooltipText})}),placement:p,body:"",children:t.jsx(d.FloatingActionButtonContainer,{width:i,height:s,color:c,onClick:h,isRound:x,children:a||t.jsx(l.default,{width:22,height:22})})}):t.jsx(t.Fragment,{children:t.jsx(d.FloatingActionButtonContainer,{width:i,height:s,color:c,onClick:h,isRound:x,children:a||t.jsx(l.default,{width:22,height:22})})})};exports.FloatingActionButton=e=>{const{icon:r,onClick:l,children:c,tooltipText:h,isRound:a=!0,width:p=48,height:u=48,color:g=n.COLORS.background.inverse,position:x=d.FAB_POSITION.TOP_LEFT,buttonPaddingHorizontal:j=20,buttonPaddingVertical:T=20,zIndex:O=1,tooltipPlacement:m="right",dropPosition:w=d.DROP_POSITION.DOWN,menuAligment:C=d.MENU_ALIGNMENT.END,tootipWidth:P}=e,[y,F]=o.useState(!1);return t.jsx(t.Fragment,{children:t.jsx(d.FloatingActionButtonOuterContainer,{width:p,height:u,color:g,position:x,buttonPaddingHorizontal:j,buttonPaddingVertical:T,zIndex:O,children:t.jsx(d.StyledDropdown,{onToggle:(t,o)=>{F(t)},drop:w,align:C,children:c?t.jsxs(t.Fragment,{children:[t.jsx(d.DropdownToggleContainer,{drop:w,children:t.jsx(s,{width:p,height:u,color:g,tooltipPlacement:m,onClick:l,tooltipText:h,icon:r,position:x,isRound:a,isDropdownOpen:y,tootipWidth:P})}),t.jsx(i.Dropdown.Menu,{children:c})]}):t.jsx(s,{width:p,height:u,color:g,tooltipPlacement:m,onClick:l,tooltipText:h,icon:r,position:x,isRound:a,isDropdownOpen:y,tootipWidth:P})})})})};

package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),o=require("styled-components"),r=require("../dropShadow/DropShadow.js"),s=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),a=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(o).default(s.OpenDropdownContainer)`
-	opacity: ${e=>{let{visible:t}=e;return t?1:0}};
-	visibility: ${e=>{let{visible:t}=e;return t?"visible":"hidden"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),n=require("react-popper"),t=require("styled-components"),r=require("../dropShadow/DropShadow.js"),i=require("../dropdown/Common.styled.js"),s=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),d=require("../input/Input.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=a(t).default(i.OpenDropdownContainer)`
+	opacity: ${({visible:e})=>e?1:0};
+	visibility: ${({visible:e})=>e?"visible":"hidden"};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`;exports.FloatingInputDropdown=o=>{let{inputProps:s,dropdownProps:d,floaterProps:u,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[w,O]=t.useState(!1),[g,h]=t.useState(null),[x,y]=t.useState(null),[S,D]=t.useState(!1),{styles:q,attributes:C,update:P,forceUpdate:R}=n.usePopper(x,g,{placement:d.placement,strategy:d.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});t.useEffect((()=>{if(!w){const e=setTimeout((()=>D(!1)),200);return()=>clearTimeout(e)}D(!0),P&&P()}),[w,P]),t.useEffect((()=>{if(j.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(j.current),()=>{e.disconnect()}}}),[j.current,P]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l.Floater,Object.assign({},u,{refElement:m},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:y},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a.Input,Object.assign({},s,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),w?O(!1):d.disabled||O(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))}))})),e.jsx(p,Object.assign({ref:h,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},C.popper,{visible:w||S},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(i.OpenedDropdown,Object.assign({},d,{onSelect:e=>{var t;"2.0"===d.version&&d.isMultiSelect||(null===(t=d.onSelect)||void 0===t||t.call(d,e),O(!1))},onClose:e=>{var t,n;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(t=d.onSelect)||void 0===t||t.call(d,[...e])),O(!1),null===(n=null==d?void 0:d.onClose)||void 0===n||n.call(d)},version:d.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:m},{children:c&&e.jsx("div",{children:c})}))]})};
+`;exports.FloatingInputDropdown=({inputProps:t,dropdownProps:i,floaterProps:a,children:u,isVisible:c,onDropdownOptionClick:f,onChangeText:v})=>{const b=o.useRef(null),j=o.useRef(null),[m,w]=o.useState(!1),[h,x]=o.useState(null),[y,O]=o.useState(null),[g,S]=o.useState(!1),{styles:D,attributes:q,update:C,forceUpdate:P}=n.usePopper(y,h,{placement:i.placement,strategy:i.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});o.useEffect(()=>{if(!m){const e=setTimeout(()=>S(!1),200);return()=>clearTimeout(e)}S(!0),C&&C()},[m,C]),o.useEffect(()=>{if(b.current){const e=new ResizeObserver(()=>{C&&C()});return e.observe(b.current),()=>{e.disconnect()}}},[b.current,C]);return e.jsxs(e.Fragment,{children:[c&&e.jsxs(l.Floater,Object.assign({},a,{refElement:j,children:[e.jsx("div",{style:{position:"relative"},ref:O,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(d.Input,Object.assign({},t,{onClick:()=>{var e;null===(e=i.onDropdownOpen)||void 0===e||e.call(i),m?w(!1):i.disabled||w(!0),null==P||P()},ref:b,onChangeText:(e,o)=>{null==v||v(e,o),C&&C()}}))})}),e.jsx(p,Object.assign({ref:x,style:Object.assign(Object.assign({},D.popper),{zIndex:3})},q.popper,{visible:m||g,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(s.OpenedDropdown,Object.assign({},i,{onSelect:e=>{var o;"2.0"===i.version&&i.isMultiSelect||(null===(o=i.onSelect)||void 0===o||o.call(i,e),w(!1))},onClose:e=>{var o,n;"2.0"===i.version&&i.isMultiSelect&&e&&(null===(o=i.onSelect)||void 0===o||o.call(i,[...e])),w(!1),null===(n=null==i?void 0:i.onClose)||void 0===n||n.call(i)},version:i.version,headerRef:b,onDropdownItemClick:e=>{null==f||f(e)}}))})}))]})),e.jsx("div",{ref:j,children:u&&e.jsx("div",{children:u})})]})};

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),i=require("../tooltips/Tooltip.js"),r=require("./IconButton.styled.js"),l=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o);const n=o.forwardRef(((o,s)=>{var{id:n,iconButtonType:c="default",Icon:a,height:u=20,width:b=20,bordered:y,disabled:p,isSelected:j,style:h,svgStyle:f,iconColor:g,disabledTooltip:v}=o,B=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const I=l.getIconColor(c,p,j),T=t.jsx(r.IconButton,Object.assign({id:n,ref:s,style:h,iconButtonType:c,bordered:y,disabled:p,isSelected:j},B,{children:d.default.createElement(a,{height:u,width:b,color:g||I,style:Object.assign({display:"block"},null!=f?f:{})})}));return p&&v?t.jsx(i.Tooltip,Object.assign({body:v},{children:t.jsx("span",Object.assign({style:{display:"inline-block",cursor:"not-allowed"}},{children:T}))})):T}));n.displayName="IconButton",exports.IconButton=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),i=require("../tooltips/Tooltip.js"),r=require("./IconButton.styled.js"),l=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o);const n=o.forwardRef((o,s)=>{var{id:n,iconButtonType:c="default",Icon:u,height:a=20,width:y=20,bordered:b,disabled:p,isSelected:h,style:j,svgStyle:f,iconColor:g,disabledTooltip:v}=o,B=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const I=l.getIconColor(c,p,h),T=t.jsx(r.IconButton,Object.assign({id:n,ref:s,style:j,iconButtonType:c,bordered:b,disabled:p,isSelected:h},B,{children:d.default.createElement(u,{height:a,width:y,color:g||I,style:Object.assign({display:"block"},null!=f?f:{})})}));return p&&v?t.jsx(i.Tooltip,{body:v,children:t.jsx("span",{style:{display:"inline-block",cursor:"not-allowed"},children:T})}):T});n.displayName="IconButton",exports.IconButton=n;

package/dist/cjs/components/icon-button/IconButton.styled.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../constants/Theme.js"),n=require("./theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const o=r(t).default.button`
-	${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered&&"ai"!==t.iconButtonType?`border: 1px solid ${e.COLORS.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground: ${n.generateBackgroundColor(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
+	${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered&&"ai"!==t.iconButtonType?`border: 1px solid ${e.COLORS.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground: ${n.generateBackgroundColor(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
 `;exports.IconButton=o;

package/dist/cjs/components/image-compress/ImageCompress.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(require("browser-image-compression"));class i{}Object.defineProperty(i,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),a=new Uint8Array(i);for(let e=0;e<r.length;e++)a[e]=r.charCodeAt(e);const o=new Blob([i],{type:t});return new File([o],"image",{type:t})}}),Object.defineProperty(i,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(r,i)=>e.__awaiter(void 0,void 0,void 0,(function*(){let e=r,a="";const o=i?i.maxSizeMB:r.size/1024/1024*.8;try{const i={maxSizeMB:o,maxWidthOrHeight:1920,useWebWorker:!0};r.size/1024/1024>.1&&(e=yield t.default(r,i)),a=yield t.default.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:a,compressedFile:e}}))}),exports.ImageService=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(require("browser-image-compression"));class i{}Object.defineProperty(i,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),a=new Uint8Array(i);for(let e=0;e<r.length;e++)a[e]=r.charCodeAt(e);const o=new Blob([i],{type:t});return new File([o],"image",{type:t})}}),Object.defineProperty(i,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(r,i)=>e.__awaiter(void 0,void 0,void 0,function*(){let e=r,a="";const o=i?i.maxSizeMB:r.size/1024/1024*.8;try{const i={maxSizeMB:o,maxWidthOrHeight:1920,useWebWorker:!0};r.size/1024/1024>.1&&(e=yield t.default(r,i)),a=yield t.default.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:a,compressedFile:e}})}),exports.ImageService=i;

package/dist/cjs/components/image-cropper/BikImageCropper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const d=r=>{const[a,d]=i.useState(!1),[l,c]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),v=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsx(o.StyledModal,Object.assign({open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=l,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(g(!0),r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,d=yield v(i,t,o,n);yield null===(e=null==r?void 0:r.onCropComplete)||void 0===e?void 0:e.call(r,d,a)}else yield null===(i=null==r?void 0:r.onCropComplete)||void 0===i?void 0:i.call(r,r.src,a);g(!1)}))}}},{children:t.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.jsx("div",{children:t.jsx(n.default,Object.assign({crop:l,onChange:e=>{c(e)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:r.aspectRatio},{children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})}))})}))}))};exports.BikImageCropper=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const d=r=>{const[a,d]=i.useState(!1),[l,c]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),v=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}});return t.jsx(o.StyledModal,{open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=l,e.__awaiter(void 0,void 0,void 0,function*(){var e,i;if(g(!0),r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,d=yield v(i,t,o,n);yield null===(e=null==r?void 0:r.onCropComplete)||void 0===e?void 0:e.call(r,d,a)}else yield null===(i=null==r?void 0:r.onCropComplete)||void 0===i?void 0:i.call(r,r.src,a);g(!1)})}},children:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:t.jsx("div",{children:t.jsx(n.default,{crop:l,onChange:e=>{c(e)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:r.aspectRatio,children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})})})})})};exports.BikImageCropper=d,exports.default=d;

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../image-compress/ImageCompress.js"),t=require("../../states/StateComponent.js");require("../../../_virtual/_tslib.js");var s=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:l,fileTitle:n,compressionOptions:p,currentImage:c,options:u,onFinish:d,onCancel:m,fileUploadOptions:g,loadingStateOptions:h}=i;const j=o.useRef(null),[C,I]=o.useState(),[f,v]=o.useState(c),[x,S]=o.useState(!1);o.useEffect((()=>{u.upload?(I("upload"),setTimeout((()=>{y()}),500)):u.crop?I("crop"):u.compress?I("compress"):u.uploadToFirestorage?I("cloud-upload"):S(!0)}),[u.upload,u.crop,u.compress,u.uploadToFirestorage]);const F=o.useCallback(((e,o)=>{if(!u.uploadToFirestorage)return d(e,o),void S(!0);I("cloud-upload"),g&&g.uploadFile(o,g.path).then((r=>{d(e,o,r),S(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),b=e=>{e||m();const o=r.ImageService.base64ToImage(e);u.compress?(I("compress"),r.ImageService.compressImage(o,p).then((e=>{if(!e)return S(!0),void m();F(e.base64,e.compressedFile)}))):F(e,o)},y=()=>{j.current.click()};return x?e.jsx(e.Fragment,{}):"cloud-upload"===C?!g||g.success?e.jsx(e.Fragment,{}):g.error?e.jsx("div",{children:e.jsx(s.StateModalComponent,{states:t.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{S(!0),m()}})}):e.jsx("div",{children:e.jsx(s.StateModalComponent,{headerImage:null==h?void 0:h.headerImage,states:t.StateInterface.LOADING,heading:`Uploading your ${n||"photo"}`,subline:`Please wait while we upload your ${n||"photo"}`,isButtonEnabled:!1,width:300})}):e.jsxs(e.Fragment,{children:[u.upload&&e.jsx("input",{ref:j,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],r=new FileReader;r.onload=()=>{var e;v({src:r.result}),e=r.result,u.crop?I("crop"):b(e)},o&&r.readAsDataURL(o)}}),"crop"===C&&e.jsx(a.BikImageCropper,{src:f.src,onCropComplete:e=>{v({src:e}),b(e)},aspectRatio:l.aspectRatio,onCancel:m})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../image-compress/ImageCompress.js"),s=require("../../states/StateComponent.js");require("../../../_virtual/_tslib.js");var t=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=({cropOptions:i,fileTitle:l,compressionOptions:n,currentImage:p,options:c,onFinish:u,onCancel:d,fileUploadOptions:m,loadingStateOptions:g})=>{const h=o.useRef(null),[j,C]=o.useState(),[I,f]=o.useState(p),[v,x]=o.useState(!1);o.useEffect(()=>{c.upload?(C("upload"),setTimeout(()=>{b()},500)):c.crop?C("crop"):c.compress?C("compress"):c.uploadToFirestorage?C("cloud-upload"):x(!0)},[c.upload,c.crop,c.compress,c.uploadToFirestorage]);const S=o.useCallback((e,o)=>{if(!c.uploadToFirestorage)return u(e,o),void x(!0);C("cloud-upload"),m&&m.uploadFile(o,m.path).then(r=>{u(e,o,r),x(!0)}).catch(e=>{console.log("starting err process with ")})},[]),F=e=>{e||d();const o=r.ImageService.base64ToImage(e);c.compress?(C("compress"),r.ImageService.compressImage(o,n).then(e=>{if(!e)return x(!0),void d();S(e.base64,e.compressedFile)})):S(e,o)},b=()=>{h.current.click()};return v?e.jsx(e.Fragment,{}):"cloud-upload"===j?!m||m.success?e.jsx(e.Fragment,{}):m.error?e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:s.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{x(!0),d()}})}):e.jsx("div",{children:e.jsx(t.StateModalComponent,{headerImage:null==g?void 0:g.headerImage,states:s.StateInterface.LOADING,heading:`Uploading your ${l||"photo"}`,subline:`Please wait while we upload your ${l||"photo"}`,isButtonEnabled:!1,width:300})}):e.jsxs(e.Fragment,{children:[c.upload&&e.jsx("input",{ref:h,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],r=new FileReader;r.onload=()=>{var e;f({src:r.result}),e=r.result,c.crop?C("crop"):F(e)},o&&r.readAsDataURL(o)}}),"crop"===j&&e.jsx(a.BikImageCropper,{src:I.src,onCropComplete:e=>{f({src:e}),F(e)},aspectRatio:i.aspectRatio,onCancel:d})]})};

package/dist/cjs/components/input/ChipInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-chips"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./ChipInput.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(r);exports.default=r=>{let{onChipsChange:c,placeholder:s,chips:a,label:u,labelColor:d,hintText:h,hintTextColor:p,error:y,inputHeight:C,createChipKeys:O,chipsContainerCustomStyle:j,nativeID:v}=r;const[f,g]=t.useState(!1);return t.useEffect((()=>{var e,t;null===(e=document.querySelector(`#${v} input`))||void 0===e||e.addEventListener("focus",(()=>{g(!0)})),null===(t=document.querySelector(`#${v} input`))||void 0===t||t.addEventListener("blur",(()=>{g(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:v},{children:[u&&e.jsx(i.BodySecondary,Object.assign({style:{color:f?n.COLORS.content.brand:y?n.COLORS.content.negative:d||n.COLORS.content.primary}},{children:u})),e.jsx(l.default,{value:a,theme:o.theme(!!y,C,j,f),chipTheme:o.chipTheme,placeholder:0===a.length&&!!s&&!f&&s,onChange:e=>{c(e)},createChipKeys:O||","}),(!!h||!!y)&&e.jsx(i.BodyCaption,Object.assign({style:{color:y?n.COLORS.content.negative:p||n.COLORS.content.secondary}},{children:y||h}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("react-tag-autocomplete"),n=require("../../constants/Theme.js"),l=require("../../assets/icons/cross.svg.js"),a=require("../TypographyStyle.js"),o=require("./ChipInput.styled.js");exports.default=({onChipsChange:i,placeholder:c,chips:u,label:d,labelColor:p,hintText:h,hintTextColor:y,error:C,chipsContainerCustomStyle:g,nativeID:x,disableTextInput:b=!1})=>{const j=r.useRef(null),m=r.useRef(null);r.useEffect(()=>{if(m.current){const e=m.current.querySelector("input");e&&b?(e.setAttribute("readonly","true"),e.style.caretColor="transparent"):e&&(e.removeAttribute("readonly"),e.style.caretColor="")}},[b]);const f=r.useMemo(()=>[...u].map((e,t)=>({value:t,label:String(e)})),[u]),O=r.useCallback(e=>{if(b)return;const t=String(e.label).trim();if(t){const e=[...u,t];i(e)}},[u,i,b]),v=r.useCallback(e=>{const t=u.filter((t,r)=>r!==e);i(t)},[u,i]),S=r.useCallback(r=>{var{classNames:s,tag:a}=r,o=e.__rest(r,["classNames","tag"]);const{onClick:i}=o,c=e.__rest(o,["onClick"]);return t.jsxs("button",Object.assign({type:"button",className:"chip-tag"},c,{children:[t.jsx("span",{className:"chip-tag-text",children:a.label}),t.jsx("span",{className:"chip-tag-remove","aria-hidden":"true",onClick:i,children:t.jsx(l.default,{width:10,height:10,color:n.COLORS.content.secondary})})]}))},[]);return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},id:x,children:[d&&t.jsx(a.BodySecondary,{style:{color:C?n.COLORS.content.negative:p||n.COLORS.content.primary},children:d}),t.jsx(o.ChipInputContainer,{ref:m,$error:!!C,style:g,$disableTextInput:b,children:t.jsx(s.ReactTags,{ref:j,selected:f,suggestions:[],onAdd:O,onDelete:v,allowNew:!0,activateFirstOption:!0,placeholderText:0===u.length?c:"",noOptionsText:"No matching options",renderTag:S})}),(!!h||!!C)&&t.jsx(a.BodyCaption,{style:{color:C?n.COLORS.content.negative:y||n.COLORS.content.secondary},children:C||h})]})};

package/dist/cjs/components/input/ChipInput.styled.js

@@ -1 +1,146 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/Theme.js");const r={chip:{padding:"0px 8px 0px 8px",background:e.COLORS.surface.subdued,border:`1px solid ${e.COLORS.stroke.primary}`,fontSize:12,color:e.COLORS.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.COLORS.content.secondary,marginLeft:6,":hover":{color:e.COLORS.content.secondary}}};exports.chipTheme=r,exports.theme=(r,o,n,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.COLORS.stroke.brand:r?e.COLORS.stroke.negative.vibrant:e.COLORS.stroke.primary}`,backgroundColor:e.COLORS.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.COLORS.stroke.brand}`}},null!=n?n:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=n(e).default.div`
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 4px;
+	border: 1px solid ${e=>e.$error?t.COLORS.stroke.negative.vibrant:t.COLORS.stroke.primary};
+	border-radius: 4px;
+	background-color: ${t.COLORS.surface.standard};
+	min-height: 30px;
+	padding: 0px 8px 2px 8px;
+	cursor: text;
+
+	ul,
+	ol,
+	li {
+		list-style: none;
+		list-style-type: none;
+		padding: 0;
+		margin: 0;
+	}
+	ul {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		gap: 5px;
+	}
+	.react-tags {
+		position: relative;
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: 4px;
+		border: none;
+		background: transparent;
+		padding: 0;
+		min-height: auto;
+		width: 100%;
+	}
+
+	.react-tags__label {
+		position: absolute;
+		left: -10000px;
+		top: auto;
+		width: 1px;
+		height: 1px;
+		overflow: hidden;
+	}
+
+	/* Style the selected tags list - remove bullet points */
+	ul.react-tags__selected,
+	.react-tags__selected {
+		display: inline-flex !important;
+		flex-wrap: wrap;
+		gap: 4px;
+		padding: 0 !important;
+		margin: 0 !important;
+		list-style: none !important;
+		list-style-type: none !important;
+	}
+
+	.react-tags__selected li,
+	ul.react-tags__selected li {
+		display: inline-flex !important;
+		list-style: none !important;
+		list-style-type: none !important;
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+
+	.react-tags__selected li::before,
+	.react-tags__selected li::marker {
+		display: none !important;
+		content: none !important;
+	}
+
+	.react-tags__selected-tag {
+		display: none; /* Hide default tags, we use custom renderTag */
+	}
+
+	/* Custom chip tag styling */
+	.chip-tag {
+		display: inline-flex;
+		align-items: center;
+		gap: 6px;
+		background: ${t.COLORS.surface.subdued};
+		border: 1px solid ${t.COLORS.stroke.primary};
+		border-radius: 4px;
+		padding: 0px 8px;
+		font-size: 12px;
+		font-family: Inter, sans-serif;
+		font-weight: 400;
+		color: ${t.COLORS.content.secondary};
+		cursor: pointer;
+		line-height: 1.4;
+		white-space: nowrap;
+		margin: 0;
+
+		&:hover {
+			border-color: ${t.COLORS.content.secondary};
+		}
+	}
+
+	.chip-tag-text {
+		font-size: 12px;
+		font-family: Inter, sans-serif;
+	}
+
+	.chip-tag-remove {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		line-height: 1;
+		margin-left: 2px;
+	}
+
+	.react-tags__combobox {
+		flex: 1;
+		display: inline-flex;
+		min-width: 80px;
+	}
+
+	.react-tags__combobox-input {
+		border: none;
+		outline: none;
+		box-sizing: border-box;
+		font-size: 14px;
+		font-family: Inter, sans-serif;
+		font-weight: 400;
+		background: transparent;
+		width: 100%;
+		padding: 4px 0;
+		pointer-events: ${e=>e.$disableTextInput?"none":"auto"};
+		user-select: ${e=>e.$disableTextInput?"none":"auto"};
+		cursor: ${e=>e.$disableTextInput?"default":"text"};
+
+		&::placeholder {
+			color: ${t.COLORS.content.placeholder};
+		}
+	}
+
+	/* Hide the dropdown/listbox completely */
+	.react-tags__listbox {
+		display: none !important;
+	}
+`;t.COLORS.surface.subdued,t.COLORS.stroke.primary,t.COLORS.content.secondary,t.COLORS.content.secondary,t.COLORS.content.secondary,exports.ChipInputContainer=a;

package/dist/cjs/components/input/Input-helper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("phone");exports.isFunction=e=>e&&"function"==typeof e,exports.validateInput=function(n,r){let t,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=["phonenumber","zip","number"].includes(r),u=a?n?Number(n):null:n;if(null==u||""===u)return[!0,""];if(a&&String(u).length&&(i.min&&u<i.min||i.max&&u>i.max))return[!1,`Enter valid number between ${i.min} and ${i.max}`];if("email"===r)return t=/(.+)@(.+){2,}\.(.+){2,}/,u.match(t)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return t=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,u.match(t)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return u>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(u).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:n}=e.phone("+"+String(u));return n?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==u?void 0:u.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("phone");exports.isFunction=e=>e&&"function"==typeof e,exports.validateInput=(n,r,t={})=>{let i;const a=["phonenumber","zip","number"].includes(r),u=a?n?Number(n):null:n;if(null==u||""===u)return[!0,""];if(a&&String(u).length&&(t.min&&u<t.min||t.max&&u>t.max))return[!1,`Enter valid number between ${t.min} and ${t.max}`];if("email"===r)return i=/(.+)@(.+){2,}\.(.+){2,}/,u.match(i)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return i=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,u.match(i)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return u>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(u).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:n}=e.phone("+"+String(u));return n?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==u?void 0:u.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/info.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./Input-helper.js"),s=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/errorInfo.svg.js"),u=require("./context/InputStyleProvider.js"),c=require("./Input.styled.js");const d=n.forwardRef(((d,h)=>{var v,g,p,x,j,f,m,b;const{placeholder:y,leftIcon:C,rightIcon:O,labelText:T,maxCharLimit:I,isRequired:S,hintText:w,type:E,state:k,validate:H,variant:q,button:B,suffixText:L,prefixText:M,onChangeText:F,value:P,noErrorHint:R,reset:D,rangeValidation:z,noKeyDownChange:A,version:K,noMaxCharCheck:N,labelElement:_,autoGrow:W,minHeight:G,maxHeight:V,labelTextBold:$,truncateText:J,maxCharLimitPosition:Q,hightlightInputColor:U,onKeyDownEvent:X,hideInputHeader:Y,hideBorder:Z,inputWrapperStyles:ee,minCharsToTrigger:te,isDisabled:ne=!1}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0},d),ie=null==C?void 0:C.icon,le=null==O?void 0:O.icon,[se,re]=n.useState(!1),[ae,oe]=n.useState(!1),[ue,ce]=n.useState(),de="x-small"===q?"12px":"small"===q?"18px":"22px",he=n.useContext(u.InputStyleContext),[ve,ge]=n.useState(""),pe=n.useRef(null),xe=null!=h?h:pe;n.useEffect((()=>{ge(P||""),!P&&W&&(xe.current.style.height=G||"48px")}),[P]),n.useEffect((()=>{var e;xe.current&&(null===(e=d.onReferenceInit)||void 0===e||e.call(d,xe.current))}),[xe]),n.useEffect((()=>{const e=xe.current;if(e&&["phonenumber","zip","number"].includes(E))return e.addEventListener("wheel",be,{passive:!1}),()=>{e.removeEventListener("wheel",be)}}),[]),n.useEffect((()=>{D&&ge("")}),[D]),n.useEffect((()=>{var e;oe(!!d.isActive),d.isActive&&(null===(e=xe.current)||void 0===e||e.focus())}),[d.isActive]),n.useEffect((()=>{ce(d.errorMessage)}),[d.errorMessage]),n.useEffect((()=>{var e;re(!1),("invalid"===d.state||ue||"disabled-invalid"===d.state)&&re(!0),"active"===d.state&&(null===(e=xe.current)||void 0===e||e.focus())}),[d.state,ue]),n.useEffect((()=>{re(!!ue||"invalid"===d.state)}),[ue,d.state]);const je=function(e){if(l.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},fe=()=>"zip"===E?6:2e3,me=e=>{const t=0!==I?I:fe(),n=te,i=e.target.value;X&&(!i.length||i.length>=n)&&X(e),A||i.length&&!(i.length>=n)||F(P||"",e),N||![8].includes(e.which)&&t>0&&i.length>=t&&e.preventDefault()},be=e=>{e.preventDefault()},ye=e=>{let t=e.target.value;const n=0!==I?I+1:fe(),i=te;if(!N&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),d.textControl||ge(t||""),i&&t&&t.length<i)return;F(t,e),W&&(xe.current.style.height=`${xe.current.scrollHeight}px`,t||(xe.current.style.height=G||"48px"));const s=H||l.validateInput;if(!s||!l.isFunction(s))return;const[r,a]=s(t,E,z);re(!r),ce(d.errorMessage?d.errorMessage:a)},Ce=e=>{var t;d.skipFocus||oe(!0),je(null===(t=d.onFocus)||void 0===t?void 0:t.call(d,e))},Oe=e=>{var t;d.skipFocus||oe(!1),je(null===(t=d.onBlur)||void 0===t?void 0:t.call(d,e))},Te=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==E&&e.jsx("input",{className:J?"truncate-class":"","data-test":d["data-test"],id:d.id,style:null!==(t=null==he?void 0:he.input)&&void 0!==t?t:{},ref:xe,disabled:ne,type:["phonenumber","zip","number"].includes(E)?"number":E,value:ve,onFocus:e=>Ce(e),onBlur:e=>Oe(e),placeholder:y||"Enter here",onChange:ye,onClick:e=>je(d.onClick),onKeyDown:e=>me(e)}),"multiline"===E&&e.jsx("textarea",{"data-test":d["data-test"],value:ve,ref:xe,onFocus:e=>Ce(e),onBlur:e=>Oe(e),onClick:e=>je(d.onClick),disabled:ne,placeholder:y||"Enter here",onChange:ye,onKeyDown:e=>me(e),maxLength:I>0?I:void 0})]})};return e.jsxs(c.RootContainer,Object.assign({width:d.width,height:d.height,state:k,type:E,style:null!==(v=null==he?void 0:he.RootContainer)&&void 0!==v?v:{}},{children:[e.jsxs("div",Object.assign({className:"flex-align-center"},{children:[!R&&(!!w||!!ue)&&e.jsxs(c.InputFooter,Object.assign({invalid:!!ue},{children:[!!ue&&e.jsx(o.default,{width:16,height:16}),ue||w]})),I>0&&"BOTTOM"===Q&&e.jsxs(c.MaxCharStyle,Object.assign({position:"BOTTOM"},{children:[null!==(p=null===(g=(null!=P?P:"").toString())||void 0===g?void 0:g.length)&&void 0!==p?p:0,"/",I]}))]})),e.jsxs(c.InputWrapper,Object.assign({variant:q,state:k,width:d.width,isActive:"active"===k||ae,isInvalid:se,style:null!==(j=null!==(x=null==he?void 0:he.InputWrapper)&&void 0!==x?x:ee)&&void 0!==j?j:{},version:K,height:d.height,hightlightInputColor:U,hideBorder:Z},{children:[!!ie&&e.jsx(c.IconHolder,Object.assign({variant:q,iconSize:de,onClick:()=>je(null==C?void 0:C.callback),isLeft:!0,style:null!==(f=null==he?void 0:he.IconHolder)&&void 0!==f?f:{}},{children:e.jsx(ie,{})})),!!M&&e.jsx(c.PrefixHolder,Object.assign({variant:q},{children:M})),"default"===q&&e.jsx(c.InputContainer,Object.assign({height:d.height,type:d.type,minHeight:G,maxHeight:V,autoGrow:W},{children:Te()})),["x-small","small"].includes(q)&&e.jsx(c.InputContainerSmall,Object.assign({height:d.height,type:d.type},{children:Te()})),!!le&&e.jsx(c.IconHolder,Object.assign({variant:q,iconSize:de,onClick:()=>je(null==O?void 0:O.callback),isLeft:!1},{children:e.jsx(le,{})})),!!L&&e.jsx(c.SuffixHolder,Object.assign({variant:q},{children:L})),B&&B.text&&e.jsx(i.Button,{buttonText:B.text,onClick:()=>je(null==B?void 0:B.onClick)}),B&&B.buttonProps&&e.jsx(i.Button,Object.assign({},B.buttonProps))]})),!Y&&(!!T||!!I)&&e.jsxs(c.InputHeader,Object.assign({invalid:se},{children:[_&&_,e.jsxs("div",Object.assign({className:"label__container"},{children:[$?e.jsxs(r.TitleSmall,{children:[T,S?e.jsx("span",{children:"*"}):""]}):e.jsxs(r.BodySecondary,{children:[T,S?e.jsx("span",{children:"*"}):""]}),d.tooltipText&&e.jsx(s.Tooltip,Object.assign({body:d.tooltipText,placement:"top"},{children:e.jsx("span",{children:e.jsx(t.default,{style:{marginTop:-3},width:18,height:18,color:se?a.COLORS.content.negative:a.COLORS.content.primary})})}))]})),I>0&&"TOP"===Q&&e.jsxs(c.MaxCharStyle,{children:[null!==(b=null===(m=(null!=P?P:"").toString())||void 0===m?void 0:m.length)&&void 0!==b?b:0,"/",I]})]}))]}))}));d.displayName="Input",exports.Input=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/info.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./Input-helper.js"),r=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),a=require("../../assets/icons/errorInfo.svg.js"),u=require("./context/InputStyleProvider.js"),c=require("./Input.styled.js");const d=n.forwardRef((d,h)=>{var v,p,x,g,f,j,m,y;const{placeholder:C,leftIcon:T,rightIcon:b,labelText:I,maxCharLimit:S,isRequired:w,hintText:E,type:k,state:H,validate:O,variant:q,button:B,suffixText:L,prefixText:M,onChangeText:F,value:P,noErrorHint:R,reset:D,rangeValidation:z,noKeyDownChange:A,version:K,noMaxCharCheck:N,labelElement:_,autoGrow:W,minHeight:G,maxHeight:V,labelTextBold:$,truncateText:J,maxCharLimitPosition:Q,hightlightInputColor:U,onKeyDownEvent:X,hideInputHeader:Y,hideBorder:Z,inputWrapperStyles:ee,minCharsToTrigger:te,isDisabled:ne=!1}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0},d),ie=null==T?void 0:T.icon,le=null==b?void 0:b.icon,[re,se]=n.useState(!1),[oe,ae]=n.useState(!1),[ue,ce]=n.useState(),de="x-small"===q?"12px":"small"===q?"18px":"22px",he=n.useContext(u.InputStyleContext),[ve,pe]=n.useState(""),xe=n.useRef(null),ge=null!=h?h:xe;n.useEffect(()=>{pe(P||""),!P&&W&&(ge.current.style.height=G||"48px")},[P]),n.useEffect(()=>{var e;ge.current&&(null===(e=d.onReferenceInit)||void 0===e||e.call(d,ge.current))},[ge]),n.useEffect(()=>{const e=ge.current;if(e&&["phonenumber","zip","number"].includes(k))return e.addEventListener("wheel",ye,{passive:!1}),()=>{e.removeEventListener("wheel",ye)}},[]),n.useEffect(()=>{D&&pe("")},[D]),n.useEffect(()=>{var e;ae(!!d.isActive),d.isActive&&(null===(e=ge.current)||void 0===e||e.focus())},[d.isActive]),n.useEffect(()=>{ce(d.errorMessage)},[d.errorMessage]),n.useEffect(()=>{var e;se(!1),("invalid"===d.state||ue||"disabled-invalid"===d.state)&&se(!0),"active"===d.state&&(null===(e=ge.current)||void 0===e||e.focus())},[d.state,ue]),n.useEffect(()=>{se(!!ue||"invalid"===d.state)},[ue,d.state]);const fe=(e,...t)=>{l.isFunction(e)&&e(...t)},je=()=>"zip"===k?6:2e3,me=e=>{const t=0!==S?S:je(),n=te,i=e.target.value;X&&(!i.length||i.length>=n)&&X(e),A||i.length&&!(i.length>=n)||F(P||"",e),N||![8].includes(e.which)&&t>0&&i.length>=t&&e.preventDefault()},ye=e=>{e.preventDefault()},Ce=e=>{let t=e.target.value;const n=0!==S?S+1:je(),i=te;if(!N&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),d.textControl||pe(t||""),i&&t&&t.length<i)return;F(t,e),W&&(ge.current.style.height=`${ge.current.scrollHeight}px`,t||(ge.current.style.height=G||"48px"));const r=O||l.validateInput;if(!r||!l.isFunction(r))return;const[s,o]=r(t,k,z);se(!s),ce(d.errorMessage?d.errorMessage:o)},Te=e=>{var t;d.skipFocus||ae(!0),fe(null===(t=d.onFocus)||void 0===t?void 0:t.call(d,e))},be=e=>{var t;d.skipFocus||ae(!1),fe(null===(t=d.onBlur)||void 0===t?void 0:t.call(d,e))},Ie=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==k&&e.jsx("input",{className:J?"truncate-class":"","data-test":d["data-test"],id:d.id,style:null!==(t=null==he?void 0:he.input)&&void 0!==t?t:{},ref:ge,disabled:ne,type:["phonenumber","zip","number"].includes(k)?"number":k,value:ve,onFocus:e=>Te(e),onBlur:e=>be(e),placeholder:C||"Enter here",onChange:Ce,onClick:e=>fe(d.onClick),onKeyDown:e=>me(e)}),"multiline"===k&&e.jsx("textarea",{"data-test":d["data-test"],value:ve,ref:ge,onFocus:e=>Te(e),onBlur:e=>be(e),onClick:e=>fe(d.onClick),disabled:ne,placeholder:C||"Enter here",onChange:Ce,onKeyDown:e=>me(e),maxLength:S>0?S:void 0})]})};return e.jsxs(c.RootContainer,{width:d.width,height:d.height,state:H,type:k,style:null!==(v=null==he?void 0:he.RootContainer)&&void 0!==v?v:{},children:[e.jsxs("div",{className:"flex-align-center",children:[!R&&(!!E||!!ue)&&e.jsxs(c.InputFooter,{invalid:!!ue,children:[!!ue&&e.jsx(a.default,{width:16,height:16}),ue||E]}),S>0&&"BOTTOM"===Q&&e.jsxs(c.MaxCharStyle,{position:"BOTTOM",children:[null!==(x=null===(p=(null!=P?P:"").toString())||void 0===p?void 0:p.length)&&void 0!==x?x:0,"/",S]})]}),e.jsxs(c.InputWrapper,{variant:q,state:H,width:d.width,isActive:"active"===H||oe,isInvalid:re,style:null!==(f=null!==(g=null==he?void 0:he.InputWrapper)&&void 0!==g?g:ee)&&void 0!==f?f:{},version:K,height:d.height,hightlightInputColor:U,hideBorder:Z,children:[!!ie&&e.jsx(c.IconHolder,{variant:q,iconSize:de,onClick:()=>fe(null==T?void 0:T.callback),isLeft:!0,style:null!==(j=null==he?void 0:he.IconHolder)&&void 0!==j?j:{},children:e.jsx(ie,{})}),!!M&&e.jsx(c.PrefixHolder,{variant:q,children:M}),"default"===q&&e.jsx(c.InputContainer,{height:d.height,type:d.type,minHeight:G,maxHeight:V,autoGrow:W,children:Ie()}),["x-small","small"].includes(q)&&e.jsx(c.InputContainerSmall,{height:d.height,type:d.type,children:Ie()}),!!le&&e.jsx(c.IconHolder,{variant:q,iconSize:de,onClick:()=>fe(null==b?void 0:b.callback),isLeft:!1,children:e.jsx(le,{})}),!!L&&e.jsx(c.SuffixHolder,{variant:q,children:L}),B&&B.text&&e.jsx(i.Button,{buttonText:B.text,onClick:()=>fe(null==B?void 0:B.onClick)}),B&&B.buttonProps&&e.jsx(i.Button,Object.assign({},B.buttonProps))]}),!Y&&(!!I||!!S)&&e.jsxs(c.InputHeader,{invalid:re,children:[_&&_,e.jsxs("div",{className:"label__container",children:[$?e.jsxs(s.TitleSmall,{children:[I,w?e.jsx("span",{children:"*"}):""]}):e.jsxs(s.BodySecondary,{children:[I,w?e.jsx("span",{children:"*"}):""]}),d.tooltipText&&e.jsx(r.Tooltip,{body:d.tooltipText,placement:"top",children:e.jsx("span",{children:e.jsx(t.default,{style:{marginTop:-3},width:18,height:18,color:re?o.COLORS.content.negative:o.COLORS.content.primary})})})]}),S>0&&"TOP"===Q&&e.jsxs(c.MaxCharStyle,{children:[null!==(y=null===(m=(null!=P?P:"").toString())||void 0===m?void 0:m.length)&&void 0!==y?y:0,"/",S]})]})]})});d.displayName="Input",exports.Input=d;