@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

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

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

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

@@ -1,13 +1,13 @@
-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>;
+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 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i,useEffect as t}from"react";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";const s="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",r=r=>{let{imageUrl:a,width:l,height:n,borderRadius:m,alt:c,useDynamicInfoImageSize:d,defaultImageUrl:g=s,imagePreviewStyles:b}=r;const[h,p]=i(!0),[u,j]=i(!1);return t((()=>{const e=new Image;return e.src=a,e.onload=()=>{j(!1),p(!1)},e.onerror=()=>{j(!0),p(!1)},()=>{e.onload=null,e.onerror=null}}),[a]),e.jsxs("div",Object.assign({style:Object.assign(Object.assign({position:"relative",width:d?`min(100%, ${l}px)`:l},d?{aspectRatio:1}:{height:n}),{borderRadius:m})},{children:[h&&e.jsx(o,{boxes:[{height:`${n}px`,width:`${l}px`,marginTop:"0px"}]}),u?e.jsx("img",{src:g,alt:null!=c?c:"Image",style:{borderRadius:null!=m?m:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("img",{src:a,alt:null!=c?c:"Image",style:Object.assign({borderRadius:null!=m?m:0,display:h?"none":"block",width:"100%",height:"100%",objectFit:"cover"},b)})]}))};export{s as DEFAULT_IMAGE,r as ShimmerImage};
+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:m,borderRadius:c,alt:d,useDynamicInfoImageSize:g,defaultImageUrl:h=a,imagePreviewStyles:b}=s;const[p,u]=t(!0),[f,y]=t(!1);return o((()=>{const e=new Image;return e.src=l,e.onload=()=>{y(!1),u(!1)},e.onerror=()=>{y(!0),u(!1)},()=>{e.onload=null,e.onerror=null}}),[l]),e("div",{style:Object.assign(Object.assign({position:"relative",width:g?`min(100%, ${n}px)`:n},g?{aspectRatio:1}:{height:m}),{borderRadius:c}),children:[p&&i(r,{boxes:[{height:`${m}px`,width:`${n}px`,marginTop:"0px"}]}),i("img",f?{src:h,alt:null!=d?d:"Image",style:{borderRadius:null!=c?c:0,display:"block",width:"100%",height:"100%",objectFit:"cover"}}:{src:l,alt:null!=d?d:"Image",style:Object.assign({borderRadius:null!=c?c:0,display:p?"none":"block",width:"100%",height:"100%",objectFit:"cover"},b)})]})};export{a as DEFAULT_IMAGE,s as ShimmerImage};

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

@@ -1,6 +1,6 @@
-/// <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>>;
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';
+declare const _default: ComponentMeta<typeof ShimmerImage>;
+export default _default;
+export declare const Image: ComponentStory<import("react").FC<import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>>;
+export declare const ImageWithError: ComponentStory<import("react").FC<import("@src/components/shimmer-image/ShimmerImage").ShimmerImageProps>>;

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

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

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

