@bikdotai/bik-component-library 0.0.513-beta.2 → 0.0.513

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 (211) hide show
  1. package/dist/cjs/assets/icons/emoji.svg.js +1 -1
  2. package/dist/cjs/assets/icons/halfRectangle.svg.js +1 -1
  3. package/dist/cjs/assets/icons/similar.svg.js +1 -0
  4. package/dist/cjs/assets/icons/strikeThrough.svg.js +1 -1
  5. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  6. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  7. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  8. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  9. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  10. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  11. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  12. package/dist/cjs/components/SearchFilter/components/DatePickerButton.js +1 -1
  13. package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.js +1 -1
  14. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +4 -0
  15. package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
  16. package/dist/cjs/components/action-button/ActionButton.styled.d.ts +7 -0
  17. package/dist/cjs/components/action-button/ActionButton.styled.js +23 -0
  18. package/dist/cjs/components/action-button/ActionButtons.d.ts +10 -0
  19. package/dist/cjs/components/action-button/ActionButtons.js +1 -0
  20. package/dist/cjs/components/action-button/index.d.ts +1 -0
  21. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  22. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  23. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  24. package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js +1 -1
  25. package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  26. package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts +1 -2
  27. package/dist/cjs/components/datePicker/DatePickerWrapper.js +1 -1
  28. package/dist/cjs/components/datePicker/index.d.ts +1 -0
  29. package/dist/cjs/components/dropdown/Dropdown.js +1 -1
  30. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  31. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  32. package/dist/cjs/components/dropdown/type.d.ts +1 -0
  33. package/dist/cjs/components/floater/floater.d.ts +2 -1
  34. package/dist/cjs/components/floater/floater.js +1 -1
  35. package/dist/cjs/components/input/Input.d.ts +1 -0
  36. package/dist/cjs/components/input/Input.js +1 -1
  37. package/dist/cjs/components/input/Input.styled.js +1 -1
  38. package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts +1 -0
  39. package/dist/cjs/components/input-with-vars/InputWithVariables.js +2 -2
  40. package/dist/cjs/components/list-item/ListItem.d.ts +0 -1
  41. package/dist/cjs/components/list-item/ListItem.js +1 -1
  42. package/dist/cjs/components/radioButton/RadioButton.d.ts +1 -0
  43. package/dist/cjs/components/radioButton/RadioButton.js +1 -1
  44. package/dist/cjs/components/spinner/Spinner.d.ts +6 -0
  45. package/dist/cjs/components/spinner/Spinner.js +18 -1
  46. package/dist/cjs/components/states/StateComponent.d.ts +2 -0
  47. package/dist/cjs/components/states/StateComponent.js +1 -1
  48. package/dist/cjs/components/states/StateComponent.styled.d.ts +4 -1
  49. package/dist/cjs/components/states/StateComponent.styled.js +6 -6
  50. package/dist/cjs/components/states-modal/StateModalComponent.d.ts +2 -0
  51. package/dist/cjs/components/states-modal/StateModalComponent.js +1 -1
  52. package/dist/cjs/components/stepper/Stepper.d.ts +2 -0
  53. package/dist/cjs/components/stepper/Stepper.js +1 -1
  54. package/dist/cjs/components/stepper/Stepper.styled.d.ts +1 -0
  55. package/dist/cjs/components/stepper/Stepper.styled.js +7 -7
  56. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  57. package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +0 -8
  58. package/dist/cjs/components/template-context-mapper/context/templateModalContext.js +1 -1
  59. package/dist/cjs/components/template-context-mapper/modalElements/Body.js +12 -9
  60. package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js +1 -1
  61. package/dist/cjs/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts +2 -0
  62. package/dist/cjs/components/template-context-mapper/modalElements/DiscountCodeComponent.js +1 -1
  63. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  64. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.style.js +0 -1
  65. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  66. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -1
  67. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
  68. package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.js +5 -3
  69. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
  70. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.js +3 -3
  71. package/dist/cjs/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
  72. package/dist/cjs/components/template-context-mapper/utils/constants.d.ts +1 -0
  73. package/dist/cjs/components/template-context-mapper/utils/constants.js +1 -0
  74. package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.js +16 -14
  75. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js +1 -1
  76. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +4 -0
  77. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js +8 -6
  78. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js +1 -1
  79. package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +4 -4
  80. package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.js +1 -1
  81. package/dist/cjs/helpers/index.d.ts +0 -1
  82. package/dist/cjs/hooks/useOutside.d.ts +1 -1
  83. package/dist/cjs/hooks/useOutside.js +1 -1
  84. package/dist/cjs/index.d.ts +1 -1
  85. package/dist/cjs/index.js +1 -1
  86. package/dist/esm/assets/icons/emoji.svg.js +1 -1
  87. package/dist/esm/assets/icons/halfRectangle.svg.js +1 -1
  88. package/dist/esm/assets/icons/similar.svg.js +1 -0
  89. package/dist/esm/assets/icons/strikeThrough.svg.js +1 -1
  90. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  91. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  92. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  93. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  94. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  95. package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  96. package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  97. package/dist/esm/components/SearchFilter/components/DatePickerButton.js +1 -1
  98. package/dist/esm/components/SearchFilter/components/DateRangeOnlyButton.js +1 -1
  99. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts +4 -0
  100. package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js +1 -1
  101. package/dist/esm/components/action-button/ActionButton.styled.d.ts +7 -0
  102. package/dist/esm/components/action-button/ActionButton.styled.js +23 -0
  103. package/dist/esm/components/action-button/ActionButtons.d.ts +10 -0
  104. package/dist/esm/components/action-button/ActionButtons.js +1 -0
  105. package/dist/esm/components/action-button/index.d.ts +1 -0
  106. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  107. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  108. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  109. package/dist/esm/components/carousel-preview/CarouselPreviewCard.js +1 -1
  110. package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js +1 -1
  111. package/dist/esm/components/datePicker/DatePickerWrapper.d.ts +1 -2
  112. package/dist/esm/components/datePicker/DatePickerWrapper.js +1 -1
  113. package/dist/esm/components/datePicker/index.d.ts +1 -0
  114. package/dist/esm/components/dropdown/Dropdown.js +1 -1
  115. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  116. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
  117. package/dist/esm/components/dropdown/type.d.ts +1 -0
  118. package/dist/esm/components/floater/floater.d.ts +2 -1
  119. package/dist/esm/components/floater/floater.js +1 -1
  120. package/dist/esm/components/input/Input.d.ts +1 -0
  121. package/dist/esm/components/input/Input.js +1 -1
  122. package/dist/esm/components/input/Input.styled.js +1 -1
  123. package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +1 -0
  124. package/dist/esm/components/input-with-vars/InputWithVariables.js +3 -3
  125. package/dist/esm/components/list-item/ListItem.d.ts +0 -1
  126. package/dist/esm/components/list-item/ListItem.js +1 -1
  127. package/dist/esm/components/radioButton/RadioButton.d.ts +1 -0
  128. package/dist/esm/components/radioButton/RadioButton.js +1 -1
  129. package/dist/esm/components/spinner/Spinner.d.ts +6 -0
  130. package/dist/esm/components/spinner/Spinner.js +18 -1
  131. package/dist/esm/components/states/StateComponent.d.ts +2 -0
  132. package/dist/esm/components/states/StateComponent.js +1 -1
  133. package/dist/esm/components/states/StateComponent.styled.d.ts +4 -1
  134. package/dist/esm/components/states/StateComponent.styled.js +6 -6
  135. package/dist/esm/components/states-modal/StateModalComponent.d.ts +2 -0
  136. package/dist/esm/components/states-modal/StateModalComponent.js +1 -1
  137. package/dist/esm/components/stepper/Stepper.d.ts +2 -0
  138. package/dist/esm/components/stepper/Stepper.js +1 -1
  139. package/dist/esm/components/stepper/Stepper.styled.d.ts +1 -0
  140. package/dist/esm/components/stepper/Stepper.styled.js +6 -6
  141. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  142. package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +0 -8
  143. package/dist/esm/components/template-context-mapper/context/templateModalContext.js +1 -1
  144. package/dist/esm/components/template-context-mapper/modalElements/Body.js +12 -9
  145. package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js +2 -2
  146. package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts +2 -0
  147. package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.js +1 -1
  148. package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js +1 -1
  149. package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.js +0 -1
  150. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js +1 -1
  151. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -1
  152. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js +1 -1
  153. package/dist/esm/components/template-context-mapper/modalElements/MobilePreview.js +5 -3
  154. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +4 -4
  155. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.js +3 -3
  156. package/dist/esm/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.js +1 -1
  157. package/dist/esm/components/template-context-mapper/utils/constants.d.ts +1 -0
  158. package/dist/esm/components/template-context-mapper/utils/constants.js +1 -0
  159. package/dist/esm/components/template-preview/EmailTemplatePreview.styled.js +2 -0
  160. package/dist/esm/components/template-preview/WhatsApp/ChatUI.js +2 -2
  161. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +4 -0
  162. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +20 -18
  163. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js +4 -4
  164. package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +5 -5
  165. package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js +1 -1
  166. package/dist/esm/helpers/index.d.ts +0 -1
  167. package/dist/esm/hooks/useOutside.d.ts +1 -1
  168. package/dist/esm/hooks/useOutside.js +1 -1
  169. package/dist/esm/index.d.ts +1 -1
  170. package/dist/esm/index.js +1 -1
  171. package/package.json +1 -1
  172. package/dist/cjs/assets/icons/sub_category.svg.js +0 -1
  173. package/dist/cjs/components/variable-picker-v3/Content.d.ts +0 -6
  174. package/dist/cjs/components/variable-picker-v3/Content.js +0 -1
  175. package/dist/cjs/components/variable-picker-v3/NoResult.d.ts +0 -6
  176. package/dist/cjs/components/variable-picker-v3/NoResult.js +0 -17
  177. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.d.ts +0 -11
  178. package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js +0 -1
  179. package/dist/cjs/components/variable-picker-v3/VariablePicker.d.ts +0 -5
  180. package/dist/cjs/components/variable-picker-v3/VariablePicker.js +0 -1
  181. package/dist/cjs/components/variable-picker-v3/context.d.ts +0 -21
  182. package/dist/cjs/components/variable-picker-v3/context.js +0 -1
  183. package/dist/cjs/components/variable-picker-v3/index.d.ts +0 -1
  184. package/dist/cjs/components/variable-picker-v3/model.d.ts +0 -49
  185. package/dist/cjs/components/variable-picker-v3/model.js +0 -1
  186. package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts +0 -1
  187. package/dist/cjs/components/variable-picker-v3/recommendVaribles.js +0 -1
  188. package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts +0 -2
  189. package/dist/cjs/components/variable-picker-v3/searchVariables.js +0 -1
  190. package/dist/cjs/components/variable-picker-v3/styles.d.ts +0 -6
  191. package/dist/cjs/components/variable-picker-v3/styles.js +0 -37
  192. package/dist/esm/assets/icons/sub_category.svg.js +0 -1
  193. package/dist/esm/components/variable-picker-v3/Content.d.ts +0 -6
  194. package/dist/esm/components/variable-picker-v3/Content.js +0 -1
  195. package/dist/esm/components/variable-picker-v3/NoResult.d.ts +0 -6
  196. package/dist/esm/components/variable-picker-v3/NoResult.js +0 -17
  197. package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts +0 -11
  198. package/dist/esm/components/variable-picker-v3/SubHeaderItems.js +0 -1
  199. package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts +0 -5
  200. package/dist/esm/components/variable-picker-v3/VariablePicker.js +0 -1
  201. package/dist/esm/components/variable-picker-v3/context.d.ts +0 -21
  202. package/dist/esm/components/variable-picker-v3/context.js +0 -1
  203. package/dist/esm/components/variable-picker-v3/index.d.ts +0 -1
  204. package/dist/esm/components/variable-picker-v3/model.d.ts +0 -49
  205. package/dist/esm/components/variable-picker-v3/model.js +0 -1
  206. package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts +0 -1
  207. package/dist/esm/components/variable-picker-v3/recommendVaribles.js +0 -1
  208. package/dist/esm/components/variable-picker-v3/searchVariables.d.ts +0 -2
  209. package/dist/esm/components/variable-picker-v3/searchVariables.js +0 -1
  210. package/dist/esm/components/variable-picker-v3/styles.d.ts +0 -6
  211. package/dist/esm/components/variable-picker-v3/styles.js +0 -37
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- export declare const VariablePickerContext: React.Context<{
3
- searchText: string;
4
- setSearchText: React.Dispatch<React.SetStateAction<string>>;
5
- subHeaderStack: any[];
6
- setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
7
- variables: any[];
8
- setVariables: React.Dispatch<React.SetStateAction<any[]>>;
9
- showRecommended: boolean;
10
- setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
11
- }>;
12
- export declare const useVariablePickerContext: () => {
13
- searchText: string;
14
- setSearchText: React.Dispatch<React.SetStateAction<string>>;
15
- subHeaderStack: any[];
16
- setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
17
- variables: any[];
18
- setVariables: React.Dispatch<React.SetStateAction<any[]>>;
19
- showRecommended: boolean;
20
- setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
21
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}});exports.VariablePickerContext=r,exports.useVariablePickerContext=()=>e.useContext(r);
@@ -1 +0,0 @@
1
- export * from './VariablePicker';
@@ -1,49 +0,0 @@
1
- export declare enum PickerType {
2
- FLOATER = "floater",
3
- EMBEDDED = "embedded"
4
- }
5
- export interface VariablePickerV3Props {
6
- type: PickerType;
7
- data: VariableListInterfaceV3[];
8
- onSelect: (variable: VariableV3) => void;
9
- width?: string;
10
- onClose?: () => void;
11
- showHeader?: boolean;
12
- showBackButton?: boolean;
13
- onBackButtonClick?: () => void;
14
- onSearchBlur?: (e: any) => void;
15
- isEvaluationList?: boolean;
16
- }
17
- export interface VariableListInterfaceV3 {
18
- isSubHeader?: boolean;
19
- displayName: string;
20
- description: string;
21
- orderId?: number;
22
- isAvailable?: boolean;
23
- variables?: {
24
- [key: string]: SubHeader | VariableV3;
25
- };
26
- }
27
- export interface SubHeader {
28
- isSubHeader: boolean;
29
- isAvailable: boolean;
30
- displayName: string;
31
- description: string;
32
- variables?: {
33
- [key: string]: SubHeader | VariableV3;
34
- };
35
- }
36
- export interface VariableV3 {
37
- description?: string;
38
- defaultValue?: string;
39
- displayName: string;
40
- actualValue: string;
41
- variableType: string;
42
- isAvailable: boolean;
43
- actualValueEval?: string;
44
- isSubHeader?: boolean;
45
- variables?: {
46
- [key: string]: VariableV3;
47
- };
48
- needsFetching?: boolean;
49
- }
@@ -1 +0,0 @@
1
- "use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.PickerType=void 0,(e=exports.PickerType||(exports.PickerType={})).FLOATER="floater",e.EMBEDDED="embedded";
@@ -1 +0,0 @@
1
- export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>Object.keys(e).reduce(((s,a)=>(e[a]&&e[a].isAvailable&&(s[a]=e[a]),s)),{});exports.showOnlyRecommendedVariables=(s,a)=>s.map((s=>{if(s.isAvailable&&void 0===s.variables)return s;if(void 0===s.isAvailable&&void 0!==s.variables){const a=e(s.variables);return 0===Object.keys(a).length?{}:Object.assign(Object.assign({},s),{variables:a})}if(void 0===s.variables){return e(s)}{const i=e(s.variables);return a.length?i:Object.assign(Object.assign({},s),{variables:i})}})).filter((e=>Object.keys(e).length>0));
@@ -1,2 +0,0 @@
1
- import { VariableListInterfaceV3 } from './model';
2
- export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=(a,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&e(a,s[l].variables,r)}))};exports.searchVariables=(a,s,r)=>{if(!a)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)e(a,s.variables,l);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}})),l};
@@ -1,6 +0,0 @@
1
- export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
5
- height: string;
6
- }, never>;
@@ -1,37 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const a=o.default.div`
2
- display: flex;
3
- align-items: center;
4
- gap: 8px;
5
- padding: 12px 16px 0px 16px;
6
- background-color: ${r.COLORS.surface.subdued};
7
- `,i=o.default.div`
8
- display: flex;
9
- justify-content: space-between;
10
- align-items: center;
11
- padding: 12px 16px;
12
- background-color: ${r.COLORS.surface.subdued};
13
- border-bottom: 1px solid ${r.COLORS.stroke.primary};
14
- `,d=o.default.div`
15
- position: relative;
16
- display: flex;
17
- align-items: center;
18
- justify-content: center;
19
- height: 32px;
20
- background-color: ${r.COLORS.background.base};
21
- `,p=o.default.div`
22
- margin: 8px;
23
- height: ${e=>e.height};
24
- overflow: scroll;
25
- &::-webkit-scrollbar-thumb {
26
- background-color: #e0e0e0 !important;
27
- border-radius: 8px;
28
- }
29
- &::-webkit-scrollbar {
30
- height: 5px;
31
- display: block;
32
- width: 8px;
33
- }
34
- &::-webkit-scrollbar-thumb:horizontal {
35
- width: 8px;
36
- }
37
- `;exports.BackHeader=d,exports.Container=p,exports.HeaderWrapper=a,exports.RecommendWrapper=i;
@@ -1 +0,0 @@
1
- import*as e from"react";var t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},l),t||(t=e.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M2.667 4a.667.667 0 0 0-1.333 0 6 6 0 0 0 6 6h4.836l-1.999 2.221a.667.667 0 1 0 .991.892l2.999-3.331c0-.002.002-.003.003-.004l.4-.444-.4-.444-.003-.004-2.999-3.331a.667.667 0 0 0-.99.892l1.998 2.22H7.333a4.667 4.667 0 0 1-4.666-4.666Z",clipRule:"evenodd"})));export{l as default};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { VariablePickerV3Props } from './model';
3
- type Props = VariablePickerV3Props;
4
- export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;
5
- export declare const VariablePickerContent: React.FC<Props>;
6
- export {};
@@ -1 +0,0 @@
1
- import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as s,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as r}from"react";import{COLORS as c}from"../../constants/Theme.js";import{BikAccordion as d}from"../accordion/Accordion.js";import{IconButton as h}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as p}from"../list-item/ListItem.js";import{Switch as g}from"../switch/Switch.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleRegular as b,BodySecondary as f,BodyCaption as y,TitleSmall as v}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import x from"./NoResult.js";import{showOnlyRecommendedVariables as O}from"./recommendVaribles.js";import{searchVariables as w}from"./searchVariables.js";import{HeaderWrapper as k,RecommendWrapper as S,BackHeader as C,Container as N}from"./styles.js";import V from"./SubHeaderItems.js";const I=(e,i)=>{if(0===i.length)return e;const o=e.toLowerCase().indexOf(i.toLowerCase());if(-1===o)return e;const l=e.slice(0,o),n=e.slice(o,o+i.length),a=e.slice(o+i.length);return s("span",{children:[l,t("b",Object.assign({style:{color:c.content.primary}},{children:n})),a]})},T=/.*\..*/,B=e=>{if(e.actualValue.match(T)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let s=t[0];return t.forEach(((e,t)=>{if(0===t)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],i=t[2];s+=`['${e}'][${i}]`}}else s+=`['${e}']`})),s}return e.actualValueEval?e.actualValueEval:e.actualValue},L=T=>{const{data:L,onSelect:R,showHeader:$,showBackButton:E,onBackButtonClick:H,isEvaluationList:P}=T,[_,A]=a(L),[z,D]=a(""),[K,q]=a([]),[F,G]=a(""),[J,M]=a(!1),[Q,U]=a([]);r((()=>{W(!0)}),[]),r((()=>{K.length>0?U([K[K.length-1]]):U(L)}),[K]);const W=t=>e(void 0,void 0,void 0,(function*(){if(M(t),t){const e=O(_,K);A(e)}else if(K.length>0){const e=F==K[K.length-1].displayName;if(z.length>0&&e){const e=w(z,Q,K);A(e)}else A([K[K.length-1].variables])}else if(z.length>0){const e=w(z,Q,K);A(e)}else A(L)})),X=e=>{let t=104;return K.length>0&&(t+=54),`calc(${e}px - ${t}px)`};return t(j.Provider,Object.assign({value:{variables:_,searchText:z,subHeaderStack:K,showRecommended:J,setSubHeaderStack:q,setSearchText:D,setVariables:A,setShowRecommended:M}},{children:s("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4},onClick:e=>e.stopPropagation()},{children:[($||E)&&s(k,{children:[E&&t(h,{Icon:()=>t(o,{width:16,height:16,style:{display:"flex",color:c.content.primary}}),onClick:H}),$&&t(b,{children:"Select Variable"})]}),t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:c.surface.subdued}},{children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{T.onSearchBlur&&T.onSearchBlur(e)},value:z,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||G("");const t=w(e,Q,K);if(J){const e=O(t,K);A(e)}else A(t);D(e);const s=K.length>0?K[K.length-1].displayName:"home";G(s)}})})),s(S,{children:[t(f,Object.assign({style:{color:c.content.secondary}},{children:"Only Recommended"})),t(g,{value:J,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield W(t)}))})]}),K.length>0&&s(C,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(h,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(o,{width:12,height:12,style:{color:c.content.secondary}}),onClick:e=>{e.stopPropagation();let t=z;const s=[...K],i=s.pop();if(q(s),i.displayName===F&&(D(""),t=""),t.length>0){const e=s.length>0?[s[s.length-1]]:L,i=w(t,e,s);if(J){const e=O(i,s);A(e)}else A(i)}else if(s.length>0)if(J){const e=O([s[s.length-1].variables],s);A(e)}else A([s[s.length-1].variables]);else if(J){const e=O(L,K);A(e)}else A(L)}})})),t(y,Object.assign({style:{color:c.content.secondary}},{children:K[K.length-1].displayName}))]}),t(i,{children:_.length>0?t(N,Object.assign({height:X(500)},{children:_.map(((e,i)=>e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${c.stroke.primary}`}},{children:t(d,Object.assign({headerPadding:"12px 16px",header:t(v,Object.assign({style:{color:c.content.secondary}},{children:I(e.displayName,z)}))},{children:t(V,{searchText:z,variable:e.variables,onSelect:R})}))}),i):e.displayName?t(p,{version:"2.0",leadingIcon:t(l,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[t(f,Object.assign({style:{fontSize:"14px",color:c.text.primary}},{children:I(e.displayName,z)})),!e.isAvailable&&t(u,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex"}},{children:t(n,{width:16,height:16,color:c.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(P){const t=B(e);R(Object.assign(Object.assign({},e),{actualValue:t}))}else R(e)}},i):t(V,{searchText:z,variable:e,onSelect:e=>{if(P){const t=B(e);R(Object.assign(Object.assign({},e),{actualValue:t}))}else R(e)}},i)))})):t(x,{height:X(500),searchText:z})})]}))}))};export{L as VariablePickerContent,I as highlightSearchText};
@@ -1,6 +0,0 @@
1
- type Props = {
2
- height: string;
3
- searchText?: string;
4
- };
5
- declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
6
- export default NoResult;
@@ -1,17 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
2
- display: flex;
3
- gap: 16px;
4
- flex-direction: column;
5
- align-items: center;
6
- justify-content: center;
7
- padding: 0 16px;
8
- height: ${e=>e.height};
9
- `,d=n.div`
10
- display: flex;
11
- align-items: center;
12
- justify-content: center;
13
- background-color: ${o.background.brandLight};
14
- width: 48px;
15
- height: 48px;
16
- border-radius: 24px;
17
- `;export{c as default};
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { SubHeader, VariableV3 } from './model';
3
- type SubHeaderProps = {
4
- searchText: string;
5
- onSelect: (variable: VariableV3) => void;
6
- variable: {
7
- [key: string]: SubHeader | VariableV3;
8
- };
9
- };
10
- declare const SubHeaderItem: React.FC<SubHeaderProps>;
11
- export default SubHeaderItem;
@@ -1 +0,0 @@
1
- import{jsx as e,Fragment as s,jsxs as t}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as n}from"../list-item/ListItem.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{highlightSearchText as d}from"./Content.js";import{useVariablePickerContext as p}from"./context.js";import{showOnlyRecommendedVariables as h}from"./recommendVaribles.js";const b=b=>{const{onSelect:g,variable:y,searchText:f}=b,{subHeaderStack:j,setSubHeaderStack:v,setVariables:u,showRecommended:x}=p();return e(s,{children:Object.keys(y).map(((s,p)=>void 0===y[s].variables?e(n,{version:"2.0",leadingIcon:e(o,{width:14,height:14}),customListItemLabel:t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:d(y[s].displayName,f)})),!y[s].isAvailable&&e(c,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex"}},{children:e(a,{width:16,height:16,color:l.content.secondary})}))}))]})),listItem:{label:y[s].displayName,value:y[s].displayName},subText:y[s].description||"",onClick:()=>{g(y[s])}},p):e(n,{version:"2.0",listItem:{label:y[s].displayName,value:y[s].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:d(y[s].displayName,f)}))})),leadingIcon:e(r,{width:14,height:14}),subText:y[s].description||"",trailingIcon:e(i,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=[...j,y[s]];if(v(e),x){const t=h([y[s].variables],e);u(t)}else u([y[s].variables])}},p)))})};export{b as default};
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { VariablePickerV3Props } from './model';
3
- type Props = VariablePickerV3Props;
4
- export declare const VariablePicker: React.FC<Props>;
5
- export default VariablePicker;
@@ -1 +0,0 @@
1
- import{jsxs as o,jsx as s}from"react/jsx-runtime";import t from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as r}from"../modals/modal.styled.js";import{VariablePickerContent as i}from"./Content.js";import{PickerType as n}from"./model.js";const m=m=>{const{type:c}=m;return c==n.FLOATER?o("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:m.width?m.width:344,borderRadius:4}},{children:[s(i,Object.assign({},m)),s(r,Object.assign({onClick:()=>{m.onClose&&m.onClose()}},{children:s(t,{height:20,width:20,color:e.content.secondary})}))]})):s(i,Object.assign({},m))};export{m as VariablePicker,m as default};
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- export declare const VariablePickerContext: React.Context<{
3
- searchText: string;
4
- setSearchText: React.Dispatch<React.SetStateAction<string>>;
5
- subHeaderStack: any[];
6
- setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
7
- variables: any[];
8
- setVariables: React.Dispatch<React.SetStateAction<any[]>>;
9
- showRecommended: boolean;
10
- setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
11
- }>;
12
- export declare const useVariablePickerContext: () => {
13
- searchText: string;
14
- setSearchText: React.Dispatch<React.SetStateAction<string>>;
15
- subHeaderStack: any[];
16
- setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
17
- variables: any[];
18
- setVariables: React.Dispatch<React.SetStateAction<any[]>>;
19
- showRecommended: boolean;
20
- setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
21
- };
@@ -1 +0,0 @@
1
- import e,{useContext as t}from"react";const a=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}}),r=()=>t(a);export{a as VariablePickerContext,r as useVariablePickerContext};
@@ -1 +0,0 @@
1
- export * from './VariablePicker';
@@ -1,49 +0,0 @@
1
- export declare enum PickerType {
2
- FLOATER = "floater",
3
- EMBEDDED = "embedded"
4
- }
5
- export interface VariablePickerV3Props {
6
- type: PickerType;
7
- data: VariableListInterfaceV3[];
8
- onSelect: (variable: VariableV3) => void;
9
- width?: string;
10
- onClose?: () => void;
11
- showHeader?: boolean;
12
- showBackButton?: boolean;
13
- onBackButtonClick?: () => void;
14
- onSearchBlur?: (e: any) => void;
15
- isEvaluationList?: boolean;
16
- }
17
- export interface VariableListInterfaceV3 {
18
- isSubHeader?: boolean;
19
- displayName: string;
20
- description: string;
21
- orderId?: number;
22
- isAvailable?: boolean;
23
- variables?: {
24
- [key: string]: SubHeader | VariableV3;
25
- };
26
- }
27
- export interface SubHeader {
28
- isSubHeader: boolean;
29
- isAvailable: boolean;
30
- displayName: string;
31
- description: string;
32
- variables?: {
33
- [key: string]: SubHeader | VariableV3;
34
- };
35
- }
36
- export interface VariableV3 {
37
- description?: string;
38
- defaultValue?: string;
39
- displayName: string;
40
- actualValue: string;
41
- variableType: string;
42
- isAvailable: boolean;
43
- actualValueEval?: string;
44
- isSubHeader?: boolean;
45
- variables?: {
46
- [key: string]: VariableV3;
47
- };
48
- needsFetching?: boolean;
49
- }
@@ -1 +0,0 @@
1
- var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};
@@ -1 +0,0 @@
1
- export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
@@ -1 +0,0 @@
1
- const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};
@@ -1,2 +0,0 @@
1
- import { VariableListInterfaceV3 } from './model';
2
- export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
@@ -1 +0,0 @@
1
- const e=(e,s,r)=>{if(!e)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,l);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,l)}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,l)}})),l},a=(e,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,r)}))};export{e as searchVariables};
@@ -1,6 +0,0 @@
1
- export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
5
- height: string;
6
- }, never>;
@@ -1,37 +0,0 @@
1
- import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=e.div`
2
- display: flex;
3
- align-items: center;
4
- gap: 8px;
5
- padding: 12px 16px 0px 16px;
6
- background-color: ${o.surface.subdued};
7
- `,r=e.div`
8
- display: flex;
9
- justify-content: space-between;
10
- align-items: center;
11
- padding: 12px 16px;
12
- background-color: ${o.surface.subdued};
13
- border-bottom: 1px solid ${o.stroke.primary};
14
- `,i=e.div`
15
- position: relative;
16
- display: flex;
17
- align-items: center;
18
- justify-content: center;
19
- height: 32px;
20
- background-color: ${o.background.base};
21
- `,a=e.div`
22
- margin: 8px;
23
- height: ${e=>e.height};
24
- overflow: scroll;
25
- &::-webkit-scrollbar-thumb {
26
- background-color: #e0e0e0 !important;
27
- border-radius: 8px;
28
- }
29
- &::-webkit-scrollbar {
30
- height: 5px;
31
- display: block;
32
- width: 8px;
33
- }
34
- &::-webkit-scrollbar-thumb:horizontal {
35
- width: 8px;
36
- }
37
- `;export{i as BackHeader,a as Container,t as HeaderWrapper,r as RecommendWrapper};