@bikdotai/bik-component-library 0.0.686 → 0.0.687-beta.2

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

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"),t=require("../../image-compress/ImageCompress.js"),r=require("../../states/StateComponent.js"),s=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:n,fileTitle:l,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,x]=o.useState(c),[S,v]=o.useState(!1);o.useEffect((()=>{u.upload?(I("upload"),setTimeout((()=>{b()}),500)):u.crop?I("crop"):u.compress?I("compress"):u.uploadToFirestorage?I("cloud-upload"):v(!0)}),[u.upload,u.crop,u.compress,u.uploadToFirestorage]);const F=o.useCallback(((e,o)=>{if(!u.uploadToFirestorage)return d(e,o),void v(!0);I("cloud-upload"),g&&g.uploadFile(o,g.path).then((t=>{d(e,o,t),v(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),y=e=>{e||m();const o=t.ImageService.base64ToImage(e);u.compress?(I("compress"),t.ImageService.compressImage(o,p).then((e=>{if(!e)return v(!0),void m();F(e.base64,e.compressedFile)}))):F(e,o)},b=()=>{j.current.click()};return S?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:r.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{v(!0),m()}})}):e.jsx("div",{children:e.jsx(s.StateModalComponent,{headerImage:null==h?void 0:h.headerImage,states:r.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:[u.upload&&e.jsx("input",{ref:j,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],t=new FileReader;t.onload=()=>{var e;x({src:t.result}),e=t.result,u.crop?I("crop"):y(e)},o&&t.readAsDataURL(o)}}),"crop"===C&&e.jsx(a.BikImageCropper,{src:f.src,onCropComplete:e=>{x({src:e}),y(e)},aspectRatio:n.aspectRatio,onCancel:m})]})};

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("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 l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);var a=r=>{let{onChipsChange:l,placeholder:a,chips:s,label:u,labelColor:d,hintText:h,hintTextColor:p,error:y,inputHeight:C,createChipKeys:f,chipsContainerCustomStyle:v,nativeID:m}=r;const[x,O]=t.useState(!1);return t.useEffect((()=>{var e,t;null==(e=document.querySelector(`#${m} input`))||e.addEventListener("focus",(()=>{O(!0)})),null==(t=document.querySelector(`#${m} input`))||t.addEventListener("blur",(()=>{O(!1)}))}),[]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},id:m,children:[u&&e.jsx(i.BodySecondary,{style:{color:x?n.COLORS.content.brand:y?n.COLORS.content.negative:d||n.COLORS.content.primary},children:u}),e.jsx(c.default,{value:s,theme:o.theme(!!y,C,v,x),chipTheme:o.chipTheme,placeholder:0===s.length&&!!a&&!x&&a,onChange:e=>{l(e)},createChipKeys:f||","}),(!!h||!!y)&&e.jsx(i.BodyCaption,{style:{color:y?n.COLORS.content.negative:p||n.COLORS.content.secondary},children:y||h})]})};exports.default=a;

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

@@ -1 +1 @@
-"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("../../constants/Theme.js"),r=Object.defineProperty,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,i=(e,o,t)=>o in e?r(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,r)=>{for(var a in r||(r={}))t.call(r,a)&&i(e,a,r[a]);if(o)for(var a of o(r))n.call(r,a)&&i(e,a,r[a]);return e};const p={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=p,exports.theme=(r,o,t,n)=>({chipsContainer:a({display:"flex",position:"relative",border:`${n?2:1}px solid ${n?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!=t?t:{}),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}});

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