@@ -1,21 +1,21 @@
-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>;
+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 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import o from"react-dom";import t from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as r}from"../TypographyStyle.js";import{SideModalStyle as n,SideModalContainer as i,SideModalHeader as c,SideModalBody as d,SideModalFooter as a,FooterButtonWrapper as l}from"./SideModal.style.js";const j=j=>{var m;return o.createPortal(e.jsx(n,Object.assign({zIndex:j.zIndex},{children:e.jsxs(i,Object.assign({width:j.width},{children:[e.jsxs(c,Object.assign({headerStyle:Object.assign({},j.headerStyle)},{children:[(null==j?void 0:j.headerCustomComponent)||e.jsx(r,{children:j.header}),!j.hideCrossButton&&e.jsx(t,{width:24,height:24,onClick:j.onClose})]})),e.jsx(d,Object.assign({hideFooter:j.hideFooter,bodyStyle:Object.assign({},j.bodyStyle)},{children:j.children})),!0===j.hideFooter?null:e.jsxs(a,Object.assign({footerDirection:j.footerDirection,footerStyle:Object.assign({},j.footerStyle)},{children:[(j.saveButtonProps||j.cancelButtonProps)&&e.jsxs(l,Object.assign({footerDirection:j.footerDirection},{children:[j.saveButtonProps&&e.jsx(s,Object.assign({},j.saveButtonProps)),j.cancelButtonProps&&e.jsx(s,Object.assign({},j.cancelButtonProps))]})),j.footerCustomComponent?j.footerCustomComponent:e.jsx(e.Fragment,{})]}))]}))})),null!==(m=j.element)&&void 0!==m?m:document.body)};export{j as SideModal};
+import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as s}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(o(c,{zIndex:p.zIndex,children:e(d,{width:p.width,children:[e(l,{headerStyle:Object.assign({},p.headerStyle),children:[(null==p?void 0:p.headerCustomComponent)||o(s,{children:p.header}),!p.hideCrossButton&&o(n,{width:24,height:24,onClick:p.onClose})]}),o(a,{hideFooter:p.hideFooter,bodyStyle:Object.assign({},p.bodyStyle),children:p.children}),!0===p.hideFooter?null:e(h,{footerDirection:p.footerDirection,footerStyle:Object.assign({},p.footerStyle),children:[(p.saveButtonProps||p.cancelButtonProps)&&e(m,{footerDirection:p.footerDirection,children:[p.saveButtonProps&&o(i,Object.assign({},p.saveButtonProps)),p.cancelButtonProps&&o(i,Object.assign({},p.cancelButtonProps))]}),p.footerCustomComponent?p.footerCustomComponent:o(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 +1,20 @@
-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>;
+export declare const SideModalStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    zIndex?: number;
+}>> & string;
+export declare const SideModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+}>> & string;
+export declare const SideModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    headerStyle: React.CSSProperties;
+}>> & string;
+export declare const SideModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    hideFooter?: boolean;
+    bodyStyle: React.CSSProperties;
+}>> & string;
+export declare const SideModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    footerDirection?: "row" | "row-reverse";
+    footerStyle: React.CSSProperties;
+}>> & string;
+export declare const FooterButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    footerDirection?: "row" | "row-reverse";
+}>> & string;

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

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

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

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

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

@@ -1,10 +1,10 @@
-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>;
+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 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useRef as n,useEffect as a,useCallback as o}from"react";import{COLORS as r}from"../../constants/Theme.js";const s=s=>{let{min:i=0,max:l=100,defaultValue:u,onChange:c,step:b=1,disabled:d=!1}=s;const m=void 0!==u?u:i,[g,h]=t(m),[p,x]=t(!1),[f,v]=t(!1),[w,j]=t(!1),k=n(null),E=n(null),O=(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:r.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:r.background.brand,border:`2px solid ${r.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:r.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}}))(d);a((()=>{h(void 0!==u?u:i)}),[u,i]);const L=o((e=>{if(!k.current)return i;const t=k.current.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e-t.left)/t.width)),a=i+n*(l-i),o=Math.round(a/b)*b;return Math.max(i,Math.min(l,o))}),[i,l,b]),M=o((e=>{if(d)return;e.preventDefault(),x(!0),j(!0);const t=L(e.clientX);h(t);const n=new Event("change",{bubbles:!0});c(n,t)}),[d,L,c]),y=o((e=>{if(!p||d)return;const t=L(e.clientX);h(t);const n=new Event("change",{bubbles:!0});c(n,t)}),[p,d,L,c]),C=o((()=>{x(!1),j(!1)}),[]),D=o((e=>{if(d)return;let t=g;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(i,g-b);break;case"ArrowRight":case"ArrowUp":t=Math.min(l,g+b);break;case"Home":t=i;break;case"End":t=l;break;default:return}e.preventDefault(),h(t);const n=new Event("change",{bubbles:!0});c(n,t)}),[d,g,i,l,b,c]);a((()=>{if(p)return document.addEventListener("mousemove",y),document.addEventListener("mouseup",C),()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",C)}}),[p,y,C]);const R=(g-i)/(l-i)*100,T=isNaN(R)?0:Math.max(0,Math.min(100,R));return e.jsxs("div",Object.assign({ref:k,style:O.container,onMouseDown:M,role:"slider","aria-label":"bik slider","aria-valuemin":i,"aria-valuemax":l,"aria-valuenow":g,tabIndex:d?-1:0,onKeyDown:D},{children:[e.jsx("div",{style:O.track}),e.jsx("div",{style:Object.assign(Object.assign({},O.filledTrack),{width:`${T}%`})}),e.jsx("div",Object.assign({ref:E,style:(()=>{const e=Object.assign({},O.thumb);return d?Object.assign(Object.assign({},e),O.thumbDisabled):(p?(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.5)",e.cursor="grabbing"):f&&(e.boxShadow="0px 0px 0px 8px rgba(115, 29, 207, 0.08)"),e.left=`${T}%`,e)})(),onMouseEnter:()=>!d&&v(!0),onMouseLeave:()=>!d&&v(!1),onFocus:()=>!d&&j(!0),onBlur:()=>!d&&j(!1)},{children:e.jsx("div",Object.assign({style:(()=>{const e=Object.assign({},O.valueLabel);return w||f?Object.assign(Object.assign({},e),O.valueLabelVisible):e})()},{children:e.jsx("span",Object.assign({style:O.valueLabelText},{children:g}))}))}))]}))};export{s as BikSlider};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as o,useCallback as a}from"react";import{COLORS as i}from"../../constants/Theme.js";const s=s=>{let{min:l=0,max:u=100,defaultValue:d,onChange:c,step:b=1,disabled:m=!1}=s;const h=void 0!==d?d:l,[p,g]=n(h),[x,f]=n(!1),[v,w]=n(!1),[k,E]=n(!1),L=r(null),M=r(null),j=(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:i.background.brand,borderRadius:"4px",transition:"width 0.1s ease"},thumb:{position:"absolute",top:"50%",width:"24px",height:"24px",backgroundColor:i.background.brand,border:`2px solid ${i.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:i.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);o((()=>{g(void 0!==d?d:l)}),[d,l]);const y=a((e=>{if(!L.current)return l;const t=L.current.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e-t.left)/t.width)),r=l+n*(u-l),o=Math.round(r/b)*b;return Math.max(l,Math.min(u,o))}),[l,u,b]),O=a((e=>{if(m)return;e.preventDefault(),f(!0),E(!0);const t=y(e.clientX);g(t);const n=new Event("change",{bubbles:!0});c(n,t)}),[m,y,c]),C=a((e=>{if(!x||m)return;const t=y(e.clientX);g(t);const n=new Event("change",{bubbles:!0});c(n,t)}),[x,m,y,c]),D=a((()=>{f(!1),E(!1)}),[]),R=a((e=>{if(m)return;let t=p;switch(e.key){case"ArrowLeft":case"ArrowDown":t=Math.max(l,p-b);break;case"ArrowRight":case"ArrowUp":t=Math.min(u,p+b);break;case"Home":t=l;break;case"End":t=u;break;default:return}e.preventDefault(),g(t);const n=new Event("change",{bubbles:!0});c(n,t)}),[m,p,l,u,b,c]);o((()=>{if(x)return document.addEventListener("mousemove",C),document.addEventListener("mouseup",D),()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",D)}}),[x,C,D]);const T=(p-l)/(u-l)*100,A=isNaN(T)?0:Math.max(0,Math.min(100,T));return e("div",{ref:L,style:j.container,onMouseDown:O,role:"slider","aria-label":"bik slider","aria-valuemin":l,"aria-valuemax":u,"aria-valuenow":p,tabIndex:m?-1:0,onKeyDown:R,children:[t("div",{style:j.track}),t("div",{style:Object.assign(Object.assign({},j.filledTrack),{width:`${A}%`})}),t("div",{ref:M,style:(()=>{const e=Object.assign({},j.thumb);return m?Object.assign(Object.assign({},e),j.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&&E(!0),onBlur:()=>!m&&E(!1),children:t("div",{style:(()=>{const e=Object.assign({},j.valueLabel);return k||v?Object.assign(Object.assign({},e),j.valueLabelVisible):e})(),children:t("span",{style:j.valueLabelText,children:p})})})]})};export{s as BikSlider};

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

@@ -1,11 +1,11 @@
-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;
-    color?: string | undefined;
-    backgroundColor?: string | undefined;
-}, never>;
+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/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width: string;
+    height: string;
+    color?: string;
+    backgroundColor?: string;
+}>> & string;

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

@@ -1,8 +1,8 @@
-import{j as o}from"../../node_modules/react/jsx-runtime.js";import t from"react-lottie";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as s from"./lotties/black.json.js";import*as i from"./lotties/brand.json.js";import*as n from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const d={[e.stroke.brand]:i,[e.content.primary]:s,[e.content.primaryInverse]:a,[e.content.negative]:n},l=r=>{let{size:s,color:i,className:n}=r;const a={loop:!0,autoplay:!0,animationData:d[null!=i?i:e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return o.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:o.jsx(t,{options:a,width:m[s],isStopped:!1,isPaused:!1})}))};l.displayName="Spinner";const p=r.div`
-	width: ${o=>o.width};
-	height: ${o=>o.height};
-	border: 5px solid ${o=>{var t;return null!==(t=o.backgroundColor)&&void 0!==t?t:"transparent"}};
-	border-bottom-color: ${o=>{var t;return null!==(t=o.color)&&void 0!==t?t:e.stroke.brand}};
+import{jsx as t}from"react/jsx-runtime";import o from"react-lottie";import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import*as i from"./lotties/black.json.js";import*as n from"./lotties/brand.json.js";import*as s from"./lotties/red.json.js";import*as a from"./lotties/white.json.js";import{SizeMap as m}from"./themes.js";const l={[e.stroke.brand]:n,[e.content.primary]:i,[e.content.primaryInverse]:a,[e.content.negative]:s},d=r=>{let{size:i,color:n,className:s}=r;const a={loop:!0,autoplay:!0,animationData:l[null!=n?n:e.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return t("div",{className:`spinner-container ${s}`,children:t(o,{options:a,width:m[i],isStopped:!1,isPaused:!1})})};d.displayName="Spinner";const p=r.div`
+	width: ${t=>t.width};
+	height: ${t=>t.height};
+	border: 5px solid ${t=>{var o;return null!==(o=t.backgroundColor)&&void 0!==o?o:"transparent"}};
+	border-bottom-color: ${t=>{var o;return null!==(o=t.color)&&void 0!==o?o:e.stroke.brand}};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -15,4 +15,4 @@ import{j as o}from"../../node_modules/react/jsx-runtime.js";import t from"react-
 			transform: rotate(360deg);
 		}
 	}
