@bikdotai/bik-component-library 0.0.44-5.beta.1 → 0.0.45

package/dist/cjs/components/plans/index.d.ts

@@ -1,4 +1,2 @@
 export * from './SubscriptionPlan';
 export * from './SubscriptionPlanSelector';
-export * from './NewSubscriptionPlan';
-export * from './SubscriptionPlansCollected';

package/dist/cjs/components/postPicker/PostPicker.styled.d.ts

@@ -1,16 +1,11 @@
 export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
+export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {
-    mediaType: string;
-}, never>;
+export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
-    mediaType: string;
+    _height: number;
 }, never>;
 export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,o=i(e);!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(d||(d={})),o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const d=o.default.div`
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -9,7 +9,7 @@
 	background-color: rgba(0, 0, 0, 0.5);
 	align-items: center;
 	justify-content: center;
-`,o.default.div`
+`,r=o.default.div`
 	background-color: #fff;
 	width: 1032px;
 	height: auto;
@@ -20,27 +20,21 @@
 	flex-direction: column;
 	align-items: center;
 	position: relative;
-`,o.default.div`
+`,l=o.default.div`
 	display: flex;
 	justify-content: space-between;
 	flex-direction: row;
 	gap: 20px;
 	width: 1032px;
-`,o.default(t.TitleMedium)`
+`,p=o.default(t.TitleMedium)`
 	padding: 6px 6px 20px 6px;
-`,o.default.div`
+`,a=o.default.div`
 	padding: 6px 6px 20px 6px;
-`;const r=o.default.div`
+`,n=o.default.div`
 	display: grid;
-	grid-template-columns: repeat(
-		${e=>e.mediaType==d.POST?6:8},
-		${e=>e.mediaType==d.POST?156:113}px
-	);
-	grid-gap: 16px;
+	grid-template-columns: repeat(6, 156px);
+	grid-gap: 20px;
 	overflow-y: scroll;
-	height: calc(564px - 140px);
-	overflow-y: auto;
-	padding: 0 24px;
 
 	/* Hide scrollbar by default */
 	&::-webkit-scrollbar {
@@ -50,15 +44,16 @@
 	&:hover::-webkit-scrollbar {
 		width: 0.5em;
 	}
-`,p=o.default.div`
+`,x=o.default.div`
 	position: relative;
 	cursor: pointer;
-	height: ${e=>e.mediaType==d.POST?155:180}px;
+	height: ${e=>e._height}px;
 	padding: 2px;
 	border-radius: 4px;
-	border: 2px solid transparent;
 
 	img {
+		width: 148px;
+		height: ${e=>e._height-1}px;
 		object-fit: cover;
 		border-radius: 4px;
 	}
@@ -67,8 +62,8 @@
 		position: absolute;
 		top: 2px;
 		left: 2px;
-		width: ${e=>e.mediaType==d.POST?148:104}px;
-		height: ${e=>e.mediaType==d.POST?148:172}px;
+		width: 148px;
+		height: ${e=>e._height-1}px;
 		background-color: rgba(255, 255, 255, 0.9);
 		display: flex;
 		flex-direction: column;
@@ -107,22 +102,22 @@
 	&.selected {
 		border: 2px solid #731dcf;
 	}
-`;o.default.div`
+`,s=o.default.div`
 	width: 100%;
 	display: flex;
 	flex-direction: row;
 	padding-top: 12px;
 	justify-content: space-between;
 	border-top: 1px solid #e0e0e0;
-`,o.default.div`
+`,c=o.default.div`
 	flex: 1;
 	padding-top: 10px;
 	display: flex;
 	justify-content: flex-start;
-`,o.default.div`
+`,f=o.default.div`
 	flex: 1;
 	display: flex;
 	flex-direction: row;
 	justify-content: flex-end;
 	gap: 10px;
-`,exports.StyledProduct=p,exports.StyledProductGrid=r;
+`;exports.ButtonViewContainer=f,exports.FooterContainer=s,exports.InfoSection=c,exports.StyledCloseButton=a,exports.StyledModal=d,exports.StyledModalContent=r,exports.StyledModalHeader=l,exports.StyledProduct=x,exports.StyledProductGrid=n,exports.StyledTitleMedium=p;

package/dist/cjs/components/postPicker/postPicker.d.ts

@@ -9,7 +9,6 @@ export type Media = {
     redirectionUrl: string;
     overlayCaption: string;
     id: string;
-    timestamp?: string;
 };
 export type PostPickerProps = {
     title: string;
@@ -20,28 +19,5 @@ export type PostPickerProps = {
     mediaType: MEDIA_TYPES;
     previouslySelected?: Media[];
     limit?: number;
-    selected: Media[];
-    showFilter?: boolean;
 };
-export declare enum DateKeys {
-    'Today' = "Today",
-    '7_Days' = "7",
-    '30_Days' = "30",
-    'custom' = "custom",
-    'Yesterday' = "Yesterday"
-}
-export interface DateOptionI {
-    label: string;
-    value: string;
-    key: DateKeys;
-    typeValue?: [Date, Date];
-    selectedRange?: [Date, Date];
-    isCustom?: boolean;
-    dateRangeSelectionOptions?: {
-        selectRange: boolean;
-        maxDate?: Date;
-        minDate?: Date;
-    };
-}
-export declare const dateOptions: DateOptionI[];
 export declare const PostPicker: React.FC<PostPickerProps>;

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("react"),a=require("./PostPicker.styled.js"),s=require("../tag/Tag.js"),r=require("../TypographyStyle.js"),i=require("../../utils/unCamelCase.js"),n=require("../../constants/colors.js"),o=require("../../constants/Theme.js"),l=require("../../assets/icons/instagram.svg.js"),d=require("../../assets/icons/warning.svg.js"),c=require("../modals/styledModal.js"),p=require("../shimmer/ShimmerComponent/BikShimmer.js"),h=require("../shimmer-image/ShimmerImage.js"),u=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var y=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),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/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var m,g,j=require("../../assets/icons/searchIcon.js");exports.MEDIA_TYPES=void 0,(m=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",m.POST="post",m.REEL="reel",exports.DateKeys=void 0,(g=exports.DateKeys||(exports.DateKeys={})).Today="Today",g["7_Days"]="7",g["30_Days"]="30",g.custom="custom",g.Yesterday="Yesterday";const x=[{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=m=>{var g,D;const[S,v]=t.useState(null!==(g=m.previouslySelected)&&void 0!==g?g:[]),[w,C]=t.useState(""),[T,b]=t.useState(!1),[O,f]=t.useState(m.media),[q,P]=t.useState(!1),[E,I]=t.useState(!1);t.useEffect((()=>{m.media.length||(b(!0),setTimeout((()=>{b(!1)}),2e3)),v(m.selected||[])}),[]),t.useEffect((()=>{m.media.length>0&&(f(m.media),b(!1))}),[null===(D=null==m?void 0:m.media)||void 0===D?void 0:D.length]),t.useEffect((()=>{S.length>0&&C("")}),[S.length]),t.useEffect((()=>{q&&(f(m.media),I(!1))}),[q]);return e.jsx(e.Fragment,{children:e.jsxs(c.StyledModal,Object.assign({zIndex:201,open:m.showModal,headingTitle:m.title,onClose:m.onClose,centralContainerStyles:{width:1071,height:m.showFilter?612:564},primaryButton:{disabled:!O.length,buttonType:"primary",buttonText:`Select ${i.unCamelCase(m.mediaType)}`,onClick:()=>{S.length?m.onSelect(S):C(`Please select a ${m.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>m.onClose()},footerLeftCustomElement:w?e.jsx(s.Tag,{tagText:w,type:"negative",LeadingIcon:d.default}):S.length?e.jsxs(r.BodySecondary,{children:[S.length," selected"]}):null},{children:[m.showFilter&&e.jsxs("div",Object.assign({style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"}},{children:[e.jsx(y.AnalyticsDropdown,{options:x,placeholder:"posted on",resetDropdown:q,onOptionSelected:e=>{var t,a;let s=null,r=null;"Custom range"===e.label?(s=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,r=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(s=e.typeValue[0],r=e.typeValue[1]);const i=m.media.filter((e=>function(e,t,a){const s=new Date(e),r=new Date(t),i=new Date(a);return s>=r&&s<=i}(e.timestamp,s,r)));f(i),I(!0),P(!1)}}),E&&e.jsx(r.ButtonRegular,Object.assign({color:o.COLORS.content.secondary,onClick:()=>P(!0)},{children:"Clear"}))]})),T?e.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:e.jsx(p.BikShimmer,{boxes:[{width:(m.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(m.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})})):e.jsx(e.Fragment,{children:O&&O.length?e.jsx(a.StyledProductGrid,Object.assign({mediaType:m.mediaType},{children:O.map((t=>{return e.jsxs(a.StyledProduct,Object.assign({mediaType:m.mediaType,className:""+(s=t,i=S,i.some((e=>e.id===s.id))?"selected":""),onClick:()=>{return e=t,void v((()=>S.find((t=>t.id===e.id))?S.filter((t=>t.id!==e.id)):!m.limit||S.length<m.limit?[...S,e]:(C(`Only ${m.limit} ${m.mediaType}s can be selected`),S)));var e}},{children:[e.jsx(h.ShimmerImage,{imageUrl:t.imageUrl,width:m.mediaType==exports.MEDIA_TYPES.POST?148:104,height:m.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxs("div",Object.assign({className:"overlay"},{children:[e.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:e.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[e.jsx(l.default,{height:22,width:22}),e.jsx(r.BodyPrimary,Object.assign({color:n.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),e.jsx("div",Object.assign({className:"overlay__caption"},{children:e.jsx(r.BodyCaption,Object.assign({color:o.COLORS.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var s,i}))})):e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:m.media.length?O.length?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${o.COLORS.background.inverse}`,borderRadius:"50%"}},{children:e.jsx(j.SearchIcon,{color:o.COLORS.content.primaryInverse})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"}},{children:[e.jsx(r.TitleMedium,{children:"No results found"}),e.jsx(r.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]})),e.jsx("div",Object.assign({onClick:()=>{P(!0)}},{children:e.jsx(r.ButtonLarge,Object.assign({color:`${o.COLORS.content.brand}`},{children:"Clear Filter"}))}))]})):e.jsx(u.StateComponent,{states:u.StateInterface.WARNING,heading:`No ${m.mediaType}s on your account`,subline:`There seems to be no ${m.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})]}))})},exports.dateOptions=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),i=require("../button/Button.js"),r=require("./PostPicker.styled.js"),n=require("../tag/Tag.js"),o=require("../TypographyStyle.js"),l=require("../../constants/colors.js"),a=require("../../constants/Theme.js"),c=require("../../assets/icons/cross.svg.js"),d=require("../../assets/icons/instagram.svg.js"),j=require("../../assets/icons/warning.svg.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var u;const[h,x]=s.useState(null!==(u=e.previouslySelected)&&void 0!==u?u:[]),[g,y]=s.useState(e.showModal),[m,p]=s.useState(),S=e.mediaType===exports.MEDIA_TYPES.POST?149:220;return t.jsx(t.Fragment,{children:g&&t.jsx(r.StyledModal,{children:t.jsxs(r.StyledModalContent,{children:[t.jsxs(r.StyledModalHeader,{children:[t.jsx(r.StyledTitleMedium,{children:e.title}),t.jsx(r.StyledCloseButton,Object.assign({onClick:()=>{e.onClose(),y(!1)}},{children:t.jsx(c.default,{height:20,width:20})}))]}),t.jsx(r.StyledProductGrid,{children:e.media.map((s=>t.jsxs(r.StyledProduct,Object.assign({_height:S,className:""+(h.includes(s)?"selected":""),onClick:()=>{return t=s,void x((()=>h.includes(t)?((!e.limit||h.length<=e.limit)&&p(void 0),h.filter((e=>e!==t))):!e.limit||h.length<e.limit?(p(void 0),[...h,t]):(p("Maximum limit exceeded!"),h)));var t}},{children:[t.jsx("img",{src:s.imageUrl,alt:s.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:s.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(d.default,{height:22,width:22}),t.jsx(o.BodyPrimary,Object.assign({color:l.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(o.BodyCaption,Object.assign({color:a.COLORS.content.placeholder},{children:s.overlayCaption}))}))]}))]}),s.id)))}),t.jsxs(r.FooterContainer,{children:[t.jsxs(r.InfoSection,{children:[!m&&t.jsx(o.BodyPrimary,Object.assign({color:a.COLORS.content.secondary},{children:h.length?`${h.length} selected`:""})),m&&t.jsx(n.Tag,{theme:"light",type:"negative",tagText:m,TrailingIcon:j.default})]}),t.jsxs(r.ButtonViewContainer,{children:[t.jsx(i.Button,{buttonText:"Close",size:"medium",buttonType:"secondary",onClick:()=>{e.onClose(),y(!1)}}),t.jsx(i.Button,{buttonText:"Select Media",size:"medium",buttonType:"primary",onClick:()=>{h.length?(e.onSelect(h),y(!1)):p("Please select a post to proceed")}})]})]})]})})})};

package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts

@@ -5,7 +5,7 @@ export interface ProgressBarProps {
     color?: string;
     height?: number;
 }
-export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
 export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/cjs/components/radioButton/RadioButton.d.ts

@@ -3,9 +3,6 @@ export type RadioButtonProps = {
     isActive: boolean;
     isDisabled?: boolean;
     value?: string;
-    label?: string;
     onValueChange: (checked: boolean, value?: string) => void;
-    skipHoverState?: boolean;
-    size?: 'DEFAULT' | 'SMALL';
 };
 export declare const RadioButton: React.FC<RadioButtonProps>;

package/dist/cjs/components/radioButton/RadioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const a=i=>{const s=i.isDisabled?l.COLORS.content.inactive:i.isActive?l.COLORS.background.positive.vibrant:l.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:i.isSmall?"16":"20",height:i.isSmall?"16":"20",viewBox:i.isSmall?"0 0 16 16":"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:i.isSmall?"8":"10",cy:i.isSmall?"8":"10",r:i.isSmall?6:9,stroke:s,strokeWidth:i.isSmall?1.5:2}),i.isActive&&e.jsx("circle",{cx:i.isSmall?"8":"10",cy:i.isSmall?"8":"10",r:i.isSmall?3:5,fill:i.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant})]}))};exports.RadioButton=r=>{const[o,n]=i.useState(r.isActive||!1),[c,d]=i.useState(!1),[S,u]=i.useState(!1);return i.useEffect((()=>{n(r.isActive)}),[r.isActive]),e.jsxs(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!r.isDisabled){const i=!o;n(i),null===(e=r.onValueChange)||void 0===e||e.call(r,i,r.value)}},onMouseEnter:()=>d(!r.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>u(!r.skipHoverState),onMouseUp:()=>u(!1)},{children:[e.jsx(s.RadioButtonIcon,Object.assign({checked:o,hovered:c,clicked:S,isDisabled:r.isDisabled||!1,size:r.size},{children:e.jsx(a,{isSmall:"SMALL"===r.size,isActive:o,isDisabled:r.isDisabled||!1})})),r.label&&"SMALL"!==r.size&&e.jsx(t.BodyPrimary,Object.assign({color:r.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary},{children:r.label})),r.label&&"SMALL"===r.size&&e.jsx(t.BodyCaption,Object.assign({color:r.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary},{children:r.label}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../../constants/Theme.js");const n=i=>{const s=i.isDisabled?t.COLORS.content.inactive:i.isActive?t.COLORS.background.positive.vibrant:t.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant})]}))};exports.RadioButton=t=>{const[o,c]=i.useState(t.isActive||!1),[r,a]=i.useState(!1),[l,u]=i.useState(!1);return e.jsx(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!o;c(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:e.jsx(s.RadioButtonIcon,Object.assign({checked:o,hovered:r,clicked:l,isDisabled:t.isDisabled||!1},{children:e.jsx(n,{isActive:o,isDisabled:t.isDisabled||!1})}))}))};

package/dist/cjs/components/radioButton/RadioButton.styled.d.ts

@@ -4,5 +4,4 @@ export declare const RadioButtonIcon: import("styled-components").StyledComponen
     hovered: boolean;
     clicked: boolean;
     isDisabled: boolean;
-    size?: "SMALL" | "DEFAULT" | undefined;
 }, never>;

package/dist/cjs/components/radioButton/RadioButton.styled.js

@@ -1,22 +1,20 @@
-"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 s=i(e);const o=s.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 o=i(e);const s=o.default.div`
 	display: inline-flex;
-	gap: 8px;
 	align-items: center;
 	cursor: pointer;
-`,r=s.default.div`
-	width: ${e=>"SMALL"===e.size?16:20}px;
-	height: ${e=>"SMALL"===e.size?16:20}px;
+`,r=o.default.div`
+	width: 20px;
+	height: 20px;
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	${i=>i.hovered&&e.css`
-			outline: ${"SMALL"===i.size?1.5:3}px solid
-				${t.COLORS.surface.hovered};
+			outline: 3px solid ${t.COLORS.surface.hovered};
 		`}
 	${i=>i.clicked&&!i.isDisabled&&e.css`
-			outline: ${"SMALL"===i.size?1.5:3}px solid
+			outline: 3px solid
 				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;exports.RadioButtonContainer=o,exports.RadioButtonIcon=r;
+`;exports.RadioButtonContainer=s,exports.RadioButtonIcon=r;

package/dist/cjs/components/searchBar/searchBar.d.ts

@@ -7,9 +7,5 @@ export interface SearchBarProps {
     placeholder: string;
     variant: InputVariant;
     validate?: (input?: string | number) => [boolean, string];
-    initialValue?: string;
-    reset?: boolean;
-    onClickCross?: () => void;
-    isActive?: boolean;
 }
-export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts

@@ -1,15 +1,12 @@
 import { FunctionComponent } from 'react';
-export interface ShimmerBox {
+interface ShimmerBox {
     height: string;
     width: string;
     marginTop?: string;
-    borderRadius?: string;
 }
-export interface BikShimmerProps {
+interface OwnProps {
     boxes: ShimmerBox[];
-    isBrand?: boolean;
-    gap?: string;
-    direction?: 'row' | 'column';
 }
-export declare const BikShimmer: FunctionComponent<BikShimmerProps>;
+type Props = OwnProps;
+export declare const BikShimmer: FunctionComponent<Props>;
 export default BikShimmer;

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("./ShimmerStyled.js");const r=r=>e.jsx(i.ShimmerStyled,Object.assign({isBrand:r.isBrand,direction:r.direction,gap:r.gap},{children:r.boxes.map(((i,r)=>e.jsx("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px",borderRadius:i.borderRadius||"4px"}},r)))}));exports.BikShimmer=r,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{children:i.boxes.map(((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px"}},i)))});exports.BikShimmer=i,exports.default=i;

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -2,8 +2,4 @@
 export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & {
-    isBrand?: boolean | undefined;
-    direction?: "row" | "column" | undefined;
-    gap?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/styled/base"),t=require("@emotion/react");function l(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var e=l(i);const a=t.keyframes`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/styled/base"),t=require("@emotion/react");function b(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var e=b(i);const l=t.keyframes`
   0% {
     background-position: -468px 0;
   }
@@ -6,4 +6,4 @@
   100% {
     background-position: 468px 0;
   }
-`,b=e.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:",(i=>i.direction||"column"),";width:100%;height:100%;gap:",(i=>i.gap||"0px"),";.shine{border-radius:4px;background:",(i=>i.isBrand?"linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(224, 224, 224, 0.00) 100%)":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",a,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IHByb3BzLmRpcmVjdGlvbiB8fCAnY29sdW1uJ307XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCAnMHB4J307XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));exports.ShimmerStyled=b;
+`,a=e.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat;background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuc2hpbmUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRiYWNrZ3JvdW5kOiAjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */"));exports.ShimmerStyled=a;

package/dist/cjs/components/spinner/Spinner.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { SpinnerProps } from './model';
 export declare const Spinner: {
-    ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, color, className }: SpinnerProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/components/states/StateComponent.d.ts

@@ -1,11 +1,9 @@
 import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
 import React from 'react';
-import { Type } from "../button/model";
 export declare enum StateInterface {
     SUCCESS = "success",
     ERROR = "error",
-    WARNING = "warning",
-    LOADING = "loading"
+    WARNING = "warning"
 }
 export declare enum ButtonActions {
     CANCEL = "cancel",
@@ -23,11 +21,9 @@ export type StateComponentProps = {
     isButtonEnabled: boolean;
     type?: ButtonTypes;
     buttonText?: string;
-    buttonType?: Type;
     buttonIcon?: ReactJSXElement;
     onButtonClick?: (buttonClicked: ButtonActions) => void;
     leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     width: number;
-    size?: 'DEFAULT' | 'SMALL';
 };
-export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;
+export declare const StateComponent: React.FC<StateComponentProps>;

package/dist/cjs/components/states/StateComponent.styled.d.ts

@@ -2,10 +2,6 @@ export declare const StateComponentContainer: import("styled-components").Styled
     width: number;
 }, never>;
 export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {
-    size?: "SMALL" | "DEFAULT" | undefined;
-}, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    size?: "SMALL" | "DEFAULT" | undefined;
-}, never>;
+export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StateSubline: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/states/index.d.ts

@@ -1,2 +1 @@
 export * from './StateComponent';
-export * from './ShopifyScopeWrapper';

package/dist/cjs/components/states-modal/StateModalComponent.d.ts

@@ -13,7 +13,5 @@ export type StateModalComponentProps = {
     onButtonClick?: (buttonClicked: ButtonActions) => void;
     leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     width?: number;
-    onClose?: () => void;
-    zIndex?: number;
 };
-export declare const StateModalComponent: React.FC<React.PropsWithChildren<StateModalComponentProps>>;
+export declare const StateModalComponent: React.FC<StateModalComponentProps>;

package/dist/cjs/components/states-modal/index.d.ts

@@ -1,2 +1 @@
 export * from './StateModalComponent';
-export * from './DeleteConfirmationModal';

package/dist/cjs/components/stepper/Stepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
 export interface StepperProps {
     steps: EachStep[];
@@ -17,6 +18,5 @@ export interface SingleStepperProps {
     eachStep: EachStep;
     isActive: boolean;
     onClickingStep: (step: EachStep) => void;
-    stepsCount: number;
 }
-export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: (stepperDetails: StepperProps) => JSX.Element;

package/dist/cjs/components/stepper/Stepper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const c=c=>{const{eachStep:a,isLastElement:o,index:l,isActive:d,onClickingStep:p}=c,{stepName:h,isCompleted:j,isError:u,isInActive:g}=a,v=()=>d?"active":j?"completed":u?"error":g?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,Object.assign({stepsCount:c.stepsCount,onClick:()=>{!g&&p(a)},selectedState:v()},{children:[e.jsxs("div",Object.assign({className:`hover-container ${g?"blocked":"pointer"} `},{children:[e.jsx("div",Object.assign({className:"badge"},{children:"completed"==v()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==v()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,Object.assign({className:"badge-text"},{children:l+1}))})),e.jsx(r.BodyPrimary,Object.assign({className:"step-text",title:h},{children:h}))]})),e.jsx("div",{className:o?"":"horizontal-divider"})]}))};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(c,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n},n)))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const c=c=>{const{eachStep:a,isLastElement:o,index:l,isActive:d,onClickingStep:p}=c,{stepName:h,isCompleted:j,isError:v,isInActive:g}=a,u=()=>d?"active":j?"completed":v?"error":g?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,Object.assign({onClick:()=>{!g&&p(a)},selectedState:u()},{children:[e.jsxs("div",Object.assign({className:`hover-container ${g?"blocked":"pointer"} `},{children:[e.jsx("div",Object.assign({className:"badge"},{children:"completed"==u()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==u()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,Object.assign({className:"badge-text"},{children:l+1}))})),e.jsx(r.BodyPrimary,Object.assign({className:"step-text",title:h},{children:h}))]})),e.jsx("div",{className:o?"":"horizontal-divider"})]}))};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(c,{eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n},n)))})};

package/dist/cjs/components/stepper/Stepper.styled.d.ts

@@ -2,6 +2,5 @@ import { StepperStates } from './Stepper';
 export declare const StepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
     selectedState: StepperStates;
-    stepsCount: number;
 }, never>;
 export declare const WorkingStepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/stepper/Stepper.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const o=n.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	gap: 16px;
-`,r=o.default.div`
+`,r=n.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -55,7 +55,7 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		max-width: ${e=>e.stepsCount>2?200:250}px;
+		max-width: 200px;
 	}
 	.horizontal-divider {
 		width: 48px;
@@ -63,7 +63,7 @@
 		background: ${e=>t.getTheme(e.selectedState).dividerBackground};
 		margin-left: 8px;
 	}
-`;o.default.div`
+`;n.default.div`
 	.top-bar {
 		position: sticky;
 		top: 0px;
@@ -80,4 +80,4 @@
 		align-items: center;
 		overflow-y: auto;
 	}
-`,exports.SingleStepperChildContainer=r,exports.StepperContainer=i;
+`,exports.SingleStepperChildContainer=r,exports.StepperContainer=o;

package/dist/cjs/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,4 @@
-export declare const WorkingStepper: () => import("react/jsx-runtime").JSX.Element;
+export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",
     STEP2 = "STEP2",