@bikdotai/bik-component-library 0.0.741 → 0.0.742-beta.10

package/dist/esm/components/sample-button/SampleButton.styled.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { Color, Variant } from './SampleButton';
-export declare const SampleButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    $color: Color;
-    variant: Variant;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/esm/components/sample-button/index.d.ts

@@ -1 +0,0 @@
-export * from './SampleButton';

package/dist/esm/components/sample-button/themes.d.ts

@@ -1,2 +0,0 @@
-import type { Color, Variant } from './SampleButton';
-export declare function getTheme(color: Color, variant: Variant): import("@emotion/utils").SerializedStyles;

package/dist/esm/components/searchBar/index.d.ts

@@ -1 +0,0 @@
-export * from './searchBar';

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

@@ -1,19 +0,0 @@
-import { ButtonProps } from '../button/model';
-import { InputVariant } from '../input/Input';
-export interface SearchBarProps {
-    width: string;
-    isEnabled: boolean;
-    onChange: (searchText: string) => void;
-    onEnter: (searchText: string) => void;
-    placeholder: string;
-    variant: InputVariant;
-    validate?: (input?: string | number) => [boolean, string];
-    initialValue?: string;
-    reset?: boolean;
-    onClickCross?: () => void;
-    isActive?: boolean;
-    suffixButton?: ButtonProps;
-    searchValue?: string;
-    'data-test'?: string;
-}
-export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/searchBar/searchBar.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{SearchIcon as t}from"../../assets/icons/searchIcon.js";import{useState as o,useEffect as a}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as n}from"../input/Input.js";const r=r=>{const{isEnabled:i,onEnter:c,placeholder:l,width:d,variant:u,validate:h,isActive:v}=r,[f,m]=o("search"),[p,g]=o("default"),[C,b]=o(v?"active":i?"none":"disabled"),[k,x]=o(r.initialValue||r.searchValue||"");a((()=>{var e,t,o;x(null!==(e=r.searchValue)&&void 0!==e?e:""),(null===(o=null===(t=r.searchValue)||void 0===t?void 0:t.trim())||void 0===o?void 0:o.length)?m("cross"):m("search")}),[r.searchValue]),a((()=>{b(v?"active":i?"none":"disabled")}),[i,v]),a((()=>{r.reset&&j()}),[null==r?void 0:r.reset]);const V=e=>{i&&c(e)},j=()=>{m("search"),g("default"),x(""),r.onChange(""),b("none"),c("")};return e(n,{"data-test":r["data-test"],id:"search-bar",validate:h,onFocus:()=>{k.length&&m("cross"),"default"===p&&i&&(g("clicked"),b("active"))},width:d,state:C,leftIcon:"search"===f&&"default"===p?{icon:t}:void 0,rightIcon:"cross"!==f||r.suffixButton?void 0:{icon:s,callback:()=>{j(),r.onClickCross&&r.onClickCross()}},onChangeText:(e,t)=>{r.onChange(e),x(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?m("cross"):m("search"):V(e)},placeholder:l,variant:u,value:k,onBlur:()=>{k.length||g("default"),b("none")},button:{text:"",buttonProps:r.suffixButton}})};export{r as SearchBar};

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

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

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

@@ -1 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{ShimmerStyled as r}from"./ShimmerStyled.js";const e=e=>i(r,Object.assign({isBrand:e.isBrand,direction:e.direction,gap:e.gap},{children:e.boxes.map(((r,e)=>i("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px",borderRadius:r.borderRadius||"4px"}},e)))}));export{e as BikShimmer,e as default};

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    isBrand?: boolean | undefined;
-    direction?: "row" | "column" | undefined;
-    gap?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    isBrand?: boolean | undefined;
-    height: number;
-    width: number;
-    marginTop?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +0,0 @@
-import b from"@emotion/styled/base";import{keyframes as c}from"@emotion/react";const l=c`
-  0% {
-    background-position: -468px 0;
-  }
-
-  100% {
-    background-position: 468px 0;
-  }
-`,d=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i91"}:{target:"eh9q9i91",label:"ShimmerStyled"})("display:flex;flex-direction:",(b=>b.direction||"column"),";width:100%;height:100%;gap:",(b=>b.gap||"0px"),";.shine{border-radius:4px;background:",(b=>b.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:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IHByb3BzLmRpcmVjdGlvbiB8fCAnY29sdW1uJ307XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLmdhcCB8fCAnMHB4J307XG5cblx0LnNoaW5lIHtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaGltbWVyQ29tcG9uZW50U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmlzQnJhbmRcclxuICAgID8gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMwKSAwJSwgcmdiYSgyMjQsIDIyNCwgMjI0LCAwLjAwKSAxMDAlKSdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMud2lkdGh9cHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH1weDtcblx0bWFyZ2luLXRvcDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpblRvcCB8fCAwfXB4O1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */")),i=b("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerComponentStyled"})("border-radius:4px;background:",(b=>b.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"),";width:",(b=>b.width),"px;height:",(b=>b.height),"px;margin-top:",(b=>b.marginTop||0),"px;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDaUQiLCJmaWxlIjoiU2hpbW1lclN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246ICR7KHByb3BzKSA9PiBwcm9wcy5kaXJlY3Rpb24gfHwgJ2NvbHVtbid9O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRnYXA6ICR7KHByb3BzKSA9PiBwcm9wcy5nYXAgfHwgJzBweCd9O1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogODAwcHggMzA0cHg7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lckNvbXBvbmVudFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zMCkgMCUsIHJnYmEoMjI0LCAyMjQsIDIyNCwgMC4wMCkgMTAwJSknXHJcbiAgICA6ICcjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCd9O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofXB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9cHg7XG5cdG1hcmdpbi10b3A6ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW5Ub3AgfHwgMH1weDtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdC13ZWJraXQtYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcblx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0LXdlYmtpdC1hbmltYXRpb24tbmFtZTogJHtrZXlmcmFtZXNBbmltYXRpb259O1xuXHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));export{i as ShimmerComponentStyled,d as ShimmerStyled};

