@bikdotai/bik-component-library 0.0.337 → 0.0.338-beta-relative

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/bik-layout/RelativeModal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface RelativeModalProps {
+    handleButtonClick: (type: 'shopify' | 'demo' | 'close') => void;
+    zIndex?: number;
+    isDemoContainer?: boolean;
+}
+export declare const RelativeModal: React.FC<RelativeModalProps>;

package/dist/cjs/components/button/themes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n)=>n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px";exports.GetButtonTextComponent=(t,n)=>"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o)=>{if("chip"===n)return o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight;case"destructive":return t.COLORS.background.negative.vibrant;case"tertiary":return e?"transparent":t.COLORS.surface.standard;default:return"transparent"}},exports.getBorder=(r,e,o,a)=>"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=(t,r,o=n(t))=>`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`,exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getPadding=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n)=>n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px";exports.GetButtonTextComponent=(t,n)=>"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o)=>{if("chip"===n)return o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight;case"destructive":return t.COLORS.background.negative.vibrant;case"tertiary":return e?"transparent":t.COLORS.surface.standard;default:return"transparent"}},exports.getBorder=(r,e,o,a)=>"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getPadding=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),r=require("../../assets/icons/chevronRight.svg.js"),s=require("react"),n=require("../button/Button.js"),o=require("./CarouselSecondary.style.js");exports.CarouselSecondary=({pages:i,onComplete:a,textAlign:u})=>{const[l,c]=s.useState(0),d=s.useRef(null);return s.useEffect((()=>{d.current&&d.current.scrollTo({left:d.current.offsetWidth*l,behavior:"smooth"})}),[l]),e.jsxs(o.CarouselContainer,{children:[e.jsx(o.CarouselBody,Object.assign({ref:d,textAlign:u},{children:i.map(((t,r)=>e.jsx(o.CarouselPage,Object.assign({isActive:r===l},{children:t}),r)))})),e.jsxs(o.CarouselFooter,{children:[e.jsx(n.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{c((e=>0===e?e:e-1))},size:"medium",LeadingIcon:t.default,disabled:!l}),e.jsx(o.PageIndicator,{children:i.map(((t,r)=>e.jsx(o.Indicator,{isActive:r===l,onClick:()=>{c(r)}},r)))}),e.jsx(n.Button,{buttonText:l===i.length-1?"Get start":"Next",buttonType:l===i.length-1?"tertiary":"tertiaryGray",onClick:()=>{c((e=>e===i.length-1?e:e+1)),l===i.length-1&&a()},size:"medium",TrailingIcon:l<i.length-1?r.default:void 0,style:{background:"transparent"}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),r=require("../../assets/icons/chevronRight.svg.js"),s=require("react"),n=require("../button/Button.js"),o=require("./CarouselSecondary.style.js");exports.CarouselSecondary=i=>{let{pages:a,onComplete:u,textAlign:l}=i;const[c,d]=s.useState(0),g=s.useRef(null);return s.useEffect((()=>{g.current&&g.current.scrollTo({left:g.current.offsetWidth*c,behavior:"smooth"})}),[c]),e.jsxs(o.CarouselContainer,{children:[e.jsx(o.CarouselBody,Object.assign({ref:g,textAlign:l},{children:a.map(((t,r)=>e.jsx(o.CarouselPage,Object.assign({isActive:r===c},{children:t}),r)))})),e.jsxs(o.CarouselFooter,{children:[e.jsx(n.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{d((e=>0===e?e:e-1))},size:"medium",LeadingIcon:t.default,disabled:!c}),e.jsx(o.PageIndicator,{children:a.map(((t,r)=>e.jsx(o.Indicator,{isActive:r===c,onClick:()=>{d(r)}},r)))}),e.jsx(n.Button,{buttonText:c===a.length-1?"Get start":"Next",buttonType:c===a.length-1?"tertiary":"tertiaryGray",onClick:()=>{d((e=>e===a.length-1?e:e+1)),c===a.length-1&&u()},size:"medium",TrailingIcon:c<a.length-1?r.default:void 0,style:{background:"transparent"}})]})]})};

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../assets/icons/cross.svg.js"),s=require("../dropShadow/DropShadow.js"),i=require("./components/FiveStar.js"),o=require("./components/Form.js"),n=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js");exports.DashboardReviewPopUp=({onClose:u,onSubmit:l,quickAnswerOptions:c,titleMap:d,feedbackMap:S,fullStarSubmitText:p,onRatingChange:j,initialText:x,fiveStar:b})=>{const[h,m]=t.useState(0);function q(e){m(e),null==j||j(e)}return e.jsx(s.default,Object.assign({level:"z2",position:"down"},{children:e.jsxs(a.Container,{children:[e.jsx(a.CrossIconHolder,Object.assign({onClick:u},{children:e.jsx(r.default,{width:24,height:24})})),0===h?e.jsx(n.ZeroState,{handleStarSelection:q,initialText:x}):5===h?e.jsx(i.FiveStar,{fullStarSubmitText:p,onSubmit:l,handleStarSelection:q,subtext:null==b?void 0:b.subText}):e.jsx(o.Form,{titleMap:d,feedbackMap:S,stars:h,onStarChange:q,onSubmit:l,quickAnswerOptions:c})]})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../assets/icons/cross.svg.js"),s=require("../dropShadow/DropShadow.js"),i=require("./components/FiveStar.js"),o=require("./components/Form.js"),n=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js");exports.DashboardReviewPopUp=l=>{let{onClose:u,onSubmit:c,quickAnswerOptions:d,titleMap:S,feedbackMap:p,fullStarSubmitText:j,onRatingChange:x,initialText:b,fiveStar:h}=l;const[m,q]=t.useState(0);function v(e){q(e),null==x||x(e)}return e.jsx(s.default,Object.assign({level:"z2",position:"down"},{children:e.jsxs(a.Container,{children:[e.jsx(a.CrossIconHolder,Object.assign({onClick:u},{children:e.jsx(r.default,{width:24,height:24})})),0===m?e.jsx(n.ZeroState,{handleStarSelection:v,initialText:b}):5===m?e.jsx(i.FiveStar,{fullStarSubmitText:j,onSubmit:c,handleStarSelection:v,subtext:null==h?void 0:h.subText}):e.jsx(o.Form,{titleMap:S,feedbackMap:p,stars:m,onStarChange:v,onSubmit:c,quickAnswerOptions:d})]})}))};

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./FiveStar.styled.js");exports.FiveStar=({handleStarSelection:s,onSubmit:i,fullStarSubmitText:o,subtext:l})=>e.jsxs(a.Container,{children:[e.jsx(r.TitleMedium,Object.assign({color:n.COLORS.surface.standard,style:{textAlign:"center"}},{children:"We're glad to hear that your experience has been good!"})),e.jsx(t.StarRating,{starSize:32,value:5,onChange:s}),e.jsx(r.BodySecondary,Object.assign({color:n.COLORS.surface.standard,style:{textAlign:"center",width:200}},{children:null!=l?l:"Help us by leaving a review on Shopify App Store"})),e.jsx(a.Button,Object.assign({onClick:()=>i(5)},{children:e.jsx(r.ButtonLarge,Object.assign({color:n.COLORS.content.brand},{children:o}))}))]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./FiveStar.styled.js");exports.FiveStar=s=>{let{handleStarSelection:i,onSubmit:l,fullStarSubmitText:o,subtext:c}=s;return e.jsxs(a.Container,{children:[e.jsx(r.TitleMedium,Object.assign({color:n.COLORS.surface.standard,style:{textAlign:"center"}},{children:"We're glad to hear that your experience has been good!"})),e.jsx(t.StarRating,{starSize:32,value:5,onChange:i}),e.jsx(r.BodySecondary,Object.assign({color:n.COLORS.surface.standard,style:{textAlign:"center",width:200}},{children:null!=c?c:"Help us by leaving a review on Shopify App Store"})),e.jsx(a.Button,Object.assign({onClick:()=>l(5)},{children:e.jsx(r.ButtonLarge,Object.assign({color:n.COLORS.content.brand},{children:o}))}))]})};

package/dist/cjs/components/dashboard-review-popup/components/Form.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./Form.styled.js");const t={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},c={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"};exports.Form=({stars:l,titleMap:o,feedbackMap:d,onStarChange:u,onSubmit:p,quickAnswerOptions:h})=>{const j=null!=o?o:t,v=null!=d?d:c,[O,g]=r.useState([]),x=r.useRef(null),b=j[l],f=v[l];return e.jsxs(a.Container,{children:[e.jsxs(a.StarWrapper,{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:b})),e.jsx(s.StarRating,{starSize:24,value:l,onChange:u})]}),h&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:f})),e.jsx(a.Wrapper,{children:null==h?void 0:h.map(((r,s)=>{const t=O.includes(r);return e.jsx(a.Chip,Object.assign({selected:t,onClick:()=>{g(t?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsx(i.BodySecondary,Object.assign({color:t?n.COLORS.background.inverse:n.COLORS.surface.standard},{children:r}))}),s)}))})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:"Add detailed feedback"})),e.jsx(a.TextArea,{placeholder:"We read every response!",ref:x})]})),e.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsx(a.Button,Object.assign({onClick:function(){var e,r;p(l,O,null!==(r=null===(e=x.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsx(i.ButtonLarge,Object.assign({color:n.COLORS.content.primaryInverse},{children:"Submit"}))}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./Form.styled.js");const t={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},l={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"};exports.Form=c=>{let{stars:o,titleMap:d,feedbackMap:u,onStarChange:p,onSubmit:h,quickAnswerOptions:j}=c;const v=null!=d?d:t,O=null!=u?u:l,[g,x]=r.useState([]),b=r.useRef(null),f=v[o],m=O[o];return e.jsxs(a.Container,{children:[e.jsxs(a.StarWrapper,{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:f})),e.jsx(s.StarRating,{starSize:24,value:o,onChange:p})]}),j&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:m})),e.jsx(a.Wrapper,{children:null==j?void 0:j.map(((r,s)=>{const t=g.includes(r);return e.jsx(a.Chip,Object.assign({selected:t,onClick:()=>{x(t?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsx(i.BodySecondary,Object.assign({color:t?n.COLORS.background.inverse:n.COLORS.surface.standard},{children:r}))}),s)}))})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsx(i.TitleRegular,Object.assign({color:n.COLORS.surface.standard},{children:"Add detailed feedback"})),e.jsx(a.TextArea,{placeholder:"We read every response!",ref:b})]})),e.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsx(a.Button,Object.assign({onClick:function(){var e,r;h(o,g,null!==(r=null===(e=b.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsx(i.ButtonLarge,Object.assign({color:n.COLORS.content.primaryInverse},{children:"Submit"}))}))}))]})};

