@bikdotai/bik-component-library 0.0.750-beta.14 → 0.0.750-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/cjs/assets/icons/play.svg.js +1 -0
  2. package/dist/cjs/components/TablePagination/TablePaginationCard.d.ts +1 -1
  3. package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +3 -3
  4. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +1 -1
  5. package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts +2 -2
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +5 -5
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +3 -3
  8. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +8 -8
  9. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +1 -1
  10. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +5 -5
  11. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts +5 -5
  12. package/dist/cjs/components/banner/Banner.styled.d.ts +20 -20
  13. package/dist/cjs/components/bik-layout/CommonStyles.d.ts +17 -17
  14. package/dist/cjs/components/button/Button.styled.d.ts +1 -1
  15. package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts +2 -2
  16. package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts +6 -6
  17. package/dist/cjs/components/checkList/CheckList.styled.d.ts +1 -1
  18. package/dist/cjs/components/colourInput/ColourInput.styled.d.ts +2 -2
  19. package/dist/cjs/components/country-code-picker/CountryCodePicker.styled.d.ts +2 -2
  20. package/dist/cjs/components/country-code-picker/CountryPicker.styled.d.ts +2 -2
  21. package/dist/cjs/components/custom-date-time/CustomDateTime.styled.d.ts +1 -1
  22. package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +2 -2
  23. package/dist/cjs/components/dashboard-review-popup/components/FiveStar.styled.d.ts +2 -2
  24. package/dist/cjs/components/dashboard-review-popup/components/Form.styled.d.ts +6 -6
  25. package/dist/cjs/components/datePicker/DatePicker.styled.d.ts +4 -4
  26. package/dist/cjs/components/discount-modal/DiscountModal.styled.d.ts +5 -5
  27. package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
  28. package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js +1 -1
  29. package/dist/cjs/components/feature-announcements/constants/dimensions.d.ts +99 -25
  30. package/dist/cjs/components/feature-announcements/constants/dimensions.js +1 -1
  31. package/dist/cjs/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
  32. package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.d.ts +13 -1
  33. package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.js +1 -1
  34. package/dist/cjs/components/feature-announcements/types/feature.types.d.ts +47 -0
  35. package/dist/cjs/components/feature-announcements/types/props.types.d.ts +25 -3
  36. package/dist/cjs/components/input/Input.styled.d.ts +4 -4
  37. package/dist/cjs/components/keywords-input/KeywordsInput.styled.d.ts +1 -1
  38. package/dist/cjs/components/list-item/ListItem.styled.d.ts +1 -1
  39. package/dist/cjs/components/modals/modal.styled.d.ts +4 -4
  40. package/dist/cjs/components/pagination/Pagination.styled.d.ts +1 -1
  41. package/dist/cjs/components/plans/DurationSelectorStyles.d.ts +1 -1
  42. package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +2 -2
  43. package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts +2 -2
  44. package/dist/cjs/components/product-picker/ProductPicker.styled.d.ts +2 -2
  45. package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts +1 -1
  46. package/dist/cjs/components/radioList/RadioList.styled.d.ts +1 -1
  47. package/dist/cjs/components/sample-button/SampleButton.styled.d.ts +1 -1
  48. package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
  49. package/dist/cjs/components/switch/Switch.d.ts +3 -3
  50. package/dist/cjs/components/tabs/Tabs.styles.d.ts +5 -5
  51. package/dist/cjs/components/tag/Tag.styled.d.ts +1 -1
  52. package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts +9 -9
  53. package/dist/cjs/components/toaster/Toaster.styled.d.ts +1 -1
  54. package/dist/cjs/components/whats-new/WhatsNew.types.d.ts +6 -0
  55. package/dist/cjs/components/whats-new/WhatsNewButton.js +1 -1
  56. package/dist/cjs/components/whats-new/WhatsNewPanel.js +1 -1
  57. package/dist/esm/assets/icons/play.svg.js +1 -0
  58. package/dist/esm/components/TablePagination/TablePaginationCard.d.ts +1 -1
  59. package/dist/esm/components/WhatsAppTextEditor/CustomEditor.styled.d.ts +3 -3
  60. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +1 -1
  61. package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts +2 -2
  62. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +5 -5
  63. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +3 -3
  64. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +8 -8
  65. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +1 -1
  66. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +5 -5
  67. package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.d.ts +5 -5
  68. package/dist/esm/components/banner/Banner.styled.d.ts +20 -20
  69. package/dist/esm/components/bik-layout/CommonStyles.d.ts +17 -17
  70. package/dist/esm/components/button/Button.styled.d.ts +1 -1
  71. package/dist/esm/components/card-selection-modal/CardSelectionModal.styled.d.ts +2 -2
  72. package/dist/esm/components/carousel-secondary/CarouselSecondary.style.d.ts +6 -6
  73. package/dist/esm/components/checkList/CheckList.styled.d.ts +1 -1
  74. package/dist/esm/components/colourInput/ColourInput.styled.d.ts +2 -2
  75. package/dist/esm/components/country-code-picker/CountryCodePicker.styled.d.ts +2 -2
  76. package/dist/esm/components/country-code-picker/CountryPicker.styled.d.ts +2 -2
  77. package/dist/esm/components/custom-date-time/CustomDateTime.styled.d.ts +1 -1
  78. package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +2 -2
  79. package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.d.ts +2 -2
  80. package/dist/esm/components/dashboard-review-popup/components/Form.styled.d.ts +6 -6
  81. package/dist/esm/components/datePicker/DatePicker.styled.d.ts +4 -4
  82. package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts +5 -5
  83. package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js +1 -1
  84. package/dist/esm/components/feature-announcements/MajorUpdatePopup.js +1 -1
  85. package/dist/esm/components/feature-announcements/constants/dimensions.d.ts +99 -25
  86. package/dist/esm/components/feature-announcements/constants/dimensions.js +1 -1
  87. package/dist/esm/components/feature-announcements/styles/joyride.styles.d.ts +2 -2
  88. package/dist/esm/components/feature-announcements/styles/majorPopup.styles.d.ts +13 -1
  89. package/dist/esm/components/feature-announcements/styles/majorPopup.styles.js +1 -1
  90. package/dist/esm/components/feature-announcements/types/feature.types.d.ts +47 -0
  91. package/dist/esm/components/feature-announcements/types/props.types.d.ts +25 -3
  92. package/dist/esm/components/input/Input.styled.d.ts +4 -4
  93. package/dist/esm/components/keywords-input/KeywordsInput.styled.d.ts +1 -1
  94. package/dist/esm/components/list-item/ListItem.styled.d.ts +1 -1
  95. package/dist/esm/components/modals/modal.styled.d.ts +4 -4
  96. package/dist/esm/components/pagination/Pagination.styled.d.ts +1 -1
  97. package/dist/esm/components/plans/DurationSelectorStyles.d.ts +1 -1
  98. package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +2 -2
  99. package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts +2 -2
  100. package/dist/esm/components/product-picker/ProductPicker.styled.d.ts +2 -2
  101. package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts +1 -1
  102. package/dist/esm/components/radioList/RadioList.styled.d.ts +1 -1
  103. package/dist/esm/components/sample-button/SampleButton.styled.d.ts +1 -1
  104. package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
  105. package/dist/esm/components/switch/Switch.d.ts +3 -3
  106. package/dist/esm/components/tabs/Tabs.styles.d.ts +5 -5
  107. package/dist/esm/components/tag/Tag.styled.d.ts +1 -1
  108. package/dist/esm/components/testimonial-card/TestimonialCard.style.d.ts +9 -9
  109. package/dist/esm/components/toaster/Toaster.styled.d.ts +1 -1
  110. package/dist/esm/components/whats-new/WhatsNew.types.d.ts +6 -0
  111. package/dist/esm/components/whats-new/WhatsNewButton.js +1 -1
  112. package/dist/esm/components/whats-new/WhatsNewPanel.js +1 -1
  113. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const RadioListStyled: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -2,7 +2,7 @@