package/dist/esm/components/shimmer/index.d.ts

@@ -1 +0,0 @@
-export * from './ShimmerComponent/BikShimmer';

package/dist/esm/components/shimmer-image/ShimmerImage.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export type ShimmerImageProps = {
-    imageUrl: string;
-    width: number | string;
-    height: number | string;
-    alt?: string;
-    borderRadius?: number;
-    defaultImageUrl?: string;
-    useDynamicInfoImageSize?: boolean;
-    imagePreviewStyles?: React.CSSProperties;
-};
-export declare const DEFAULT_IMAGE = "https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";
-export declare const ShimmerImage: React.FC<ShimmerImageProps>;

package/dist/esm/components/shimmer-image/ShimmerImage.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c",s=s=>{let{imageUrl:l,width:n,height:c,borderRadius:m,alt:d,useDynamicInfoImageSize:g,defaultImageUrl:b=a,imagePreviewStyles:h}=s;const[p,u]=t(!0),[f,j]=t(!1);return o((()=>{const e=new Image;return e.src=l,e.onload=()=>{j(!1),u(!1)},e.onerror=()=>{j(!0),u(!1)},()=>{e.onload=null,e.onerror=null}}),[l]),e("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:g?`min(100%, ${n}px)`:n},g?{aspectRatio:1}:{height:c}),{borderRadius:m})},{children:[p&&i(r,{boxes:[{height:`${c}px`,width:`${n}px`,marginTop:"0px"}]}),i("img",f?{src:b,alt:null!=d?d:"Image",style:{borderRadius:null!=m?m:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:l,alt:null!=d?d:"Image",style:Object.assign({borderRadius:null!=m?m:0,display:p?"none":"block",width:"100%",height:"100%",objectFit:"cover"},h)})]}))};export{a as DEFAULT_IMAGE,s as ShimmerImage};

package/dist/esm/components/shimmer-image/ShimmerImage.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export default _default;
-export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
-export declare const ImageWithError: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;

package/dist/esm/components/shimmer-image/index.d.ts

@@ -1 +0,0 @@
-export * from './ShimmerImage';

package/dist/esm/components/side-modal/SideModal.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../button/model';
-export interface SideModalProps {
-    header: string;
-    children: React.ReactNode;
-    headerCustomComponent?: React.ReactNode;
-    footerCustomComponent?: React.ReactNode;
-    footerDirection?: 'row' | 'row-reverse';
-    hideCrossButton?: boolean;
-    width?: string;
-    saveButtonProps?: ButtonProps;
-    cancelButtonProps?: ButtonProps;
-    onClose: () => void;
-    zIndex?: number;
-    hideFooter?: boolean;
-    bodyStyle?: React.CSSProperties;
-    element?: Element | DocumentFragment;
-    headerStyle?: React.CSSProperties;
-    footerStyle?: React.CSSProperties;
-}
-export declare const SideModal: React.FC<SideModalProps>;