package/dist/cjs/components/dashboard-review-popup/components/ZeroState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),l=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=g(e).default("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.ZeroState=({handleStarSelection:e,initialText:g})=>c.jsxs(a,{children:[c.jsx(l.TitleMedium,Object.assign({color:i.COLORS.surface.standard},{children:null!=g?g:"Rate your experience with us"})),c.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsx(t.StarRating,{starSize:32,onChange:e})}))]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),l=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=g(e).default("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.ZeroState=e=>{let{handleStarSelection:g,initialText:d}=e;return c.jsxs(a,{children:[c.jsx(l.TitleMedium,Object.assign({color:i.COLORS.surface.standard},{children:null!=d?d:"Rate your experience with us"})),c.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsx(t.StarRating,{starSize:32,onChange:g})}))]})};

package/dist/cjs/components/datePicker/DatePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(a);exports.DatePicker=a=>{const[r,i]=t.useState(a.selectedDates),[c,s]=t.useState(a.selectedDate),u=null===a.maxRangeLimit?null:void 0===a.maxRangeLimit?180:a.maxRangeLimit;return e.jsx(n.PickerContainer,Object.assign({selectRange:a.selectRange},{children:e.jsx(l.default,{onChange:e=>{a.selectRange&&a.onSelectRange?function(e){var t;null===(t=a.onSelectRange)||void 0===t||t.call(a,e[0],e[1]),i([e[0],e[1]])}(e):a.onSelectDate&&(a.onSelectDate(e),s(e))},tileDisabled:({date:e,view:t})=>{if(!Array.isArray(r))return!1;const[a,n]=r;if(a&&!n&&null!==u){const n=Math.round((e-a)/864e5);return"month"===t&&(n<-u||n>u)}return!1},onClickDay:function(e){if(!Array.isArray(r))return void i([e,null]);const[t,a]=r;i(t&&t&&!a?[t,e]:[e,null])},value:a.selectRange?r:c,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(a);exports.DatePicker=a=>{const[r,i]=t.useState(a.selectedDates),[c,s]=t.useState(a.selectedDate),u=null===a.maxRangeLimit?null:void 0===a.maxRangeLimit?180:a.maxRangeLimit;return e.jsx(n.PickerContainer,Object.assign({selectRange:a.selectRange},{children:e.jsx(l.default,{onChange:e=>{a.selectRange&&a.onSelectRange?function(e){var t;null===(t=a.onSelectRange)||void 0===t||t.call(a,e[0],e[1]),i([e[0],e[1]])}(e):a.onSelectDate&&(a.onSelectDate(e),s(e))},tileDisabled:e=>{let{date:t,view:a}=e;if(!Array.isArray(r))return!1;const[n,l]=r;if(n&&!l&&null!==u){const e=Math.round((t-n)/864e5);return"month"===a&&(e<-u||e>u)}return!1},onClickDay:function(e){if(!Array.isArray(r))return void i([e,null]);const[t,a]=r;i(t&&t&&!a?[t,e]:[e,null])},value:a.selectRange?r:c,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate})}))};

package/dist/cjs/components/datePicker/DatePickerWrapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-calendar"),a=require("../../hooks/useOutside.js"),n=require("../../utils/DateUtils.js"),i=require("../../constants/Theme.js"),o=require("../../assets/icons/calendar.svg.js"),s=require("../TypographyStyle.js"),l=require("./DatePickerWrapper.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),u=c(r);exports.default=({val:r,onChange:c,calendarProps:O,disabled:g,pickerStyles:S,nativeID:D,maxDate:v,minDate:C})=>{var y,j,b,L;const[m,f]=t.useState(!1),p=d.default.createRef();return a.useOutside(p,(()=>{f(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs(l.DateBtn,Object.assign({id:D,bgColor:g?i.COLORS.background.base:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary,onClick:()=>f(!m)},{children:[e.jsx(s.BodySecondary,Object.assign({style:{color:g?i.COLORS.content.inactive:i.COLORS.content.primary,flex:1}},{children:r?Array.isArray(r)?(null===(y=null==r?void 0:r[0])||void 0===y?void 0:y.toString())&&(null===(j=null==r?void 0:r[1])||void 0===j?void 0:j.toString())?`${new Date(null===(b=null==r?void 0:r[0])||void 0===b?void 0:b.toString()).toLocaleDateString()}-${new Date(null===(L=null==r?void 0:r[1])||void 0===L?void 0:L.toString()).toLocaleDateString()}`:`${n.default.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(r.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),e.jsx(o.default,{width:20,height:20,color:g?i.COLORS.content.inactive:i.COLORS.content.primary})]})),m&&!g&&e.jsx(l.PickerContainer,Object.assign({ref:p,style:Object.assign({},S),contentPrimary:i.COLORS.content.primary,subDued:i.COLORS.surface.subdued,brandColor:i.COLORS.background.brand,bgColor:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary},{children:e.jsx(u.default,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{c(e),f(!1)},maxDate:v,minDate:C,value:r?Array.isArray(r)?2===r.length?[new Date(r[0]),new Date(r[1])]:null:new Date(r):null},O))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-calendar"),a=require("../../hooks/useOutside.js"),n=require("../../utils/DateUtils.js"),i=require("../../constants/Theme.js"),o=require("../../assets/icons/calendar.svg.js"),s=require("../TypographyStyle.js"),l=require("./DatePickerWrapper.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),u=c(r);exports.default=r=>{let{val:c,onChange:O,calendarProps:g,disabled:S,pickerStyles:D,nativeID:v,maxDate:C,minDate:y}=r;var j,b,L,m;const[f,p]=t.useState(!1),h=d.default.createRef();return a.useOutside(h,(()=>{p(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs(l.DateBtn,Object.assign({id:v,bgColor:S?i.COLORS.background.base:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary,onClick:()=>p(!f)},{children:[e.jsx(s.BodySecondary,Object.assign({style:{color:S?i.COLORS.content.inactive:i.COLORS.content.primary,flex:1}},{children:c?Array.isArray(c)?(null===(j=null==c?void 0:c[0])||void 0===j?void 0:j.toString())&&(null===(b=null==c?void 0:c[1])||void 0===b?void 0:b.toString())?`${new Date(null===(L=null==c?void 0:c[0])||void 0===L?void 0:L.toString()).toLocaleDateString()}-${new Date(null===(m=null==c?void 0:c[1])||void 0===m?void 0:m.toString()).toLocaleDateString()}`:`${n.default.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(c.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),e.jsx(o.default,{width:20,height:20,color:S?i.COLORS.content.inactive:i.COLORS.content.primary})]})),f&&!S&&e.jsx(l.PickerContainer,Object.assign({ref:h,style:Object.assign({},D),contentPrimary:i.COLORS.content.primary,subDued:i.COLORS.surface.subdued,brandColor:i.COLORS.background.brand,bgColor:i.COLORS.surface.standard,borderColor:i.COLORS.stroke.primary},{children:e.jsx(u.default,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{O(e),p(!1)},maxDate:C,minDate:y,value:c?Array.isArray(c)?2===c.length?[new Date(c[0]),new Date(c[1])]:null:new Date(c):null},g))}))]})};

package/dist/cjs/components/dropShadow/DropShadow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}};exports.default=({level:r="z1",position:t="down",children:x,style:s})=>{const n=p[r][t];return e.jsx("div",Object.assign({style:Object.assign({boxShadow:n},null!=s?s:{})},{children:x}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}};exports.default=r=>{let{level:t="z1",position:x="down",children:s,style:n}=r;const o=p[t][x];return e.jsx("div",Object.assign({style:Object.assign({boxShadow:o},null!=n?n:{})},{children:s}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),n=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),p=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=({options:j,isSearchable:f,isMultiSelect:x,width:g,allowFreeForm:v,height:w,onClose:b,onSelect:y,onSearch:m,version:O,skipSorting:q})=>{const{dropdownOptions:M,search:C,searchedString:D,searchedOptions:L,onApplyHandler:F,selectAllHandler:A,onMultiSelectClear:k,onFreeFormSelect:B,onMultiSelectApply:H,latestDropdownOptionsRef:Z,getSelectedOptions:P}=n.useDropdown(O,j,y,q,x,m),[R,_]=t.useState(null!=g?g:S),[z,E]=t.useState(null),I=t.useRef(null);s.useOutside(I,(()=>{if(E(null),x&&"2.0"===O){const e=P(Z.current);null==b||b(e)}else null==b||b(M)}));const K=null!=w?w:h,N="number"==typeof K?f&&x?K-96:f&&!x||!f&&x?K-48:K:K;t.useEffect((()=>{const e=null!=g?g:S;if(null===z)_(e);else if("number"==typeof e)_(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));_(t)}}),[z]);const T=[],W=(D&&m?L:M).map((e=>{var t,r;if(D&&!m){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(D.toLowerCase()))&&(T.push(!D||e.label===D),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(D.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(D.toLowerCase()))?(T.push(!D||e.label===D),e):null}return e})).filter((e=>null!==e)),G=!!f&&D&&0===W.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:O,ref:I,style:{width:R}},{children:[e.jsxs("div",Object.assign({style:{width:z?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!f&&e.jsx(p.SearchBox,{onSearch:C,version:O}),W.length||D?e.jsxs(a.MenuListContainer,Object.assign({minHeight:K,maxHeight:N},{children:[!!x&&!G&&e.jsx(u.SelectAllMenu,{version:O,options:D&&m?L:M,onSelect:A}),!v&&G&&e.jsx(d.SearchZeroState,{height:N,searchedString:D}),v&&(G||!!T.length&&T.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:O,isMultiSelect:x,onSelect:B,searchedString:D}),e.jsx(l.MenuList,{version:O,onSelect:F,showDescription:function(e,t){E(e&&t?{title:e,description:t}:null)},isMultiSelect:x,options:W})]})):e.jsx("div",Object.assign({style:{height:K,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!x&&!(!W.length&&!D)&&"2.0"!==O&&e.jsx(c.default,{onClear:k,onApply:H,list:D&&m?L:M})]})),!!z&&e.jsx(o.Description,{title:z.title,description:z.description,version:O})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../zeroState/ZeroState.js"),s=require("../../../../hooks/useOutside.js"),n=require("../../hooks/useDropdown.js"),o=require("./description/Description.js"),i=require("./menu/FreeFormMenu.js"),l=require("./menu/MenuList.js"),u=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),a=require("./OpennedDropdown.styled.js"),p=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const h=304,S=290;exports.OpenedDropdown=j=>{let{options:f,isSearchable:x,isMultiSelect:g,width:v,allowFreeForm:w,height:b,onClose:y,onSelect:m,onSearch:O,version:q,skipSorting:M}=j;const{dropdownOptions:C,search:D,searchedString:L,searchedOptions:F,onApplyHandler:A,selectAllHandler:k,onMultiSelectClear:B,onFreeFormSelect:H,onMultiSelectApply:Z,latestDropdownOptionsRef:P,getSelectedOptions:R}=n.useDropdown(q,f,m,M,g,O),[_,z]=t.useState(null!=v?v:S),[E,I]=t.useState(null),K=t.useRef(null);s.useOutside(K,(()=>{if(I(null),g&&"2.0"===q){const e=R(P.current);null==y||y(e)}else null==y||y(C)}));const N=null!=b?b:h,T="number"==typeof N?x&&g?N-96:x&&!g||!x&&g?N-48:N:N;t.useEffect((()=>{const e=null!=v?v:S;if(null===E)z(e);else if("number"==typeof e)z(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));z(t)}}),[E]);const W=[],G=(L&&O?F:C).map((e=>{var t,r;if(L&&!O){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(L.toLowerCase()))&&(W.push(!L||e.label===L),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(L.toLowerCase()))||(null===(r=e.searchKey)||void 0===r?void 0:r.toLowerCase().includes(L.toLowerCase()))?(W.push(!L||e.label===L),e):null}return e})).filter((e=>null!==e)),J=!!x&&L&&0===G.length;return e.jsxs(a.OpennedDropdownContainer,Object.assign({version:q,ref:K,style:{width:_}},{children:[e.jsxs("div",Object.assign({style:{width:E?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!x&&e.jsx(p.SearchBox,{onSearch:D,version:q}),G.length||L?e.jsxs(a.MenuListContainer,Object.assign({minHeight:N,maxHeight:T},{children:[!!g&&!J&&e.jsx(u.SelectAllMenu,{version:q,options:L&&O?F:C,onSelect:k}),!w&&J&&e.jsx(d.SearchZeroState,{height:T,searchedString:L}),w&&(J||!!W.length&&W.every((e=>!1===e)))&&e.jsx(i.FreeFormMenu,{version:q,isMultiSelect:g,onSelect:H,searchedString:L}),e.jsx(l.MenuList,{version:q,onSelect:A,showDescription:function(e,t){I(e&&t?{title:e,description:t}:null)},isMultiSelect:g,options:G})]})):e.jsx("div",Object.assign({style:{height:N,display:"flex"}},{children:e.jsx(r.ZeroState,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!g&&!(!G.length&&!L)&&"2.0"!==q&&e.jsx(c.default,{onClear:B,onApply:Z,list:L&&O?F:C})]})),!!E&&e.jsx(o.Description,{title:E.title,description:E.description,version:q})]}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),t=require("./Description.styled.js");exports.Description=({title:i,description:n,version:o})=>e.jsx(t.DescriptionContainer,Object.assign({version:o},{children:e.jsxs("div",Object.assign({style:{padding:"2.0"===o?12:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:s.COLORS.content.primary,marginBottom:4}},{children:i})),e.jsx(r.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:n}))]}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),t=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o,version:c}=i;return e.jsx(t.DescriptionContainer,Object.assign({version:c},{children:e.jsxs("div",Object.assign({style:{padding:"2.0"===c?12:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:s.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsx(r.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:o}))]}))}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=({searchedString:c,onSelect:l,isMultiSelect:a,version:u})=>{const[j,m]=r.useState(!1);function x(){m(!j),l(!j)}return e.jsx(s.ListItem,{version:u,onClick:e=>{e.preventDefault(),x()},listItem:{label:c,value:c},leadingIcon:a?e.jsx(t.CheckBox,{size:"2.0"===u?"SMALL":"DEFAULT",isChecked:j,onValueChange:x}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=c=>{let{searchedString:l,onSelect:a,isMultiSelect:u,version:j}=c;const[m,x]=r.useState(!1);function d(){x(!m),a(!m)}return e.jsx(s.ListItem,{version:j,onClick:e=>{e.preventDefault(),d()},listItem:{label:l,value:l},leadingIcon:u?e.jsx(t.CheckBox,{size:"2.0"===j?"SMALL":"DEFAULT",isChecked:m,onValueChange:d}):e.jsx(e.Fragment,{}),trailingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))})})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -2,4 +2,4 @@
 	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
-`;exports.MenuItem=({option:t,isMultiSelect:i,showDescription:l,onSelect:a,last:d,version:u})=>{var p;function x(e){t.disabled||a(Object.assign(Object.assign({},t),{selected:e}))}return e.jsx(c,{version:u,style:d?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),x(!t.selected)},onMouseOver:function(){t.description?l(t.label,t.description):l()},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:i?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(n.CheckBox,{size:"2.0"===u?"SMALL":"DEFAULT",isDisabled:null!==(p=t.disabled)&&void 0!==p&&p,isChecked:!!t.selected,onValueChange:x}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:t.leadingIcon}))]})):t.leadingIcon?e.jsx(e.Fragment,{children:t.leadingIcon}):e.jsx(e.Fragment,{}),customComponent:t.customComponent,trailingIcon:t.isFreeForm?e.jsx(o.FreeFormContainer,{children:e.jsx(s.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Freeform"}))}):t.trailingIcon?e.jsx(e.Fragment,{children:t.trailingIcon}):e.jsx(e.Fragment,{}),variant:t.disabled?"inactive":t.selected?"selected":"default"})};
+`;exports.MenuItem=t=>{let{option:i,isMultiSelect:l,showDescription:a,onSelect:d,last:u,version:p}=t;var x;function g(e){i.disabled||d(Object.assign(Object.assign({},i),{selected:e}))}return e.jsx(c,{version:p,style:u?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),g(!i.selected)},onMouseOver:function(){i.description?a(i.label,i.description):a()},listItem:{value:i.value,label:i.label},subText:i.subText,leadingIcon:l?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(n.CheckBox,{size:"2.0"===p?"SMALL":"DEFAULT",isDisabled:null!==(x=i.disabled)&&void 0!==x&&x,isChecked:!!i.selected,onValueChange:g}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:i.leadingIcon}))]})):i.leadingIcon?e.jsx(e.Fragment,{children:i.leadingIcon}):e.jsx(e.Fragment,{}),customComponent:i.customComponent,trailingIcon:i.isFreeForm?e.jsx(o.FreeFormContainer,{children:e.jsx(s.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Freeform"}))}):i.trailingIcon?e.jsx(e.Fragment,{children:i.trailingIcon}):e.jsx(e.Fragment,{}),variant:i.disabled?"inactive":i.selected?"selected":"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./MenuItem.js"),t=require("./MenuList.styled.js");exports.MenuList=({options:n,isMultiSelect:i,showDescription:o,onSelect:r,version:l})=>e.jsx(e.Fragment,{children:n.map(((c,a)=>{const u=a===n.length-1;if(c.options){const n=c;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===l?2:0}},{children:[e.jsxs(t.StyledGroupedLabel,Object.assign({version:l},{children:[n.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:n.leadingIcon})):e.jsx(e.Fragment,{}),n.label]})),n.options.map(((t,c)=>e.jsx(s.MenuItem,{version:l,last:c===n.options.length-1,onSelect:r,showDescription:o,isMultiSelect:i,option:t},`${a}-${c}`)))]}),a)}return e.jsx(s.MenuItem,{version:l,last:u,onSelect:r,showDescription:o,isMultiSelect:i,option:c},a)}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./MenuItem.js"),s=require("./MenuList.styled.js");exports.MenuList=n=>{let{options:i,isMultiSelect:r,showDescription:o,onSelect:l,version:c}=n;return e.jsx(e.Fragment,{children:i.map(((n,a)=>{const u=a===i.length-1;if(n.options){const i=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===c?2:0}},{children:[e.jsxs(s.StyledGroupedLabel,Object.assign({version:c},{children:[i.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):e.jsx(e.Fragment,{}),i.label]})),i.options.map(((s,n)=>e.jsx(t.MenuItem,{version:c,last:n===i.options.length-1,onSelect:l,showDescription:o,isMultiSelect:r,option:s},`${a}-${n}`)))]}),a)}return e.jsx(t.MenuItem,{version:c,last:u,onSelect:l,showDescription:o,isMultiSelect:r,option:n},a)}))})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=({options:c,onSelect:i,version:r})=>{const[o,a]=t.useState("notSelected");function n(){"partiallySelected"===o&&i("notSelected"),"selectAll"===o&&i("notSelected"),"notSelected"===o&&i("selectAll")}return t.useEffect((()=>{const e=[];c.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")}),[c]),e.jsx(s.ListItem,{version:r,onClick:e=>{e.preventDefault(),n()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===o||"partiallySelected"===o,isPartiallyChecked:"partiallySelected"===o,onValueChange:n})})),variant:"default"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=c=>{let{options:i,onSelect:r,version:o}=c;const[a,n]=t.useState("notSelected");function d(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return t.useEffect((()=>{const e=[];i.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[i]),e.jsx(s.ListItem,{version:o,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===o?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d})})),variant:"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=({onApply:o,onClear:l,list:i})=>{const a=i.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(n.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:s.COLORS.content.primary}},{children:a?`${a} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:l}),e.jsx(t.Button,{size:"small",buttonText:"Apply",onClick:()=>{o()}})]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=o=>{let{onApply:l,onClear:i,list:a}=o;const c=a.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(n.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:s.COLORS.content.primary}},{children:c?`${c} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:"Apply",onClick:()=>{l()}})]}))]}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../input/Input.js"),o=require("../../../../input/context/InputStyleProvider.js"),n=require("../../../../../constants/Theme.js"),s=require("../../../../../assets/icons/cross.svg.js"),i=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=({onSearch:a,version:c})=>{const[u,p]=r.useState(""),[l,d]=r.useState(!1);return e.jsx(o.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===c?.5:1}px solid ${n.COLORS.stroke.primary}`,padding:""+("2.0"===c?"6px 8px":"14px 16px"),marginBottom:4},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===c?"small":"default",leftIcon:{icon:()=>e.jsx(i.default,{width:"2.0"===c?18:24,height:"2.0"===c?18:24,color:n.COLORS.content.placeholder})},rightIcon:{icon:()=>u?e.jsx(s.default,{onClick:()=>{d(!0),a(""),p("")},width:24,height:24,color:n.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:l,onChangeText:e=>{d(!1),p(e),a(e)}})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../input/Input.js"),o=require("../../../../input/context/InputStyleProvider.js"),n=require("../../../../../constants/Theme.js"),s=require("../../../../../assets/icons/cross.svg.js"),i=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=a=>{let{onSearch:c,version:u}=a;const[l,p]=r.useState(""),[d,h]=r.useState(!1);return e.jsx(o.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===u?.5:1}px solid ${n.COLORS.stroke.primary}`,padding:""+("2.0"===u?"6px 8px":"14px 16px"),marginBottom:4},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===u?"small":"default",leftIcon:{icon:()=>e.jsx(i.default,{width:"2.0"===u?18:24,height:"2.0"===u?18:24,color:n.COLORS.content.placeholder})},rightIcon:{icon:()=>l?e.jsx(s.default,{onClick:()=>{h(!0),c(""),p("")},width:24,height:24,color:n.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:d,onChangeText:e=>{h(!1),p(e),c(e)}})}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=({searchedString:r,height:s})=>e.jsx("div",Object.assign({style:{height:s,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:s,height:i}=r;return e.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=s?s:""}"`})}))};