2
2
  import type { Color, Variant } from './SampleButton';
3
3
  export declare const SampleButton: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
5
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
6
  } & {
7
7
  $color: Color;
8
8
  variant: Variant;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  } & {
6
6
  isBrand?: boolean | undefined;
7
7
  direction?: "row" | "column" | undefined;
@@ -9,7 +9,7 @@ export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
9
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
10
  export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
11
11
  theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
12
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
13
13
  } & {
14
14
  isBrand?: boolean | undefined;
15
15
  height: number;
@@ -3,7 +3,7 @@ import { SwitchColorProps, SwitchProps } from './Switch.d';
3
3
  export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
4
4
  export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
5
5
  theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
6
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
7
7
  } & {
8
8
  trackLength: number;
9
9
  trackHeight: number;
@@ -16,7 +16,7 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
16
16
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
17
17
  export declare const Thumb: import("@emotion/styled").StyledComponent<{
18
18
  theme?: import("@emotion/react").Theme | undefined;
19
- as?: import("react").ElementType<any> | undefined;
19
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
20
20
  } & {
21
21
  value: boolean;
22
22
  duration: number;
@@ -24,7 +24,7 @@ export declare const Thumb: import("@emotion/styled").StyledComponent<{
24
24
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
25
25
  export declare const Loader: import("@emotion/styled").StyledComponent<{
26
26
  theme?: import("@emotion/react").Theme | undefined;
27
- as?: import("react").ElementType<any> | undefined;
27
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
28
28
  } & {
29
29
  value: boolean;
30
30
  trackColor: SwitchColorProps;
@@ -2,17 +2,17 @@
2
2
  import { TabItemProps, TabItemTextProps } from './Tabs.model';
3
3
  export declare const TabHeader: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
5
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
6
  } & {
7
7
  bgColor?: string | undefined;
8
8
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
9
  export declare const TabItem: import("@emotion/styled").StyledComponent<{
10
10
  theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
11
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
12
12
  } & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
13
  export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
14
14
  theme?: import("@emotion/react").Theme | undefined;
15
- as?: import("react").ElementType<any> | undefined;
15
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
16
16
  } & {
17
17
  selected: boolean;
18
18
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -30,9 +30,9 @@ export declare const TabItemText: import("@emotion/styled").StyledComponent<{
30
30
  } & TabItemTextProps, {}, {}>;
31
31
  export declare const EmptyTab: import("@emotion/styled").StyledComponent<{
32
32
  theme?: import("@emotion/react").Theme | undefined;
33
- as?: import("react").ElementType<any> | undefined;
33
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
34
34
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
35
35
  export declare const RightComponent: import("@emotion/styled").StyledComponent<{
36
36
  theme?: import("@emotion/react").Theme | undefined;
37
- as?: import("react").ElementType<any> | undefined;
37
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
38
38
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -2,7 +2,7 @@
2
2
  import { TagTheme, TagType, TagVariant } from './model';
3
3
  export declare const Tag: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
5
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
6
  } & {
7
7
  theme: TagTheme;
8
8
  type: TagType;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
4
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
5
  } & {
6
6
  width?: string | undefined;
7
7
  height?: string | undefined;
@@ -9,35 +9,35 @@ export declare const TestimonialCardStyle: import("@emotion/styled").StyledCompo
9
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
10
  export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
11
11
  theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
12
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
13
13
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
14
  export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
16
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
17
17
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
18
  export declare const Logo: import("@emotion/styled").StyledComponent<{
19
19
  theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
20
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
21
21
  }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
22
22
  export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
23
23
  theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
24
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
25
25
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
26
  export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
27
27
  theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
28
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
29
29
  } & {
30
30
  width?: string | undefined;
31
31
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
32
32
  export declare const FooterText: import("@emotion/styled").StyledComponent<{
33
33
  theme?: import("@emotion/react").Theme | undefined;
34
- as?: import("react").ElementType<any> | undefined;
34
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
35
35
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
36
36
  export declare const FooterStat: import("@emotion/styled").StyledComponent<{
37
37
  theme?: import("@emotion/react").Theme | undefined;
38
- as?: import("react").ElementType<any> | undefined;
38
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
39
39
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
40
40
  export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
41
41
  theme?: import("@emotion/react").Theme | undefined;
42
- as?: import("react").ElementType<any> | undefined;
42
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
43
43
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -2,7 +2,7 @@
2
2
  import { TypeOptions } from 'react-toastify';
3
3
  export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
5
+ as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
6
6
  } & {
7
7
  width?: string | undefined;
8
8
  height?: string | undefined;
@@ -1,4 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import { ButtonConfig, SecondaryButtonConfig } from '../feature-announcements/types/feature.types';
3
+ export type { ButtonConfig, SecondaryButtonConfig };
2
4
  export interface WhatsNewContent {
3
5
  id: string;
4
6
  title: string;
@@ -12,6 +14,10 @@ export interface WhatsNewContent {
12
14
  createdAt: any;
13
15
  module: string[];
14
16
  visibility: boolean;
17
+ primaryButton?: ButtonConfig;
18
+ secondaryButton?: SecondaryButtonConfig;
19
+ featureUpdateType?: 'Major' | 'Minor';
20
+ displayImage?: string;
15
21
  }
16
22
  export interface WhatsNewProviderProps {
17
23
  children: React.ReactNode;
@@ -1 +1 @@
1
- import{jsxs as t,jsx as i}from"react/jsx-runtime";import n from"../../assets/icons/whatsNew.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as o}from"./WhatsNew.styles.js";const r=r=>{let{onClick:c,newContentCount:a=0,isOpen:d=!1,isLoading:l=!1,tooltip:h="What's new",testId:m="whats-new-button",iconWidth:p=32,iconHeight:g=32,customIcon:b}=r;return l?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[i("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),i("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):i(o,Object.assign({count:a},{children:t("div",Object.assign({className:"main-icon-class "+(d?"icon-active":""),style:{color:d?e.content.brand:e.content.primary},onClick:c,"data-testid":m},{children:[i(s,Object.assign({body:h},{children:i("div",{children:b?i(b,{width:p,height:g,color:d?e.content.brand:e.content.primary}):i(n,{width:p,height:g})})})),a>0&&i("div",Object.assign({className:"notification--count"},{children:i("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{r as WhatsNewButton};
1
+ import{jsxs as t,jsx as n}from"react/jsx-runtime";import i from"../../assets/icons/whatsNew.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as s}from"./WhatsNew.styles.js";const r=r=>{let{onClick:c,newContentCount:a=0,isOpen:d=!1,isLoading:l=!1,tooltip:m="What's new",testId:h="whats-new-button",iconWidth:p=32,iconHeight:g=32,customIcon:b}=r;return l?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[n("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),n("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):n(s,Object.assign({count:a},{children:t("div",Object.assign({className:"main-icon-class "+(d?"icon-active":""),style:{color:d?e.content.brand:e.content.primary},onClick:c,"data-testid":h},{children:[n(o,Object.assign({body:m,placement:"bottom"},{children:n("div",{children:b?n(b,{width:p,height:g,color:d?e.content.brand:e.content.primary}):n(i,{width:p,height:g})})})),a>0&&n("div",Object.assign({className:"notification--count"},{children:n("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{r as WhatsNewButton};
@@ -1 +1 @@
1
- import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import{format as r,differenceInBusinessDays as s}from"date-fns";import{useState as a,useMemo as o}from"react";import i from"../../assets/icons/searchIcon.svg.js";import c from"../../assets/icons/whatsNew.svg.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{VideoModal as h}from"../feature-announcements/VideoModal.js";import{SearchBar as m}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as g,TitleRegular as p,BodyPrimary as b,Caption as w,TitleSmall as f}from"../TypographyStyle.js";import{MainContainer as j,WhatsNewWrapper as y,MainCardContainer as C,BackgroundImageContainer as x}from"./WhatsNew.styles.js";const N=N=>{let{isOpen:O,onClose:v,content:k,isLoading:A=!1,title:D="What's new on BIK",searchPlaceholder:S="Search posts",emptyStateTitle:T="Nothing new!",emptyStateDescription:L="There are no new updates or features at the moment. Check back soon!",noResultsText:M="Sorry, no results found.",width:W="480px",onContentClick:B,renderCustomContent:U}=N;const[V,E]=a(""),[I,_]=a(!1),[P,R]=a(""),z=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return s(new Date,t)<7},F=o((()=>{if(!V.trim())return k;const e=V.toLowerCase();return k.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[k,V]),H=0===k.length,K=0===F.length;return O?n(u,Object.assign({width:W,onClose:v,header:"",headerCustomComponent:e(g,Object.assign({color:d.background.inverse},{children:D})),headerStyle:{background:d.background.brandLight},hideFooter:!0},{children:[n(j,{children:[e("div",Object.assign({className:"mt-8"},{children:e(m,{width:"100%",isEnabled:!H,onChange:e=>{E(e)},onEnter:e=>{E(e)},placeholder:S,variant:"default",searchValue:V,onClickCross:()=>{E("")}})})),e(y,{children:H||K?n("div",Object.assign({className:"no--data--found"},{children:[e("div",Object.assign({className:"icon--wrapper"},{children:e(H?c:i,{width:32,height:32})})),H?n(t,{children:[e(p,{children:T}),e(b,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:L}))]}):K?e(b,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:M})):null]})):e("div",Object.assign({className:"scroller"},{children:F.map(((s,a)=>U?U(s):n(C,Object.assign({className:"padding--16 mb-mt-8"},{children:[e(x,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",Object.assign({className:"mt-20 full--width"},{children:n("div",Object.assign({className:"created--at flex flex--row"},{children:[z(s)?e("div",Object.assign({className:"new--content--tag"},{children:e(w,{children:"New"})})):e(t,{}),e(w,Object.assign({style:{color:d.content.placeholder}},{children:s.createdAt?r(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e("div",Object.assign({className:"mt--8"},{children:e(f,{children:s.title})})),e("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e(l,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(R(e.productVideo),_(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),B&&B(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${a}`)))}))})]}),e(h,{isOpen:I,videoUrl:P,onClose:()=>{_(!1)}})]})):e(t,{})};export{N as WhatsNewPanel};
1
+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{format as n,differenceInBusinessDays as o}from"date-fns";import{useState as s,useMemo as a}from"react";import i from"../../assets/icons/searchIcon.svg.js";import c from"../../assets/icons/whatsNew.svg.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{VideoModal as m}from"../feature-announcements/VideoModal.js";import{SearchBar as h}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as p,TitleRegular as g,BodyPrimary as f,Caption as b,TitleSmall as w}from"../TypographyStyle.js";import{MainContainer as j,WhatsNewWrapper as y,MainCardContainer as v,BackgroundImageContainer as x}from"./WhatsNew.styles.js";const C=C=>{let{isOpen:N,onClose:O,content:k,isLoading:A=!1,title:D="What's new on BIK",searchPlaceholder:S="Search posts",emptyStateTitle:T="Nothing new!",emptyStateDescription:L="There are no new updates or features at the moment. Check back soon!",noResultsText:M="Sorry, no results found.",width:B="480px",onContentClick:W,renderCustomContent:U}=C;const[V,E]=s(""),[I,_]=s(!1),[P,R]=s(""),z=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return o(new Date,t)<7},F=a((()=>{if(!V.trim())return k;const e=V.toLowerCase();return k.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[k,V]),H=0===k.length,K=0===F.length;return N?r(u,Object.assign({width:B,onClose:O,header:"",headerCustomComponent:e(p,Object.assign({color:d.background.inverse},{children:D})),headerStyle:{background:d.background.brandLight},hideFooter:!0},{children:[r(j,{children:[e("div",Object.assign({className:"mt-8"},{children:e(h,{width:"100%",isEnabled:!H,onChange:e=>{E(e)},onEnter:e=>{E(e)},placeholder:S,variant:"default",searchValue:V,onClickCross:()=>{E("")}})})),e(y,{children:H||K?r("div",Object.assign({className:"no--data--found"},{children:[e("div",Object.assign({className:"icon--wrapper"},{children:e(H?c:i,{width:32,height:32})})),H?r(t,{children:[e(g,{children:T}),e(f,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:L}))]}):K?e(f,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:M})):null]})):e("div",Object.assign({className:"scroller"},{children:F.map(((o,s)=>{var a;return U?U(o):r(v,Object.assign({className:"padding--16 mb-mt-8"},{children:[e(x,{imageUrl:o.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",Object.assign({className:"mt-20 full--width"},{children:r("div",Object.assign({className:"created--at flex flex--row"},{children:[z(o)?e("div",Object.assign({className:"new--content--tag"},{children:e(b,{children:"New"})})):e(t,{}),e(b,Object.assign({style:{color:d.content.placeholder}},{children:o.createdAt?n(o.createdAt.toDate?o.createdAt.toDate():new Date(o.createdAt),"dd MMMM yyyy"):""}))]}))})),e("div",Object.assign({className:"mt--8"},{children:e(w,{children:o.title})})),e("div",{dangerouslySetInnerHTML:{__html:o.body},className:"card--desc mt--12"}),e("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e(l,{buttonText:(null===(a=o.primaryButton)||void 0===a?void 0:a.text)||o.buttonText||"Explore the feature",onClick:()=>(e=>{var t;if(e.productVideo)R(e.productVideo),_(!0);else{const r=(null===(t=e.primaryButton)||void 0===t?void 0:t.redirectionUrl)||e.redirectUrl;r&&window.open(r,"_blank","noopener,noreferrer")}W&&W(e)})(o),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${s}`)}))}))})]}),e(m,{isOpen:I,videoUrl:P,onClose:()=>{_(!1)}})]})):e(t,{})};export{C as WhatsNewPanel};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.750-beta.14",
3
+ "version": "0.0.750-beta.3",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",