package/dist/esm/components/side-modal/SideModal.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as i}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as l,SideModalBody as a,SideModalFooter as h,FooterButtonWrapper as m}from"./SideModal.style.js";const p=p=>{var u;return r.createPortal(e(c,Object.assign({zIndex:p.zIndex},{children:o(d,Object.assign({width:p.width},{children:[o(l,Object.assign({headerStyle:Object.assign({},p.headerStyle)},{children:[(null==p?void 0:p.headerCustomComponent)||e(i,{children:p.header}),!p.hideCrossButton&&e(n,{width:24,height:24,onClick:p.onClose})]})),e(a,Object.assign({hideFooter:p.hideFooter,bodyStyle:Object.assign({},p.bodyStyle)},{children:p.children})),!0===p.hideFooter?null:o(h,Object.assign({footerDirection:p.footerDirection,footerStyle:Object.assign({},p.footerStyle)},{children:[(p.saveButtonProps||p.cancelButtonProps)&&o(m,Object.assign({footerDirection:p.footerDirection},{children:[p.saveButtonProps&&e(s,Object.assign({},p.saveButtonProps)),p.cancelButtonProps&&e(s,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:e(t,{})]}))]}))})),null!==(u=p.element)&&void 0!==u?u:document.body)};export{p as SideModal};

package/dist/esm/components/side-modal/SideModal.style.d.ts

@@ -1,20 +0,0 @@
-export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {
-    zIndex?: number | undefined;
-}, never>;
-export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
-export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {
-    headerStyle: React.CSSProperties;
-}, never>;
-export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
-    hideFooter?: boolean | undefined;
-    bodyStyle: React.CSSProperties;
-}, never>;
-export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
-    footerDirection?: "row" | "row-reverse" | undefined;
-    footerStyle: React.CSSProperties;
-}, never>;
-export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    footerDirection?: "row" | "row-reverse" | undefined;
-}, never>;

package/dist/esm/components/side-modal/SideModal.style.js

@@ -1,65 +0,0 @@
-import e,{css as t}from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{ComponentZindex as i}from"../../constants/zindex.js";const r=e.div`
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: ${e=>e.zIndex||i.SIDE_MODAL};
-	height: 100%;
-	width: 100%;
-	background-color: rgba(0, 0, 0, 0.4);
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-`,n=e.div`
-	height: 100%;
-	width: ${e=>e.width||"566px"};
-	background: ${o.surface.standard};
-	position: relative;
-	display: flex;
-	flex-direction: column;
-`,d=e.div`
-	width: 100%;
-	height: 60px;
-	position: sticky;
-	top: 0;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	background: ${o.surface.standard};
-	padding: 0px 24px;
-	border-bottom: 1px solid ${o.stroke.primary};
-	svg:hover {
-		cursor: pointer;
-		background: ${o.background.base};
-		border-radius: 4px;
-	}
-	${e=>{let{headerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,s=e.div`
-	overflow-y: auto;
-	padding: 24px;
-	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
-	${e=>{let{bodyStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,a=e.div`
-	height: 60px;
-	width: 100%;
-	position: sticky;
-	bottom: 0;
-	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
-	justify-content: space-between;
-	align-items: center;
-	background: ${o.surface.standard};
-	border-top: 1px solid ${o.stroke.primary};
-	padding: 0px 24px;
-	${e=>{let{footerStyle:o}=e;return t`
-		${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
-	`}}
-`,p=e.div`
-	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
-	gap: 8px;
-`;export{p as FooterButtonWrapper,s as SideModalBody,n as SideModalContainer,a as SideModalFooter,d as SideModalHeader,r as SideModalStyle};

package/dist/esm/components/side-modal/index.d.ts

@@ -1 +0,0 @@
-export * from './SideModal';

package/dist/esm/components/slider/index.d.ts

@@ -1 +0,0 @@
-export * from './slider';

package/dist/esm/components/slider/slider.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface SliderBikProps {
-    min?: number;
-    max?: number;
-    defaultValue?: number;
-    onChange: (event: Event, value: number) => void;
-    step?: number;
-    disabled?: boolean;
-}
-export declare const BikSlider: React.FC<SliderBikProps>;

package/dist/esm/components/slider/slider.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as a,useEffect as r,useCallback as o}from"react";import{COLORS as s}from"../../constants/Theme.js";const i=i=>{let{min:l=0,max:c=100,defaultValue:u,onChange:b,step:d=1,disabled:m=!1}=i;const g=void 0!==u?u:l,[h,p]=n(g),[x,f]=n(!1),[v,w]=n(!1),[k,j]=n(!1),E=a(null),O=a(null),L=(e=>({container:{position:"relative",marginTop:"30px",height:"8px",width:"100%",cursor:e?"not-allowed":"pointer",opacity:e?.5:1},track:{position:"absolute",top:0,left:0,right:0,height:"8px",backgroundColor:"#E0E0E0",borderRadius:"4px"},filledTrack:{position:"absolute",top:0,left:0,height:"8px",backgroundColor:s.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:s.background.brand,border:`2px solid ${s.background.brand}`,borderRadius:"50%",transform:"translate(-50%, -50%)",cursor:e?"not-allowed":"grab",transition:"box-shadow 0.2s ease",outline:"none",zIndex:1},thumbDisabled:{cursor:"not-allowed"},valueLabel:{position:"absolute",bottom:"100%",left:"50%",marginBottom:"16px",width:"32px",height:"32px",backgroundColor:s.background.brand,borderRadius:"50% 50% 50% 0",transform:"translate(0, 0) rotate(-45deg) scale(0)",transformOrigin:"bottom left",transition:"transform 0.2s ease",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},valueLabelVisible:{transform:"translate(0, 0) rotate(-45deg) scale(1)"},valueLabelText:{transform:"rotate(45deg)",color:"white",fontSize:"12px",lineHeight:1.2,fontWeight:500}}))(m);r((()=>{p(void 0!==u?u:l)}),[u,l]);const M=o((e=>{if(!E.current)return l;const t=E.current.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e-t.left)/t.width)),a=l+n*(c-l),r=Math.round(a/d)*d;return Math.max(l,Math.min(c,r))}),[l,c,d]),y=o((e=>{if(m)return;e.preventDefault(),f(!0),j(!0);const t=M(e.clientX);p(t);const n=new Event("change",{bubbles:!0});b(n,t)}),[m,M,b]),C=o((e=>{if(!x||m)return;const t=M(e.clientX);p(t);const n=new Event("change",{bubbles:!0});b(n,t)}),[x,m,M,b]),D=o((()=>{f(!1),j(!1)}),[]),R=o((e=>{if(m)return;let t=h;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(l,h-d);break;case"ArrowRight":case"ArrowUp":t=Math.min(c,h+d);break;case"Home":t=l;break;case"End":t=c;break;default:return}e.preventDefault(),p(t);const n=new Event("change",{bubbles:!0});b(n,t)}),[m,h,l,c,d,b]);r((()=>{if(x)return document.addEventListener("mousemove",C),document.addEventListener("mouseup",D),()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",D)}}),[x,C,D]);const T=(h-l)/(c-l)*100,A=isNaN(T)?0:Math.max(0,Math.min(100,T));return e("div",Object.assign({ref:E,style:L.container,onMouseDown:y,role:"slider","aria-label":"bik slider","aria-valuemin":l,"aria-valuemax":c,"aria-valuenow":h,tabIndex:m?-1:0,onKeyDown:R},{children:[t("div",{style:L.track}),t("div",{style:Object.assign(Object.assign({},L.filledTrack),{width:`${A}%`})}),t("div",Object.assign({ref:O,style:(()=>{const e=Object.assign({},L.thumb);return m?Object.assign(Object.assign({},e),L.thumbDisabled):(x?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):v&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${A}%`,e)})(),onMouseEnter:()=>!m&&w(!0),onMouseLeave:()=>!m&&w(!1),onFocus:()=>!m&&j(!0),onBlur:()=>!m&&j(!1)},{children:t("div",Object.assign({style:(()=>{const e=Object.assign({},L.valueLabel);return k||v?Object.assign(Object.assign({},e),L.valueLabelVisible):e})()},{children:t("span",Object.assign({style:L.valueLabelText},{children:h}))}))}))]}))};export{i as BikSlider};

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

@@ -1,12 +0,0 @@
-import { SpinnerProps } from './model';
-export declare const Spinner: {
-    ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const PureSpinner: import("styled-components").StyledComponent<"div", any, {
-    width: string;
-    height: string;
-    size?: "small" | "large" | undefined;
-    color?: string | undefined;
-    backgroundColor?: string | undefined;
-}, never>;

package/dist/esm/components/spinner/Spinner.js

@@ -1,19 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import o from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{BorderMap as e,SizeMap as i}from"./themes.js";const n=o=>{let{size:e,color:n,className:a}=o;return r("div",Object.assign({className:`spinner-container ${a}`},{children:r(s,{width:`${i[e]}px`,height:`${i[e]}px`,size:e,color:null!=n?n:t.stroke.brand})}))};n.displayName="Spinner";const s=o.div`
-	width: ${r=>r.width};
-	height: ${r=>r.height};
-	border: ${r=>r.size?e[r.size]:5}px solid
-		${r=>{var o;return null!==(o=r.backgroundColor)&&void 0!==o?o:"transparent"}};
-	border-bottom-color: ${r=>{var o;return null!==(o=r.color)&&void 0!==o?o:t.stroke.brand}};
-	border-radius: 50%;
-	display: inline-block;
-	animation: rotation 1s linear infinite;
-
-	@keyframes rotation {
-		0% {
-			transform: rotate(0deg);
-		}
-		100% {
-			transform: rotate(360deg);
-		}
-	}
-`;export{s as PureSpinner,n as Spinner};

package/dist/esm/components/spinner/index.d.ts

@@ -1 +0,0 @@
-export * from './Spinner';

package/dist/esm/components/spinner/model.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Size of the spinner
-     *
-     */
-    size: 'small' | 'large';
-    /**
-     * Color of the spinner.
-     * Defaults to COLORS.content.brand
-     */
-    color?: string;
-    className?: string;
-}

package/dist/esm/components/spinner/themes.d.ts

@@ -1,6 +0,0 @@
-export declare const SizeMap: {
-    [key in 'small' | 'large']: number;
-};
-export declare const BorderMap: {
-    [key in 'small' | 'large']: number;
-};

package/dist/esm/components/spinner/themes.js

@@ -1 +0,0 @@
-const l={small:16,large:40},a={small:2,large:4};export{a as BorderMap,l as SizeMap};

package/dist/esm/components/star-rating/Star.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare const Star: React.FC<{
-    filled?: boolean;
-    size?: number;
-    emptyColor?: string;
-    filledColor?: string;
-    onClick?: (action: 'de-select' | 'select') => void;
-    onHover?: (hovered: boolean) => void;
-    /** this means this star is hovered-active cause there is a star hovered after this  */
-    asHovered?: boolean;
-    mode?: 'VIEW' | 'EDIT';
-    version?: 'v1' | 'v2';
-}>;

package/dist/esm/components/star-rating/Star.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import e,{useState as r,useEffect as n}from"react";import{COLORS as t}from"../../constants/Theme.js";import s from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";import i from"../../assets/icons/starFilledV2.svg.js";const c=c=>{let{size:u,filled:a,emptyColor:d,filledColor:m,onClick:v,asHovered:g,onHover:h,mode:p,version:E="v1"}=c;const[f,M]=r(!1);n((()=>{null==h||h(f)}),[f]),n((()=>{g||M(!1)}),[g]);const V=e.useMemo((()=>(o=>"v1"===o?l:i)(E)),[E]);return g?o(V,{onClick:()=>{null==v||v("select")},onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),style:{cursor:"pointer"},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):f?o(V,{onMouseLeave:()=>M(!1),onMouseEnter:()=>M(!0),style:{cursor:"pointer"},onClick:()=>{null==v||v("select")},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):a?o(V,{onMouseEnter:()=>"VIEW"!==p&&M(!0),onMouseLeave:()=>"VIEW"!==p&&M(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("de-select"))},width:u,height:u,color:null!=m?m:t.background.warning.vibrant}):o(s,{onMouseEnter:()=>"VIEW"!==p&&M(!0),onMouseLeave:()=>"VIEW"!==p&&M(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("select"))},width:u,height:u,color:null!=d?d:t.surface.standard})};export{c as Star};

package/dist/esm/components/star-rating/StarRating.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const StarRating: React.FC<{
-    emptyColor?: string;
-    filledColor?: string;
-    onChange: (stars: number) => void;
-    value?: number;
-    maxValue?: number;
-    starSize?: number;
-    mode?: 'VIEW' | 'EDIT';
-    version?: 'v1' | 'v2';
-}>;

package/dist/esm/components/star-rating/StarRating.js

@@ -1 +0,0 @@
-import I from"@emotion/styled/base";import{jsx as g}from"react/jsx-runtime";import{useState as C,useMemo as A,useEffect as c}from"react";import{Star as l}from"./Star.js";const e=I("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgdmVyc2lvbiA9ICd2MScsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzdGFycywgc2V0U3RhcnNdID0gdXNlU3RhdGUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogMCk7XHJcbiAgICBjb25zdCBbbW91bnRlZCwgc2V0TW91bnRlZEZsYWddID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW2hvdmVyZWRTdGFyLCBzZXRIb3ZlcmVkU3Rhcl0gPSB1c2VTdGF0ZSgwKTtcclxuICAgIGNvbnN0IGFyciA9IHVzZU1lbW8oKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGxpbWl0ID0gbWF4VmFsdWUgIT09IG51bGwgJiYgbWF4VmFsdWUgIT09IHZvaWQgMCA/IG1heFZhbHVlIDogNTtcclxuICAgICAgICByZXR1cm4gQXJyYXkobGltaXQpXHJcbiAgICAgICAgICAgIC5maWxsKG51bGwpXHJcbiAgICAgICAgICAgIC5tYXAoKF8sIGlkeCkgPT4gaWR4ICsgMSk7XHJcbiAgICB9LCBbbWF4VmFsdWVdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKG1vdW50ZWQpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2Uoc3RhcnMpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzdGFyc10pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcclxuICAgIH0sIFtdKTtcclxuICAgIHJldHVybiAoX2pzeChDb250YWluZXIsIHsgY2hpbGRyZW46IGFyci5tYXAoKGlkeCkgPT4gKF9qc3goU3RhciwgeyBhc0hvdmVyZWQ6IGhvdmVyZWRTdGFyID8gaWR4IDw9IGhvdmVyZWRTdGFyIDogZmFsc2UsIHNpemU6IHN0YXJTaXplICE9PSBudWxsICYmIHN0YXJTaXplICE9PSB2b2lkIDAgPyBzdGFyU2l6ZSA6IDI0LCBmaWxsZWQ6IGhvdmVyZWRTdGFyID8gdW5kZWZpbmVkIDogaWR4IDw9IHN0YXJzLCBlbXB0eUNvbG9yOiBlbXB0eUNvbG9yLCBmaWxsZWRDb2xvcjogZmlsbGVkQ29sb3IsIG9uQ2xpY2s6IChhY3Rpb24pID0+IHtcclxuICAgICAgICAgICAgICAgIGlmIChhY3Rpb24gPT09ICdkZS1zZWxlY3QnKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlkeCA8IHN0YXJzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHggLSAxKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBvbkhvdmVyOiAoaG92ZXJlZCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGhvdmVyZWQpXHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoaWR4KTtcclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKDApO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LCBtb2RlOiBtb2RlLCB2ZXJzaW9uOiB2ZXJzaW9uIH0sIGlkeCkpKSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN0YXJSYXRpbmcuanMubWFwIl19 */",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)."}}),b=I=>{let{emptyColor:b,filledColor:t,onChange:d,value:G,maxValue:o,starSize:s,mode:i,version:X="v1"}=I;const[a,n]=C(null!=G?G:0),[y,Z]=C(!1),[W,m]=C(0),p=A((()=>Array(null!=o?o:5).fill(null).map(((I,g)=>g+1))),[o]);return c((()=>{y&&d(a)}),[a]),c((()=>{Z(!0)}),[]),g(e,{children:p.map((I=>g(l,{asHovered:!!W&&I<=W,size:null!=s?s:24,filled:W?void 0:I<=a,emptyColor:b,filledColor:t,onClick:g=>{n("de-select"===g?I<a?I:I-1:I)},onHover:g=>{m(g?I:0)},mode:i,version:X},I)))})};export{b as StarRating};

package/dist/esm/components/star-rating/index.d.ts

@@ -1 +0,0 @@
-export * from './StarRating';

package/dist/esm/components/states/ShopifyScopeWrapper.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface ShopifyScopeWrapper {
-    permissions: string[];
-    permissionRequestTitle: string;
-    permissionRequestSubTitle: string;
-    cacheInLocal?: boolean;
-    permissionEvaluationFunction: (permissions: string[]) => Promise<{
-        hasPermission: boolean;
-        urlForPermissions?: string;
-    }>;
-    children: React.ReactNode;
-    onPermissionClickCallback?: () => void;
-}
-export declare const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper>;

package/dist/esm/components/states/ShopifyScopeWrapper.js

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as i,Fragment as t}from"react/jsx-runtime";import s,{useCallback as o,useEffect as n}from"react";import{StateComponent as r,StateInterface as a}from"./StateComponent.js";const c=c=>{const[l,m]=s.useState(!1),[u,p]=s.useState(!1),[h,d]=s.useState(""),b=o((()=>c.permissions.join("-")+"-hasPermission"),[c.permissions]),g=o((()=>{const e=b(),i=localStorage.getItem(e);return!!i&&"true"===i}),[b]),f=o((e=>{const i=b();localStorage.setItem(i,e.toString())}),[b]),k=o((()=>{h?window.open(h,"_blank"):c.onPermissionClickCallback&&c.onPermissionClickCallback()}),[c,h]);return n((()=>{e(void 0,void 0,void 0,(function*(){if(c.cacheInLocal&&g())return void m(!0);const{hasPermission:e,urlForPermissions:i}=yield c.permissionEvaluationFunction(c.permissions);m(e),d(i),p(!0),c.cacheInLocal&&e&&f(e)})).then().catch()}),[g,c,f]),u?l?i(t,{children:c.children}):i(r,{states:a.WARNING,heading:c.permissionRequestTitle,subline:c.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:k}):i(r,{states:a.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};export{c as ShopifyScopeWrapper};

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

@@ -1,42 +0,0 @@
-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",
-    RETRY = "retry",
-    INFO = "info"
-}
-export declare enum ButtonActions {
-    CANCEL = "cancel",
-    OTHER = "other"
-}
-export declare enum ButtonTypes {
-    SINGLE = "SINGLE",
-    DOUBLE = "DOUBLE"
-}
-export type StateComponentProps = {
-    headerImage?: string;
-    states: StateInterface;
-    heading: string;
-    subline: string;
-    errorText?: string;
-    icon?: JSX.Element;
-    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';
-    iconHeight?: number;
-    iconWidth?: number;
-    closeButtonType?: Type;
-    secondaryButtonText?: string;
-    'data-test'?: string;
-};
-export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;

package/dist/esm/components/states/StateComponent.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/retryIcon.svg.js";import r from"../../assets/icons/state_icon.svg.js";import c from"../../assets/icons/successIcon.svg.js";import a from"../../assets/icons/warningIcon.svg.js";import{Button as l}from"../button/Button.js";import{Spinner as d}from"../spinner/Spinner.js";import{TitleRegular as m,TitleMedium as h,BodyPrimary as g,BodySecondary as p}from"../TypographyStyle.js";import{StateComponentContainer as u,StateIcon as y,StateHeading as j,StateSubline as L,ButtonContainer as O}from"./StateComponent.styled.js";var b,E,S;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(b||(b={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(E||(E={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(S||(S={}));const T=T=>{var f;const I=()=>R==b.SUCCESS?e(c,{}):R==b.WARNING?e(a,{}):R==b.ERROR?e(i,{}):R===b.LOADING?e(d,{size:"large"}):R===b.RETRY?e(s,{}):R==b.INFO?e(r,{}):void 0,{states:R,heading:C,subline:N,errorText:v,icon:A=I(),isButtonEnabled:z,type:B,buttonText:x,buttonType:w,onButtonClick:G,leadingIcon:W,width:D,headerImage:U,iconWidth:H,iconHeight:M,closeButtonType:k,secondaryButtonText:F,"data-test":P}=T;return t(u,Object.assign({width:D,"data-test":P},{children:[e(y,Object.assign({iconWidth:H,iconHeight:M},{children:U?e("img",{src:U,width:"100%",height:"auto",alt:""}):A})),t(j,Object.assign({size:T.size},{children:["SMALL"===T.size&&e(m,{children:C}),"SMALL"!==T.size&&e(h,{children:C})]})),t(L,{children:["SMALL"!==T.size&&e(g,Object.assign({color:o.content.secondary},{children:N})),"SMALL"===T.size&&e(p,Object.assign({color:o.content.secondary},{children:N})),v&&e(p,Object.assign({color:o.content.negative,style:{marginTop:8,whiteSpace:"pre-line"}},{children:v}))]}),null!==(f=T.children)&&void 0!==f?f:e(n,{}),z&&e(n,{children:t(O,Object.assign({size:T.size},{children:[B==S.DOUBLE&&e(l,{"data-test":`${P}-cancel`,onClick:()=>G&&G(E.CANCEL),buttonType:k||"secondary",buttonText:F||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${P}-primary`,onClick:()=>G&&G(E.OTHER),buttonType:null!=w?w:"primary",LeadingIcon:W,buttonText:null!=x?x:"Retry",matchParentWidth:!0})]}))})]}))};export{E as ButtonActions,S as ButtonTypes,T as StateComponent,b as StateInterface};

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

@@ -1,14 +0,0 @@
-export declare const StateComponentContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-}, never>;
-export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {
-    iconWidth?: number | undefined;
-    iconHeight?: number | undefined;
-}, 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 StateSubline: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/states/StateComponent.styled.js

@@ -1,29 +0,0 @@
-import i from"styled-components";const t=i.div`
-	width: ${i=>i.width?`${i.width}px`:"400px"};
-	position: relative;
-	border-radius: 4px;
-	padding: 32px 24px 24px 24px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`,e=i.div`
-	width: ${i=>i.iconWidth?i.iconWidth:64}px;
-	height: ${i=>i.iconHeight?i.iconHeight:64}px;
-	display: flex;
-	justify-content: center;
-	align-items: end;
-`,d=i.div`
-	margin-top: ${i=>"SMALL"===i.size?8:16}px;
-	text-align: center;
-	max-width: 100%;
-`,n=i.div`
-	display: flex;
-	margin-top: ${i=>"SMALL"===i.size?8:24}px;
-	gap: 12px;
-	width: 100%;
-`,p=i.div`
-	margin-top: 4px;
-	max-width: 100%;
-	text-align: center;
-	max-width: 100%;
-`;export{n as ButtonContainer,t as StateComponentContainer,d as StateHeading,e as StateIcon,p as StateSubline};

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

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

package/dist/esm/components/states-modal/DeleteConfirmationModal.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface DeleteConfirmationModalProps {
-    header: string;
-    subHeader: string;
-    confirmationText: string;
-    onDeleteConfirmed: () => void;
-    onCancelClicked: () => void;
-    'data-test'?: string;
-}
-export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

package/dist/esm/components/states-modal/DeleteConfirmationModal.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{StyledModal as e}from"../modals/styledModal.js";const n=n=>t(e,{"data-test":n["data-test"],centralContainerStyles:{width:400},onClose:()=>n.onCancelClicked(),open:!0,headingTitle:n.header,headingSubtitle:n.subHeader,primaryButton:{buttonText:n.confirmationText,buttonType:"destructive",size:"small",onClick:()=>n.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>n.onCancelClicked()}});export{n as DeleteConfirmationModal};

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

@@ -1,26 +0,0 @@
-import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
-import React from 'react';
-import { Type } from '../button/model';
-import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
-export type StateModalComponentProps = {
-    states: StateInterface;
-    heading: string;
-    subline: string;
-    icon?: JSX.Element;
-    isButtonEnabled: boolean;
-    type?: ButtonTypes;
-    buttonText?: string;
-    buttonIcon?: ReactJSXElement;
-    onButtonClick?: (buttonClicked: ButtonActions) => void;
-    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    width?: number;
-    onClose?: () => void;
-    zIndex?: number;
-    headerImage?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    closeButtonType?: Type;
-    'data-test'?: string;
-    secondaryButtonText?: string;
-};
-export declare const StateModalComponent: React.FC<React.PropsWithChildren<StateModalComponentProps>>;

package/dist/esm/components/states-modal/StateModalComponent.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{StateInterface as a,StateComponent as d}from"../states/StateComponent.js";const l=l=>{const m=()=>p==a.SUCCESS?t(s,{}):p==a.WARNING?t(i,{}):p==a.ERROR?t(o,{}):p===a.LOADING?t(c,{size:"large"}):void 0,{states:p,heading:u,subline:g,icon:h=m(),isButtonEnabled:I,type:f,buttonText:C,onButtonClick:j,leadingIcon:x,width:y,zIndex:B,headerImage:O,iconHeight:b,iconWidth:T,closeButtonType:S,secondaryButtonText:A}=l,[E,N]=e(!0);return t(r,Object.assign({"data-test":l["data-test"],open:E,onClose:function(){l.onClose&&l.onClose(),N(!1)},closeOnOutsideClick:!(p===a.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:y},hideCrossButton:p===a.LOADING,zIndex:B||n.STATE_MODAL},{children:t(d,Object.assign({states:p,heading:u,subline:g,isButtonEnabled:I,leadingIcon:x,type:f,buttonText:C,onButtonClick:j,icon:h,width:y||400,headerImage:O,iconHeight:b,iconWidth:T,closeButtonType:S,secondaryButtonText:A},{children:l.children}))}))};export{l as StateModalComponent};

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

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

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

@@ -1,24 +0,0 @@
-export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
-export interface StepperProps {
-    steps: EachStep[];
-    activeStep: EachStep;
-    onClickingEachStep: (step: EachStep) => void;
-    hideHoverState?: boolean;
-}
-export interface EachStep {
-    stepKey: string;
-    stepName: string;
-    isCompleted: boolean;
-    isError: boolean;
-    isInActive: boolean;
-}
-export interface SingleStepperProps {
-    index: number;
-    isLastElement: boolean;
-    eachStep: EachStep;
-    isActive: boolean;
-    onClickingStep: (step: EachStep) => void;
-    stepsCount: number;
-    hideHoverState?: boolean;
-}
-export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;

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

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