-`;export{p as PureSpinner,l as Spinner};
+`;export{p as PureSpinner,d as Spinner};

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

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

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

@@ -1,13 +1,13 @@
-/// <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;
-}
+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,3 +1,3 @@
-export declare const SizeMap: {
-    [key in 'small' | 'large']: number;
-};
+export declare const SizeMap: {
+    [key in 'small' | 'large']: number;
+};

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

@@ -1,13 +1,13 @@
-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';
-}>;
+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 +1 @@
-import{j as o}from"../../node_modules/react/jsx-runtime.js";import e,{useState as s,useEffect as r}from"react";import{COLORS as n}from"../../constants/Theme.js";import t from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";import i from"../../assets/icons/starFilledV2.svg.js";const u=u=>{let{size:c,filled:a,emptyColor:d,filledColor:m,onClick:v,asHovered:g,onHover:h,mode:p,version:E="v1"}=u;const[f,j]=s(!1);r((()=>{null==h||h(f)}),[f]),r((()=>{g||j(!1)}),[g]);const M=e.useMemo((()=>(o=>"v1"===o?l:i)(E)),[E]);return g?o.jsx(M,{onClick:()=>{null==v||v("select")},onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),style:{cursor:"pointer"},width:c,height:c,color:null!=m?m:n.background.warning.vibrant}):f?o.jsx(M,{onMouseLeave:()=>j(!1),onMouseEnter:()=>j(!0),style:{cursor:"pointer"},onClick:()=>{null==v||v("select")},width:c,height:c,color:null!=m?m:n.background.warning.vibrant}):a?o.jsx(M,{onMouseEnter:()=>"VIEW"!==p&&j(!0),onMouseLeave:()=>"VIEW"!==p&&j(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("de-select"))},width:c,height:c,color:null!=m?m:n.background.warning.vibrant}):o.jsx(t,{onMouseEnter:()=>"VIEW"!==p&&j(!0),onMouseLeave:()=>"VIEW"!==p&&j(!1),style:{cursor:"VIEW"!==p?"pointer":"default"},onClick:()=>{"VIEW"!==p&&(null==v||v("select"))},width:c,height:c,color:null!=d?d:n.surface.standard})};export{u as Star};
+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 +1,11 @@
-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';
-}>;
+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 +1 @@
-import I from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as g}from"../../node_modules/react/jsx-runtime.js";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:d,onChange:t,value:s,maxValue:o,starSize:G,mode:i,version:n="v1"}=I;const[a,X]=C(null!=s?s: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&&t(a)}),[a]),c((()=>{Z(!0)}),[]),g.jsx(e,{children:p.map((I=>g.jsx(l,{asHovered:!!W&&I<=W,size:null!=G?G:24,filled:W?void 0:I<=a,emptyColor:b,filledColor:d,onClick:g=>{X("de-select"===g?I<a?I:I-1:I)},onHover:g=>{m(g?I:0)},mode:i,version:n},I)))})};export{b as StarRating};
+import I from"@emotion/styled/base";import{jsx as g}from"react/jsx-runtime";import{useState as C,useMemo as A,useEffect as l}from"react";import{Star as e}from"./Star.js";const c=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxMnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcbmV4cG9ydCBjb25zdCBTdGFyUmF0aW5nID0gKHsgZW1wdHlDb2xvciwgZmlsbGVkQ29sb3IsIG9uQ2hhbmdlLCB2YWx1ZSwgbWF4VmFsdWUsIHN0YXJTaXplLCBtb2RlLCB2ZXJzaW9uID0gJ3YxJywgfSkgPT4ge1xuICAgIGNvbnN0IFtzdGFycywgc2V0U3RhcnNdID0gdXNlU3RhdGUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogMCk7XG4gICAgY29uc3QgW21vdW50ZWQsIHNldE1vdW50ZWRGbGFnXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbaG92ZXJlZFN0YXIsIHNldEhvdmVyZWRTdGFyXSA9IHVzZVN0YXRlKDApO1xuICAgIGNvbnN0IGFyciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBsaW1pdCA9IG1heFZhbHVlICE9PSBudWxsICYmIG1heFZhbHVlICE9PSB2b2lkIDAgPyBtYXhWYWx1ZSA6IDU7XG4gICAgICAgIHJldHVybiBBcnJheShsaW1pdClcbiAgICAgICAgICAgIC5maWxsKG51bGwpXG4gICAgICAgICAgICAubWFwKChfLCBpZHgpID0+IGlkeCArIDEpO1xuICAgIH0sIFttYXhWYWx1ZV0pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChtb3VudGVkKSB7XG4gICAgICAgICAgICBvbkNoYW5nZShzdGFycyk7XG4gICAgICAgIH1cbiAgICB9LCBbc3RhcnNdKTtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBzZXRNb3VudGVkRmxhZyh0cnVlKTtcbiAgICB9LCBbXSk7XG4gICAgcmV0dXJuIChfanN4KENvbnRhaW5lciwgeyBjaGlsZHJlbjogYXJyLm1hcCgoaWR4KSA9PiAoX2pzeChTdGFyLCB7IGFzSG92ZXJlZDogaG92ZXJlZFN0YXIgPyBpZHggPD0gaG92ZXJlZFN0YXIgOiBmYWxzZSwgc2l6ZTogc3RhclNpemUgIT09IG51bGwgJiYgc3RhclNpemUgIT09IHZvaWQgMCA/IHN0YXJTaXplIDogMjQsIGZpbGxlZDogaG92ZXJlZFN0YXIgPyB1bmRlZmluZWQgOiBpZHggPD0gc3RhcnMsIGVtcHR5Q29sb3I6IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yOiBmaWxsZWRDb2xvciwgb25DbGljazogKGFjdGlvbikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChhY3Rpb24gPT09ICdkZS1zZWxlY3QnKSB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChpZHggPCBzdGFycykge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4KTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCAtIDEpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICBzZXRTdGFycyhpZHgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sIG9uSG92ZXI6IChob3ZlcmVkKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGhvdmVyZWQpXG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKGlkeCk7XG4gICAgICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHNldEhvdmVyZWRTdGFyKDApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sIG1vZGU6IG1vZGUsIHZlcnNpb246IHZlcnNpb24gfSwgaWR4KSkpIH0pKTtcbn07XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdGFyUmF0aW5nLmpzLm1hcCJdfQ== */",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:G,onChange:t,value:Z,maxValue:d,starSize:n,mode:o,version:i="v1"}=I;const[s,a]=C(null!=Z?Z:0),[p,m]=C(!1),[X,u]=C(0),W=A((()=>Array(null!=d?d:5).fill(null).map(((I,g)=>g+1))),[d]);return l((()=>{p&&t(s)}),[s]),l((()=>{m(!0)}),[]),g(c,{children:W.map((I=>g(e,{asHovered:!!X&&I<=X,size:null!=n?n:24,filled:X?void 0:I<=s,emptyColor:b,filledColor:G,onClick:g=>{a("de-select"===g?I<s?I:I-1:I)},onHover:g=>{u(g?I:0)},mode:o,version:i},I)))})};export{b as StarRating};

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

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

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

