@bikdotai/bik-component-library 0.0.730 → 0.0.731-beta.1

package/dist/esm/components/feature-announcements/utils/animationHelpers.js

@@ -1 +1 @@
-import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),o=e.getBoundingClientRect();return`translate(${o.left+o.width/2-(i.left+i.width/2)}px, ${o.top+o.height/2-(i.top+i.height/2)}px) scale(0)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},o=function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.CLOSE_DURATION;setTimeout(e,i)};export{e as calculateCloseTransform,o as executeAfterAnimation,i as hideJoyrideArrow};
+import"../constants/index.js";import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return`translate(${n.left+n.width/2-(i.left+i.width/2)}px, ${n.top+n.height/2-(i.top+i.height/2)}px) scale(0)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},n=function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.CLOSE_DURATION;setTimeout(e,i)};export{e as calculateCloseTransform,n as executeAfterAnimation,i as hideJoyrideArrow};

package/dist/esm/components/feature-announcements/utils/elementHelpers.js

@@ -1 +1 @@
-import"../constants/animations.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const n=document.querySelector(t.SVG_VIEWBOX);if(n){if(n.querySelector(t.CLIPPATH_PATTERN))return n.closest(t.WHATS_NEW_BUTTON)||n.parentElement}return null},n=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)},o=t=>t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`,r=t=>{const e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,r=e.top>=120&&e.bottom<=n,i=e.left>=0&&e.right<=o;return r&&i},i=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:120;return new Promise((n=>{if(r(t))return void n();const o=t.getBoundingClientRect().top+window.pageYOffset-e;let i;window.scrollTo({top:o,behavior:"smooth"});const s=()=>{clearTimeout(i),i=setTimeout((()=>{window.removeEventListener("scroll",s),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",s,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",s),n()}),1e3)}))};export{n as findFeatureTagElement,e as findWhatsNewButton,r as isElementInViewport,o as normalizeSelector,i as scrollToElementSmooth};
+import"../constants/index.js";import{SELECTORS as t}from"../constants/selectors.js";const e=()=>{let e=document.querySelector(t.WHATS_NEW_BUTTON);if(e)return e;if(e=document.querySelector(t.MAIN_ICON_CLASS),e)return e;const n=document.querySelector(t.SVG_VIEWBOX);if(n){if(n.querySelector(t.CLIPPATH_PATTERN))return n.closest(t.WHATS_NEW_BUTTON)||n.parentElement}return null},n=t=>{const e=t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`;return document.querySelector(e)},o=t=>t.startsWith("#")||t.startsWith(".")||t.startsWith("[")?t:`#${t}`,r=t=>{const e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,r=e.top>=120&&e.bottom<=n,i=e.left>=0&&e.right<=o;return r&&i},i=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:120;return new Promise((n=>{if(r(t))return void n();const o=t.getBoundingClientRect().top+window.pageYOffset-e;let i;window.scrollTo({top:o,behavior:"smooth"});const s=()=>{clearTimeout(i),i=setTimeout((()=>{window.removeEventListener("scroll",s),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",s,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",s),n()}),1e3)}))};export{n as findFeatureTagElement,e as findWhatsNewButton,r as isElementInViewport,o as normalizeSelector,i as scrollToElementSmooth};

package/dist/esm/components/feature-announcements/utils/index.js

@@ -0,0 +1 @@
+export{decodeHTMLEntities,formatVideoUrl,isYouTubeVideo}from"./htmlHelpers.js";export{calculateCloseTransform,executeAfterAnimation,hideJoyrideArrow}from"./animationHelpers.js";export{findFeatureTagElement,findWhatsNewButton,isElementInViewport,normalizeSelector,scrollToElementSmooth}from"./elementHelpers.js";

package/dist/esm/components/file-uploader/FileUploader.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s}from"react";import{Button as l}from"../button/Button.js";import{Curtain as i}from"../curtain/Curtain.js";import{CURTAIN_TYPES as o,CURTAIN_MODE as t}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as a,FileUploadedStyle as d}from"./FileUploaderStyle.js";import{Input as r}from"../input/Input.js";import{ProgressBarComponent as n}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{TitleMedium as p,BodySecondary as j,BodyCaption as m,ButtonLarge as h}from"../TypographyStyle.js";import{COLORS as f}from"../../constants/Theme.js";import u from"../../assets/icons/check.svg.js";import v from"../../assets/icons/file.svg.js";import _ from"../../assets/icons/filePdf.svg.js";import g from"../../assets/icons/image.svg.js";import b from"../../assets/icons/triangle_error.svg.js";import x from"../../assets/icons/upload.svg.js";import y from"../../assets/icons/videoRecorder.svg.js";const U=U=>{var w,N;const[I,F]=s(""),[E,C]=s(""),[T,L]=s(null),[M,P]=s(!1),[D,S]=s(),[$,z]=s((null===(w=U.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===w?void 0:w.join("/"))||"FILE"),G=e=>{const s=e.split(".").pop();if(null==U?void 0:U.fileName)return`${U.fileName}.${s}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+s},R=e=>{if(!e)return"0 Bytes";const s=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,s)).toFixed(2))} ${["Bytes","KB","MB"][s]}`},k=e=>{var s;F("");const l=null===(s=null==e?void 0:e.files)||void 0===s?void 0:s[0],i=(e=>{if(!e)return"Please upload an file before saving!";const s=U.fileUploadRules.allowedSize[e.type.toLowerCase()];return s?e.size>s?`Max file size that can be added is ${R(s)}`:"":"Uploaded file type is not supported!"})(l);F(i),i?U.onError(i):(L(l),V(l),P(!0))},V=e=>{var s,l;if(!I){const i=G(e.name),o=(null===(s=i.split(".").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";z(o),null===(l=U.uploadFile)||void 0===l||l.call(U,e,i).then((s=>{const l=((e,s,l)=>{const i=new Date;return{fileId:i.getTime().toString(),fileName:l,fileSize:R(e.size),fileType:e.type,fileUrl:s,uploadType:"FileUpload",uploadDate:i}})(e,s,i);P(!1),S(l)})).catch((e=>{const s=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";U.onError(s)}))}},A=e=>{var s;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(s=U.getFileMetaFromUrl)||void 0===s||s.call(U,e).then((s=>{var l,i;if(s&&s.type&&(null===(l=s.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===$.toLowerCase()){const l=U.fileUploadRules.allowedSize[s.type.toLowerCase()];if(l)if(s.size>l)C(`Max file size that can be added is ${R(l)}`);else{const l=(null===(i=s.type.split("/").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";z(l);const o=G(`file.${l.toLowerCase()}`),t=new Date;S({fileId:t.getTime().toString(),fileName:o,fileSize:R(s.size),fileType:s.type,fileUrl:e,uploadType:"URL",uploadDate:t}),L(null)}else C("Uploaded file type is not supported!")}else C(`Please enter a valid ${$.toLowerCase()} URL`)}),(e=>{var s;return C(null!==(s=null==e?void 0:e.message)&&void 0!==s?s:"Please enter a valid image URL")})):C(`Please enter a valid ${$.toLowerCase()} URL`))},B=(s,l,i)=>"IMAGE"===O[$]?e.jsx(g,{color:s,height:l,width:i}):"VIDEO"===O[$]?e.jsx(y,{color:s,height:l,width:i}):"PDF"===O[$]?e.jsx(_,{color:s,height:l,width:i}):e.jsx(v,{color:s,height:l,width:i});return e.jsx(e.Fragment,{children:D&&(null===(N=Object.keys(D))||void 0===N?void 0:N.length)?e.jsxs(d,Object.assign({className:"fileUploaded"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__header"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__header__icon"},{children:e.jsx(u,{color:f.content.primaryInverse,height:46,width:40})})),e.jsx("div",Object.assign({className:"fileUploaded__header__title"},{children:e.jsxs(p,{children:[$," uploaded successfully"]})}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:B(f.content.secondary,22,18)})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e.jsx(j,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==D?void 0:D.fileName}))})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==D?void 0:D.fileSize}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e.jsx(l,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;S({}),null===(e=U.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===e||e.join("/")}})})),e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e.jsx(l,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>U.onSuccess(T,D)})}))]}))]}))]})):e.jsxs(a,Object.assign({showProgressBar:M},{children:[e.jsxs("div",Object.assign({className:"fileUploader"},{children:[e.jsxs("div",Object.assign({className:"fileUploader__header"},{children:[e.jsx("div",Object.assign({className:"fileUploader__header__icon"},{children:B(f.content.secondary,36,30)})),e.jsx(c,Object.assign({body:$,placement:"top"},{children:e.jsx("div",Object.assign({className:"fileUploader__header__title"},{children:e.jsx(p,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:M?"Document upload in progress":`Upload ${$}`}))}))})),e.jsx("div",Object.assign({className:"fileUploader__header__caption"},{children:e.jsx(j,Object.assign({style:{color:f.content.secondary}},{children:M?`Your ${$} is getting loaded. This may take a couple of minutes.`:`${$.includes("/")?"Files":$+" format"} • Max ${R(Math.max(...Object.values(U.fileUploadRules.allowedSize)))}`}))}))]})),e.jsx("div",Object.assign({className:"fileUploader__body"},{children:M?e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e.jsx(n,{completed:U.uploadProgress,isAnimated:!0})})),e.jsx("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e.jsx(l,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{P(!1),L(null),S({})}})}))]}):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__link"},{children:e.jsx(r,{type:"text",onChangeText:()=>C(""),placeholder:`Enter URL of the ${$.includes("/")?"file":$.toLowerCase()}`,width:"100%",height:"48px",labelText:`${$.includes("/")?"File":$} link`,errorMessage:E,onBlur:e=>A(e.target.value)})})),e.jsxs("div",Object.assign({className:"fileUploader__body__divider"},{children:[e.jsx("div",{className:"left"}),e.jsx("div",Object.assign({className:"title"},{children:e.jsx(m,Object.assign({style:{color:f.content.secondary}},{children:"Or upload from device"}))})),e.jsx("div",{className:"right"})]})),e.jsxs("div",Object.assign({className:"fileUploader__body__upload"},{children:[e.jsx("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:e.jsxs("div",Object.assign({className:"file-uploader"},{children:[e.jsx("div",{children:e.jsx(x,{height:18,width:18})}),e.jsx("div",{children:e.jsx(h,Object.assign({style:{color:f.content.brand}},{children:"Upload"}))})]}))})),e.jsx("input",{id:"file-upload-button",type:"file",accept:U.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>k(e.target)})]}))]})}))]})),I&&e.jsx("div",Object.assign({className:"fileUploadError"},{children:e.jsx(i,{type:o.NEGATIVE,mode:t.LIGHT,text:I,hideCrossIcon:!0,icon:()=>e.jsx(b,{height:16,width:19,color:f.content.negative})})}))]}))})},O={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{U as FileUploader};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s}from"react";import"../button/index.js";import"../curtain/index.js";import{CURTAIN_TYPES as i,CURTAIN_MODE as l}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as o,FileUploadedStyle as t}from"./FileUploaderStyle.js";import"../input/index.js";import"../progress-bar/index.js";import"../tooltips/index.js";import{TitleMedium as a,BodySecondary as r,BodyCaption as d,ButtonLarge as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import p from"../../assets/icons/check.svg.js";import j from"../../assets/icons/file.svg.js";import m from"../../assets/icons/filePdf.svg.js";import h from"../../assets/icons/image.svg.js";import u from"../../assets/icons/triangle_error.svg.js";import f from"../../assets/icons/upload.svg.js";import v from"../../assets/icons/videoRecorder.svg.js";import{Tooltip as _}from"../tooltips/Tooltip.js";import{ProgressBarComponent as g}from"../progress-bar/ProgressBarComponent.js";import{Button as x}from"../button/Button.js";import{Input as b}from"../input/Input.js";import{Curtain as y}from"../curtain/Curtain.js";const U=U=>{var w,N;const[I,F]=s(""),[E,C]=s(""),[T,L]=s(null),[M,P]=s(!1),[D,S]=s(),[$,z]=s((null===(w=U.fileUploadRules.allowedFormats.split(",").map((e=>{var s,i;return null===(i=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===w?void 0:w.join("/"))||"FILE"),G=e=>{const s=e.split(".").pop();if(null==U?void 0:U.fileName)return`${U.fileName}.${s}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+s},R=e=>{if(!e)return"0 Bytes";const s=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,s)).toFixed(2))} ${["Bytes","KB","MB"][s]}`},k=e=>{var s;F("");const i=null===(s=null==e?void 0:e.files)||void 0===s?void 0:s[0],l=(e=>{if(!e)return"Please upload an file before saving!";const s=U.fileUploadRules.allowedSize[e.type.toLowerCase()];return s?e.size>s?`Max file size that can be added is ${R(s)}`:"":"Uploaded file type is not supported!"})(i);F(l),l?U.onError(l):(L(i),V(i),P(!0))},V=e=>{var s,i;if(!I){const l=G(e.name),o=(null===(s=l.split(".").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";z(o),null===(i=U.uploadFile)||void 0===i||i.call(U,e,l).then((s=>{const i=((e,s,i)=>{const l=new Date;return{fileId:l.getTime().toString(),fileName:i,fileSize:R(e.size),fileType:e.type,fileUrl:s,uploadType:"FileUpload",uploadDate:l}})(e,s,l);P(!1),S(i)})).catch((e=>{const s=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";U.onError(s)}))}},A=e=>{var s;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(s=U.getFileMetaFromUrl)||void 0===s||s.call(U,e).then((s=>{var i,l;if(s&&s.type&&(null===(i=s.type.split("/").at(-1))||void 0===i?void 0:i.toLowerCase())===$.toLowerCase()){const i=U.fileUploadRules.allowedSize[s.type.toLowerCase()];if(i)if(s.size>i)C(`Max file size that can be added is ${R(i)}`);else{const i=(null===(l=s.type.split("/").at(-1))||void 0===l?void 0:l.toUpperCase())||"FILE";z(i);const o=G(`file.${i.toLowerCase()}`),t=new Date;S({fileId:t.getTime().toString(),fileName:o,fileSize:R(s.size),fileType:s.type,fileUrl:e,uploadType:"URL",uploadDate:t}),L(null)}else C("Uploaded file type is not supported!")}else C(`Please enter a valid ${$.toLowerCase()} URL`)}),(e=>{var s;return C(null!==(s=null==e?void 0:e.message)&&void 0!==s?s:"Please enter a valid image URL")})):C(`Please enter a valid ${$.toLowerCase()} URL`))},B=(s,i,l)=>"IMAGE"===O[$]?e.jsx(h,{color:s,height:i,width:l}):"VIDEO"===O[$]?e.jsx(v,{color:s,height:i,width:l}):"PDF"===O[$]?e.jsx(m,{color:s,height:i,width:l}):e.jsx(j,{color:s,height:i,width:l});return e.jsx(e.Fragment,{children:D&&(null===(N=Object.keys(D))||void 0===N?void 0:N.length)?e.jsxs(t,Object.assign({className:"fileUploaded"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__header"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__header__icon"},{children:e.jsx(p,{color:c.content.primaryInverse,height:46,width:40})})),e.jsx("div",Object.assign({className:"fileUploaded__header__title"},{children:e.jsxs(a,{children:[$," uploaded successfully"]})}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:B(c.content.secondary,22,18)})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e.jsx(r,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==D?void 0:D.fileName}))})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==D?void 0:D.fileSize}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e.jsx(x,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;S({}),null===(e=U.fileUploadRules.allowedFormats.split(",").map((e=>{var s,i;return null===(i=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===e||e.join("/")}})})),e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e.jsx(x,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>U.onSuccess(T,D)})}))]}))]}))]})):e.jsxs(o,Object.assign({showProgressBar:M},{children:[e.jsxs("div",Object.assign({className:"fileUploader"},{children:[e.jsxs("div",Object.assign({className:"fileUploader__header"},{children:[e.jsx("div",Object.assign({className:"fileUploader__header__icon"},{children:B(c.content.secondary,36,30)})),e.jsx(_,Object.assign({body:$,placement:"top"},{children:e.jsx("div",Object.assign({className:"fileUploader__header__title"},{children:e.jsx(a,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:M?"Document upload in progress":`Upload ${$}`}))}))})),e.jsx("div",Object.assign({className:"fileUploader__header__caption"},{children:e.jsx(r,Object.assign({style:{color:c.content.secondary}},{children:M?`Your ${$} is getting loaded. This may take a couple of minutes.`:`${$.includes("/")?"Files":$+" format"} • Max ${R(Math.max(...Object.values(U.fileUploadRules.allowedSize)))}`}))}))]})),e.jsx("div",Object.assign({className:"fileUploader__body"},{children:M?e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e.jsx(g,{completed:U.uploadProgress,isAnimated:!0})})),e.jsx("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e.jsx(x,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{P(!1),L(null),S({})}})}))]}):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__link"},{children:e.jsx(b,{type:"text",onChangeText:()=>C(""),placeholder:`Enter URL of the ${$.includes("/")?"file":$.toLowerCase()}`,width:"100%",height:"48px",labelText:`${$.includes("/")?"File":$} link`,errorMessage:E,onBlur:e=>A(e.target.value)})})),e.jsxs("div",Object.assign({className:"fileUploader__body__divider"},{children:[e.jsx("div",{className:"left"}),e.jsx("div",Object.assign({className:"title"},{children:e.jsx(d,Object.assign({style:{color:c.content.secondary}},{children:"Or upload from device"}))})),e.jsx("div",{className:"right"})]})),e.jsxs("div",Object.assign({className:"fileUploader__body__upload"},{children:[e.jsx("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:e.jsxs("div",Object.assign({className:"file-uploader"},{children:[e.jsx("div",{children:e.jsx(f,{height:18,width:18})}),e.jsx("div",{children:e.jsx(n,Object.assign({style:{color:c.content.brand}},{children:"Upload"}))})]}))})),e.jsx("input",{id:"file-upload-button",type:"file",accept:U.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>k(e.target)})]}))]})}))]})),I&&e.jsx("div",Object.assign({className:"fileUploadError"},{children:e.jsx(y,{type:i.NEGATIVE,mode:l.LIGHT,text:I,hideCrossIcon:!0,icon:()=>e.jsx(u,{height:16,width:19,color:c.content.negative})})}))]}))})},O={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{U as FileUploader};

package/dist/esm/components/file-uploader/index.js

@@ -0,0 +1 @@
+export{FileUploader}from"./FileUploader.js";

package/dist/esm/components/floater/index.js

@@ -0,0 +1 @@
+export{Floater}from"./floater.js";

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

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

package/dist/esm/components/floating-action-button/index.js

@@ -0,0 +1 @@
+export{FloatingActionButton}from"./FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./FloatingActionButton.styles.js";

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

@@ -1,5 +1,5 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useRef as o,useState as n,useEffect as t}from"react";import{usePopper as i}from"react-popper";import s from"styled-components";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as l}from"../dropdown/Common.styled.js";import{OpenedDropdown as p}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as d}from"../floater/floater.js";import{Input as a}from"../input/Input.js";const c=s(l)`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useRef as o,useState as n,useEffect as t}from"react";import{usePopper as i}from"react-popper";import r from"styled-components";import"../dropShadow/index.js";import{OpenDropdownContainer as s}from"../dropdown/Common.styled.js";import"../dropdown/OpenedDropdown/index.js";import"../floater/index.js";import"../input/index.js";import{Floater as l}from"../floater/floater.js";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{Input as d}from"../input/Input.js";import{OpenedDropdown as a}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";const c=r(s)`
 	opacity: ${e=>{let{visible:o}=e;return o?1:0}};
 	visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,m=s=>{let{inputProps:l,dropdownProps:m,floaterProps:u,children:f,isVisible:j,onDropdownOptionClick:v,onChangeText:b}=s;const g=o(null),h=o(null),[O,x]=n(!1),[w,y]=n(null),[C,S]=n(null),[D,k]=n(!1),{styles:z,attributes:P,update:R,forceUpdate:T}=i(C,w,{placement:m.placement,strategy:m.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((()=>{if(!O){const e=setTimeout((()=>k(!1)),200);return()=>clearTimeout(e)}k(!0),R&&R()}),[O,R]),t((()=>{if(g.current){const e=new ResizeObserver((()=>{R&&R()}));return e.observe(g.current),()=>{e.disconnect()}}}),[g.current,R]);return e.jsxs(e.Fragment,{children:[j&&e.jsxs(d,Object.assign({},u,{refElement:h},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:S},{children:e.jsx(r,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a,Object.assign({},l,{onClick:()=>{var e;null===(e=m.onDropdownOpen)||void 0===e||e.call(m),O?x(!1):m.disabled||x(!0),null==T||T()},ref:g,onChangeText:(e,o)=>{null==b||b(e,o),R&&R()}}))}))})),e.jsx(c,Object.assign({ref:y,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},P.popper,{visible:O||D},{children:e.jsx(r,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(p,Object.assign({},m,{onSelect:e=>{var o;"2.0"===m.version&&m.isMultiSelect||(null===(o=m.onSelect)||void 0===o||o.call(m,e),x(!1))},onClose:e=>{var o,n;"2.0"===m.version&&m.isMultiSelect&&e&&(null===(o=m.onSelect)||void 0===o||o.call(m,[...e])),x(!1),null===(n=null==m?void 0:m.onClose)||void 0===n||n.call(m)},version:m.version,headerRef:g,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:h},{children:f&&e.jsx("div",{children:f})}))]})};export{m as FloatingInputDropdown};
+`,m=r=>{let{inputProps:s,dropdownProps:m,floaterProps:u,children:j,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=r;const x=o(null),g=o(null),[h,w]=n(!1),[O,y]=n(null),[C,S]=n(null),[D,k]=n(!1),{styles:z,attributes:P,update:R,forceUpdate:T}=i(C,O,{placement:m.placement,strategy:m.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((()=>{if(!h){const e=setTimeout((()=>k(!1)),200);return()=>clearTimeout(e)}k(!0),R&&R()}),[h,R]),t((()=>{if(x.current){const e=new ResizeObserver((()=>{R&&R()}));return e.observe(x.current),()=>{e.disconnect()}}}),[x.current,R]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l,Object.assign({},u,{refElement:g},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:S},{children:e.jsx(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(d,Object.assign({},s,{onClick:()=>{var e;null===(e=m.onDropdownOpen)||void 0===e||e.call(m),h?w(!1):m.disabled||w(!0),null==T||T()},ref:x,onChangeText:(e,o)=>{null==b||b(e,o),R&&R()}}))}))})),e.jsx(c,Object.assign({ref:y,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},P.popper,{visible:h||D},{children:e.jsx(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a,Object.assign({},m,{onSelect:e=>{var o;"2.0"===m.version&&m.isMultiSelect||(null===(o=m.onSelect)||void 0===o||o.call(m,e),w(!1))},onClose:e=>{var o,n;"2.0"===m.version&&m.isMultiSelect&&e&&(null===(o=m.onSelect)||void 0===o||o.call(m,[...e])),w(!1),null===(n=null==m?void 0:m.onClose)||void 0===n||n.call(m)},version:m.version,headerRef:x,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:g},{children:j&&e.jsx("div",{children:j})}))]})};export{m as FloatingInputDropdown};

package/dist/esm/components/floating-input-dropdown/index.js

@@ -0,0 +1 @@
+export{FloatingInputDropdown}from"./FloatingInputDropdown.js";

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

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

package/dist/esm/components/icon-button/index.js

@@ -0,0 +1 @@
+export{IconButton}from"./IconButton.js";

package/dist/esm/components/image-compress/index.js

@@ -0,0 +1 @@
+export{ImageService}from"./ImageCompress.js";

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

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

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

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

package/dist/esm/components/image-cropper/index.js

@@ -0,0 +1 @@
+export{BikImageCropper}from"./BikImageCropper.js";export{BikImagePipeline}from"./BikImagePipeline/BikImagePipeline.js";

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import o from"react-chips";import{COLORS as r}from"../../constants/Theme.js";import{BodySecondary as i,BodyCaption as s}from"../TypographyStyle.js";import{theme as l,chipTheme as c}from"./ChipInput.styled.js";const a=a=>{let{onChipsChange:p,placeholder:h,chips:d,label:m,labelColor:u,hintText:y,hintTextColor:j,error:g,inputHeight:f,createChipKeys:v,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,T]=t(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{T(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{T(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[m&&e.jsx(i,Object.assign({style:{color:b?r.content.brand:g?r.content.negative:u||r.content.primary}},{children:m})),e.jsx(o,{value:d,theme:l(!!g,f,x,b),chipTheme:c,placeholder:0===d.length&&!!h&&!b&&h,onChange:e=>{p(e)},createChipKeys:v||","}),(!!y||!!g)&&e.jsx(s,Object.assign({style:{color:g?r.content.negative:j||r.content.secondary}},{children:g||y}))]}))};export{a as default};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import o from"react-chips";import{COLORS as r}from"../../constants/Theme.js";import{BodySecondary as i,BodyCaption as l}from"../TypographyStyle.js";import{theme as c,chipTheme as s}from"./ChipInput.styled.js";const a=e=>{var t;return null===(t=null===document||void 0===document?void 0:document.querySelector(`#${e} input`))||void 0===t?void 0:t.value},d=e=>null===document||void 0===document?void 0:document.querySelector(`#${e} input`),u=a=>{let{onChipsChange:d,placeholder:u,chips:m,label:p,labelColor:h,hintText:v,hintTextColor:y,error:j,inputHeight:g,createChipKeys:f,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,S]=t(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[p&&e.jsx(i,Object.assign({style:{color:b?r.content.brand:j?r.content.negative:h||r.content.primary}},{children:p})),e.jsx(o,{value:m,theme:c(!!j,g,x,b),chipTheme:s,placeholder:0===m.length&&!!u&&!b&&u,onChange:e=>{d(e)},createChipKeys:f||","}),(!!v||!!j)&&e.jsx(l,Object.assign({style:{color:j?r.content.negative:y||r.content.secondary}},{children:j||v}))]}))};export{u as default,a as extractSingleValueIfAny,d as getInputNode};

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

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

package/dist/esm/components/input/index.js

@@ -0,0 +1 @@
+export{Input}from"./Input.js";

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -1,7 +1,7 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import a from"../../assets/icons/PlusIcon.js";import{useRef as l,useState as r,useEffect as t}from"react";import i from"styled-components";import{v4 as n}from"uuid";import{COLORS as s}from"../../constants/Theme.js";import{AddVariableStyled as o}from"../add-variableV2/AddVariableBox.styled.js";import{Floater as c}from"../floater/floater.js";import{Input as d}from"../input/Input.js";import{BodyCaption as u}from"../TypographyStyle.js";import{VariablePicker as p}from"../variable-picker-v3/VariablePicker.js";import{PickerType as v}from"../variable-picker-v3/model.js";import{CustomPortal as m}from"./customPortal.js";const h=i=>{let{type:s,allowMix:h,onChange:x,prevVariable:b,variablesList:g,onBlur:y,onlyVariables:f,placeHolder:T,showAddButton:V=!0,showHelp:k,errorMessage:C,maxCharLimit:E,noMaxCharCheck:O,labelText:w,labelElement:D,isRequired:F=!1,hintText:A,onEnterPress:M,pickerType:S=v.FLOATER,portalElement:B,showVarHeader:R,varHeaderText:H,onPickerToggle:I}=i;const L=l(),P=l(!0),N=l(null),[$,q]=r(!1),[z]=r(n()),[K,_]=r(),[G,J]=r(b),[Q,U]=r(!1),[W,X]=r(!1),[Y,Z]=r(0);return t((()=>{if(K&&K.actualValue)if(h){if(J((e=>{return{actualValue:(a=e.actualValue,l=K.actualValue,r=Y,a.slice(0,r)+l+a.slice(r)),variableType:"string"};var a,l,r})),N.current){Z(N.current.selectionStart);const e=Y+K.actualValue.length+2;N.current.setSelectionRange(e,e),Z(e)}}else J((e=>({actualValue:K.actualValue,variableType:K.variableType,needsFetching:K.needsFetching})))}),[K]),t((()=>{P.current?P.current=!1:x(G)}),[G]),e.jsxs(e.Fragment,{children:[e.jsxs(j,Object.assign({isVar:/^{{.*}}$/.test(G.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==M||M(G.actualValue))}},{children:[e.jsx(d,{isRequired:F,hintText:A,type:null!=s?s:"text",id:z,ref:N,skipFocus:!0,isActive:$,value:G.actualValue,validate:e=>[!0,""],errorMessage:C,noMaxCharCheck:O,maxCharLimit:E,labelText:w,labelElement:D,placeholder:T||"Add a value",onClick:e=>{N.current&&Z(N.current.selectionStart)},onChangeText:(e,a)=>{if(N.current&&Z(N.current.selectionStart),f){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||J({actualValue:"",variableType:"string"})}else J(h?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{q(!0),X(!0)},onBlur:e=>{var a,l,r,t,i,n;null==y||y(e,G),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"variable-picker-v3"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(t=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===t?void 0:t.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(N.current&&N.current.focus(),q(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?q(!0):(q(!1),U(!1),null==I||I(!1),X(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[G.actualValue&&k&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(u,{children:`This value is of type ${G.variableType}`})})),V&&W&&e.jsx("div",Object.assign({style:{marginTop:C||A?"-24px":"0px"}},{children:e.jsx(o,Object.assign({ref:L,id:"addVar",onClick:()=>{U(!Q),null==I||I(!Q)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(a,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),Q&&e.jsx(e.Fragment,{children:S===v.EMBEDDED?e.jsx(m,Object.assign({zIndex:101,element:null!=B?B:document.body},{children:e.jsx(p,{width:"344px",showHeader:R,headerText:H,onClose:()=>{U(!1),null==I||I(!1)},type:v.EMBEDDED,data:g,onSelect:e=>{_(e),U(!1),null==I||I(!1)}})})):e.jsx("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:e.jsx(c,Object.assign({refElement:L},{children:e.jsx("div",Object.assign({style:{height:500}},{children:e.jsx(p,{onClose:()=>{U(!1),null==I||I(!1)},type:v.FLOATER,data:g,onSelect:e=>{_(e),U(!1),null==I||I(!1)}})}))}))}))})]})},j=i.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import a from"../../assets/icons/PlusIcon.js";import{useRef as l,useState as r,useEffect as t}from"react";import i from"styled-components";import{v4 as n}from"uuid";import{COLORS as s}from"../../constants/Theme.js";import{AddVariableStyled as o}from"../add-variableV2/AddVariableBox.styled.js";import"../floater/index.js";import"../input/index.js";import{BodyCaption as c}from"../TypographyStyle.js";import"../variable-picker-v3/index.js";import{PickerType as d}from"../variable-picker-v3/model.js";import{CustomPortal as u}from"./customPortal.js";import{Input as p}from"../input/Input.js";import{VariablePicker as m}from"../variable-picker-v3/VariablePicker.js";import{Floater as v}from"../floater/floater.js";const j=i=>{let{type:s,allowMix:j,onChange:b,prevVariable:h,variablesList:g,onBlur:y,onlyVariables:f,placeHolder:T,showAddButton:V=!0,showHelp:k,errorMessage:C,maxCharLimit:E,noMaxCharCheck:O,labelText:w,labelElement:D,isRequired:F=!1,hintText:A,onEnterPress:M,pickerType:S=d.FLOATER,portalElement:B,showVarHeader:R,varHeaderText:H,onPickerToggle:I}=i;const L=l(),P=l(!0),N=l(null),[$,q]=r(!1),[z]=r(n()),[K,_]=r(),[G,J]=r(h),[Q,U]=r(!1),[W,X]=r(!1),[Y,Z]=r(0);return t((()=>{if(K&&K.actualValue)if(j){if(J((e=>{return{actualValue:(a=e.actualValue,l=K.actualValue,r=Y,a.slice(0,r)+l+a.slice(r)),variableType:"string"};var a,l,r})),N.current){Z(N.current.selectionStart);const e=Y+K.actualValue.length+2;N.current.setSelectionRange(e,e),Z(e)}}else J((e=>({actualValue:K.actualValue,variableType:K.variableType,needsFetching:K.needsFetching})))}),[K]),t((()=>{P.current?P.current=!1:b(G)}),[G]),e.jsxs(e.Fragment,{children:[e.jsxs(x,Object.assign({isVar:/^{{.*}}$/.test(G.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==M||M(G.actualValue))}},{children:[e.jsx(p,{isRequired:F,hintText:A,type:null!=s?s:"text",id:z,ref:N,skipFocus:!0,isActive:$,value:G.actualValue,validate:e=>[!0,""],errorMessage:C,noMaxCharCheck:O,maxCharLimit:E,labelText:w,labelElement:D,placeholder:T||"Add a value",onClick:e=>{N.current&&Z(N.current.selectionStart)},onChangeText:(e,a)=>{if(N.current&&Z(N.current.selectionStart),f){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||J({actualValue:"",variableType:"string"})}else J(j?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{q(!0),X(!0)},onBlur:e=>{var a,l,r,t,i,n;null==y||y(e,G),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"variable-picker-v3"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(t=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===t?void 0:t.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(N.current&&N.current.focus(),q(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?q(!0):(q(!1),U(!1),null==I||I(!1),X(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[G.actualValue&&k&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(c,{children:`This value is of type ${G.variableType}`})})),V&&W&&e.jsx("div",Object.assign({style:{marginTop:C||A?"-24px":"0px"}},{children:e.jsx(o,Object.assign({ref:L,id:"addVar",onClick:()=>{U(!Q),null==I||I(!Q)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(a,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),Q&&e.jsx(e.Fragment,{children:S===d.EMBEDDED?e.jsx(u,Object.assign({zIndex:101,element:null!=B?B:document.body},{children:e.jsx(m,{width:"344px",showHeader:R,headerText:H,onClose:()=>{U(!1),null==I||I(!1)},type:d.EMBEDDED,data:g,onSelect:e=>{_(e),U(!1),null==I||I(!1)}})})):e.jsx("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:e.jsx(v,Object.assign({refElement:L},{children:e.jsx("div",Object.assign({style:{height:500}},{children:e.jsx(m,{onClose:()=>{U(!1),null==I||I(!1)},type:d.FLOATER,data:g,onSelect:e=>{_(e),U(!1),null==I||I(!1)}})}))}))}))})]})},x=i.div`
 	position: relative;
 	margin-bottom: 12px;
 	input {
 		color: ${e=>e.isVar?s.stroke.brand:"black"};
 	}
-`;export{h as InputWithVariables};
+`;export{j as InputWithVariables};

package/dist/esm/components/input-with-vars/index.js

@@ -0,0 +1 @@
+export{InputWithVariables}from"./InputWithVariables.js";

package/dist/esm/components/keywords-input/KeywordsInput.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"../../assets/icons/cross.svg.js";import{useState as o}from"react";import{Input as t}from"../input/Input.js";import{Tag as s}from"../tag/Tag.js";const i=i=>{var a;const[n,l]=o(""),{keywords:d,onDeleteKeyword:c,errorMessage:p,onSelectKeyword:m,error:g,hint:x,width:j}=i;return e.jsxs("div",Object.assign({style:{marginTop:12}},{children:[e.jsx(t,{"data-test":i["data-test"],width:j,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?l(e):e.trim()&&(l(""),m&&m(e.trim()))},value:n,hintText:x,placeholder:null!==(a=i.placeHolder)&&void 0!==a?a:"Ex. Hello",errorMessage:g?p||"Please ENTER to add keyword":""}),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:j}},{children:d.map(((o,t)=>e.jsx(s,{tagText:o,TrailingIcon:r,onTrailingIconClicked:()=>c(o)},o+t)))}))]}))};export{i as KeywordsInput};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"../../assets/icons/cross.svg.js";import{useState as t}from"react";import"../input/index.js";import"../tag/index.js";import{Input as o}from"../input/Input.js";import{Tag as i}from"../tag/Tag.js";const s=s=>{var n;const[a,d]=t(""),{keywords:l,onDeleteKeyword:p,errorMessage:c,onSelectKeyword:m,error:x,hint:g,width:j}=s;return e.jsxs("div",Object.assign({style:{marginTop:12}},{children:[e.jsx(o,{"data-test":s["data-test"],width:j,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?d(e):e.trim()&&(d(""),m&&m(e.trim()))},value:a,hintText:g,placeholder:null!==(n=s.placeHolder)&&void 0!==n?n:"Ex. Hello",errorMessage:x?c||"Please ENTER to add keyword":""}),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:j}},{children:l.map(((t,o)=>e.jsx(i,{tagText:t,TrailingIcon:r,onTrailingIconClicked:()=>p(t)},t+o)))}))]}))};export{s as KeywordsInput};

package/dist/esm/components/keywords-input/index.js

@@ -0,0 +1 @@
+export{KeywordsInput}from"./KeywordsInput.js";

package/dist/esm/components/list-item/index.js

@@ -0,0 +1 @@
+export{ListItem}from"./ListItem.js";

package/dist/esm/components/modals/index.js

@@ -0,0 +1 @@
+export{StyledModal}from"./styledModal.js";