@bikdotai/bik-component-library 0.0.736-beta.5 → 0.0.736-beta.7

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 	border-radius: ${e=>"2.0"===e.version?8:4}px;
 	background: ${e=>["disabled","read-only","disabled-invalid"].includes(e.state)?i.COLORS.background.base:"#fff"};
 	border: ${e=>(e=>e.hideBorder?0:"2.0"===e.version?.5:1)(e)}px solid
-		${e=>(e=>{let{isActive:t,isInvalid:n,hightlightInputColor:a}=e;return t?a||i.COLORS.stroke.brand:n?i.COLORS.stroke.negative.vibrant:i.COLORS.stroke.primary})({isActive:e.isActive,isInvalid:e.isInvalid,hightlightInputColor:e.hightlightInputColor})};
+		${e=>(({isActive:e,isInvalid:t,hightlightInputColor:n})=>e?n||i.COLORS.stroke.brand:t?i.COLORS.stroke.negative.vibrant:i.COLORS.stroke.primary)({isActive:e.isActive,isInvalid:e.isInvalid,hightlightInputColor:e.hightlightInputColor})};
 	${e=>e.isActive?`box-shadow: inset 0px 0px 0px 1px ${e.hightlightInputColor?e.hightlightInputColor:i.COLORS.stroke.brand};`:""};
 	padding: ${e=>"small"===e.variant?"6px":"8px"};
 	height: ${e=>e.height||"100%"};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("./themes.js"),s=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ListItem.styled.js");const l=r.forwardRef(((r,l)=>{var{id:a,onSelect:c,variant:d="default",trailingIcon:m,leadingIcon:u,subText:x,listItem:y,borderBottom:p,customComponent:j,customListItemLabel:v,version:h}=r,f=e.__rest(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return t.jsx(n.ListItem,Object.assign({ref:l,id:a,variant:d,onClick:()=>c&&c(y),borderBottom:p,version:h},f,{children:j?t.jsx(t.Fragment,{children:j}):t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!u&&u,t.jsxs("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[v?t.jsx(t.Fragment,{children:v}):t.jsx(t.Fragment,{children:!!y&&t.jsx(s.BodySecondary,{style:{fontSize:("2.0"===h?12:14)+"px",color:i.getColor(d),textOverflow:"ellipsis",display:"block"},children:y.label})}),!!x&&t.jsx(s.BodyCaption,{style:{color:"inactive"===d?o.COLORS.content.inactive:o.COLORS.text.secondary},children:x})]}),!!m&&t.jsx("div",{style:{display:"flex",marginLeft:"auto"},children:m})]})}))}));l.displayName="ListItem",exports.ListItem=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("./themes.js"),s=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ListItem.styled.js");const l=r.forwardRef((r,l)=>{var{id:a,onSelect:c,variant:d="default",trailingIcon:m,leadingIcon:u,subText:x,listItem:y,borderBottom:p,customComponent:j,customListItemLabel:v,version:h}=r,f=e.__rest(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return t.jsx(n.ListItem,Object.assign({ref:l,id:a,variant:d,onClick:()=>c&&c(y),borderBottom:p,version:h},f,{children:j?t.jsx(t.Fragment,{children:j}):t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!u&&u,t.jsxs("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[v?t.jsx(t.Fragment,{children:v}):t.jsx(t.Fragment,{children:!!y&&t.jsx(s.BodySecondary,{style:{fontSize:("2.0"===h?12:14)+"px",color:i.getColor(d),textOverflow:"ellipsis",display:"block"},children:y.label})}),!!x&&t.jsx(s.BodyCaption,{style:{color:"inactive"===d?o.COLORS.content.inactive:o.COLORS.text.secondary},children:x})]}),!!m&&t.jsx("div",{style:{display:"flex",marginLeft:"auto"},children:m})]})}))});l.displayName="ListItem",exports.ListItem=l;

package/dist/cjs/components/markdown/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime");const e=/\*\*([^*]+)\*\*/g,n=/\*([^*]+)\*/g,s=/`([^`]+)`/g,r=/\[([^\]]+)\]\(([^)]+)\)/g;function a(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()}const l=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,c=/https?:\/\/[^\s)]+/g,i=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function h(t,e,n){const s=t.slice(e,n),r=s.includes("["),a=s.includes("]"),l=s.includes("("),c=s.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(s),h=s.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return r&&a&&l&&c&&i}function o(t,r,a,l){const c=t.slice(a,l);return r===e?c.startsWith("**")&&c.endsWith("**")&&c.length>4:r===n?c.startsWith("*")&&c.endsWith("*")&&c.length>2:r!==s||c.startsWith("`")&&c.endsWith("`")&&c.length>2}function u(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function d(d){var p;const g=[];let f=0,m=d;m=m.replace(/\[([^\]]+)\]\([^)]*$/g,((t,e)=>e));m=m.replace(/\[([^\]]+)\]\($/g,((t,e)=>e));const x=[],b=[],k=(t,e)=>{for(const n of b)if(t<n.end&&e>n.start)return!0;return!1},y=(t,e)=>{b.push({start:t,end:e})};let j;for(r.lastIndex=0;null!==(j=r.exec(m));){const t=null!==(p=j.index)&&void 0!==p?p:0;h(m,t,t+j[0].length)&&(x.push({match:j[0],type:"link",start:t,end:t+j[0].length,data:j}),y(t,t+j[0].length))}[{regex:l,type:"email"},{regex:c,type:"url"},{regex:e,type:"bold"},{regex:n,type:"italic"},{regex:s,type:"code"}].forEach((t=>{let{regex:e,type:n}=t;var s;let r;for(e.lastIndex=0;null!==(r=e.exec(m));){const t=null!==(s=r.index)&&void 0!==s?s:0,a=t+r[0].length;if(!k(t,a)){if("italic"===n){if(m.slice(Math.max(0,t-1),Math.min(m.length,a+1)).includes("**"))continue}("bold"!==n&&"italic"!==n&&"code"!==n||o(m,e,t,a))&&("url"!==n||u(r[0]))&&(x.push({match:r[0],type:n,start:t,end:a,data:r}),y(t,a))}}}));const z=[...m.matchAll(i)].map((t=>{var e;const n=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:n,end:n+t[0].length}}));var A;(A=m,z.map((t=>t.raw)).filter((t=>{const e=A.indexOf(t);if(-1===e)return!1;let n=e;for(;n>0&&!/\s/.test(A[n-1]);)n--;let s=e+t.length;for(;s<A.length&&!/\s/.test(A[s]);)s++;const r=A.slice(n,s);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r))return!1;if(/https?:\/\//i.test(r)&&r!==t)return!1;const a=A[e-1],l=A[e+t.length];return!(a&&/[@\w]/.test(a)||l&&/[@\w]/.test(l)||t.replace(/\D/g,"").length<8)}))).forEach((t=>{const e=m.indexOf(t);if(-1===e)return;const n=e,s=e+t.length;k(n,s)||(x.push({match:t,type:"phone",start:n,end:s,data:null}),y(n,s))})),x.sort(((t,e)=>t.start-e.start));let v=0;for(const e of x){switch(e.start>v&&g.push(m.slice(v,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");g.push(t.jsx("strong",{children:n},f++));break}case"italic":{const n=e.match.replace(/\*/g,"");g.push(t.jsx("em",{children:n},f++));break}case"code":{const n=e.match.replace(/`/g,"");g.push(t.jsx("code",{className:"bg-gray-100 px-1 rounded",children:n},f++));break}case"phone":{const n=e.match.trim(),s=n.replace(/[^+\d]/g,"");g.push(t.jsxs("a",{href:`tel:${s}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",n," "]},f++));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,e,s]=n,r=a(e);g.push(t.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:r},f++))}break}case"email":g.push(t.jsx("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},f++));break;case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;g.push(t.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},f++));break}}v=e.end}return v<m.length&&g.push(m.slice(v)),g}exports.default=function(e){let{text:n}=e;const s=n.replace(/\\n/g,"\n").split("\n"),r=[];let a=[];const l=e=>{a.length>0&&(r.push(t.jsx("ul",{className:"ml-1",children:a.map(((e,n)=>t.jsx("li",{children:d(e)},n)))},e)),a=[])};return s.forEach(((e,n)=>{e.startsWith("- ")?a.push(e.slice(2)):(l(n),""!==e.trim()&&r.push(t.jsx("p",{children:d(e)},n)))})),l(s.length),t.jsx(t.Fragment,{children:r})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime");const e=/\*\*([^*]+)\*\*/g,n=/\*([^*]+)\*/g,s=/`([^`]+)`/g,r=/\[([^\]]+)\]\(([^)]+)\)/g;function a(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(...t)=>{for(let e=1;e<t.length-2;e++)if(void 0!==t[e])return t[e];return""}).trim()}const l=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,c=/https?:\/\/[^\s)]+/g,i=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function h(t,e,n){const s=t.slice(e,n),r=s.includes("["),a=s.includes("]"),l=s.includes("("),c=s.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(s),h=s.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return r&&a&&l&&c&&i}function o(t,r,a,l){const c=t.slice(a,l);return r===e?c.startsWith("**")&&c.endsWith("**")&&c.length>4:r===n?c.startsWith("*")&&c.endsWith("*")&&c.length>2:r!==s||c.startsWith("`")&&c.endsWith("`")&&c.length>2}function u(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function d(d){var p;const g=[];let f=0,m=d;m=m.replace(/\[([^\]]+)\]\([^)]*$/g,(t,e)=>e);m=m.replace(/\[([^\]]+)\]\($/g,(t,e)=>e);const x=[],b=[],k=(t,e)=>{for(const n of b)if(t<n.end&&e>n.start)return!0;return!1},j=(t,e)=>{b.push({start:t,end:e})};let y;for(r.lastIndex=0;null!==(y=r.exec(m));){const t=null!==(p=y.index)&&void 0!==p?p:0;h(m,t,t+y[0].length)&&(x.push({match:y[0],type:"link",start:t,end:t+y[0].length,data:y}),j(t,t+y[0].length))}[{regex:l,type:"email"},{regex:c,type:"url"},{regex:e,type:"bold"},{regex:n,type:"italic"},{regex:s,type:"code"}].forEach(({regex:t,type:e})=>{var n;let s;for(t.lastIndex=0;null!==(s=t.exec(m));){const r=null!==(n=s.index)&&void 0!==n?n:0,a=r+s[0].length;if(!k(r,a)){if("italic"===e){if(m.slice(Math.max(0,r-1),Math.min(m.length,a+1)).includes("**"))continue}("bold"!==e&&"italic"!==e&&"code"!==e||o(m,t,r,a))&&("url"!==e||u(s[0]))&&(x.push({match:s[0],type:e,start:r,end:a,data:s}),j(r,a))}}});const z=[...m.matchAll(i)].map(t=>{var e;const n=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:n,end:n+t[0].length}});var A;(A=m,z.map(t=>t.raw).filter(t=>{const e=A.indexOf(t);if(-1===e)return!1;let n=e;for(;n>0&&!/\s/.test(A[n-1]);)n--;let s=e+t.length;for(;s<A.length&&!/\s/.test(A[s]);)s++;const r=A.slice(n,s);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r))return!1;if(/https?:\/\//i.test(r)&&r!==t)return!1;const a=A[e-1],l=A[e+t.length];return!(a&&/[@\w]/.test(a)||l&&/[@\w]/.test(l)||t.replace(/\D/g,"").length<8)})).forEach(t=>{const e=m.indexOf(t);if(-1===e)return;const n=e,s=e+t.length;k(n,s)||(x.push({match:t,type:"phone",start:n,end:s,data:null}),j(n,s))}),x.sort((t,e)=>t.start-e.start);let _=0;for(const e of x){switch(e.start>_&&g.push(m.slice(_,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");g.push(t.jsx("strong",{children:n},f++));break}case"italic":{const n=e.match.replace(/\*/g,"");g.push(t.jsx("em",{children:n},f++));break}case"code":{const n=e.match.replace(/`/g,"");g.push(t.jsx("code",{className:"bg-gray-100 px-1 rounded",children:n},f++));break}case"phone":{const n=e.match.trim(),s=n.replace(/[^+\d]/g,"");g.push(t.jsxs("a",{href:`tel:${s}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",n," "]},f++));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,e,s]=n,r=a(e);g.push(t.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:r},f++))}break}case"email":g.push(t.jsx("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},f++));break;case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;g.push(t.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},f++));break}}_=e.end}return _<m.length&&g.push(m.slice(_)),g}exports.default=function({text:e}){const n=e.replace(/\\n/g,"\n").split("\n"),s=[];let r=[];const a=e=>{r.length>0&&(s.push(t.jsx("ul",{className:"ml-1",children:r.map((e,n)=>t.jsx("li",{children:d(e)},n))},e)),r=[])};return n.forEach((e,n)=>{e.startsWith("- ")?r.push(e.slice(2)):(a(n),""!==e.trim()&&s.push(t.jsx("p",{children:d(e)},n)))}),a(n.length),t.jsx(t.Fragment,{children:s})};