@@ -1,14 +1,14 @@
-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>;
+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 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{j as s}from"../../node_modules/react/jsx-runtime.js";import i,{useCallback as t,useEffect as o}from"react";import{StateComponent as n,StateInterface as r}from"./StateComponent.js";const a=a=>{const[c,l]=i.useState(!1),[m,u]=i.useState(!1),[p,h]=i.useState(""),d=t((()=>a.permissions.join("-")+"-hasPermission"),[a.permissions]),g=t((()=>{const e=d(),s=localStorage.getItem(e);return!!s&&"true"===s}),[d]),b=t((e=>{const s=d();localStorage.setItem(s,e.toString())}),[d]),j=t((()=>{p?window.open(p,"_blank"):a.onPermissionClickCallback&&a.onPermissionClickCallback()}),[a,p]);return o((()=>{e(void 0,void 0,void 0,(function*(){if(a.cacheInLocal&&g())return void l(!0);const{hasPermission:e,urlForPermissions:s}=yield a.permissionEvaluationFunction(a.permissions);l(e),h(s),u(!0),a.cacheInLocal&&e&&b(e)})).then().catch()}),[g,a,b]),m?c?s.jsx(s.Fragment,{children:a.children}):s.jsx(n,{states:r.WARNING,heading:a.permissionRequestTitle,subline:a.permissionRequestSubTitle,width:400,isButtonEnabled:!0,buttonText:"Grant permissions",onButtonClick:j}):s.jsx(n,{states:r.LOADING,heading:"Checking permissions",subline:"Checking if we have the right shopify scopes approved to access this page.",width:400,isButtonEnabled:!1})};export{a as ShopifyScopeWrapper};
+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 +1,42 @@
-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>>;
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { Type } from '@src/components/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 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{COLORS as s}from"../../constants/Theme.js";import e from"../../assets/icons/errorIcon.svg.js";import n from"../../assets/icons/retryIcon.svg.js";import o from"../../assets/icons/state_icon.svg.js";import i from"../../assets/icons/successIcon.svg.js";import r from"../../assets/icons/warningIcon.svg.js";import{Button as c}from"../button/Button.js";import{Spinner as a}from"../spinner/Spinner.js";import{TitleRegular as j,TitleMedium as l,BodyPrimary as d,BodySecondary as m}from"../TypographyStyle.js";import{StateComponentContainer as h,StateIcon as g,StateHeading as x,StateSubline as p,ButtonContainer as u}from"./StateComponent.styled.js";var y,L,O;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(y||(y={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(L||(L={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(O||(O={}));const b=b=>{var E;const S=()=>T==y.SUCCESS?t.jsx(i,{}):T==y.WARNING?t.jsx(r,{}):T==y.ERROR?t.jsx(e,{}):T===y.LOADING?t.jsx(a,{size:"large"}):T===y.RETRY?t.jsx(n,{}):T==y.INFO?t.jsx(o,{}):void 0,{states:T,heading:f,subline:I,errorText:R,icon:C=S(),isButtonEnabled:N,type:v,buttonText:A,buttonType:z,onButtonClick:B,leadingIcon:w,width:G,headerImage:W,iconWidth:D,iconHeight:U,closeButtonType:F,secondaryButtonText:H,"data-test":M}=b;return t.jsxs(h,Object.assign({width:G,"data-test":M},{children:[t.jsx(g,Object.assign({iconWidth:D,iconHeight:U},{children:W?t.jsx("img",{src:W,width:"100%",height:"auto",alt:""}):C})),t.jsxs(x,Object.assign({size:b.size},{children:["SMALL"===b.size&&t.jsx(j,{children:f}),"SMALL"!==b.size&&t.jsx(l,{children:f})]})),t.jsxs(p,{children:["SMALL"!==b.size&&t.jsx(d,Object.assign({color:s.content.secondary},{children:I})),"SMALL"===b.size&&t.jsx(m,Object.assign({color:s.content.secondary},{children:I})),R&&t.jsx(m,Object.assign({color:s.content.negative,style:{marginTop:8,whiteSpace:"pre-line"}},{children:R}))]}),null!==(E=b.children)&&void 0!==E?E:t.jsx(t.Fragment,{}),N&&t.jsx(t.Fragment,{children:t.jsxs(u,Object.assign({size:b.size},{children:[v==O.DOUBLE&&t.jsx(c,{"data-test":`${M}-cancel`,onClick:()=>B&&B(L.CANCEL),buttonType:F||"secondary",buttonText:H||"Cancel",matchParentWidth:!0}),t.jsx(c,{"data-test":`${M}-primary`,onClick:()=>B&&B(L.OTHER),buttonType:null!=z?z:"primary",LeadingIcon:w,buttonText:null!=A?A:"Retry",matchParentWidth:!0})]}))})]}))};export{L as ButtonActions,O as ButtonTypes,b as StateComponent,y as StateInterface};
+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 r from"../../assets/icons/retryIcon.svg.js";import s 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 p,BodySecondary as u}from"../TypographyStyle.js";import{StateComponentContainer as g,StateIcon as y,StateHeading as L,StateSubline as E,ButtonContainer as S}from"./StateComponent.styled.js";var T,f,I;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(T||(T={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(f||(f={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(I||(I={}));const R=R=>{var C;const N=()=>j==T.SUCCESS?e(c,{}):j==T.WARNING?e(a,{}):j==T.ERROR?e(i,{}):j===T.LOADING?e(d,{size:"large"}):j===T.RETRY?e(r,{}):j==T.INFO?e(s,{}):void 0,{states:j,heading:O,subline:v,errorText:A,icon:b=N(),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}=R;return t(g,{width:D,"data-test":P,children:[e(y,{iconWidth:H,iconHeight:M,children:U?e("img",{src:U,width:"100%",height:"auto",alt:""}):b}),t(L,{size:R.size,children:["SMALL"===R.size&&e(m,{children:O}),"SMALL"!==R.size&&e(h,{children:O})]}),t(E,{children:["SMALL"!==R.size&&e(p,{color:o.content.secondary,children:v}),"SMALL"===R.size&&e(u,{color:o.content.secondary,children:v}),A&&e(u,{color:o.content.negative,style:{marginTop:8,whiteSpace:"pre-line"},children:A})]}),null!==(C=R.children)&&void 0!==C?C:e(n,{}),z&&e(n,{children:t(S,{size:R.size,children:[B==I.DOUBLE&&e(l,{"data-test":`${P}-cancel`,onClick:()=>G&&G(f.CANCEL),buttonType:k||"secondary",buttonText:F||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${P}-primary`,onClick:()=>G&&G(f.OTHER),buttonType:null!=w?w:"primary",LeadingIcon:W,buttonText:null!=x?x:"Retry",matchParentWidth:!0})]})})]})};export{f as ButtonActions,I as ButtonTypes,R as StateComponent,T as StateInterface};

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

@@ -1,14 +1,14 @@
-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>;
+export declare const StateComponentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width: number;
+}>> & string;
+export declare const StateIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    iconWidth?: number;
+    iconHeight?: number;
+}>> & string;
+export declare const StateHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size?: "SMALL" | "DEFAULT";
+}>> & string;
+export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size?: "SMALL" | "DEFAULT";
+}>> & string;
+export declare const StateSubline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

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