package/dist/cjs/components/dropdown/hooks/useDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=(s="1.0",l,n,c,i,a)=>{const[o,u]=e.useState(null!=l?l:[]),[r,d]=e.useState([]),[p,O]=e.useState(""),f=e.useRef(o);e.useEffect((()=>{if(f.current=o,r.length&&p&&a){let e=[...r];const t=o.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d([...e])}}),[o]),e.useEffect((()=>{if(l){const e=[...l];u(i&&!c?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const v=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function b(e,l){if(i)if(r.length&&p&&a)if(e.selected){let n=!1;const c=t.iterateOnOptions(o,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||c.push(e),l)return[...c];u([...c]),"2.0"===s&&g(c)}else{let n=!1,c=t.iterateOnOptions(o,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(c=c.filter((t=>t.value!==e.value))),l)return[...c];u([...c]),"2.0"===s&&g(c)}else{const n=t.iterateOnOptions(o,{selected:e.selected},(t=>t.value===e.value));if(l)return[...n];u([...n]),"2.0"===s&&g(n)}else null==n||n(e)}function g(e){const t=v(null!=e?e:f.current);null==n||n([...t])}return{latestDropdownOptionsRef:f,dropdownOptions:o,search:function(e){if(O(e),d([]),e&&a){const s=[];t.iterateOnOptionsRaw(o,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),a(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));d([...t])}}))}},searchedString:p,searchedOptions:r,onApplyHandler:b,selectAllHandler:function(e){if(r.length&&p&&a)!function(e){let t=[...o];e?r.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):r.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),u([...t]),"2.0"===s&&g(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(o,{selected:!0},(e=>{var t;return p?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e]),"2.0"===s&&g(e)}else if("notSelected"===e){const e=t.iterateOnOptions(o,{selected:!1},(e=>!e.disabled));u([...e]),"2.0"===s&&g(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(o,{selected:!1});u([...e]),"2.0"===s&&g(e)},onFreeFormSelect:function(e){if(!i)return void b({label:p,value:p,isFreeForm:!0,selected:!0});const t=o.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===p&&t.value===p?e:t.selected})));e&&(t.some((e=>e.label===p&&e.value===p))||t.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...t]),"2.0"===s&&g(t)},onMultiSelectApply:g,getSelectedOptions:v}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",l=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0;const[a,u]=e.useState(null!=l?l:[]),[r,d]=e.useState([]),[p,v]=e.useState(""),O=e.useRef(a);e.useEffect((()=>{if(O.current=a,r.length&&p&&o){let e=[...r];const t=a.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d([...e])}}),[a]),e.useEffect((()=>{if(l){const e=[...l];u(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[l]);const f=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function g(e,l){if(c)if(r.length&&p&&o)if(e.selected){let n=!1;const i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||i.push(e),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{let n=!1,i=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(i=i.filter((t=>t.value!==e.value))),l)return[...i];u([...i]),"2.0"===s&&b(i)}else{const n=t.iterateOnOptions(a,{selected:e.selected},(t=>t.value===e.value));if(l)return[...n];u([...n]),"2.0"===s&&b(n)}else null==n||n(e)}function b(e){const t=f(null!=e?e:O.current);null==n||n([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:a,search:function(e){if(v(e),d([]),e&&o){const s=[];t.iterateOnOptionsRaw(a,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));d([...t])}}))}},searchedString:p,searchedOptions:r,onApplyHandler:g,selectAllHandler:function(e){if(r.length&&p&&o)!function(e){let t=[...a];e?r.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):r.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),u([...t]),"2.0"===s&&b(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(a,{selected:!0},(e=>{var t;return p?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e]),"2.0"===s&&b(e)}else if("notSelected"===e){const e=t.iterateOnOptions(a,{selected:!1},(e=>!e.disabled));u([...e]),"2.0"===s&&b(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(a,{selected:!1});u([...e]),"2.0"===s&&b(e)},onFreeFormSelect:function(e){if(!c)return void g({label:p,value:p,isFreeForm:!0,selected:!0});const t=a.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===p&&t.value===p?e:t.selected})));e&&(t.some((e=>e.label===p&&e.value===p))||t.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...t]),"2.0"===s&&b(t)},onMultiSelectApply:b,getSelectedOptions:f}};

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum FAB_POSITION {
     TOP_LEFT = "top left",
     TOP_RIGHT = "top right",
@@ -32,18 +33,18 @@ export declare const FloatingActionButtonOuterContainer: import("styled-componen
     zIndex: number;
 }, never>;
 export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"a", import("react-bootstrap").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", import("react-bootstrap").DropdownItemTextProps>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", import("react-bootstrap").DropdownDividerProps>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownHeaderProps>;
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
 }, any, {
     active?: string | undefined;
     width?: string | undefined;
     height?: string | undefined;
 }, never>;