package/dist/cjs/components/modals/Modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./modal.styled.js"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/cross.svg.js"),i=require("../TypographyStyle.js");exports.Modal=n=>{var a;const[l,d]=t.useState(n.timeOut||5);t.useEffect((()=>{if(!n.skipModalWithTimer)return;const e=setInterval((()=>{d((t=>{const s=t-1;return s<=0?(clearInterval(e),0):s}))}),1e3);return()=>clearInterval(e)}),[n.skipModalWithTimer]);return e.jsx(e.Fragment,{children:n.open&&e.jsx("div",{id:n.id||"bik-modal",children:e.jsx(s.RootContainer,{"data-test":n["data-test"],zIndex:n.zIndex,onClick:e=>{n.closeOnOutsideClick&&n.onClose?n.skipModalWithTimer&&l>0?e.stopPropagation():n.onClose():e.stopPropagation()},children:e.jsx(s.CentralContainer,{style:Object.assign({},null!==(a=n.centralContainerStyles)&&void 0!==a?a:{}),onClick:e=>{e.stopPropagation()},width:n.width,children:e.jsxs(e.Fragment,{children:[!(null==n?void 0:n.hideCrossButton)&&!n.skipModalWithTimer&&e.jsx(s.CloseButtonContainer,{"data-test":(n["data-test"]||"")+"-close-button",onClick:()=>n.onClose&&n.onClose(),children:e.jsx(r.default,{height:20,width:20,color:o.COLORS.content.secondary})}),n.skipModalWithTimer&&e.jsxs(s.CloseButtonWithTimer,{"data-test":(n["data-test"]||"")+"-timer-close-button",onClick:()=>{l>0||n.onClose&&n.onClose()},timerExists:l>0,children:[l>0?e.jsxs(i.BodySecondary,{children:["Skip in ",l," sec "]}):e.jsx(e.Fragment,{}),e.jsx(r.default,{height:20,width:20,color:l>0?o.COLORS.stroke.primary:o.COLORS.content.secondary})]}),n.children]})})})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./modal.styled.js"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/cross.svg.js"),i=require("../TypographyStyle.js");exports.Modal=n=>{var a;const[l,d]=t.useState(n.timeOut||5);t.useEffect(()=>{if(!n.skipModalWithTimer)return;const e=setInterval(()=>{d(t=>{const s=t-1;return s<=0?(clearInterval(e),0):s})},1e3);return()=>clearInterval(e)},[n.skipModalWithTimer]);return e.jsx(e.Fragment,{children:n.open&&e.jsx("div",{id:n.id||"bik-modal",children:e.jsx(s.RootContainer,{"data-test":n["data-test"],zIndex:n.zIndex,onClick:e=>{n.closeOnOutsideClick&&n.onClose?n.skipModalWithTimer&&l>0?e.stopPropagation():n.onClose():e.stopPropagation()},children:e.jsx(s.CentralContainer,{style:Object.assign({},null!==(a=n.centralContainerStyles)&&void 0!==a?a:{}),onClick:e=>{e.stopPropagation()},width:n.width,children:e.jsxs(e.Fragment,{children:[!(null==n?void 0:n.hideCrossButton)&&!n.skipModalWithTimer&&e.jsx(s.CloseButtonContainer,{"data-test":(n["data-test"]||"")+"-close-button",onClick:()=>n.onClose&&n.onClose(),children:e.jsx(r.default,{height:20,width:20,color:o.COLORS.content.secondary})}),n.skipModalWithTimer&&e.jsxs(s.CloseButtonWithTimer,{"data-test":(n["data-test"]||"")+"-timer-close-button",onClick:()=>{l>0||n.onClose&&n.onClose()},timerExists:l>0,children:[l>0?e.jsxs(i.BodySecondary,{children:["Skip in ",l," sec "]}):e.jsx(e.Fragment,{}),e.jsx(r.default,{height:20,width:20,color:l>0?o.COLORS.stroke.primary:o.COLORS.content.secondary})]}),n.children]})})})})})};

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),o=require("./MenuItem.js"),n=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=s=>{let{width:i,onDropdownItemClick:p,option:u,parents:l}=s;return e.jsxs(n.GroupedMenuListContainer,{children:[e.jsx(t.BodyTiny,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.COLORS.content.placeholder,children:u.label}),u.options.map(((r,t)=>e.jsx(o.MenuItem,{width:i,onDropdownItemClick:p,option:r,parents:l},t)))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),o=require("./MenuItem.js"),n=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=({width:s,onDropdownItemClick:i,option:p,parents:u})=>e.jsxs(n.GroupedMenuListContainer,{children:[e.jsx(t.BodyTiny,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.COLORS.content.placeholder,children:p.label}),p.options.map((r,t)=>e.jsx(o.MenuItem,{width:s,onDropdownItemClick:i,option:r,parents:u},t))]});

package/dist/cjs/components/multi-level-dropdown/MenuItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../assets/icons/chevronRight2.svg.js"),t=require("react"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),r=require("./MultiLevelDropdown.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);const d=s.default.lazy((()=>Promise.resolve().then((function(){return require("./MenuList.js")})).then((e=>({default:e.MenuList})))));exports.MenuItem=l=>{let{width:a,onDropdownItemClick:c,option:u,parents:p}=l;var h,v,C,j,g,x,O;const[b,f]=s.default.useState(!1),[S,m]=s.default.useState(!1),[L,y]=s.default.useState({top:0,left:0}),M=t.useRef({top:0,left:0});return e.jsxs(r.MenuItemWrapper,{onMouseEnter:e=>{f(!0),(e=>{const n=e.currentTarget.getBoundingClientRect();y({top:n.top,left:n.right}),M.current={top:n.top,left:n.right}})(e)},onMouseLeave:()=>{f(!1)},onClick:()=>{var e,n;!c||null!==(e=u.disabled)&&void 0!==e&&e||(null===(n=u.children)||void 0===n?void 0:n.length)||c(u,p)},id:"menuItemWrapper",style:{cursor:null!==(h=u.disabled)&&void 0!==h&&h?"not-allowed":"pointer",backgroundColor:null!==(v=u.disabled)&&void 0!==v&&v?i.COLORS.surface.standard:"transparent"},children:[u.customComponent?u.customComponent:e.jsxs(r.MenuItemContainer,{isSelected:u.selected,isSubMenuOpen:b,isHovered:S,isDisabled:null!==(C=u.disabled)&&void 0!==C&&C,children:[e.jsxs(r.ContentContainer,{children:[u.leadingIcon&&e.jsx(r.LeadingIconContainer,{children:u.leadingIcon}),e.jsxs("div",{children:[e.jsx(o.BodyCaption,{style:{color:null!==(j=u.disabled)&&void 0!==j&&j?i.COLORS.content.inactive:u.selected||S?i.COLORS.content.positive:i.COLORS.content.primary},children:u.label}),u.subText&&e.jsx(o.BodyTiny,{style:{color:null!==(g=u.disabled)&&void 0!==g&&g?i.COLORS.content.inactive:u.selected||S?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"},children:u.subText})]})]}),u.children&&u.children.length>0?e.jsx(r.TrailingIconContainer,{children:e.jsx(n.default,{width:16,height:16,color:null!==(x=u.disabled)&&void 0!==x&&x?i.COLORS.content.inactive:u.selected||S?i.COLORS.content.positive:i.COLORS.content.primary})}):u.trailingIcon?e.jsx(r.TrailingIconContainer,{children:u.trailingIcon}):e.jsx(e.Fragment,{})]}),!(null!==(O=u.disabled)&&void 0!==O&&O)&&u.children&&u.children.length>0&&b&&e.jsx(r.SubMenuContainer,{width:a,className:"submenu",onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:e.jsx(r.StyledSubMenuWrapper,{width:a,top:L.top,left:L.left,children:e.jsx(r.SubMenuListContainer,{children:e.jsx(t.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(d,{width:a,onDropdownItemClick:c,options:u.children,parents:[...p,u]})})})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../assets/icons/chevronRight2.svg.js"),t=require("react"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),r=require("./MultiLevelDropdown.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);const d=s.default.lazy(()=>Promise.resolve().then(function(){return require("./MenuList.js")}).then(e=>({default:e.MenuList})));exports.MenuItem=({width:l,onDropdownItemClick:a,option:c,parents:u})=>{var p,h,v,C,j,g,x;const[O,b]=s.default.useState(!1),[f,S]=s.default.useState(!1),[m,L]=s.default.useState({top:0,left:0}),y=t.useRef({top:0,left:0});return e.jsxs(r.MenuItemWrapper,{onMouseEnter:e=>{b(!0),(e=>{const n=e.currentTarget.getBoundingClientRect();L({top:n.top,left:n.right}),y.current={top:n.top,left:n.right}})(e)},onMouseLeave:()=>{b(!1)},onClick:()=>{var e,n;!a||null!==(e=c.disabled)&&void 0!==e&&e||(null===(n=c.children)||void 0===n?void 0:n.length)||a(c,u)},id:"menuItemWrapper",style:{cursor:null!==(p=c.disabled)&&void 0!==p&&p?"not-allowed":"pointer",backgroundColor:null!==(h=c.disabled)&&void 0!==h&&h?i.COLORS.surface.standard:"transparent"},children:[c.customComponent?c.customComponent:e.jsxs(r.MenuItemContainer,{isSelected:c.selected,isSubMenuOpen:O,isHovered:f,isDisabled:null!==(v=c.disabled)&&void 0!==v&&v,children:[e.jsxs(r.ContentContainer,{children:[c.leadingIcon&&e.jsx(r.LeadingIconContainer,{children:c.leadingIcon}),e.jsxs("div",{children:[e.jsx(o.BodyCaption,{style:{color:null!==(C=c.disabled)&&void 0!==C&&C?i.COLORS.content.inactive:c.selected||f?i.COLORS.content.positive:i.COLORS.content.primary},children:c.label}),c.subText&&e.jsx(o.BodyTiny,{style:{color:null!==(j=c.disabled)&&void 0!==j&&j?i.COLORS.content.inactive:c.selected||f?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"},children:c.subText})]})]}),c.children&&c.children.length>0?e.jsx(r.TrailingIconContainer,{children:e.jsx(n.default,{width:16,height:16,color:null!==(g=c.disabled)&&void 0!==g&&g?i.COLORS.content.inactive:c.selected||f?i.COLORS.content.positive:i.COLORS.content.primary})}):c.trailingIcon?e.jsx(r.TrailingIconContainer,{children:c.trailingIcon}):e.jsx(e.Fragment,{})]}),!(null!==(x=c.disabled)&&void 0!==x&&x)&&c.children&&c.children.length>0&&O&&e.jsx(r.SubMenuContainer,{width:l,className:"submenu",onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:e.jsx(r.StyledSubMenuWrapper,{width:l,top:m.top,left:m.left,children:e.jsx(r.SubMenuListContainer,{children:e.jsx(t.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(d,{width:l,onDropdownItemClick:a,options:c.children,parents:[...u,c]})})})})})]})};

package/dist/cjs/components/multi-level-dropdown/MenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./GroupedMenuList.js"),n=require("./MenuItem.js"),o=require("./MultiLevelDropdown.styled.js");exports.MenuList=r=>{let{width:i,onDropdownItemClick:s,options:u,parents:p}=r;return e.jsx(o.StyledMenuList,{children:u.map(((o,r)=>"value"in o?e.jsx(n.MenuItem,{width:i,onDropdownItemClick:s,option:o,parents:p},r):"options"in o&&o.options.length>0?e.jsx(t.GroupedMenuList,{width:i,onDropdownItemClick:s,option:o,parents:p},r):void 0))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./GroupedMenuList.js"),o=require("./MenuItem.js"),i=require("./MultiLevelDropdown.styled.js");exports.MenuList=({width:n,onDropdownItemClick:r,options:s,parents:p})=>e.jsx(i.StyledMenuList,{children:s.map((i,s)=>"value"in i?e.jsx(o.MenuItem,{width:n,onDropdownItemClick:r,option:i,parents:p},s):"options"in i&&i.options.length>0?e.jsx(t.GroupedMenuList,{width:n,onDropdownItemClick:r,option:i,parents:p},s):void 0)});

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../zeroState/ZeroState.js"),r=require("../../constants/Theme.js"),o=require("../dropdown/OpenedDropdown/components/searchbox/SearchBox.js"),s=require("../floater/floater.js"),i=require("./MenuList.js"),l=require("./MultiLevelDropdown.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(t);exports.MultiLevelDropdown=u=>{let{options:c,width:a,isSearchable:f,onDropdownItemClick:p,refElement:h,topOffset:j,leftOffset:w,isDropdownOpen:x,onDropdownOutsideClick:O}=u;const m=d.default.useRef(null),[b,g]=t.useState(c),v=e=>{const t=Array.isArray(c)?[...c]:[],n=[];for(;t.length>0;){const r=t.shift();r&&r.label.toLowerCase().includes(e.toLowerCase())&&n.push(r),r&&"children"in r&&r.children?t.push(...r.children):r&&"options"in r&&r.options&&t.push(...r.options)}const r=e=>e.map((e=>{if(n.includes(e))return e;if("children"in e&&e.children){const t=r(e.children);if(t.length>0)return Object.assign(Object.assign({},e),{children:t})}if("options"in e&&e.options){const t=r(e.options);if(t.length>0)return Object.assign(Object.assign({},e),{options:t})}return null})).filter((e=>null!==e));g(r(c))},y=e=>{m.current&&!m.current.contains(e.target)?O&&O(!0):O&&O(!1)};return t.useEffect((()=>{x&&v("")}),[x]),t.useEffect((()=>(document.addEventListener("mousedown",y),()=>{document.removeEventListener("mousedown",y)})),[]),t.useEffect((()=>{g(c)}),[c]),e.jsx(s.Floater,{refElement:h,topOffset:j,leftOffset:w,children:x&&e.jsx("div",{ref:m,style:{backgroundColor:r.COLORS.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:e.jsxs(l.DropdownContainer,{width:a,children:[f&&e.jsx("div",{style:{padding:"4px",width:null!=a?a:"200px"},children:e.jsx(o.SearchBox,{onSearch:v,version:"2.0"})}),e.jsx(l.OptionsContainer,{width:a,children:(null!=b?b:[]).length>0&&e.jsx(i.MenuList,{width:null!=a?a:"200px",onDropdownItemClick:p,options:b,parents:[]})}),0===(null!=b?b:[]).length&&e.jsx(l.NoResultsContainer,{style:{width:null!=a?a:"200px"},children:e.jsx(n.ZeroState,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../zeroState/ZeroState.js"),r=require("../../constants/Theme.js"),o=require("../dropdown/OpenedDropdown/components/searchbox/SearchBox.js"),s=require("../floater/floater.js"),i=require("./MenuList.js"),l=require("./MultiLevelDropdown.styled.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(t);exports.MultiLevelDropdown=({options:u,width:c,isSearchable:a,onDropdownItemClick:f,refElement:p,topOffset:h,leftOffset:j,isDropdownOpen:w,onDropdownOutsideClick:x})=>{const O=d.default.useRef(null),[m,b]=t.useState(u),g=e=>{const t=Array.isArray(u)?[...u]:[],n=[];for(;t.length>0;){const r=t.shift();r&&r.label.toLowerCase().includes(e.toLowerCase())&&n.push(r),r&&"children"in r&&r.children?t.push(...r.children):r&&"options"in r&&r.options&&t.push(...r.options)}const r=e=>e.map(e=>{if(n.includes(e))return e;if("children"in e&&e.children){const t=r(e.children);if(t.length>0)return Object.assign(Object.assign({},e),{children:t})}if("options"in e&&e.options){const t=r(e.options);if(t.length>0)return Object.assign(Object.assign({},e),{options:t})}return null}).filter(e=>null!==e);b(r(u))},v=e=>{O.current&&!O.current.contains(e.target)?x&&x(!0):x&&x(!1)};return t.useEffect(()=>{w&&g("")},[w]),t.useEffect(()=>(document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}),[]),t.useEffect(()=>{b(u)},[u]),e.jsx(s.Floater,{refElement:p,topOffset:h,leftOffset:j,children:w&&e.jsx("div",{ref:O,style:{backgroundColor:r.COLORS.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:e.jsxs(l.DropdownContainer,{width:c,children:[a&&e.jsx("div",{style:{padding:"4px",width:null!=c?c:"200px"},children:e.jsx(o.SearchBox,{onSearch:g,version:"2.0"})}),e.jsx(l.OptionsContainer,{width:c,children:(null!=m?m:[]).length>0&&e.jsx(i.MenuList,{width:null!=c?c:"200px",onDropdownItemClick:f,options:m,parents:[]})}),0===(null!=m?m:[]).length&&e.jsx(l.NoResultsContainer,{style:{width:null!=c?c:"200px"},children:e.jsx(n.ZeroState,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const n=r.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const r=n.default.div`
 	position: relative;
 	border-radius: 8px;
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	padding-bottom: 4px;
-`,o=r.default.div`
-	width: ${e=>{let{width:t}=e;return t||"200px"}};
+`,o=n.default.div`
+	width: ${({width:e})=>e||"200px"};
 	max-width: 300px;
 	max-height: 280px;
 	overflow-y: scroll;
@@ -12,24 +12,24 @@
 	&::-webkit-scrollbar {
 		width: 0px;
 	}
-`,d=r.default.div`
+`,d=n.default.div`
 	margin-top: 64px;
 	height: 200px;
-	width: ${e=>{let{width:t}=e;return t||"200px"}};
-`,a=r.default.div`
+	width: ${({width:e})=>e||"200px"};
+`,a=n.default.div`
 	width: 100%;
 	justify-content: center;
 	cursor: pointer;
 	align-items: center;
 	justify-content: space-between;
 	margin: 4px 0;
-`,p=r.default.div`
+`,p=n.default.div`
 	z-index: 1000;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
-`,s=r.default.div`
+`,s=n.default.div`
 	position: relative;
 	padding: 1px 4px;
 	cursor: pointer;
@@ -38,31 +38,31 @@
 	&:focus-within > .submenu {
 		display: block;
 	}
-`,l=r.default.div`
+`,l=n.default.div`
 	position: relative;
 	padding: 4px 8px 4px 8px;
 	transition: background-color 0.2s;
 	width: 100%;
 	border-radius: 8px;
 	justify-content: center;
-	background-color: ${e=>{let{isSelected:i,isHovered:r,isSubMenuOpen:n,isDisabled:o}=e;return o?t.COLORS.surface.standard:i||n?t.COLORS.background.positive.light:r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
-	color: ${e=>{let{isSelected:i,isSubMenuOpen:r}=e;return i||r?t.COLORS.content.positive:t.COLORS.content.primary}};
+	background-color: ${({isSelected:e,isHovered:i,isSubMenuOpen:n,isDisabled:r})=>r?t.COLORS.surface.standard:e||n?t.COLORS.background.positive.light:i?t.COLORS.surface.hovered:t.COLORS.surface.standard};
+	color: ${({isSelected:e,isSubMenuOpen:i})=>e||i?t.COLORS.content.positive:t.COLORS.content.primary};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 
 	&:hover {
-		background-color: ${e=>{let{isSelected:i,isDisabled:r}=e;return r?t.COLORS.surface.standard:i?t.COLORS.background.positive.light:t.COLORS.surface.hovered}};
+		background-color: ${({isSelected:e,isDisabled:i})=>i?t.COLORS.surface.standard:e?t.COLORS.background.positive.light:t.COLORS.surface.hovered};
 	}
-`,u=r.default.div`
+`,x=n.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,x=r.default.div`
+`,u=n.default.div`
 	z-index: 1001;
 	position: fixed;
 	border-left: 4px solid transparent;
-`,c=r.default.div`
+`,c=n.default.div`
 	margin: 4px;
 	background-color: ${t.COLORS.surface.standard};
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
@@ -75,24 +75,24 @@
 	&::-webkit-scrollbar {
 		display: none;
 	}
-`,f=r.default.div`
+`,f=n.default.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 4px;
-`,g=r.default.div`
+`,g=n.default.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-left: 4px;
-`,h=r.default.div`
+`,h=n.default.div`
 	width: ${e=>e.width};
-`,b=r.default(x)`
+`,b=n.default(u)`
 	width: ${e=>e.width};
 	top: ${e=>e.top}px;
 	left: ${e=>e.left}px;
-`;exports.ContentContainer=u,exports.DropdownContainer=n,exports.GroupedMenuListContainer=a,exports.LeadingIconContainer=f,exports.MenuItemContainer=l,exports.MenuItemWrapper=s,exports.NoResultsContainer=d,exports.OptionsContainer=o,exports.StyledMenuList=p,exports.StyledSubMenuWrapper=b,exports.SubMenuContainer=h,exports.SubMenuListContainer=c,exports.SubMenuWrapper=x,exports.TrailingIconContainer=g;
+`;exports.ContentContainer=x,exports.DropdownContainer=r,exports.GroupedMenuListContainer=a,exports.LeadingIconContainer=f,exports.MenuItemContainer=l,exports.MenuItemWrapper=s,exports.NoResultsContainer=d,exports.OptionsContainer=o,exports.StyledMenuList=p,exports.StyledSubMenuWrapper=b,exports.SubMenuContainer=h,exports.SubMenuListContainer=c,exports.SubMenuWrapper=u,exports.TrailingIconContainer=g;

package/dist/cjs/components/pagination/Pagination.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),n=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),i=require("./Pagination.styled.js");const s=o.forwardRef((o=>{var{id:s,onShowMore:a,isLoading:d,numberOfItemsLoaded:l,totalNumberOfItems:c}=o,u=e.__rest(o,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r.jsx(i.Pagination,Object.assign({id:s},u,{children:d?r.jsx(r.Fragment,{children:"loading..."}):r.jsx("div",{children:l<c?r.jsxs(i.Pagination,{children:[r.jsxs(n.BodySecondary,{style:{color:t.COLORS.content.secondary},children:["Showing ",l," out of ",c," ","results"]}),r.jsx(n.ButtonRegular,{style:{color:t.COLORS.content.brand,cursor:"pointer"},onClick:()=>a&&a(),children:"Show more"})]}):r.jsx(i.Pagination,{children:r.jsxs(n.BodySecondary,{style:{color:t.COLORS.content.secondary},children:["Showing all ",c," results"]})})})}))}));s.displayName="Pagination",exports.Pagination=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("react"),n=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),i=require("./Pagination.styled.js");const s=o.forwardRef(o=>{var{id:s,onShowMore:a,isLoading:d,numberOfItemsLoaded:l,totalNumberOfItems:c}=o,u=e.__rest(o,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r.jsx(i.Pagination,Object.assign({id:s},u,{children:d?r.jsx(r.Fragment,{children:"loading..."}):r.jsx("div",{children:l<c?r.jsxs(i.Pagination,{children:[r.jsxs(n.BodySecondary,{style:{color:t.COLORS.content.secondary},children:["Showing ",l," out of ",c," ","results"]}),r.jsx(n.ButtonRegular,{style:{color:t.COLORS.content.brand,cursor:"pointer"},onClick:()=>a&&a(),children:"Show more"})]}):r.jsx(i.Pagination,{children:r.jsxs(n.BodySecondary,{style:{color:t.COLORS.content.secondary},children:["Showing all ",c," results"]})})})}))});s.displayName="Pagination",exports.Pagination=s;

package/dist/cjs/components/plans/NewSubscriptionPlan.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/check.svg.js"),s=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js"),h=require("../tooltips/Tooltip.js");exports.NewSubscriptionPlan=u=>{var p;const{formatCurrency:m}=l.useCurrency(),x=u.showMonthlyOptions?u.features:u.annualFeatures||[],y=u.showMonthlyOptions?u.monthlyPlan:u.yearlyPlan,j=!u.isDisabled&&u.isMostPopular,g=u.showMonthlyOptions?u.code:null!==(p=u.yearlyCode)&&void 0!==p?p:u.code,{planName:b,isSelected:C=!1,isDisabled:v=!1,onPlanSelect:T,oldPrice:S,hideMonthYearTag:O,planDescription:N,planDescriptionDiscount:f,showTrialOptions:L,freeTrialMessages:P,extraBlockMessage:k,isLoading:w,buttonText:M,bottomDescription:B,showMonthlyOptions:q,popularTestimony:R,skipRadioSelection:D=!1,includeText:F,height:$,showFeaturesButton:_,businessDescription:z,isPlanSelected:H=!1,onClickShowAllFeatures:W,showSelectedPlanChip:I=!1,perMonthForYearly:U=!1,minHeightOfFeatures:Y,hoverTooltip:A,hidePriceBlock:E=!1}=u,G=e=>U&&!q?0==e?"$0":m(Math.round(e/12),"USD"):0==e?"$0":m(e,"USD");return e.jsx(h.Tooltip,{body:A,children:e.jsxs(o.NewSubscriptionStyled,{height:$,showMostPopularChip:j||!1,onClick:()=>T(g),children:[j&&e.jsxs("div",{className:"most-popular-chip",children:[e.jsx(r.Caption,{className:"popular-text",children:"Most popular "}),e.jsx(a.default,{height:12,width:12})]}),e.jsxs("div",{className:`box  ${v?"disabled":""} \n\t\t\t\t`,children:[e.jsxs("div",{className:"radio-flex",children:[!D&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=v&&v,onChange:()=>T(g),className:"radio-button",checked:H}),e.jsx(r.TitleRegular,{style:{color:c.COLORS.content.secondary,marginBottom:4},children:b}),I&&e.jsx("div",{style:{marginLeft:"auto"},children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),E?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"price-block",children:[S?e.jsx(r.BodyCaption,{className:"old--price",children:G(y.price)}):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,{style:{color:c.COLORS.content.primary},children:G(S||y.price)}),e.jsx(r.Caption,{style:{color:c.COLORS.content.secondary,marginLeft:4},children:O?"":"/ "+(q?"month":U?"month billed annually":"year")})]}),N&&e.jsxs("div",{className:"per-message-price",children:[e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},children:N}),f&&e.jsx(r.BodyCaption,{style:{color:c.COLORS.background.positive.vibrant,marginLeft:4},children:f})]}),z&&z.length&&e.jsx("div",{style:{marginTop:4},children:z.map(((t,s)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:t}},s)))}),L&&e.jsxs(r.Caption,{className:"trial "+(C?"selected":""),children:["7 day free trial with ",P," messages"]}),k&&e.jsx(r.Caption,{className:"trial "+(C?"selected":""),children:k}),e.jsx(r.TitleSmall,{className:"extra-include-margin",style:{height:F?"":"20px"},children:F||""}),e.jsx("div",{className:"features",style:{minHeight:Y},children:x.map(((t,i)=>e.jsxs("div",{className:"feature",children:[e.jsx("div",{children:e.jsx(s.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,{className:"feature-text",children:t.detail},i)]},t.detail)))}),_&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),W&&W()}}),D&&e.jsx("div",{className:"button-box",children:w?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[C&&e.jsx(n.Button,{disabled:v,LeadingIcon:t.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:M||"Selected Plan"}),!C&&!v&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),T(g)},matchParentWidth:!0,buttonText:M||"Choose plan"})]})}),R&&e.jsxs("div",{className:"popular-testimony",children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",{className:"testimony-text",children:e.jsx("i",{children:R})})]})]}),B&&e.jsx("div",{className:`plan-bottom-information\n\t\t\t\t\t${v?"disabled":""}\n\t\t\t\t\t${C?"selected":""}\n\t\t\t\t`,children:e.jsx(r.Caption,{className:"text",style:{color:c.COLORS.background.inverse},children:B})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/check.svg.js"),s=require("../../assets/icons/checkCircle.svg.js"),i=require("../../assets/icons/quotes.svg.js"),a=require("../../assets/icons/WhiteStarFilled.svg.js"),n=require("../button/Button.js"),o=require("./SubscriptionPlanStyled.js"),r=require("../TypographyStyle.js"),l=require("../../hooks/useCurreny.js"),c=require("../../constants/Theme.js"),d=require("../tag/Tag.js"),h=require("../tooltips/Tooltip.js");exports.NewSubscriptionPlan=u=>{var p;const{formatCurrency:m}=l.useCurrency(),x=u.showMonthlyOptions?u.features:u.annualFeatures||[],y=u.showMonthlyOptions?u.monthlyPlan:u.yearlyPlan,j=!u.isDisabled&&u.isMostPopular,g=u.showMonthlyOptions?u.code:null!==(p=u.yearlyCode)&&void 0!==p?p:u.code,{planName:b,isSelected:C=!1,isDisabled:v=!1,onPlanSelect:T,oldPrice:S,hideMonthYearTag:O,planDescription:N,planDescriptionDiscount:f,showTrialOptions:L,freeTrialMessages:P,extraBlockMessage:k,isLoading:w,buttonText:M,bottomDescription:B,showMonthlyOptions:q,popularTestimony:R,skipRadioSelection:D=!1,includeText:F,height:$,showFeaturesButton:_,businessDescription:z,isPlanSelected:H=!1,onClickShowAllFeatures:W,showSelectedPlanChip:I=!1,perMonthForYearly:U=!1,minHeightOfFeatures:Y,hoverTooltip:A,hidePriceBlock:E=!1}=u,G=e=>U&&!q?0==e?"$0":m(Math.round(e/12),"USD"):0==e?"$0":m(e,"USD");return e.jsx(h.Tooltip,{body:A,children:e.jsxs(o.NewSubscriptionStyled,{height:$,showMostPopularChip:j||!1,onClick:()=>T(g),children:[j&&e.jsxs("div",{className:"most-popular-chip",children:[e.jsx(r.Caption,{className:"popular-text",children:"Most popular "}),e.jsx(a.default,{height:12,width:12})]}),e.jsxs("div",{className:`box  ${v?"disabled":""} \n\t\t\t\t`,children:[e.jsxs("div",{className:"radio-flex",children:[!D&&e.jsx("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=v&&v,onChange:()=>T(g),className:"radio-button",checked:H}),e.jsx(r.TitleRegular,{style:{color:c.COLORS.content.secondary,marginBottom:4},children:b}),I&&e.jsx("div",{style:{marginLeft:"auto"},children:e.jsx(d.Tag,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),E?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"price-block",children:[S?e.jsx(r.BodyCaption,{className:"old--price",children:G(y.price)}):e.jsx(e.Fragment,{}),e.jsx(r.TitleLarge,{style:{color:c.COLORS.content.primary},children:G(S||y.price)}),e.jsx(r.Caption,{style:{color:c.COLORS.content.secondary,marginLeft:4},children:O?"":"/ "+(q?"month":U?"month billed annually":"year")})]}),N&&e.jsxs("div",{className:"per-message-price",children:[e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},children:N}),f&&e.jsx(r.BodyCaption,{style:{color:c.COLORS.background.positive.vibrant,marginLeft:4},children:f})]}),z&&z.length&&e.jsx("div",{style:{marginTop:4},children:z.map((t,s)=>e.jsx(r.BodyCaption,{style:{color:c.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:t}},s))}),L&&e.jsxs(r.Caption,{className:"trial "+(C?"selected":""),children:["7 day free trial with ",P," messages"]}),k&&e.jsx(r.Caption,{className:"trial "+(C?"selected":""),children:k}),e.jsx(r.TitleSmall,{className:"extra-include-margin",style:{height:F?"":"20px"},children:F||""}),e.jsx("div",{className:"features",style:{minHeight:Y},children:x.map((t,i)=>e.jsxs("div",{className:"feature",children:[e.jsx("div",{children:e.jsx(s.default,{height:20,width:20,color:c.COLORS.content.primary})}),e.jsx(r.BodyCaption,{className:"feature-text",children:t.detail},i)]},t.detail))}),_&&e.jsx(n.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),W&&W()}}),D&&e.jsx("div",{className:"button-box",children:w?e.jsx(n.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[C&&e.jsx(n.Button,{disabled:v,LeadingIcon:t.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:M||"Selected Plan"}),!C&&!v&&e.jsx(n.Button,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),T(g)},matchParentWidth:!0,buttonText:M||"Choose plan"})]})}),R&&e.jsxs("div",{className:"popular-testimony",children:[e.jsx(i.default,{height:26,width:70}),e.jsx("div",{className:"testimony-text",children:e.jsx("i",{children:R})})]})]}),B&&e.jsx("div",{className:`plan-bottom-information\n\t\t\t\t\t${v?"disabled":""}\n\t\t\t\t\t${C?"selected":""}\n\t\t\t\t`,children:e.jsx(r.Caption,{className:"text",style:{color:c.COLORS.background.inverse},children:B})})]})})};

package/dist/cjs/components/plans/SubscriptionPlan.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/check.svg.js"),s=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),n=require("../TypographyStyle.js"),r=require("../../hooks/useCurreny.js"),a=require("../../constants/Theme.js");exports.SubscriptionPlan=o=>{const{formatCurrency:l}=r.useCurrency(),c=o.showMonthlyOptions?o.features:o.annualFeatures||[],d=o.showMonthlyOptions?o.monthlyPlan:o.yearlyPlan,u=!o.isDisabled&&o.isMostPopular,p=e=>0==e?"$0":l(e,"USD");return e.jsxs(i.SubscriptionPlanStyled,{isManifestPlan:!0,isSelected:o.isSelected||!1,style:{marginTop:u?0:24},children:[u&&e.jsx("div",{className:"most-popular",children:e.jsx(n.Caption,{className:"text",children:"Most popular ⭐️"})}),e.jsxs("div",{className:`box ${o.isSelected?"selected":""} ${o.isDisabled?"disabled":""} ${u?"":"rounded-corners"}\n\t\t\t\t`,children:[e.jsxs("div",{children:[e.jsx(n.TitleRegular,{style:{color:a.COLORS.content.secondary,marginBottom:4},children:o.planName}),(null==o?void 0:o.hidePriceBlock)?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"price-block",children:[o.oldPrice?e.jsx(n.BodyCaption,{className:"old--price",children:p(d.price)}):e.jsx(e.Fragment,{}),e.jsx(n.TitleMedium,{style:{color:a.COLORS.content.primary},children:o.oldPrice?p(o.oldPrice):p(d.price)}),e.jsx(n.BodyPrimary,{style:{color:a.COLORS.content.secondary,marginLeft:4},children:o.hideMonthYearTag?"":"/ "+(o.showMonthlyOptions?"month":"year")})]}),e.jsxs("div",{className:"per-message-price",children:[o.planDescription&&e.jsx(n.BodyCaption,{style:{color:a.COLORS.content.secondary},children:o.planDescription}),o.planDescriptionDiscount&&e.jsx(n.BodyCaption,{style:{color:a.COLORS.background.positive.vibrant,marginLeft:4},children:o.planDescriptionDiscount})]}),o.showTrialOptions&&e.jsxs(n.Caption,{className:"trial "+(o.isSelected?"selected":""),children:["7 day free trial with ",o.freeTrialMessages," messages"]}),o.extraBlockMessage&&e.jsx(n.Caption,{className:"trial "+(o.isSelected?"selected":""),children:o.extraBlockMessage}),e.jsx("div",{className:"features",children:c.map(((s,i)=>e.jsxs("div",{className:"feature",children:[e.jsx("div",{children:e.jsx(t.default,{height:12,width:12,color:a.COLORS.content.primary})}),e.jsx(n.BodyCaption,{className:"feature-text",children:s.detail},i)]},s.detail)))})]}),e.jsx("div",{className:"button-box",children:o.isLoading?e.jsx(s.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[o.isSelected&&e.jsx(s.Button,{disabled:o.isDisabled,LeadingIcon:t.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:o.buttonText||"Selected Plan"}),!o.isSelected&&!o.isDisabled&&e.jsx(s.Button,{buttonType:"primary",size:"medium",onClick:()=>o.onPlanSelect(o.code),matchParentWidth:!0,buttonText:o.buttonText||"Choose plan"})]})})]}),o.bottomDescription&&e.jsx("div",{className:`plan-bottom-information\n\t\t\t\t\t${o.isDisabled?"disabled":""}\n\t\t\t\t\t${o.isSelected?"selected":""}\n\t\t\t\t`,children:e.jsx(n.Caption,{className:"text",style:{color:a.COLORS.background.inverse},children:o.bottomDescription})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/check.svg.js"),s=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),n=require("../TypographyStyle.js"),r=require("../../hooks/useCurreny.js"),a=require("../../constants/Theme.js");exports.SubscriptionPlan=o=>{const{formatCurrency:l}=r.useCurrency(),c=o.showMonthlyOptions?o.features:o.annualFeatures||[],d=o.showMonthlyOptions?o.monthlyPlan:o.yearlyPlan,u=!o.isDisabled&&o.isMostPopular,p=e=>0==e?"$0":l(e,"USD");return e.jsxs(i.SubscriptionPlanStyled,{isManifestPlan:!0,isSelected:o.isSelected||!1,style:{marginTop:u?0:24},children:[u&&e.jsx("div",{className:"most-popular",children:e.jsx(n.Caption,{className:"text",children:"Most popular ⭐️"})}),e.jsxs("div",{className:`box ${o.isSelected?"selected":""} ${o.isDisabled?"disabled":""} ${u?"":"rounded-corners"}\n\t\t\t\t`,children:[e.jsxs("div",{children:[e.jsx(n.TitleRegular,{style:{color:a.COLORS.content.secondary,marginBottom:4},children:o.planName}),(null==o?void 0:o.hidePriceBlock)?e.jsx(e.Fragment,{}):e.jsxs("div",{className:"price-block",children:[o.oldPrice?e.jsx(n.BodyCaption,{className:"old--price",children:p(d.price)}):e.jsx(e.Fragment,{}),e.jsx(n.TitleMedium,{style:{color:a.COLORS.content.primary},children:o.oldPrice?p(o.oldPrice):p(d.price)}),e.jsx(n.BodyPrimary,{style:{color:a.COLORS.content.secondary,marginLeft:4},children:o.hideMonthYearTag?"":"/ "+(o.showMonthlyOptions?"month":"year")})]}),e.jsxs("div",{className:"per-message-price",children:[o.planDescription&&e.jsx(n.BodyCaption,{style:{color:a.COLORS.content.secondary},children:o.planDescription}),o.planDescriptionDiscount&&e.jsx(n.BodyCaption,{style:{color:a.COLORS.background.positive.vibrant,marginLeft:4},children:o.planDescriptionDiscount})]}),o.showTrialOptions&&e.jsxs(n.Caption,{className:"trial "+(o.isSelected?"selected":""),children:["7 day free trial with ",o.freeTrialMessages," messages"]}),o.extraBlockMessage&&e.jsx(n.Caption,{className:"trial "+(o.isSelected?"selected":""),children:o.extraBlockMessage}),e.jsx("div",{className:"features",children:c.map((s,i)=>e.jsxs("div",{className:"feature",children:[e.jsx("div",{children:e.jsx(t.default,{height:12,width:12,color:a.COLORS.content.primary})}),e.jsx(n.BodyCaption,{className:"feature-text",children:s.detail},i)]},s.detail))})]}),e.jsx("div",{className:"button-box",children:o.isLoading?e.jsx(s.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[o.isSelected&&e.jsx(s.Button,{disabled:o.isDisabled,LeadingIcon:t.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:o.buttonText||"Selected Plan"}),!o.isSelected&&!o.isDisabled&&e.jsx(s.Button,{buttonType:"primary",size:"medium",onClick:()=>o.onPlanSelect(o.code),matchParentWidth:!0,buttonText:o.buttonText||"Choose plan"})]})})]}),o.bottomDescription&&e.jsx("div",{className:`plan-bottom-information\n\t\t\t\t\t${o.isDisabled?"disabled":""}\n\t\t\t\t\t${o.isSelected?"selected":""}\n\t\t\t\t`,children:e.jsx(n.Caption,{className:"text",style:{color:a.COLORS.background.inverse},children:o.bottomDescription})})]})};

package/dist/cjs/components/plans/SubscriptionPlanSelector.js

@@ -98,4 +98,4 @@
 		justify-content: flex-start;
 		gap: 8px;
 	}
-`,b=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}];exports.BottomWrapper=m,exports.HeaderWrapper=g,exports.SubscriptionPlanSelector=s=>{var u,x,y,j,f,C,O,w,P,S,k,L,T,I;const[M,N]=e.useState(null===(u=s.discountInputProperties)||void 0===u?void 0:u.defaultValue),R=s.staticWidthMultiplier?s.staticWidthMultiplier:275;return o.jsxs(r.StyledModal,{centralContainerStyles:{width:s.plans.length*R},open:!0,closeOnOutsideClick:!0,onClose:s.onClose,children:[o.jsxs(g,{children:[o.jsxs("div",{children:[o.jsx(c.TitleMedium,{children:s.header||"Select a plan to proceed"}),o.jsx(c.BodyPrimary,{className:"sub--header",children:s.subHeader||""})]}),s.showMonthlyTabs?o.jsx(p.Tabs,{tabs:s.tabProperties&&s.tabProperties.tabs?s.tabProperties.tabs:b,onTabSelected:e=>{var o,t;return(null===(o=s.tabProperties)||void 0===o?void 0:o.onTabSelected)?null===(t=s.tabProperties)||void 0===t?void 0:t.onTabSelected(e):""},isSquared:!0}):o.jsx(o.Fragment,{})]}),s.warningDescription&&o.jsx(h,{children:s.warningDescription}),o.jsx(v,{children:s.plans.map((o=>e.createElement(d.SubscriptionPlan,Object.assign({},o,{showMonthly:!0,showMonthlyOptions:s.showMonthlyOptions||!1,showTrialOptions:s.showTrialOptions||!1,onPlanSelect:s.onPlanSelect,key:o.planName}))))}),(s.showCouponApplicationCode||s.showBookAdemo)&&o.jsxs(m,{children:[o.jsx("div",{children:s.showCouponApplicationCode&&o.jsxs("div",{className:"coupon-code",children:[o.jsxs("div",{className:"coupon-input",children:[o.jsx(c.BodyPrimary,{style:{color:(null===(x=s.discountInputProperties)||void 0===x?void 0:x.errorMessage)?a.COLORS.content.negative:""},children:"Apply coupon code"}),o.jsxs("div",{className:"button--wrapper",children:[o.jsxs("div",{className:(null===(y=s.discountInputProperties)||void 0===y?void 0:y.errorMessage)?"error--border dotted--border":"dotted--border",children:[o.jsx("input",{className:"input--class",onChange:e=>{var o;N(e.target.value),null===(o=s.discountInputProperties)||void 0===o||o.onChangeText(e.target.value)},value:M,placeholder:"eg:PLAN20",disabled:null===(j=s.discountInputProperties)||void 0===j?void 0:j.isLoading}),(null===(f=s.discountInputProperties)||void 0===f?void 0:f.successText)&&o.jsxs("div",{className:"success--inside--chip",children:[o.jsx(t.default,{height:16,width:16,color:a.COLORS.content.primaryInverse}),o.jsx(c.BodyCaption,{style:{color:a.COLORS.content.primaryInverse},children:"Coupon applied"})]})]}),!(null===(C=s.discountInputProperties)||void 0===C?void 0:C.successText)&&o.jsx(l.Button,{buttonText:"Apply",buttonType:"primary",onClick:null===(O=null==s?void 0:s.discountInputProperties)||void 0===O?void 0:O.onCouponApply,isLoading:null===(w=s.discountInputProperties)||void 0===w?void 0:w.isLoading})]}),(null===(P=s.discountInputProperties)||void 0===P?void 0:P.errorMessage)&&o.jsxs("div",{className:"d-flex",style:{gap:8},children:[o.jsx(n.default,{height:16,width:16,color:a.COLORS.content.negative}),o.jsx(c.BodyCaption,{style:{color:a.COLORS.content.negative},children:null!==(k=null===(S=s.discountInputProperties)||void 0===S?void 0:S.errorMessage)&&void 0!==k?k:"Enter a valid code"})]}),(null===(L=s.discountInputProperties)||void 0===L?void 0:L.showRemoveCoupon)&&o.jsx("div",{className:"demo--input",onClick:()=>{var e,o;N(""),(null===(e=s.discountInputProperties)||void 0===e?void 0:e.removeCoupon)&&(null===(o=s.discountInputProperties)||void 0===o||o.removeCoupon())},children:"Remove coupon"})]}),(null===(T=s.discountInputProperties)||void 0===T?void 0:T.successText)&&o.jsx("div",{className:"coupon--success--chip",children:o.jsx(c.BodyCaption,{style:{color:"#00580E",maxWidth:180},children:null===(I=s.discountInputProperties)||void 0===I?void 0:I.successText})})]})}),s.showBookAdemo&&o.jsxs("div",{className:"demo--wrapper",children:[o.jsx("div",{className:"demo--phone",children:o.jsx(i.default,{height:16,width:16,color:a.COLORS.background.brand})}),o.jsx(c.BodyPrimary,{className:"demo--input",onClick:()=>s.demoLink?window.open(s.demoLink,"_blank"):s.onClickingBookADemo?s.onClickingBookADemo():"",children:"Book a demo with the team"})]})]})]})},exports.defaultTabs=b;
+`,b=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}];exports.BottomWrapper=m,exports.HeaderWrapper=g,exports.SubscriptionPlanSelector=s=>{var u,x,y,j,f,C,O,w,P,S,k,L,T,I;const[M,N]=e.useState(null===(u=s.discountInputProperties)||void 0===u?void 0:u.defaultValue),R=s.staticWidthMultiplier?s.staticWidthMultiplier:275;return o.jsxs(r.StyledModal,{centralContainerStyles:{width:s.plans.length*R},open:!0,closeOnOutsideClick:!0,onClose:s.onClose,children:[o.jsxs(g,{children:[o.jsxs("div",{children:[o.jsx(c.TitleMedium,{children:s.header||"Select a plan to proceed"}),o.jsx(c.BodyPrimary,{className:"sub--header",children:s.subHeader||""})]}),s.showMonthlyTabs?o.jsx(p.Tabs,{tabs:s.tabProperties&&s.tabProperties.tabs?s.tabProperties.tabs:b,onTabSelected:e=>{var o,t;return(null===(o=s.tabProperties)||void 0===o?void 0:o.onTabSelected)?null===(t=s.tabProperties)||void 0===t?void 0:t.onTabSelected(e):""},isSquared:!0}):o.jsx(o.Fragment,{})]}),s.warningDescription&&o.jsx(h,{children:s.warningDescription}),o.jsx(v,{children:s.plans.map(o=>e.createElement(d.SubscriptionPlan,Object.assign({},o,{showMonthly:!0,showMonthlyOptions:s.showMonthlyOptions||!1,showTrialOptions:s.showTrialOptions||!1,onPlanSelect:s.onPlanSelect,key:o.planName})))}),(s.showCouponApplicationCode||s.showBookAdemo)&&o.jsxs(m,{children:[o.jsx("div",{children:s.showCouponApplicationCode&&o.jsxs("div",{className:"coupon-code",children:[o.jsxs("div",{className:"coupon-input",children:[o.jsx(c.BodyPrimary,{style:{color:(null===(x=s.discountInputProperties)||void 0===x?void 0:x.errorMessage)?a.COLORS.content.negative:""},children:"Apply coupon code"}),o.jsxs("div",{className:"button--wrapper",children:[o.jsxs("div",{className:(null===(y=s.discountInputProperties)||void 0===y?void 0:y.errorMessage)?"error--border dotted--border":"dotted--border",children:[o.jsx("input",{className:"input--class",onChange:e=>{var o;N(e.target.value),null===(o=s.discountInputProperties)||void 0===o||o.onChangeText(e.target.value)},value:M,placeholder:"eg:PLAN20",disabled:null===(j=s.discountInputProperties)||void 0===j?void 0:j.isLoading}),(null===(f=s.discountInputProperties)||void 0===f?void 0:f.successText)&&o.jsxs("div",{className:"success--inside--chip",children:[o.jsx(t.default,{height:16,width:16,color:a.COLORS.content.primaryInverse}),o.jsx(c.BodyCaption,{style:{color:a.COLORS.content.primaryInverse},children:"Coupon applied"})]})]}),!(null===(C=s.discountInputProperties)||void 0===C?void 0:C.successText)&&o.jsx(l.Button,{buttonText:"Apply",buttonType:"primary",onClick:null===(O=null==s?void 0:s.discountInputProperties)||void 0===O?void 0:O.onCouponApply,isLoading:null===(w=s.discountInputProperties)||void 0===w?void 0:w.isLoading})]}),(null===(P=s.discountInputProperties)||void 0===P?void 0:P.errorMessage)&&o.jsxs("div",{className:"d-flex",style:{gap:8},children:[o.jsx(n.default,{height:16,width:16,color:a.COLORS.content.negative}),o.jsx(c.BodyCaption,{style:{color:a.COLORS.content.negative},children:null!==(k=null===(S=s.discountInputProperties)||void 0===S?void 0:S.errorMessage)&&void 0!==k?k:"Enter a valid code"})]}),(null===(L=s.discountInputProperties)||void 0===L?void 0:L.showRemoveCoupon)&&o.jsx("div",{className:"demo--input",onClick:()=>{var e,o;N(""),(null===(e=s.discountInputProperties)||void 0===e?void 0:e.removeCoupon)&&(null===(o=s.discountInputProperties)||void 0===o||o.removeCoupon())},children:"Remove coupon"})]}),(null===(T=s.discountInputProperties)||void 0===T?void 0:T.successText)&&o.jsx("div",{className:"coupon--success--chip",children:o.jsx(c.BodyCaption,{style:{color:"#00580E",maxWidth:180},children:null===(I=s.discountInputProperties)||void 0===I?void 0:I.successText})})]})}),s.showBookAdemo&&o.jsxs("div",{className:"demo--wrapper",children:[o.jsx("div",{className:"demo--phone",children:o.jsx(i.default,{height:16,width:16,color:a.COLORS.background.brand})}),o.jsx(c.BodyPrimary,{className:"demo--input",onClick:()=>s.demoLink?window.open(s.demoLink,"_blank"):s.onClickingBookADemo?s.onClickingBookADemo():"",children:"Book a demo with the team"})]})]})]})},exports.defaultTabs=b;

package/dist/cjs/components/plans/SubscriptionPlansCollected.js

@@ -16,4 +16,4 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`;exports.SubscriptionPlansCollected=l=>{var r;const[a,o]=t.useState(null!==(r=l.selectedPlan)&&void 0!==r?r:"");return e.jsx(n,{style:{padding:"28px 0px 5px 0px"},maxWidth:l.maxWidth,children:l.plans.map(((r,n)=>{var s,d,c;return e.jsx("div",{style:{minWidth:null!==(s=l.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(d=l.staticWidth)&&void 0!==d?d:280},children:t.createElement(i.NewSubscriptionPlan,Object.assign({},r,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==l.selectedTab)&&void 0!==c&&c,showTrialOptions:l.showTrialOptions||!1,onPlanSelect:e=>{l.onPlanSelect(e),o(e)},key:r.planName,isPlanSelected:a==("monthly"==l.selectedTab?r.code:r.yearlyCode),onClickShowAllFeatures:l.onClickShowAllFeatures,showSelectedPlanChip:l.currentPlan==("monthly"==l.selectedTab?r.code:r.yearlyCode),minHeightOfFeatures:l.minHeightOfFeatures}))},n)}))})};
+`;exports.SubscriptionPlansCollected=l=>{var r;const[a,o]=t.useState(null!==(r=l.selectedPlan)&&void 0!==r?r:"");return e.jsx(n,{style:{padding:"28px 0px 5px 0px"},maxWidth:l.maxWidth,children:l.plans.map((r,n)=>{var s,d,c;return e.jsx("div",{style:{minWidth:null!==(s=l.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(d=l.staticWidth)&&void 0!==d?d:280},children:t.createElement(i.NewSubscriptionPlan,Object.assign({},r,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==l.selectedTab)&&void 0!==c&&c,showTrialOptions:l.showTrialOptions||!1,onPlanSelect:e=>{l.onPlanSelect(e),o(e)},key:r.planName,isPlanSelected:a==("monthly"==l.selectedTab?r.code:r.yearlyCode),onClickShowAllFeatures:l.onClickShowAllFeatures,showSelectedPlanChip:l.currentPlan==("monthly"==l.selectedTab?r.code:r.yearlyCode),minHeightOfFeatures:l.minHeightOfFeatures}))},n)})})};

package/dist/cjs/components/postPicker/postPicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),r=require("./PostPicker.styled.js"),s=require("../tag/Tag.js"),i=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),o=require("../../constants/colors.js"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js");require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var p=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../utils/DateUtils.js"),require("../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var h,u,y=require("../modals/styledModal.js"),m=require("../shimmer/ShimmerComponent/BikShimmer.js"),x=require("../shimmer-image/ShimmerImage.js"),j=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),exports.MEDIA_TYPES=void 0,(h=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",h.POST="post",h.REEL="reel",exports.DateKeys=void 0,(u=exports.DateKeys||(exports.DateKeys={})).Today="Today",u["7_Days"]="7",u["30_Days"]="30",u.custom="custom",u.Yesterday="Yesterday";const g=[{label:"Today",value:"today",key:exports.DateKeys.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:exports.DateKeys["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:exports.DateKeys["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:exports.DateKeys.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}];exports.PostPicker=h=>{var u,S;const[w,D]=a.useState(null!==(u=h.previouslySelected)&&void 0!==u?u:[]),[v,C]=a.useState(""),[T,f]=a.useState(!1),[q,k]=a.useState(h.media),[B,P]=a.useState(!1),[E,b]=a.useState(!1),[I,O]=a.useState(!1),_=a.useRef(null);a.useEffect((()=>{h.media.length||(f(!0),setTimeout((()=>{f(!1)}),2e3)),D(h.selected||[])}),[]),a.useEffect((()=>{h.media.length>0&&(k(h.media),f(!1))}),[null===(S=null==h?void 0:h.media)||void 0===S?void 0:S.length]),a.useEffect((()=>{w.length>0&&C("")}),[w.length]),a.useEffect((()=>{B&&(k(h.media),b(!1))}),[B]),a.useEffect((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||O(!I)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e.jsx("div",{ref:_,children:e.jsxs(y.StyledModal,{zIndex:201,open:h.showModal,headingTitle:h.title,onClose:h.onClose,centralContainerStyles:{width:1071,height:h.showFilter?650:564},primaryButton:{disabled:!q.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(h.mediaType)}`,onClick:()=>{w.length?h.onSelect(w):C(`Please select a ${h.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>h.onClose()},footerLeftCustomElement:v?e.jsx(s.Tag,{tagText:v,type:"negative",LeadingIcon:c.default}):w.length?e.jsxs(i.BodySecondary,{children:[w.length," selected"]}):null,id:"post-picker",children:[h.showFilter&&e.jsxs("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[e.jsx(p.AnalyticsDropdown,{options:g,placeholder:"posted on",resetDropdown:B,onOptionSelected:e=>{var t,a;let r=null,s=null;"Custom range"===e.label?(r=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,s=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(r=e.typeValue[0],s=e.typeValue[1]);const i=h.media.filter((e=>function(e,t,a){const r=new Date(e),s=new Date(t),i=new Date(a);return r>=s&&r<=i}(e.timestamp,r,s)));k(i),b(!0),P(!1)},closeDropdown:I}),E&&e.jsx(i.ButtonRegular,{color:l.COLORS.content.secondary,onClick:()=>P(!0),style:{cursor:"pointer"},children:"Clear"})]}),T?e.jsx("div",{style:{padding:"0 24px"},children:e.jsx(m.BikShimmer,{boxes:[{width:(h.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(h.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})}):e.jsx(e.Fragment,{children:q&&q.length?e.jsx(r.StyledProductGrid,{mediaType:h.mediaType,children:q.map((t=>{return e.jsxs(r.StyledProduct,{mediaType:h.mediaType,className:""+(a=t,s=w,s.some((e=>e.id===a.id))?"selected":""),onClick:()=>{return e=t,void D((()=>w.find((t=>t.id===e.id))?w.filter((t=>t.id!==e.id)):!h.limit||w.length<h.limit?[...w,e]:(C(`Only ${h.limit} ${h.mediaType}s can be selected`),w)));var e},children:[e.jsx(x.ShimmerImage,{imageUrl:t.imageUrl,width:h.mediaType==exports.MEDIA_TYPES.POST?148:104,height:h.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxs("div",{className:"overlay",children:[e.jsx("a",{target:"_blank",rel:"noreferrer",href:t.redirectionUrl,children:e.jsxs("div",{className:"overlay__redirection",children:[e.jsx(d.default,{height:22,width:22}),e.jsx(i.BodyPrimary,{color:o.PRIMARY,style:{fontWeight:500},children:"View"})]})}),e.jsx("div",{className:"overlay__caption",children:e.jsx(i.BodyCaption,{color:l.COLORS.content.placeholder,children:t.overlayCaption})})]})]},t.id);var a,s}))}):e.jsx("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:h.media.length?q.length?e.jsx(e.Fragment,{}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${l.COLORS.background.inverse}`,borderRadius:"50%"},children:e.jsx(t.SearchIcon,{color:l.COLORS.content.primaryInverse})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[e.jsx(i.TitleMedium,{children:"No results found"}),e.jsx(i.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]}),e.jsx("div",{onClick:()=>{P(!0)},style:{cursor:"pointer"},children:e.jsx(i.ButtonLarge,{color:`${l.COLORS.content.brand}`,children:"Clear Filter"})})]}):e.jsx(j.StateComponent,{states:j.StateInterface.WARNING,heading:`No ${h.mediaType}s on your account`,subline:`There seems to be no ${h.mediaType}s on your account`,isButtonEnabled:!1,width:400})})})]})})},exports.dateOptions=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),r=require("./PostPicker.styled.js"),s=require("../tag/Tag.js"),i=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),o=require("../../constants/colors.js"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js");require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var p=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../utils/DateUtils.js"),require("../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var h,u,y=require("../modals/styledModal.js"),m=require("../shimmer/ShimmerComponent/BikShimmer.js"),x=require("../shimmer-image/ShimmerImage.js"),j=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),exports.MEDIA_TYPES=void 0,(h=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",h.POST="post",h.REEL="reel",exports.DateKeys=void 0,(u=exports.DateKeys||(exports.DateKeys={})).Today="Today",u["7_Days"]="7",u["30_Days"]="30",u.custom="custom",u.Yesterday="Yesterday";const g=[{label:"Today",value:"today",key:exports.DateKeys.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:exports.DateKeys["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:exports.DateKeys["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:exports.DateKeys.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}];exports.PostPicker=h=>{var u,S;const[w,D]=a.useState(null!==(u=h.previouslySelected)&&void 0!==u?u:[]),[v,C]=a.useState(""),[T,f]=a.useState(!1),[q,k]=a.useState(h.media),[B,P]=a.useState(!1),[E,b]=a.useState(!1),[I,O]=a.useState(!1),_=a.useRef(null);a.useEffect(()=>{h.media.length||(f(!0),setTimeout(()=>{f(!1)},2e3)),D(h.selected||[])},[]),a.useEffect(()=>{h.media.length>0&&(k(h.media),f(!1))},[null===(S=null==h?void 0:h.media)||void 0===S?void 0:S.length]),a.useEffect(()=>{w.length>0&&C("")},[w.length]),a.useEffect(()=>{B&&(k(h.media),b(!1))},[B]),a.useEffect(()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||O(!I)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}});return e.jsx("div",{ref:_,children:e.jsxs(y.StyledModal,{zIndex:201,open:h.showModal,headingTitle:h.title,onClose:h.onClose,centralContainerStyles:{width:1071,height:h.showFilter?650:564},primaryButton:{disabled:!q.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(h.mediaType)}`,onClick:()=>{w.length?h.onSelect(w):C(`Please select a ${h.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>h.onClose()},footerLeftCustomElement:v?e.jsx(s.Tag,{tagText:v,type:"negative",LeadingIcon:c.default}):w.length?e.jsxs(i.BodySecondary,{children:[w.length," selected"]}):null,id:"post-picker",children:[h.showFilter&&e.jsxs("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[e.jsx(p.AnalyticsDropdown,{options:g,placeholder:"posted on",resetDropdown:B,onOptionSelected:e=>{var t,a;let r=null,s=null;"Custom range"===e.label?(r=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,s=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(r=e.typeValue[0],s=e.typeValue[1]);const i=h.media.filter(e=>function(e,t,a){const r=new Date(e),s=new Date(t),i=new Date(a);return r>=s&&r<=i}(e.timestamp,r,s));k(i),b(!0),P(!1)},closeDropdown:I}),E&&e.jsx(i.ButtonRegular,{color:l.COLORS.content.secondary,onClick:()=>P(!0),style:{cursor:"pointer"},children:"Clear"})]}),T?e.jsx("div",{style:{padding:"0 24px"},children:e.jsx(m.BikShimmer,{boxes:[{width:(h.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(h.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})}):e.jsx(e.Fragment,{children:q&&q.length?e.jsx(r.StyledProductGrid,{mediaType:h.mediaType,children:q.map(t=>{return e.jsxs(r.StyledProduct,{mediaType:h.mediaType,className:""+(a=t,s=w,s.some(e=>e.id===a.id)?"selected":""),onClick:()=>{return e=t,void D(()=>w.find(t=>t.id===e.id)?w.filter(t=>t.id!==e.id):!h.limit||w.length<h.limit?[...w,e]:(C(`Only ${h.limit} ${h.mediaType}s can be selected`),w));var e},children:[e.jsx(x.ShimmerImage,{imageUrl:t.imageUrl,width:h.mediaType==exports.MEDIA_TYPES.POST?148:104,height:h.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxs("div",{className:"overlay",children:[e.jsx("a",{target:"_blank",rel:"noreferrer",href:t.redirectionUrl,children:e.jsxs("div",{className:"overlay__redirection",children:[e.jsx(d.default,{height:22,width:22}),e.jsx(i.BodyPrimary,{color:o.PRIMARY,style:{fontWeight:500},children:"View"})]})}),e.jsx("div",{className:"overlay__caption",children:e.jsx(i.BodyCaption,{color:l.COLORS.content.placeholder,children:t.overlayCaption})})]})]},t.id);var a,s})}):e.jsx("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:h.media.length?q.length?e.jsx(e.Fragment,{}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${l.COLORS.background.inverse}`,borderRadius:"50%"},children:e.jsx(t.SearchIcon,{color:l.COLORS.content.primaryInverse})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[e.jsx(i.TitleMedium,{children:"No results found"}),e.jsx(i.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]}),e.jsx("div",{onClick:()=>{P(!0)},style:{cursor:"pointer"},children:e.jsx(i.ButtonLarge,{color:`${l.COLORS.content.brand}`,children:"Clear Filter"})})]}):e.jsx(j.StateComponent,{states:j.StateInterface.WARNING,heading:`No ${h.mediaType}s on your account`,subline:`There seems to be no ${h.mediaType}s on your account`,isButtonEnabled:!1,width:400})})})]})})},exports.dateOptions=g;

package/dist/cjs/components/product-picker/ProductPickerModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),o=require("../bik-layout/PageLoader.js"),r=require("../checkBox/CheckBox.js"),l=require("../input/Input.js"),n=require("../modals/styledModal.js"),c=require("./ProductPicker.styled.js"),d=require("../TypographyStyle.js"),i=require("../../utils/DateUtils.js"),a=require("../../constants/Theme.js"),u=require("../../assets/icons/alert_triangle.svg.js"),p=require("../../assets/icons/search.svg.js");const h="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",x=t=>{let{text:s,styleProps:o}=t;return e.jsxs(c.StyledZeroState,{children:[e.jsx("div",{className:"icon__container",style:Object.assign({},o),children:e.jsx(u.default,{width:24,height:24,color:a.DEFAULT_THEME.colorsV2.content.secondary})}),e.jsx(d.TitleSmall,{children:"No results found"}),e.jsx(d.BodySecondary,{style:{color:a.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${s}"`})]})},j=n=>{var u,j,m,P;const y=n.instaPost?i.default.dateFormat(new Date(n.instaPost.timestamp),"•",!0):"",[v,g]=s.useState(n.products),[E,_]=s.useState(!1),[T,f]=s.useState(""),S=s.useCallback(t.default((e=>{e?(g([]),n.onSearchKeyChange(e).then((e=>{g(e),_(!1)}))):(g(n.products),_(!1))}),700),[]);return e.jsxs(c.StyledProductPickerContainer,{children:[n.instaPost&&e.jsxs("div",{className:"post__wrapper",children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=h},src:null===(u=n.instaPost)||void 0===u?void 0:u.media_url,className:"post__thumbnail"}),e.jsxs("div",{className:"post__info-wrapper",children:[e.jsx(d.BodyPrimary,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:n.instaPost.caption?a.DEFAULT_THEME.colorsV2.content.primary:a.DEFAULT_THEME.colorsV2.content.secondary},children:(null===(j=n.instaPost)||void 0===j?void 0:j.caption)?null===(m=n.instaPost)||void 0===m?void 0:m.caption:"No caption"}),e.jsx(d.Caption,{style:{color:a.DEFAULT_THEME.colorsV2.content.placeholder},children:y})]})]}),e.jsx("div",{style:{borderTop:n.instaPost?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:n.instaPost?"16px 24px":"0px 24px 16px 24px"},children:e.jsx(l.Input,{placeholder:null!==(P=n.searchPlaceholder)&&void 0!==P?P:"Search products..",onChangeText:e=>{var t;f(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(_(!0),S(e)):(_(!1),g(n.products))},rightIcon:{icon:p.default}})}),e.jsxs("div",{style:{maxHeight:350,overflowY:"scroll"},children:[E&&e.jsx("div",{className:"loader__wrapper",children:e.jsx(o.PageLoader,{})}),0!==v.length||E?v.map((t=>{var s;const o=n.selectedProducts.find((e=>e.id===t.id));return e.jsxs("div",{className:"product__wrapper",children:[e.jsxs("div",{className:"product__info-wrapper",children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=h},src:null!==(s=t.image)&&void 0!==s?s:h,className:"product__image"}),e.jsx(d.TitleSmall,{children:t.name})]}),e.jsx("div",{style:{order:1},children:e.jsx(r.CheckBox,{isChecked:void 0!==o,onValueChange:e=>{((e,t)=>{const s=n.selectedProducts.find((e=>e.id===t.id));if(e&&!s){const e=[...n.selectedProducts,t];n.setSelectedProducts(e)}else if(s){const e=[...n.selectedProducts];let s=-1;n.selectedProducts.forEach(((e,o)=>{e.id===t.id&&(s=o)})),e.splice(s,1),n.setSelectedProducts(e)}})(e,t)}})})]},t.id)})):e.jsx(x,{text:T})]})]})};exports.PricePleaseProductPicker=t=>{var o;const[r,l]=s.useState([]);return s.useEffect((()=>{var e;l(null!==(e=t.selectedProducts)&&void 0!==e?e:[])}),[null===(o=t.selectedProducts)||void 0===o?void 0:o.length]),e.jsx(n.StyledModal,{open:t.show,onClose:()=>{t.onClose()},footerLeftCustomElement:r.length>10?e.jsx(d.Caption,{style:{color:a.DEFAULT_THEME.colorsV2.content.negative},children:"Can't add more than 10 products"}):e.jsx(d.Caption,{style:{color:a.DEFAULT_THEME.colorsV2.content.placeholder},children:r?`${r.length} selected`:""}),headingTitle:t.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{t.setSelectedProducts(r),t.onClose()}},secondaryButton:t.secondaryButtonProps,footerShadow:!0,children:e.jsx(j,Object.assign({},t,{selectedProducts:r,setSelectedProducts:l}))})},exports.ProductPickerContent=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../node_modules/lodash.debounce/index.js"),s=require("react"),o=require("../bik-layout/PageLoader.js"),r=require("../checkBox/CheckBox.js"),l=require("../input/Input.js"),n=require("../modals/styledModal.js"),c=require("./ProductPicker.styled.js"),d=require("../TypographyStyle.js"),i=require("../../utils/DateUtils.js"),a=require("../../constants/Theme.js"),u=require("../../assets/icons/alert_triangle.svg.js"),p=require("../../assets/icons/search.svg.js");const h="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",x=({text:t,styleProps:s})=>e.jsxs(c.StyledZeroState,{children:[e.jsx("div",{className:"icon__container",style:Object.assign({},s),children:e.jsx(u.default,{width:24,height:24,color:a.DEFAULT_THEME.colorsV2.content.secondary})}),e.jsx(d.TitleSmall,{children:"No results found"}),e.jsx(d.BodySecondary,{style:{color:a.DEFAULT_THEME.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${t}"`})]}),j=n=>{var u,j,m,P;const y=n.instaPost?i.default.dateFormat(new Date(n.instaPost.timestamp),"•",!0):"",[v,g]=s.useState(n.products),[E,_]=s.useState(!1),[T,f]=s.useState(""),S=s.useCallback(t.default(e=>{e?(g([]),n.onSearchKeyChange(e).then(e=>{g(e),_(!1)})):(g(n.products),_(!1))},700),[]);return e.jsxs(c.StyledProductPickerContainer,{children:[n.instaPost&&e.jsxs("div",{className:"post__wrapper",children:[e.jsx("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=h},src:null===(u=n.instaPost)||void 0===u?void 0:u.media_url,className:"post__thumbnail"}),e.jsxs("div",{className:"post__info-wrapper",children:[e.jsx(d.BodyPrimary,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:n.instaPost.caption?a.DEFAULT_THEME.colorsV2.content.primary:a.DEFAULT_THEME.colorsV2.content.secondary},children:(null===(j=n.instaPost)||void 0===j?void 0:j.caption)?null===(m=n.instaPost)||void 0===m?void 0:m.caption:"No caption"}),e.jsx(d.Caption,{style:{color:a.DEFAULT_THEME.colorsV2.content.placeholder},children:y})]})]}),e.jsx("div",{style:{borderTop:n.instaPost?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`,padding:n.instaPost?"16px 24px":"0px 24px 16px 24px"},children:e.jsx(l.Input,{placeholder:null!==(P=n.searchPlaceholder)&&void 0!==P?P:"Search products..",onChangeText:e=>{var t;f(e),(null===(t=e.trim())||void 0===t?void 0:t.length)>0?(_(!0),S(e)):(_(!1),g(n.products))},rightIcon:{icon:p.default}})}),e.jsxs("div",{style:{maxHeight:350,overflowY:"scroll"},children:[E&&e.jsx("div",{className:"loader__wrapper",children:e.jsx(o.PageLoader,{})}),0!==v.length||E?v.map(t=>{var s;const o=n.selectedProducts.find(e=>e.id===t.id);return e.jsxs("div",{className:"product__wrapper",children:[e.jsxs("div",{className:"product__info-wrapper",children:[e.jsx("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=h},src:null!==(s=t.image)&&void 0!==s?s:h,className:"product__image"}),e.jsx(d.TitleSmall,{children:t.name})]}),e.jsx("div",{style:{order:1},children:e.jsx(r.CheckBox,{isChecked:void 0!==o,onValueChange:e=>{((e,t)=>{const s=n.selectedProducts.find(e=>e.id===t.id);if(e&&!s){const e=[...n.selectedProducts,t];n.setSelectedProducts(e)}else if(s){const e=[...n.selectedProducts];let s=-1;n.selectedProducts.forEach((e,o)=>{e.id===t.id&&(s=o)}),e.splice(s,1),n.setSelectedProducts(e)}})(e,t)}})})]},t.id)}):e.jsx(x,{text:T})]})]})};exports.PricePleaseProductPicker=t=>{var o;const[r,l]=s.useState([]);return s.useEffect(()=>{var e;l(null!==(e=t.selectedProducts)&&void 0!==e?e:[])},[null===(o=t.selectedProducts)||void 0===o?void 0:o.length]),e.jsx(n.StyledModal,{open:t.show,onClose:()=>{t.onClose()},footerLeftCustomElement:r.length>10?e.jsx(d.Caption,{style:{color:a.DEFAULT_THEME.colorsV2.content.negative},children:"Can't add more than 10 products"}):e.jsx(d.Caption,{style:{color:a.DEFAULT_THEME.colorsV2.content.placeholder},children:r?`${r.length} selected`:""}),headingTitle:t.title,primaryButton:{disabled:r.length>10||0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{t.setSelectedProducts(r),t.onClose()}},secondaryButton:t.secondaryButtonProps,footerShadow:!0,children:e.jsx(j,Object.assign({},t,{selectedProducts:r,setSelectedProducts:l}))})},exports.ProductPickerContent=j;

package/dist/cjs/components/product-picker-v2/ProductPickerShimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:null!=t?t:5}).map(((i,t)=>e.jsx("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},t)))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:null!=t?t:5}).map((i,t)=>e.jsx("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},t))})};

package/dist/cjs/components/product-picker-v2/collectionScreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("react"),i=require("../checkBox/CheckBox.js"),o=require("../icon-button/IconButton.js"),r=require("../tag/Tag.js"),c=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),n=require("./emptyState.js"),d=require("./ProductPickerShimmer.js"),a=require("./style.js"),u=require("./utility.js");const C=l=>{const{customCollectionRestriction:n,data:d,selectedCollectionsDispatch:u,setCollectionId:C,setSelectedCollectionId:h,isPartiallyChecked:p,setScreen:y,id:v,isChecked:j,isDisabled:x,hideCollectionCheckbox:g,pickerType:m,usedInSearch:k}=l;return d?e.jsxs(a.CollectionCardStyle,{isDisabled:x,onClick:e=>{if(!x){if("COLLECTION"===m)return e.stopPropagation(),u({type:"reset",data:{}}),u({type:"selected",data:{id:v,val:d,isRestricted:n}}),C(v),void h(v);C(v),h(v),y("products")}},isActive:j,usedInSearch:null!=k&&k,children:[e.jsxs(a.CollectionCardInfoStyle,{children:[!g&&e.jsx(i.CheckBox,{isDisabled:x,isChecked:j,isPartiallyChecked:p,onValueChange:function(e,t,l){null==l||l.stopPropagation(),u(e?{type:"selected",data:{id:v,val:d,isRestricted:n}}:{type:"unselected",data:{id:v}}),h(e?v:"")}}),e.jsx(a.CollectionCardDetailStyle,{children:e.jsx(c.Tooltip,{body:d.name,placement:"bottom",delay:400,variant:"light",children:e.jsxs(a.CollectionNameHolder,{children:[k?e.jsx(s.BodyPrimary,{numberOfLines:1,children:d.name}):e.jsx(s.TitleRegular,{numberOfLines:1,children:d.name}),d.isSmartCollection?e.jsx("div",{style:{display:"flex"},children:e.jsx(r.Tag,{tagText:"Smart Collection",type:"warning"})}):e.jsx(e.Fragment,{})]})})})]}),"COLLECTION"!==m&&e.jsx(o.IconButton,{height:12,width:12,disabled:x,Icon:t.default})]}):e.jsx(e.Fragment,{})};exports.CollectionCard=C,exports.CollectionsScreen=t=>{var i;const{customCollectionRestriction:o,dataLoading:r,collections:c,selectedCollectionsDispatch:s,setCollectionId:a,setSelectedCollectionId:h,selectedCollections:p,setScreen:y,collectionFetcher:v,collectionsDispatch:j,pagingControls:x,storeId:g,setSaveDisabled:m,hideCollectionCheckbox:k,renderWithoutModal:f,pickerType:S,scrollContainerRef:b,appType:P,limit:I,exactLimit:O}=t,T=l.useRef(x.curPage),q=!!o&&(null==p?void 0:p.isCustom),[L,R]=l.useState(!1),D=l.useRef(!1),E=l.useRef(!1),B=()=>{if(!b||!(null==b?void 0:b.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:l}=b.current;e+t>=l-20&&!D.current&&!E.current&&(m(!0),R(!0),E.current=!0,m(!0),R(!0),v(T.current,g,P).then((e=>{j({type:"paged",data:(null==e?void 0:e.collections)||{}}),x.setCurPage(T.current+1),R(!1),m(!1),E.current=!1,Object.keys(null==e?void 0:e.collections).length||(D.current=!0)})).catch())};l.useEffect((()=>{var e;return null===(e=null==b?void 0:b.current)||void 0===e||e.addEventListener("scroll",B),()=>{var e;null===(e=null==b?void 0:b.current)||void 0===e||e.removeEventListener("scroll",B)}}),[]),l.useEffect((()=>{T.current=x.curPage}),[x.curPage]);const N=Object.keys(p||{}).filter((e=>"isCustom"!==e)).length;return e.jsxs("div",{children:[(null===(i=Object.keys(null!=c?c:{}))||void 0===i?void 0:i.length)?Object.keys(c).map((t=>{var l,i;const r=!!(null==p?void 0:p[t])&&("PRODUCT"!==S||!!Object.keys(null!==(i=null===(l=null==p?void 0:p[t])||void 0===l?void 0:l.products)&&void 0!==i?i:{}).length),n="COLLECTION"===S&&!r&&(!!O&&N>=O||!!I&&N>=I);return e.jsx(C,{customCollectionRestriction:o,data:c[t],isDisabled:q&&!(null==p?void 0:p[t])||n,isChecked:r,isPartiallyChecked:u.isCollectionPartiallyChecked(t,null==c?void 0:c[t],p),selectedCollectionsDispatch:s,setCollectionId:a,setSelectedCollectionId:h,setScreen:y,id:t,hideCollectionCheckbox:k||"-1"===t,selectedCollections:p,renderWithoutModal:f,pickerType:S},t)})):r?e.jsx(d.ProductPickerShimmer,{}):e.jsx(n.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),L&&e.jsx(d.ProductPickerShimmer,{})]})},exports.truncate=(e,t,l)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(l?i.slice(0,i.lastIndexOf(" ")):i)+"..."};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("react"),i=require("../checkBox/CheckBox.js"),o=require("../icon-button/IconButton.js"),r=require("../tag/Tag.js"),c=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),n=require("./emptyState.js"),d=require("./ProductPickerShimmer.js"),a=require("./style.js"),u=require("./utility.js");const C=l=>{const{customCollectionRestriction:n,data:d,selectedCollectionsDispatch:u,setCollectionId:C,setSelectedCollectionId:h,isPartiallyChecked:p,setScreen:y,id:v,isChecked:j,isDisabled:x,hideCollectionCheckbox:g,pickerType:m,usedInSearch:k}=l;return d?e.jsxs(a.CollectionCardStyle,{isDisabled:x,onClick:e=>{if(!x){if("COLLECTION"===m)return e.stopPropagation(),u({type:"reset",data:{}}),u({type:"selected",data:{id:v,val:d,isRestricted:n}}),C(v),void h(v);C(v),h(v),y("products")}},isActive:j,usedInSearch:null!=k&&k,children:[e.jsxs(a.CollectionCardInfoStyle,{children:[!g&&e.jsx(i.CheckBox,{isDisabled:x,isChecked:j,isPartiallyChecked:p,onValueChange:function(e,t,l){null==l||l.stopPropagation(),u(e?{type:"selected",data:{id:v,val:d,isRestricted:n}}:{type:"unselected",data:{id:v}}),h(e?v:"")}}),e.jsx(a.CollectionCardDetailStyle,{children:e.jsx(c.Tooltip,{body:d.name,placement:"bottom",delay:400,variant:"light",children:e.jsxs(a.CollectionNameHolder,{children:[k?e.jsx(s.BodyPrimary,{numberOfLines:1,children:d.name}):e.jsx(s.TitleRegular,{numberOfLines:1,children:d.name}),d.isSmartCollection?e.jsx("div",{style:{display:"flex"},children:e.jsx(r.Tag,{tagText:"Smart Collection",type:"warning"})}):e.jsx(e.Fragment,{})]})})})]}),"COLLECTION"!==m&&e.jsx(o.IconButton,{height:12,width:12,disabled:x,Icon:t.default})]}):e.jsx(e.Fragment,{})};exports.CollectionCard=C,exports.CollectionsScreen=t=>{var i;const{customCollectionRestriction:o,dataLoading:r,collections:c,selectedCollectionsDispatch:s,setCollectionId:a,setSelectedCollectionId:h,selectedCollections:p,setScreen:y,collectionFetcher:v,collectionsDispatch:j,pagingControls:x,storeId:g,setSaveDisabled:m,hideCollectionCheckbox:k,renderWithoutModal:f,pickerType:S,scrollContainerRef:b,appType:P,limit:I,exactLimit:O}=t,T=l.useRef(x.curPage),q=!!o&&(null==p?void 0:p.isCustom),[L,R]=l.useState(!1),D=l.useRef(!1),E=l.useRef(!1),B=()=>{if(!b||!(null==b?void 0:b.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:l}=b.current;e+t>=l-20&&!D.current&&!E.current&&(m(!0),R(!0),E.current=!0,m(!0),R(!0),v(T.current,g,P).then(e=>{j({type:"paged",data:(null==e?void 0:e.collections)||{}}),x.setCurPage(T.current+1),R(!1),m(!1),E.current=!1,Object.keys(null==e?void 0:e.collections).length||(D.current=!0)}).catch())};l.useEffect(()=>{var e;return null===(e=null==b?void 0:b.current)||void 0===e||e.addEventListener("scroll",B),()=>{var e;null===(e=null==b?void 0:b.current)||void 0===e||e.removeEventListener("scroll",B)}},[]),l.useEffect(()=>{T.current=x.curPage},[x.curPage]);const N=Object.keys(p||{}).filter(e=>"isCustom"!==e).length;return e.jsxs("div",{children:[(null===(i=Object.keys(null!=c?c:{}))||void 0===i?void 0:i.length)?Object.keys(c).map(t=>{var l,i;const r=!!(null==p?void 0:p[t])&&("PRODUCT"!==S||!!Object.keys(null!==(i=null===(l=null==p?void 0:p[t])||void 0===l?void 0:l.products)&&void 0!==i?i:{}).length),n="COLLECTION"===S&&!r&&(!!O&&N>=O||!!I&&N>=I);return e.jsx(C,{customCollectionRestriction:o,data:c[t],isDisabled:q&&!(null==p?void 0:p[t])||n,isChecked:r,isPartiallyChecked:u.isCollectionPartiallyChecked(t,null==c?void 0:c[t],p),selectedCollectionsDispatch:s,setCollectionId:a,setSelectedCollectionId:h,setScreen:y,id:t,hideCollectionCheckbox:k||"-1"===t,selectedCollections:p,renderWithoutModal:f,pickerType:S},t)}):r?e.jsx(d.ProductPickerShimmer,{}):e.jsx(n.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),L&&e.jsx(d.ProductPickerShimmer,{})]})},exports.truncate=(e,t,l)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(l?i.slice(0,i.lastIndexOf(" ")):i)+"..."};