-export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>, any, {}, never>;
+export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;
 export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {
     tooltipWidth?: number | undefined;
 }, never>;

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"),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})=>{const g=o.useRef(null),[h,j]=o.useState(),[C,f]=o.useState(p),[v,x]=o.useState(!1);o.useEffect((()=>{c.upload?(j("upload"),setTimeout((()=>{F()}),500)):c.crop?j("crop"):c.compress?j("compress"):c.uploadToFirestorage?j("cloud-upload"):x(!0)}),[c.upload,c.crop,c.compress,c.uploadToFirestorage]);const I=o.useCallback(((e,o)=>{if(!c.uploadToFirestorage)return u(e,o),void x(!0);j("cloud-upload"),m&&m.uploadFile(o,m.path).then((r=>{u(e,o,r),x(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),S=e=>{e||d();const o=r.ImageService.base64ToImage(e);c.compress?(j("compress"),r.ImageService.compressImage(o,n).then((e=>{if(!e)return x(!0),void d();I(e.base64,e.compressedFile)}))):I(e,o)},F=()=>{g.current.click()};return v?e.jsx(e.Fragment,{}):"cloud-upload"===h?!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,{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:g,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?j("crop"):S(e)},o&&r.readAsDataURL(o)}}),"crop"===h&&e.jsx(a.BikImageCropper,{src:C.src,onCropComplete:e=>{f({src:e}),S(e)},aspectRatio:i.aspectRatio,onCancel:d})]})};
+"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=i=>{let{cropOptions:l,fileTitle:n,compressionOptions:p,currentImage:c,options:u,onFinish:d,onCancel:m,fileUploadOptions:g}=i;const h=o.useRef(null),[j,C]=o.useState(),[f,v]=o.useState(c),[x,I]=o.useState(!1);o.useEffect((()=>{u.upload?(C("upload"),setTimeout((()=>{b()}),500)):u.crop?C("crop"):u.compress?C("compress"):u.uploadToFirestorage?C("cloud-upload"):I(!0)}),[u.upload,u.crop,u.compress,u.uploadToFirestorage]);const S=o.useCallback(((e,o)=>{if(!u.uploadToFirestorage)return d(e,o),void I(!0);C("cloud-upload"),g&&g.uploadFile(o,g.path).then((r=>{d(e,o,r),I(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),F=e=>{e||m();const o=r.ImageService.base64ToImage(e);u.compress?(C("compress"),r.ImageService.compressImage(o,p).then((e=>{if(!e)return I(!0),void m();S(e.base64,e.compressedFile)}))):S(e,o)},b=()=>{h.current.click()};return x?e.jsx(e.Fragment,{}):"cloud-upload"===j?!g||g.success?e.jsx(e.Fragment,{}):g.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:()=>{I(!0),m()}})}):e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:s.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:h,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?C("crop"):F(e)},o&&r.readAsDataURL(o)}}),"crop"===j&&e.jsx(a.BikImageCropper,{src:f.src,onCropComplete:e=>{v({src:e}),F(e)},aspectRatio:l.aspectRatio,onCancel:m})]})};

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

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

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=(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"]};
+"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"]};

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("react"),n=require("../button/Button.js"),i=require("./Input-helper.js"),r=require("../TypographyStyle.js"),l=require("../../assets/icons/errorInfo.svg.js"),s=require("./context/InputStyleProvider.js"),o=require("./Input.styled.js");const a=t.forwardRef(((a,u)=>{var c,d,v,h,x;const{placeholder:p,leftIcon:f,rightIcon:j,labelText:g,maxCharLimit:y,isRequired:I,hintText:C,type:b,state:m,validate:S,variant:w,button:E,suffixText:O,prefixText:k,onChangeText:q,value:F,noErrorHint:H,reset:M,rangeValidation:T,noKeyDownChange:B,version:R,noMaxCharCheck:L}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},a),z=null==f?void 0:f.icon,A=null==j?void 0:j.icon,[D,K]=t.useState(!1),[P,W]=t.useState(!1),[_,N]=t.useState(),V="small"===w?"18px":"22px",G=t.useContext(s.InputStyleContext),[J,Q]=t.useState(),U=t.useRef(null),X=null!=u?u:U;t.useEffect((()=>{Q(F)}),[F]),t.useEffect((()=>{var e;X.current&&(null===(e=a.onReferenceInit)||void 0===e||e.call(a,X.current))}),[X]),t.useEffect((()=>{M&&Q("")}),[M]),t.useEffect((()=>{var e;W(!!a.isActive),a.isActive&&(null===(e=X.current)||void 0===e||e.focus())}),[a.isActive]),t.useEffect((()=>{N(a.errorMessage)}),[a.errorMessage]),t.useEffect((()=>{var e;K(!1),("invalid"===a.state||_)&&K(!0),"active"===a.state&&(null===(e=X.current)||void 0===e||e.focus())}),[a.state,_]),t.useEffect((()=>{K(!!_)}),[_]);const Y=(e,...t)=>{i.isFunction(e)&&e(...t)},Z=e=>{const t=y||("zip"===b?6:60);B||q(F||"",e),L||![8].includes(e.which)&&t>0&&e.target.value.length===t&&e.preventDefault()},$=e=>{const t=e.target.value;q(t,e),a.textControl||Q(t);const n=S||i.validateInput;if(!n||!i.isFunction(n))return;const[r,l]=n(t,b,T);K(!r),N(a.errorMessage?a.errorMessage:l)},ee=e=>{var t;a.skipFocus||W(!0),Y(null===(t=a.onFocus)||void 0===t?void 0:t.call(a,e))},te=e=>{var t;a.skipFocus||W(!1),Y(null===(t=a.onBlur)||void 0===t?void 0:t.call(a,e))},ne=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==b&&e.jsx("input",{id:a.id,style:null!==(t=null==G?void 0:G.input)&&void 0!==t?t:{},ref:X,type:["phonenumber","zip","number"].includes(b)?"number":b,value:J,onFocus:e=>ee(e),onBlur:e=>te(e),placeholder:p||"Enter here",onChange:$,onKeyDown:e=>Z(e)}),"multiline"===b&&e.jsx("textarea",{value:J,ref:X,onFocus:e=>ee(e),onBlur:e=>te(e),placeholder:p||"Enter here",onChange:$,onKeyDown:e=>Z(e),maxLength:y>0?y:void 0})]})};return e.jsxs(o.RootContainer,Object.assign({width:a.width,height:a.height,state:m,type:b,style:null!==(c=null==G?void 0:G.RootContainer)&&void 0!==c?c:{}},{children:[!H&&(!!C||!!_)&&e.jsxs(o.InputFooter,Object.assign({invalid:!!_},{children:[!!_&&e.jsx(l.default,{width:16,height:16}),_||C]})),e.jsxs(o.InputWrapper,Object.assign({variant:w,state:m,width:a.width,isActive:"active"===m||P,isInvalid:D,style:null!==(d=null==G?void 0:G.InputWrapper)&&void 0!==d?d:{},version:R},{children:[!!z&&e.jsx(o.IconHolder,Object.assign({variant:w,iconSize:V,onClick:()=>Y(null==f?void 0:f.callback),isLeft:!0,style:null!==(v=null==G?void 0:G.IconHolder)&&void 0!==v?v:{}},{children:e.jsx(z,{})})),!!k&&e.jsx(o.PrefixHolder,Object.assign({variant:w},{children:k})),"default"===w&&e.jsx(o.InputContainer,{children:ne()}),"small"===w&&e.jsx(o.InputContainerSmall,{children:ne()}),!!A&&e.jsx(o.IconHolder,Object.assign({variant:w,iconSize:V,onClick:()=>Y(null==j?void 0:j.callback),isLeft:!1},{children:e.jsx(A,{})})),!!O&&e.jsx(o.SuffixHolder,Object.assign({variant:w},{children:O})),E&&E.text&&e.jsx(n.Button,{buttonText:E.text,onClick:()=>Y(null==E?void 0:E.onClick)})]})),(!!g||!!y)&&e.jsxs(o.InputHeader,Object.assign({invalid:D},{children:[e.jsxs(r.BodySecondary,{children:[g,I?e.jsx("span",{children:"*"}):""]}),y>0&&e.jsxs(o.MaxCharStyle,{children:[null!==(x=null===(h=a.value)||void 0===h?void 0:h.length)&&void 0!==x?x:0,"/",y]})]}))]}))}));a.displayName="Input",exports.Input=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),i=require("./Input-helper.js"),r=require("../TypographyStyle.js"),l=require("../../assets/icons/errorInfo.svg.js"),s=require("./context/InputStyleProvider.js"),o=require("./Input.styled.js");const a=t.forwardRef(((a,u)=>{var c,d,v,h,x;const{placeholder:p,leftIcon:f,rightIcon:j,labelText:g,maxCharLimit:y,isRequired:I,hintText:C,type:b,state:m,validate:S,variant:w,button:E,suffixText:O,prefixText:k,onChangeText:q,value:F,noErrorHint:H,reset:M,rangeValidation:T,noKeyDownChange:B,version:R,noMaxCharCheck:A}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},a),L=null==f?void 0:f.icon,z=null==j?void 0:j.icon,[D,K]=t.useState(!1),[P,W]=t.useState(!1),[_,N]=t.useState(),V="small"===w?"18px":"22px",G=t.useContext(s.InputStyleContext),[J,Q]=t.useState(),U=t.useRef(null),X=null!=u?u:U;t.useEffect((()=>{Q(F)}),[F]),t.useEffect((()=>{var e;X.current&&(null===(e=a.onReferenceInit)||void 0===e||e.call(a,X.current))}),[X]),t.useEffect((()=>{M&&Q("")}),[M]),t.useEffect((()=>{var e;W(!!a.isActive),a.isActive&&(null===(e=X.current)||void 0===e||e.focus())}),[a.isActive]),t.useEffect((()=>{N(a.errorMessage)}),[a.errorMessage]),t.useEffect((()=>{var e;K(!1),("invalid"===a.state||_)&&K(!0),"active"===a.state&&(null===(e=X.current)||void 0===e||e.focus())}),[a.state,_]),t.useEffect((()=>{K(!!_)}),[_]);const Y=function(e){if(i.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];e(...n)}},Z=e=>{const t=y||("zip"===b?6:60);B||q(F||"",e),A||![8].includes(e.which)&&t>0&&e.target.value.length===t&&e.preventDefault()},$=e=>{const t=e.target.value;q(t,e),a.textControl||Q(t);const n=S||i.validateInput;if(!n||!i.isFunction(n))return;const[r,l]=n(t,b,T);K(!r),N(a.errorMessage?a.errorMessage:l)},ee=e=>{var t;a.skipFocus||W(!0),Y(null===(t=a.onFocus)||void 0===t?void 0:t.call(a,e))},te=e=>{var t;a.skipFocus||W(!1),Y(null===(t=a.onBlur)||void 0===t?void 0:t.call(a,e))},ne=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==b&&e.jsx("input",{id:a.id,style:null!==(t=null==G?void 0:G.input)&&void 0!==t?t:{},ref:X,type:["phonenumber","zip","number"].includes(b)?"number":b,value:J,onFocus:e=>ee(e),onBlur:e=>te(e),placeholder:p||"Enter here",onChange:$,onKeyDown:e=>Z(e)}),"multiline"===b&&e.jsx("textarea",{value:J,ref:X,onFocus:e=>ee(e),onBlur:e=>te(e),placeholder:p||"Enter here",onChange:$,onKeyDown:e=>Z(e),maxLength:y>0?y:void 0})]})};return e.jsxs(o.RootContainer,Object.assign({width:a.width,height:a.height,state:m,type:b,style:null!==(c=null==G?void 0:G.RootContainer)&&void 0!==c?c:{}},{children:[!H&&(!!C||!!_)&&e.jsxs(o.InputFooter,Object.assign({invalid:!!_},{children:[!!_&&e.jsx(l.default,{width:16,height:16}),_||C]})),e.jsxs(o.InputWrapper,Object.assign({variant:w,state:m,width:a.width,isActive:"active"===m||P,isInvalid:D,style:null!==(d=null==G?void 0:G.InputWrapper)&&void 0!==d?d:{},version:R},{children:[!!L&&e.jsx(o.IconHolder,Object.assign({variant:w,iconSize:V,onClick:()=>Y(null==f?void 0:f.callback),isLeft:!0,style:null!==(v=null==G?void 0:G.IconHolder)&&void 0!==v?v:{}},{children:e.jsx(L,{})})),!!k&&e.jsx(o.PrefixHolder,Object.assign({variant:w},{children:k})),"default"===w&&e.jsx(o.InputContainer,{children:ne()}),"small"===w&&e.jsx(o.InputContainerSmall,{children:ne()}),!!z&&e.jsx(o.IconHolder,Object.assign({variant:w,iconSize:V,onClick:()=>Y(null==j?void 0:j.callback),isLeft:!1},{children:e.jsx(z,{})})),!!O&&e.jsx(o.SuffixHolder,Object.assign({variant:w},{children:O})),E&&E.text&&e.jsx(n.Button,{buttonText:E.text,onClick:()=>Y(null==E?void 0:E.onClick)})]})),(!!g||!!y)&&e.jsxs(o.InputHeader,Object.assign({invalid:D},{children:[e.jsxs(r.BodySecondary,{children:[g,I?e.jsx("span",{children:"*"}):""]}),y>0&&e.jsxs(o.MaxCharStyle,{children:[null!==(x=null===(h=a.value)||void 0===h?void 0:h.length)&&void 0!==x?x:0,"/",y]})]}))]}))}));a.displayName="Input",exports.Input=a;