@bikdotai/bik-component-library 0.0.662-5 → 0.0.662

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 (127) hide show
  1. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  2. package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  3. package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  4. package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  5. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  6. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +2 -0
  8. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  9. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  10. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
  11. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +2 -0
  12. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +1 -0
  13. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +6 -2
  14. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
  15. package/dist/cjs/components/buttonGroup/ButtonGroup.d.ts +0 -2
  16. package/dist/cjs/components/buttonGroup/ButtonGroup.js +1 -1
  17. package/dist/cjs/components/buttonGroup/ButtonGroupStyle.d.ts +0 -2
  18. package/dist/cjs/components/buttonGroup/ButtonGroupStyle.js +2 -2
  19. package/dist/cjs/components/plans/NewSubscriptionPlan.js +1 -1
  20. package/dist/cjs/components/plans/SubscriptionPlan.d.ts +1 -0
  21. package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
  22. package/dist/cjs/components/product-picker-v2/modal.d.ts +1 -0
  23. package/dist/cjs/components/product-picker-v2/modal.js +1 -1
  24. package/dist/cjs/components/product-picker-v2/product.js +1 -1
  25. package/dist/cjs/components/product-picker-v2/productInfoOverlay.js +7 -7
  26. package/dist/cjs/components/product-picker-v2/productScreen.js +1 -1
  27. package/dist/cjs/components/product-picker-v2/style.d.ts +11 -0
  28. package/dist/cjs/components/product-picker-v2/style.js +53 -18
  29. package/dist/cjs/components/product-picker-v2/utility.d.ts +1 -0
  30. package/dist/cjs/components/product-picker-v2/utility.js +1 -1
  31. package/dist/cjs/components/product-picker-v2/variant.js +1 -1
  32. package/dist/cjs/components/side-modal/SideModal.d.ts +0 -1
  33. package/dist/cjs/components/side-modal/SideModal.js +1 -1
  34. package/dist/cjs/components/side-modal/SideModal.style.d.ts +0 -1
  35. package/dist/cjs/components/side-modal/SideModal.style.js +5 -5
  36. package/dist/cjs/index.d.ts +0 -3
  37. package/dist/cjs/index.js +1 -1
  38. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
  39. package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  40. package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
  41. package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
  42. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
  43. package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
  44. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +2 -0
  45. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  46. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  47. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
  48. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +2 -0
  49. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +1 -0
  50. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +5 -1
  51. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
  52. package/dist/esm/components/buttonGroup/ButtonGroup.d.ts +0 -2
  53. package/dist/esm/components/buttonGroup/ButtonGroup.js +1 -1
  54. package/dist/esm/components/buttonGroup/ButtonGroupStyle.d.ts +0 -2
  55. package/dist/esm/components/buttonGroup/ButtonGroupStyle.js +12 -12
  56. package/dist/esm/components/plans/NewSubscriptionPlan.js +1 -1
  57. package/dist/esm/components/plans/SubscriptionPlan.d.ts +1 -0
  58. package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
  59. package/dist/esm/components/product-picker-v2/modal.d.ts +1 -0
  60. package/dist/esm/components/product-picker-v2/modal.js +1 -1
  61. package/dist/esm/components/product-picker-v2/product.js +1 -1
  62. package/dist/esm/components/product-picker-v2/productInfoOverlay.js +7 -7
  63. package/dist/esm/components/product-picker-v2/productScreen.js +1 -1
  64. package/dist/esm/components/product-picker-v2/style.d.ts +11 -0
  65. package/dist/esm/components/product-picker-v2/style.js +51 -16
  66. package/dist/esm/components/product-picker-v2/utility.d.ts +1 -0
  67. package/dist/esm/components/product-picker-v2/utility.js +1 -1
  68. package/dist/esm/components/product-picker-v2/variant.js +1 -1
  69. package/dist/esm/components/side-modal/SideModal.d.ts +0 -1
  70. package/dist/esm/components/side-modal/SideModal.js +1 -1
  71. package/dist/esm/components/side-modal/SideModal.style.d.ts +0 -1
  72. package/dist/esm/components/side-modal/SideModal.style.js +16 -16
  73. package/dist/esm/index.d.ts +0 -3
  74. package/dist/esm/index.js +1 -1
  75. package/package.json +1 -1
  76. package/dist/cjs/assets/icons/checklist.svg.js +0 -1
  77. package/dist/cjs/assets/icons/doc_click.svg.js +0 -1
  78. package/dist/cjs/assets/icons/docs_all.svg.js +0 -1
  79. package/dist/cjs/assets/icons/product_all.svg.js +0 -1
  80. package/dist/cjs/assets/icons/question_mind.svg.js +0 -1
  81. package/dist/cjs/components/ai-assist/AiAssist.d.ts +0 -19
  82. package/dist/cjs/components/ai-assist/AiAssist.js +0 -1
  83. package/dist/cjs/components/ai-assist/AiAssist.style.d.ts +0 -6
  84. package/dist/cjs/components/ai-assist/AiAssist.style.js +0 -112
  85. package/dist/cjs/components/ai-assist/Components/SelectionModal.d.ts +0 -13
  86. package/dist/cjs/components/ai-assist/Components/SelectionModal.js +0 -1
  87. package/dist/cjs/components/ai-assist/constants.d.ts +0 -3
  88. package/dist/cjs/components/ai-assist/constants.js +0 -1
  89. package/dist/cjs/components/ai-assist/model.d.ts +0 -41
  90. package/dist/cjs/components/ai-assist/model.js +0 -1
  91. package/dist/cjs/components/text-picker/TextPickerCategoryCard.d.ts +0 -13
  92. package/dist/cjs/components/text-picker/TextPickerCategoryCard.js +0 -13
  93. package/dist/cjs/components/text-picker/TextPickerFooter.d.ts +0 -6
  94. package/dist/cjs/components/text-picker/TextPickerFooter.js +0 -15
  95. package/dist/cjs/components/text-picker/TextPickerItemRow.d.ts +0 -11
  96. package/dist/cjs/components/text-picker/TextPickerItemRow.js +0 -17
  97. package/dist/cjs/components/text-picker/TextPickerModal.d.ts +0 -30
  98. package/dist/cjs/components/text-picker/TextPickerModal.js +0 -26
  99. package/dist/cjs/components/text-picker/TextPickerSelectAllRow.d.ts +0 -7
  100. package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js +0 -17
  101. package/dist/cjs/components/text-picker/index.d.ts +0 -1
  102. package/dist/esm/assets/icons/checklist.svg.js +0 -1
  103. package/dist/esm/assets/icons/doc_click.svg.js +0 -1
  104. package/dist/esm/assets/icons/docs_all.svg.js +0 -1
  105. package/dist/esm/assets/icons/product_all.svg.js +0 -1
  106. package/dist/esm/assets/icons/question_mind.svg.js +0 -1
  107. package/dist/esm/components/ai-assist/AiAssist.d.ts +0 -19
  108. package/dist/esm/components/ai-assist/AiAssist.js +0 -1
  109. package/dist/esm/components/ai-assist/AiAssist.style.d.ts +0 -6
  110. package/dist/esm/components/ai-assist/AiAssist.style.js +0 -112
  111. package/dist/esm/components/ai-assist/Components/SelectionModal.d.ts +0 -13
  112. package/dist/esm/components/ai-assist/Components/SelectionModal.js +0 -1
  113. package/dist/esm/components/ai-assist/constants.d.ts +0 -3
  114. package/dist/esm/components/ai-assist/constants.js +0 -1
  115. package/dist/esm/components/ai-assist/model.d.ts +0 -41
  116. package/dist/esm/components/ai-assist/model.js +0 -1
  117. package/dist/esm/components/text-picker/TextPickerCategoryCard.d.ts +0 -13
  118. package/dist/esm/components/text-picker/TextPickerCategoryCard.js +0 -13
  119. package/dist/esm/components/text-picker/TextPickerFooter.d.ts +0 -6
  120. package/dist/esm/components/text-picker/TextPickerFooter.js +0 -15
  121. package/dist/esm/components/text-picker/TextPickerItemRow.d.ts +0 -11
  122. package/dist/esm/components/text-picker/TextPickerItemRow.js +0 -17
  123. package/dist/esm/components/text-picker/TextPickerModal.d.ts +0 -30
  124. package/dist/esm/components/text-picker/TextPickerModal.js +0 -26
  125. package/dist/esm/components/text-picker/TextPickerSelectAllRow.d.ts +0 -7
  126. package/dist/esm/components/text-picker/TextPickerSelectAllRow.js +0 -17
  127. package/dist/esm/components/text-picker/index.d.ts +0 -1
@@ -1,112 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);o.default.div`
2
- display: flex;
3
- flex-direction: row;
4
- width: 100vw;
5
- height: 90vh;
6
- background-color: ${r.COLORS.surface.subdued};
7
- margin: 16px;
8
- `;const d=o.default.div`
9
- display: flex;
10
- flex-direction: column;
11
- gap: 2px;
12
- // width: 33%;
13
- width: 100%;
14
- height: 100%;
15
- background-color: #fff;
16
- border-radius: 8px;
17
- border: 1px solid ${r.COLORS.stroke.primary};
18
- // box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
19
- padding: 16px;
20
- // margin: 16px 2px; // TODO: remove this margin when integrating with the main component
21
- position: relative;
22
- overflow: hidden;
23
- z-index: 1;
24
-
25
- .ai-assist-data-selection {
26
- display: flex;
27
- flex-direction: column;
28
- gap: 24px;
29
- }
30
-
31
- .ai-assist-selection-card {
32
- display: flex;
33
- flex-direction: row;
34
- gap: 8px;
35
- padding: 14px 16px;
36
- border: 1px solid ${r.COLORS.stroke.primary};
37
- border-radius: 8px;
38
- cursor: pointer;
39
- justify-content: space-between;
40
-
41
- &:hover {
42
- background-color: ${r.COLORS.surface.hovered};
43
- }
44
- &: active {
45
- background-color: ${r.COLORS.background.brandLight};
46
- }
47
- }
48
- `,a=o.default.div`
49
- display: flex;
50
- flex-direction: row;
51
- gap: 8px;
52
- padding: 14px 16px;
53
- border: 1px solid ${r.COLORS.stroke.primary};
54
- border-radius: 8px;
55
- cursor: ${e=>e.disable?"not-allowed":"pointer"};
56
- justify-content: space-between;
57
- background-color: ${e=>e.disable?r.COLORS.surface.subdued:r.COLORS.surface.standard};
58
- opacity: ${e=>e.disable?.5:1};
59
-
60
- &:hover {
61
- background-color: ${e=>e.disable?r.COLORS.surface.subdued:r.COLORS.surface.hovered};
62
- }
63
- &:active {
64
- background-color: ${e=>e.disable?r.COLORS.surface.subdued:r.COLORS.background.brandLight};
65
- }
66
- `,t=o.default.div`
67
- display: flex;
68
- flex-direction: column;
69
- gap: 16px;
70
- width: 33%;
71
- height: 100%;
72
- background-color: #fff;
73
- border-radius: 8px;
74
- border: 1px solid ${r.COLORS.stroke.primary};
75
- box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
76
- margin: 16px 2px; // TODO: remove this margin when integrating with the main component
77
- position: relative;
78
- overflow: hidden;
79
- z-index: 1;
80
- background-color: ${r.COLORS.surface.subdued};
81
-
82
- .body {
83
- display: flex;
84
- flex-direction: column;
85
- padding: 16px;
86
- gap: 16px;
87
- }
88
-
89
- .ai-assist-selection-modal-card {
90
- display: flex;
91
- flex-direction: row;
92
- align-items: center;
93
- gap: 16px;
94
- padding: 12px;
95
- background-color: ${r.COLORS.surface.standard};
96
- border-radius: 4px;
97
-
98
- .image {
99
- height: 45px;
100
- width: 45px;
101
- border-radius: 4px;
102
- border: 1px solid ${r.COLORS.stroke.primary};
103
- }
104
- }
105
-
106
- .footer {
107
- display: flex;
108
- margin-top: auto;
109
- padding: 16px;
110
- background-color: ${r.COLORS.surface.standard};
111
- }
112
- `;exports.AiAssistMainContainer=d,exports.AiAssistSelectionCard=a,exports.AiAssistSelectionModalMainContainer=t;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { AiAssistSelectedData } from '../model';
3
- export interface SelectionModalProps {
4
- selectionType: 'PRODUCT' | 'DOCUMENT' | 'INTENT';
5
- isOpen: boolean;
6
- checkListType: Record<string, string>;
7
- localAiAssistSelectedData: AiAssistSelectedData;
8
- onClose: () => void;
9
- onRemoveAll: () => void;
10
- onRemoveSelected: (removedIndex: number, id: string) => void;
11
- onAdd: () => void;
12
- }
13
- export declare const SelectionModal: React.FC<SelectionModalProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/chevronLeft2.svg.js"),s=require("../../../assets/icons/cross.svg.js"),n=require("../../../assets/icons/plus.svg.js"),i=require("../../button/Button.js"),o=require("../../icon-button/IconButton.js"),l=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),a=require("../AiAssist.style.js");exports.SelectionModal=r=>{const{selectionType:d,isOpen:u,checkListType:j,onClose:O,onRemoveAll:h,onRemoveSelected:p,onAdd:x,localAiAssistSelectedData:y}=r,g="PRODUCT"==d?y.PRODUCT.productData:"DOCUMENT"==d?y.DOCUMENT.documentData:y.DOCUMENT.intents,m=e=>e.replace(/(<([^>]+)>)/gi,"");return u?e.jsxs(a.AiAssistSelectionModalMainContainer,{children:[e.jsxs("div",Object.assign({className:"body"},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:"8px",alignItems:"center",marginBottom:"8px"}},{children:[e.jsx(o.IconButton,{Icon:t.default,iconButtonType:"default",height:24,width:24,iconColor:c.COLORS.content.primary,onClick:O}),e.jsx(l.TitleRegular,{children:`Selected ${d.toLocaleLowerCase()}s (${g.length})`})]})),e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(i.Button,{buttonType:"dashRegular",buttonText:"Add "+("PRODUCT"==d?"Product/Collections":"INTENT"==d?"Intents":"Documents"),LeadingIcon:n.default,size:"medium",matchParentWidth:!0,onClick:x})})),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",overflowY:"auto",maxHeight:"60vh"}},{children:g.map(((t,n)=>{const i="PRODUCT"==d||"DOCUMENT"==d?t.id:t,a="PRODUCT"==d||"DOCUMENT"==d?t.name:(null==j?void 0:j[t])||t,r="PRODUCT"==d?m(t.description):"DOCUMENT"==d?t.type:"";return e.jsxs("div",Object.assign({className:"ai-assist-selection-modal-card"},{children:["PRODUCT"==d&&e.jsx("img",{src:t.imageUrl,className:"image",alt:"Product"}),e.jsxs("div",Object.assign({style:{alignItems:"center",justifyContent:"center",overflow:"hidden"}},{children:[e.jsx(l.BodySecondary,Object.assign({color:c.COLORS.content.secondary,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:a})),"PRODUCT"==d&&e.jsx(l.BodySecondary,Object.assign({color:c.COLORS.content.secondary,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:m(null!=r?r:"")})),"DOCUMENT"==d&&e.jsx(l.BodyCaption,Object.assign({color:c.COLORS.content.secondary,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r}))]})),e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",marginLeft:"auto"}},{children:e.jsx(o.IconButton,{Icon:s.default,iconButtonType:"default",height:22,width:22,iconColor:c.COLORS.content.placeholder,onClick:()=>p(n,i)})}))]}),`${n}-${i}`)}))}))]})),e.jsx("div",Object.assign({className:"footer"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:e.jsx(i.Button,{buttonType:"tertiary",size:"small",buttonText:"Remove all",onClick:()=>h(),matchParentWidth:!0})}))}))]}):e.jsx(e.Fragment,{})};
@@ -1,3 +0,0 @@
1
- import { ButtonGroupInterface } from '../buttonGroup';
2
- export declare const AiAssistProductSelectionType: Array<ButtonGroupInterface>;
3
- export declare const AiAssistDocumentSelectionType: Array<ButtonGroupInterface>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../assets/icons/checklist.svg.js"),e=require("../../assets/icons/doc_click.svg.js"),t=require("../../assets/icons/docs_all.svg.js"),i=require("../../assets/icons/product_all.svg.js"),l=require("../../assets/icons/question_mind.svg.js");const c=[{title:"All products",id:"FULL",icon:i.default},{title:"Manually",id:"PARTIAL",icon:s.default}],o=[{title:"All docs",id:"FULL",icon:t.default},{title:"via Intent",id:"INTENT",icon:l.default},{title:"Manually",id:"PARTIAL",icon:e.default}];exports.AiAssistDocumentSelectionType=o,exports.AiAssistProductSelectionType=c;
@@ -1,41 +0,0 @@
1
- import { CustomDataType } from '../data-source-panel/model';
2
- export interface AiAssistSelectedData {
3
- selectionType: AiAssistDataSelectionType.FULL | AiAssistDataSelectionType.PARTIAL;
4
- PRODUCT: {
5
- selectionType: AiAssistDataSelectionType.FULL | AiAssistDataSelectionType.PARTIAL;
6
- productData: ProductSelectionData[];
7
- collectionData: CollectionSelectionData[];
8
- };
9
- DOCUMENT: {
10
- selectionType: AiAssistDataSelectionType.FULL | AiAssistDataSelectionType.PARTIAL | AiAssistDataSelectionType.INTENT;
11
- intents: string[];
12
- documentData: DocumentSelectionData[];
13
- };
14
- }
15
- export interface ProductSelectionData {
16
- id: string;
17
- name: string;
18
- imageUrl: string;
19
- description: string;
20
- }
21
- export interface CollectionSelectionData {
22
- id: string;
23
- name: string;
24
- imageUrl: string;
25
- description: string;
26
- }
27
- export interface DocumentSelectionData {
28
- id: string;
29
- name: string;
30
- type: CustomDataType;
31
- }
32
- export declare enum AiAssistDataSelectionType {
33
- FULL = "FULL",
34
- PARTIAL = "PARTIAL",
35
- INTENT = "INTENT"
36
- }
37
- export declare enum AiAssistDataType {
38
- PRODUCT = "PRODUCT",
39
- DOCUMENT = "DOCUMENT"
40
- }
41
- export declare const DefaultAiAssistData: AiAssistSelectedData;
@@ -1 +0,0 @@
1
- "use strict";var t,e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AiAssistDataSelectionType=void 0,(t=exports.AiAssistDataSelectionType||(exports.AiAssistDataSelectionType={})).FULL="FULL",t.PARTIAL="PARTIAL",t.INTENT="INTENT",exports.AiAssistDataType=void 0,(e=exports.AiAssistDataType||(exports.AiAssistDataType={})).PRODUCT="PRODUCT",e.DOCUMENT="DOCUMENT";const s={selectionType:exports.AiAssistDataSelectionType.PARTIAL,PRODUCT:{selectionType:exports.AiAssistDataSelectionType.FULL,productData:[],collectionData:[]},DOCUMENT:{selectionType:exports.AiAssistDataSelectionType.FULL,intents:[],documentData:[]}};exports.DefaultAiAssistData=s;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerCategoryCardProps {
3
- id: string;
4
- name: string;
5
- itemsCount: number;
6
- selectedCount: number;
7
- isOneDimensional: boolean;
8
- isChecked: boolean;
9
- isPartiallyChecked: boolean;
10
- onCheck: (checked: boolean, e?: React.MouseEvent) => void;
11
- onClick: (e: React.MouseEvent) => void;
12
- }
13
- export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;
@@ -1,13 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),i=require("styled-components"),r=require("../../constants/Theme.js"),s=require("../checkBox/CheckBox.js"),o=require("../icon-button/IconButton.js"),n=require("../tag/Tag.js"),c=require("../TypographyStyle.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(i).default.div`
2
- height: 64px;
3
- background-color: ${e=>{let{isSelected:t,isActive:i}=e;return t?r.COLORS.background.positive.light:i?r.COLORS.surface.hovered:r.COLORS.surface.standard}};
4
- border-bottom: 1px solid ${r.COLORS.stroke.primary};
5
- padding: 12px 24px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
- transition: background 0.2s;
10
- &:hover {
11
- background-color: ${e=>{let{isSelected:t}=e;return t?r.COLORS.background.positive.light:r.COLORS.surface.hovered}};
12
- }
13
- `;exports.TextPickerCategoryCard=i=>{let{id:a,name:d,itemsCount:u,selectedCount:g,isChecked:h,isOneDimensional:x,isPartiallyChecked:p,onCheck:y,onClick:C}=i;return e.jsxs(l,Object.assign({isActive:h||p,isSelected:h,onClick:C},{children:[e.jsx(s.CheckBox,{isChecked:h||p,isPartiallyChecked:p&&!h,onValueChange:function(e,t,i){null==i||i.stopPropagation(),y(e,i)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(c.BodyPrimary,{children:d}),!x&&e.jsxs(c.BodyCaption,Object.assign({style:{color:r.COLORS.text.secondary,fontSize:13}},{children:[u," document",1!==u?"s":""]}))]})),!!g&&e.jsx(n.Tag,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),!x&&e.jsx(o.IconButton,{Icon:t.default,height:16,width:16,style:{marginLeft:8}})]}))};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerFooterProps {
3
- totalSelected: number;
4
- maxDocuments: number;
5
- }
6
- export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;
@@ -1,15 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(require("styled-components"));const o=s.default.div`
2
- box-sizing: border-box;
3
- width: 100%;
4
- margin: 0;
5
- display: flex;
6
- justify-content: flex-start;
7
- align-items: center;
8
- `,c=s.default.div`
9
- display: flex;
10
- align-items: center;
11
- `,a=s.default(n.BodyCaption)`
12
- color: ${e=>{let{$isInactive:t}=e;return t?r.COLORS.content.inactive:r.COLORS.content.brand}};
13
- font-weight: 600;
14
- font-size: 18px;
15
- `;exports.TextPickerFooter=n=>{let{totalSelected:r,maxDocuments:i}=n;const s=i!==1/0&&r>i;return e.jsx(o,{children:e.jsx(c,{children:s?e.jsx(t.Tag,{tagText:`You can only select ${i} documents`,type:"negative"}):e.jsx(a,Object.assign({$isInactive:0===r},{children:i!==1/0?`${r}/${i} documents selected`:`${r} documents selected`}))})})};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerItemRowProps {
3
- item: {
4
- id: string;
5
- name: string;
6
- };
7
- selected: boolean;
8
- onCheck: (checked: boolean) => void;
9
- onClick: () => void;
10
- }
11
- export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),n=require("../TypographyStyle.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);const o=c.default.div`
2
- min-height: 48px;
3
- background: ${e=>{let{selected:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
4
- border-bottom: 1px solid ${t.COLORS.stroke.primary};
5
- padding: 12px 24px;
6
- display: flex;
7
- align-items: center;
8
- cursor: pointer;
9
- `,d=c.default.div`
10
- margin-right: 16px;
11
- display: flex;
12
- flex-direction: column;
13
- justify-content: center;
14
- align-items: center;
15
- `,l=c.default.div`
16
- flex: 1;
17
- `;exports.TextPickerItemRow=r=>{let{item:t,selected:s,onCheck:c,onClick:a}=r;return e.jsxs(o,Object.assign({selected:s,onClick:a},{children:[e.jsx(d,{children:e.jsx(i.CheckBox,{isChecked:s,onValueChange:c})}),e.jsx(l,{children:e.jsx(n.BodyPrimary,{children:t.name})})]}))};
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import type { ButtonProps } from '../button/model';
3
- export interface TextPickerCategory {
4
- id: string;
5
- name: string;
6
- items: {
7
- id: string;
8
- name: string;
9
- }[];
10
- }
11
- export interface TextPickerProps {
12
- visible: boolean;
13
- isOneDimensional?: boolean;
14
- categories: TextPickerCategory[];
15
- selectedItems: {
16
- [categoryId: string]: string[];
17
- };
18
- onAdd: (selected: {
19
- [categoryId: string]: string[];
20
- }) => void;
21
- onClose?: () => void;
22
- title?: string;
23
- subtitle?: string;
24
- width?: string;
25
- zIndex?: number;
26
- maxDocuments?: number;
27
- primaryButton?: ButtonProps;
28
- secondaryButton?: ButtonProps;
29
- }
30
- export declare const TextPickerModal: React.FC<TextPickerProps>;
@@ -1,26 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),i=require("react"),n=require("styled-components"),r=require("../../constants/Theme.js"),s=require("../icon-button/IconButton.js"),o=require("../input/Input.js"),l=require("../modals/styledModal.js"),d=require("../TypographyStyle.js"),a=require("./TextPickerCategoryCard.js"),c=require("./TextPickerFooter.js"),u=require("./TextPickerItemRow.js"),h=require("./TextPickerSelectAllRow.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=g(n);const m=x.default.div`
2
- display: flex;
3
- flex-direction: column;
4
- height: 100%;
5
- `,p=x.default.div`
6
- padding: 12px 24px;
7
- border-bottom: 1px solid ${r.COLORS.stroke.primary};
8
- `,j=x.default.div`
9
- max-height: calc(-365px + 100vh);
10
- flex: 1;
11
- overflow-y: auto;
12
- `,v=x.default.div`
13
- display: flex;
14
- align-items: center;
15
- padding: 0 24px;
16
- background: ${r.COLORS.surface.subdued};
17
- border-bottom: 1px solid ${r.COLORS.stroke.primary};
18
- `,C=x.default.div`
19
- flex: 1;
20
- display: flex;
21
- align-items: center;
22
- justify-content: center;
23
- color: ${r.COLORS.content.secondary};
24
- text-align: center;
25
- padding: 32px;
26
- `;exports.TextPickerModal=n=>{var g,x;const{visible:b,isOneDimensional:y=!1,categories:f,selectedItems:O,onAdd:k,onClose:S,title:T="Select Text",subtitle:w,width:P="640px",zIndex:L}=n,q=null!==(g=n.maxDocuments)&&void 0!==g?g:1/0,[R,B]=i.useState("categories"),[I,A]=i.useState(""),[F,$]=i.useState(O),[D,M]=i.useState(null),z=f.filter((e=>e.name.toLowerCase().includes(I.toLowerCase()))),E=D?D.items.filter((e=>e.name.toLowerCase().includes(I.toLowerCase()))):[],_=Object.values(F).reduce(((e,t)=>e+t.length),0),N=w||"",G=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},H=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},J=()=>{var e;return!!D&&E.length>0&&(null===(e=F[D.id])||void 0===e?void 0:e.length)===E.length},K=(e,t)=>{D&&$((i=>{const n=i[D.id]||[];return t&&_>=q?i:t?n.includes(e)?i:Object.assign(Object.assign({},i),{[D.id]:[...n,e]}):Object.assign(Object.assign({},i),{[D.id]:n.filter((t=>t!==e))})}))};return e.jsx(l.StyledModal,Object.assign({open:b,onClose:S,headingTitle:T,headingSubtitle:N,centralContainerStyles:{width:P,zIndex:L},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(x=n.primaryButton.disabled)&&void 0!==x&&x||0===_||q!==1/0&&_>q,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===_||q!==1/0&&_>q,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(c.TextPickerFooter,{totalSelected:_,maxDocuments:q}),footerContainerStyle:{borderTop:`1px solid ${r.COLORS.stroke.primary}`,position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:r.COLORS.surface.standard},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(m,{children:"categories"===R?e.jsxs(e.Fragment,{children:[e.jsx(p,{children:e.jsx(o.Input,{placeholder:"Search ...",value:I,onChangeText:A,height:"40px"})}),e.jsx(j,{children:0===z.length?e.jsx(C,{children:"No categories found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h.TextPickerSelectAllRow,{isChecked:z.length>0&&z.every((e=>G(e))),isPartiallyChecked:z.some((e=>H(e)))&&!z.every((e=>G(e))),onCheck:e=>{$((t=>{if(e){const e=Object.assign({},t);return z.forEach((t=>{e[t.id]=t.items.map((e=>e.id))})),e}{const e=Object.assign({},t);return z.forEach((t=>{e[t.id]=[]})),e}}))}}),z.map((t=>{var i;return e.jsx(a.TextPickerCategoryCard,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isOneDimensional:y,isChecked:G(t),isPartiallyChecked:H(t)&&!G(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),$((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{y||(M(e),B("items"),A(""))})(t)},t.id)}))]})})]}):e.jsxs(e.Fragment,{children:[e.jsxs(v,{children:[e.jsx(s.IconButton,{Icon:t.default,height:16,width:16,onClick:()=>{B("categories"),M(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(d.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:null==D?void 0:D.name}))]}),e.jsx(p,{children:e.jsx(o.Input,{placeholder:"Search ...",value:I,onChangeText:A,height:"40px"})}),e.jsx(j,{children:0===E.length?e.jsx(C,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h.TextPickerSelectAllRow,{isChecked:J(),isPartiallyChecked:(()=>{var e;return!!D&&!!(null===(e=F[D.id])||void 0===e?void 0:e.length)&&F[D.id].length<E.length})()&&!J(),onCheck:e=>{D&&$((t=>e?Object.assign(Object.assign({},t),{[D.id]:E.map((e=>e.id))}):Object.assign(Object.assign({},t),{[D.id]:[]})))}}),E.map((t=>{var i;return e.jsx(u.TextPickerItemRow,{item:t,selected:!(!D||!(null===(i=F[D.id])||void 0===i?void 0:i.includes(t.id))),onCheck:e=>K(t.id,e),onClick:()=>{var e;return K(t.id,!!D&&!(null===(e=F[D.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export interface TextPickerSelectAllRowProps {
3
- isChecked: boolean;
4
- isPartiallyChecked: boolean;
5
- onCheck: (checked: boolean) => void;
6
- }
7
- export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),s=require("../TypographyStyle.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(r);const d=l.default.div`
2
- background: ${e=>{let{isActive:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.subdued}};
3
- border-bottom: 1px solid ${t.COLORS.stroke.primary};
4
- padding: 12px 24px;
5
- display: flex;
6
- align-items: center;
7
- cursor: default;
8
- flex-direction: row;
9
- justify-content: center;
10
- align-items: center;
11
-
12
- `,n=l.default.div`
13
- display: flex;
14
- margin-right: 16px;
15
- `,a=l.default.div`
16
- flex: 1;
17
- `;exports.TextPickerSelectAllRow=r=>{let{isChecked:t,isPartiallyChecked:c,onCheck:l}=r;return e.jsxs(d,Object.assign({isActive:t||c},{children:[e.jsx(n,{children:e.jsx(i.CheckBox,{isChecked:t||c,isPartiallyChecked:c&&!t,onValueChange:l})}),e.jsx(a,{children:e.jsx(s.BodyPrimary,{children:"Select All"})})]}))};
@@ -1 +0,0 @@
1
- export * from './TextPickerModal';
@@ -1 +0,0 @@
1
- import*as e from"react";var t,r,a,h;function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var o=o=>e.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},o),t||(t=e.createElement("path",{fill:"#212121",fillRule:"evenodd",d:"M7 3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2h1a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h1Zm8 4a2 2 0 0 0 2-2h1a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1a2 2 0 0 0 2 2h6ZM9 5V3h6v2H9Z",clipRule:"evenodd"})),r||(r=e.createElement("rect",{width:3,height:3,x:8,y:9,stroke:"#212121",strokeWidth:1.5,rx:.3})),a||(a=e.createElement("rect",{width:3,height:3,x:8,y:15,stroke:"#212121",strokeWidth:1.5,rx:.3})),h||(h=e.createElement("path",{stroke:"#212121",strokeLinecap:"round",strokeWidth:1.5,d:"M14 10.506h3M14 16.506h3"})));export{o as default};
@@ -1 +0,0 @@
1
- import*as t from"react";var e,r,a;function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},n.apply(this,arguments)}var o=o=>t.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},o),e||(e=t.createElement("path",{stroke:"#212121",strokeLinecap:"round",strokeWidth:2,d:"M20 12V9.215a2 2 0 0 0-.6-1.428l-5.317-5.215a2 2 0 0 0-1.4-.572H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h6.5"})),r||(r=t.createElement("path",{stroke:"#212121",strokeWidth:2,d:"M13 3v4a2 2 0 0 0 2 2h5"})),a||(a=t.createElement("path",{stroke:"#212121",strokeWidth:1.693,d:"m16.226 21.761-3.25-8.747a.007.007 0 0 1 .009-.01l8.998 3.25a.007.007 0 0 1 0 .013l-4.244 1.497a.007.007 0 0 0-.004.004l-1.497 3.993c-.002.006-.01.006-.012 0Z"})));export{o as default};
@@ -1 +0,0 @@
1
- import*as t from"react";var e,r,a,o;function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},n.apply(this,arguments)}var s=s=>t.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},s),e||(e=t.createElement("path",{stroke:"#212121",strokeWidth:2,d:"M3 7a2 2 0 0 1 2-2h7.41a2 2 0 0 1 1.405.576l2.59 2.555A2 2 0 0 1 17 9.555V20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z"})),r||(r=t.createElement("path",{stroke:"#212121",strokeLinecap:"round",strokeWidth:2,d:"M18 19v0a2 2 0 0 0 2-2V6.555a2 2 0 0 0-.595-1.424l-2.59-2.555A2 2 0 0 0 15.41 2H8a2 2 0 0 0-2 2v.5"})),a||(a=t.createElement("path",{stroke:"#212121",strokeWidth:2,d:"M12 6v2a2 2 0 0 0 2 2h2"})),o||(o=t.createElement("path",{stroke:"#212121",strokeLinecap:"round",strokeWidth:2,d:"M7 13h6M7 17h6"})));export{s as default};
@@ -1 +0,0 @@
1
- import*as l from"react";var t;function a(){return a=Object.assign?Object.assign.bind():function(l){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&(l[e]=a[e])}return l},a.apply(this,arguments)}var e=e=>l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=l.createElement("path",{fill:"#212121",d:"M9.295 7.263a1.617 1.617 0 0 1 1.57 0l5.463 3.035c.513.285.831.826.831 1.413v5.701c0 .54-.269 1.043-.717 1.343L10.6 22.67a.934.934 0 0 1-.938.06l-5.768-2.885A1.616 1.616 0 0 1 3 18.4V11.71c0-.587.318-1.128.831-1.413l5.464-3.035ZM4.866 18.245l4.28 2.14v-5.453l-4.28-2.378v5.691Zm6.147-3.329v5.23l4.28-2.867V12.4l-4.28 2.517Zm1.731-13.698c.523-.29 1.16-.29 1.683 0L20.28 4.47c.55.305.89.885.89 1.514v6.353c0 .228-.044.453-.13.663l-.116.277a1 1 0 0 1-1.848-.765l.095-.228V6.768l-2.21 1.42a1.055 1.055 0 0 1-1.428-.273.968.968 0 0 1 .284-1.373l1.888-1.215-4.12-2.288L8 6.142v.753a1 1 0 1 1-2 0v-.911c0-.63.341-1.209.89-1.514l5.854-3.252Zm-6.583 9.92 3.905 2.17 3.805-2.24-3.79-2.106-3.92 2.176Z"})));export{e as default};
@@ -1 +0,0 @@
1
- import*as a from"react";var t,e;function l(){return l=Object.assign?Object.assign.bind():function(a){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(a[l]=e[l])}return a},l.apply(this,arguments)}var r=r=>a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r),t||(t=a.createElement("path",{fill:"#000",stroke:"#000",d:"M12.948 1a8.578 8.578 0 0 0-3.706.831A8.698 8.698 0 0 0 4.228 9.69v1.271l-1.64 3.127c-.27.516-.287 1.042-.045 1.442.243.4.714.629 1.298.629h.387v2.65c0 1.182.961 2.143 2.143 2.143.018 0 .04 0 .058-.004l1.918-.288.005 1.932a.41.41 0 0 0 .409.409h9.776a.41.41 0 0 0 .408-.409v-6.649a8.697 8.697 0 0 0 2.683-6.271C21.623 4.89 17.732 1 12.948 1Zm5.314 14.47a.398.398 0 0 0-.13.301v6.42H9.17l-.005-1.999a.433.433 0 0 0-.14-.31.404.404 0 0 0-.323-.094l-2.354.35a1.333 1.333 0 0 1-1.303-1.33V15.75a.41.41 0 0 0-.408-.409h-.791c-.292 0-.512-.085-.602-.238-.09-.153-.067-.386.067-.642l1.685-3.217a.39.39 0 0 0 .045-.189V9.68a7.88 7.88 0 0 1 4.546-7.121 7.802 7.802 0 0 1 3.36-.755c4.336 0 7.863 3.527 7.863 7.862 0 2.206-.93 4.317-2.547 5.804Z"})),e||(e=a.createElement("path",{fill:"#000",d:"M12.972 7.223A1.65 1.65 0 0 0 11.137 8.3a1.1 1.1 0 1 1-2.074-.73 3.849 3.849 0 0 1 7.479 1.283c0 1.5-1.11 2.473-1.864 2.976a7.552 7.552 0 0 1-1.586.797l-.033.012-.011.004-.004.001h-.002l-.001.001a1.1 1.1 0 0 1-.697-2.086l.012-.004.064-.024A5.357 5.357 0 0 0 13.458 10c.62-.413.885-.814.885-1.146V8.85a1.65 1.65 0 0 0-1.37-1.628ZM12.766 13.801a1.1 1.1 0 0 0 0 2.199h.01a1.1 1.1 0 0 0 0-2.199h-.01Z"})));export{r as default};
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { CollectionFetcherReturn, ProductFetcherReturn, SearchedItems, SelectedItems } from '../product-picker-v2';
3
- import { TextPickerCategory } from '../text-picker';
4
- import { AiAssistSelectedData } from './model';
5
- export interface AiAssistProps {
6
- storeId: string;
7
- preSelectedData?: AiAssistSelectedData;
8
- onChange: (aiAssist: AiAssistSelectedData) => void;
9
- productPickerData: {
10
- searchInCollectionFetcher: (storeId: string, collectionId: string, query: string) => ProductFetcherReturn;
11
- searchFetcher: (storeId: string, query: string) => Promise<SearchedItems | SelectedItems>;
12
- collectionFetcher: (offset: number, storeId: string) => CollectionFetcherReturn;
13
- productFetcher: (collectionId: string, storeId: string, limit?: number, offset?: number) => ProductFetcherReturn;
14
- };
15
- documentPickerData: TextPickerCategory[];
16
- intentPickerData: TextPickerCategory[];
17
- checkListType: Record<string, string>;
18
- }
19
- export declare const AiAssist: React.FC<AiAssistProps>;
@@ -1 +0,0 @@
1
- import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as t,Fragment as i,jsx as s}from"react/jsx-runtime";import n from"../../assets/icons/chevronRight2.svg.js";import{useState as c,useMemo as o,useEffect as a}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ButtonGroup as l}from"../buttonGroup/ButtonGroup.js";import{ProductPickerModal as d}from"../product-picker-v2/modal.js";import{Switch as O}from"../switch/Switch.js";import{TextPickerModal as p}from"../text-picker/TextPickerModal.js";import{TitleRegular as g,BodyPrimary as T,TitleSmall as j}from"../TypographyStyle.js";import{AiAssistMainContainer as b,AiAssistSelectionCard as u}from"./AiAssist.style.js";import{SelectionModal as D}from"./Components/SelectionModal.js";import{AiAssistProductSelectionType as m,AiAssistDocumentSelectionType as h}from"./constants.js";import{DefaultAiAssistData as C,AiAssistDataSelectionType as v,AiAssistDataType as U}from"./model.js";const N=N=>{const{preSelectedData:E,onChange:f,productPickerData:y,storeId:M,checkListType:P,documentPickerData:x,intentPickerData:R}=N,[A,I]=c(null!=E?E:C),[L,k]=c(),[F,S]=c(),[B,G]=c({}),[w,V]=c(0),[W,$]=c({}),[z,H]=c({}),_=o((()=>A.PRODUCT),[A]),K=o((()=>A.DOCUMENT),[A]);a((()=>f(A)),[A]),a((()=>{E&&E.DOCUMENT&&Array.isArray(E.DOCUMENT.intents)&&($((()=>{const e={};return E.DOCUMENT.intents.forEach((t=>{e[t]=[t]})),e})),I(E)),E&&E.DOCUMENT&&Array.isArray(E.DOCUMENT.documentData)&&(H((()=>{const e={};return E.DOCUMENT.documentData.forEach((t=>{e[t.type]=[...e[t.type]||[],t.id]})),e})),I(E))}),[E]);return a((()=>{console.log("KB",A)}),[A]),t(i,{children:[t(b,{children:[s(g,{children:"Choose Data"}),t("div",Object.assign({className:"ai-assist-data-selection"},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:[s(T,{children:"Choose all store data"}),s("div",Object.assign({style:{marginLeft:"auto"}},{children:s(O,{onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield(e=>{I((t=>Object.assign(Object.assign({},t),{selectionType:e?v.FULL:v.PARTIAL})))})(t)})),value:A.selectionType===v.FULL})}))]})),A.selectionType!==v.FULL&&t(i,{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[s(g,{children:"Select Products"}),s(l,{buttonGroup:m,gap:"16px",onButtonClick:e=>{k(void 0),(e=>{I((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{selectionType:e})})))})(e)},size:"large",activeButtonId:A.PRODUCT.selectionType,iconPosition:"left",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"60px",iconGap:"8px"}),t(u,Object.assign({disable:_.selectionType===v.FULL,onClick:()=>{_.selectionType!==v.FULL&&k(U.PRODUCT)}},{children:[s(j,Object.assign({color:r.content.secondary},{children:_.selectionType===v.FULL?"All products selected":`${_.productData.length} products selected`})),s(n,{width:20,height:20})]}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[s(g,{children:"Select Documents"}),s(l,{buttonGroup:h,gap:"16px",onButtonClick:e=>{k(void 0),(e=>{I((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{selectionType:e})})))})(e)},size:"large",activeButtonId:A.DOCUMENT.selectionType,iconPosition:"top",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"90px",iconGap:"12px"}),t(u,Object.assign({disable:K.selectionType===v.FULL,onClick:()=>{K.selectionType===v.INTENT?k("INTENT"):K.selectionType===v.PARTIAL&&k(U.DOCUMENT)}},{children:[s(j,Object.assign({color:r.content.secondary},{children:K.selectionType===v.FULL?"All documents selected":K.selectionType===v.INTENT?`${K.intents.length} intents selected`:`${K.documentData.length} documents selected`})),s(n,{width:20,height:20})]}))]}))]})]}))]}),"PRODUCT"==L&&s(d,{searchFetcher:y.searchFetcher,productFetcher:y.productFetcher,collectionFetcher:y.collectionFetcher,searchInCollectionFetcher:y.searchInCollectionFetcher,storeId:M,selectedItems:B,onAdd:e=>{Object.values(e).forEach((e=>{e.products})),V(0),G(Object.assign({},e)),I((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:Object.values(e).flatMap((e=>e.products?Object.values(e.products).map((e=>({id:e.id,name:e.name,imageUrl:e.image,description:e.description}))):[])),collectionData:Object.entries(e).map((e=>{let[t,i]=e;var s;return{id:t,name:i.name,imageUrl:i.image,description:null!==(s=null==i?void 0:i.description)&&void 0!==s?s:""}}))})}))),k(void 0),S(void 0)},onClickSave:w,onClose:()=>{V(0),k(void 0),S(void 0)},limit:50,visible:!!L&&(0==_.productData.length||F===U.PRODUCT),renderWithoutModal:!1,pickerType:"PRODUCT",hideSelectionCount:!1,hideVariantCheckbox:!1,hideProductVariants:!0,hideCollectionCheckbox:!1}),"DOCUMENT"==L&&s(p,{visible:!!L&&(0==K.documentData.length||F===U.DOCUMENT),categories:x,selectedItems:z,onAdd:e=>{var t;t=e,H(Object.assign({},t)),I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:Object.entries(t).flatMap((e=>{let[t,i]=e;return i.map((e=>{var i,s;return{id:e,type:t,name:(null===(s=null===(i=x.find((e=>e.id===t)))||void 0===i?void 0:i.items.find((t=>t.id===e)))||void 0===s?void 0:s.name)||""}}))}))})}))),k(void 0),S(void 0)},onClose:()=>{k(void 0),S(void 0)},title:"Select Documents"}),"INTENT"==L&&s(p,{visible:!!L&&(0==K.intents.length||"INTENT"===F),isOneDimensional:!0,categories:R,selectedItems:W,onAdd:e=>{return t=e,$(Object.assign({},t)),I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:Object.values(t).flat()})}))),k(void 0),void S(void 0);var t},onClose:()=>{k(void 0),S(void 0)},title:"Select Intents"}),!!L&&s(D,{selectionType:L,localAiAssistSelectedData:A,checkListType:P,isOpen:!!L&&("PRODUCT"==L&&_.productData.length>0||"DOCUMENT"==L&&K.documentData.length>0||"INTENT"==L&&K.intents.length>0),onClose:()=>{k(void 0),S(void 0)},onRemoveAll:()=>{"PRODUCT"==L?(I((e=>Object.assign(Object.assign({},e),{PRODUCT:Object.assign(Object.assign({},e.PRODUCT),{productData:[],collectionData:[]})}))),G({}),k(void 0),S(void 0)):"DOCUMENT"==L?(I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:[]})}))),H({}),k(void 0),S(void 0)):"INTENT"==L&&(I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:[]})}))),$({}),k(void 0),S(void 0))},onRemoveSelected:(e,t)=>((e,t)=>{if("PRODUCT"==L){const i=Object.assign({},B);Object.entries(i).forEach((e=>{let[s,n]=e;i[s].products=Array.isArray(null==n?void 0:n.products)?Object.fromEntries(n.products.filter((e=>e.id!==t)).map((e=>[e.id,e]))):{}})),G(i),I((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:t.PRODUCT.productData.filter(((t,i)=>i!==e))})})))}else if("DOCUMENT"==L){const i=Object.assign({},z);Object.entries(i).forEach((e=>{let[s,n]=e;i[s]=n.filter((e=>e!==t))})),H(i),I((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{documentData:t.DOCUMENT.documentData.filter(((t,i)=>i!==e))})})))}else"INTENT"==L&&($((e=>{const i=Object.assign({},e);return Object.entries(i).forEach((e=>{let[s,n]=e;i[s]=n.filter((e=>e!==t))})),i})),I((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{intents:t.DOCUMENT.intents.filter(((t,i)=>i!==e))})}))))})(e,t),onAdd:()=>S(L)})]})};export{N as AiAssist};
@@ -1,6 +0,0 @@
1
- export declare const DummyBaseComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const AiAssistMainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const AiAssistSelectionCard: import("styled-components").StyledComponent<"div", any, {
4
- disable: boolean;
5
- }, never>;
6
- export declare const AiAssistSelectionModalMainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,112 +0,0 @@
1
- import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";r.div`
2
- display: flex;
3
- flex-direction: row;
4
- width: 100vw;
5
- height: 90vh;
6
- background-color: ${e.surface.subdued};
7
- margin: 16px;
8
- `;const o=r.div`
9
- display: flex;
10
- flex-direction: column;
11
- gap: 2px;
12
- // width: 33%;
13
- width: 100%;
14
- height: 100%;
15
- background-color: #fff;
16
- border-radius: 8px;
17
- border: 1px solid ${e.stroke.primary};
18
- // box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
19
- padding: 16px;
20
- // margin: 16px 2px; // TODO: remove this margin when integrating with the main component
21
- position: relative;
22
- overflow: hidden;
23
- z-index: 1;
24
-
25
- .ai-assist-data-selection {
26
- display: flex;
27
- flex-direction: column;
28
- gap: 24px;
29
- }
30
-
31
- .ai-assist-selection-card {
32
- display: flex;
33
- flex-direction: row;
34
- gap: 8px;
35
- padding: 14px 16px;
36
- border: 1px solid ${e.stroke.primary};
37
- border-radius: 8px;
38
- cursor: pointer;
39
- justify-content: space-between;
40
-
41
- &:hover {
42
- background-color: ${e.surface.hovered};
43
- }
44
- &: active {
45
- background-color: ${e.background.brandLight};
46
- }
47
- }
48
- `,i=r.div`
49
- display: flex;
50
- flex-direction: row;
51
- gap: 8px;
52
- padding: 14px 16px;
53
- border: 1px solid ${e.stroke.primary};
54
- border-radius: 8px;
55
- cursor: ${r=>r.disable?"not-allowed":"pointer"};
56
- justify-content: space-between;
57
- background-color: ${r=>r.disable?e.surface.subdued:e.surface.standard};
58
- opacity: ${r=>r.disable?.5:1};
59
-
60
- &:hover {
61
- background-color: ${r=>r.disable?e.surface.subdued:e.surface.hovered};
62
- }
63
- &:active {
64
- background-color: ${r=>r.disable?e.surface.subdued:e.background.brandLight};
65
- }
66
- `,d=r.div`
67
- display: flex;
68
- flex-direction: column;
69
- gap: 16px;
70
- width: 33%;
71
- height: 100%;
72
- background-color: #fff;
73
- border-radius: 8px;
74
- border: 1px solid ${e.stroke.primary};
75
- box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
76
- margin: 16px 2px; // TODO: remove this margin when integrating with the main component
77
- position: relative;
78
- overflow: hidden;
79
- z-index: 1;
80
- background-color: ${e.surface.subdued};
81
-
82
- .body {
83
- display: flex;
84
- flex-direction: column;
85
- padding: 16px;
86
- gap: 16px;
87
- }
88
-
89
- .ai-assist-selection-modal-card {
90
- display: flex;
91
- flex-direction: row;
92
- align-items: center;
93
- gap: 16px;
94
- padding: 12px;
95
- background-color: ${e.surface.standard};
96
- border-radius: 4px;
97
-
98
- .image {
99
- height: 45px;
100
- width: 45px;
101
- border-radius: 4px;
102
- border: 1px solid ${e.stroke.primary};
103
- }
104
- }
105
-
106
- .footer {
107
- display: flex;
108
- margin-top: auto;
109
- padding: 16px;
110
- background-color: ${e.surface.standard};
111
- }
112
- `;export{o as AiAssistMainContainer,i as AiAssistSelectionCard,d as AiAssistSelectionModalMainContainer};
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { AiAssistSelectedData } from '../model';
3
- export interface SelectionModalProps {
4
- selectionType: 'PRODUCT' | 'DOCUMENT' | 'INTENT';
5
- isOpen: boolean;
6
- checkListType: Record<string, string>;
7
- localAiAssistSelectedData: AiAssistSelectedData;
8
- onClose: () => void;
9
- onRemoveAll: () => void;
10
- onRemoveSelected: (removedIndex: number, id: string) => void;
11
- onAdd: () => void;
12
- }
13
- export declare const SelectionModal: React.FC<SelectionModalProps>;
@@ -1 +0,0 @@
1
- import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import s from"../../../assets/icons/chevronLeft2.svg.js";import i from"../../../assets/icons/cross.svg.js";import n from"../../../assets/icons/plus.svg.js";import{Button as l}from"../../button/Button.js";import{IconButton as c}from"../../icon-button/IconButton.js";import{TitleRegular as r,BodySecondary as a,BodyCaption as d}from"../../TypographyStyle.js";import{COLORS as m}from"../../../constants/Theme.js";import{AiAssistSelectionModalMainContainer as p}from"../AiAssist.style.js";const h=h=>{const{selectionType:g,isOpen:y,checkListType:O,onClose:f,onRemoveAll:u,onRemoveSelected:T,onAdd:v,localAiAssistSelectedData:C}=h,j="PRODUCT"==g?C.PRODUCT.productData:"DOCUMENT"==g?C.DOCUMENT.documentData:C.DOCUMENT.intents,D=e=>e.replace(/(<([^>]+)>)/gi,"");return y?o(p,{children:[o("div",Object.assign({className:"body"},{children:[o("div",Object.assign({style:{display:"flex",gap:"8px",alignItems:"center",marginBottom:"8px"}},{children:[e(c,{Icon:s,iconButtonType:"default",height:24,width:24,iconColor:m.content.primary,onClick:f}),e(r,{children:`Selected ${g.toLocaleLowerCase()}s (${j.length})`})]})),e("div",Object.assign({style:{display:"flex"}},{children:e(l,{buttonType:"dashRegular",buttonText:"Add "+("PRODUCT"==g?"Product/Collections":"INTENT"==g?"Intents":"Documents"),LeadingIcon:n,size:"medium",matchParentWidth:!0,onClick:v})})),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",overflowY:"auto",maxHeight:"60vh"}},{children:j.map(((t,s)=>{const n="PRODUCT"==g||"DOCUMENT"==g?t.id:t,l="PRODUCT"==g||"DOCUMENT"==g?t.name:(null==O?void 0:O[t])||t,r="PRODUCT"==g?D(t.description):"DOCUMENT"==g?t.type:"";return o("div",Object.assign({className:"ai-assist-selection-modal-card"},{children:["PRODUCT"==g&&e("img",{src:t.imageUrl,className:"image",alt:"Product"}),o("div",Object.assign({style:{alignItems:"center",justifyContent:"center",overflow:"hidden"}},{children:[e(a,Object.assign({color:m.content.secondary,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:l})),"PRODUCT"==g&&e(a,Object.assign({color:m.content.secondary,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:D(null!=r?r:"")})),"DOCUMENT"==g&&e(d,Object.assign({color:m.content.secondary,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},{children:r}))]})),e("div",Object.assign({style:{display:"flex",alignItems:"center",marginLeft:"auto"}},{children:e(c,{Icon:i,iconButtonType:"default",height:22,width:22,iconColor:m.content.placeholder,onClick:()=>T(s,n)})}))]}),`${s}-${n}`)}))}))]})),e("div",Object.assign({className:"footer"},{children:e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:e(l,{buttonType:"tertiary",size:"small",buttonText:"Remove all",onClick:()=>u(),matchParentWidth:!0})}))}))]}):e(t,{})};export{h as SelectionModal};
@@ -1,3 +0,0 @@
1
- import { ButtonGroupInterface } from '../buttonGroup';
2
- export declare const AiAssistProductSelectionType: Array<ButtonGroupInterface>;
3
- export declare const AiAssistDocumentSelectionType: Array<ButtonGroupInterface>;
@@ -1 +0,0 @@
1
- import s from"../../assets/icons/checklist.svg.js";import i from"../../assets/icons/doc_click.svg.js";import o from"../../assets/icons/docs_all.svg.js";import t from"../../assets/icons/product_all.svg.js";import c from"../../assets/icons/question_mind.svg.js";const l=[{title:"All products",id:"FULL",icon:t},{title:"Manually",id:"PARTIAL",icon:s}],n=[{title:"All docs",id:"FULL",icon:o},{title:"via Intent",id:"INTENT",icon:c},{title:"Manually",id:"PARTIAL",icon:i}];export{n as AiAssistDocumentSelectionType,l as AiAssistProductSelectionType};
@@ -1,41 +0,0 @@
1
- import { CustomDataType } from '../data-source-panel/model';
2
- export interface AiAssistSelectedData {
3
- selectionType: AiAssistDataSelectionType.FULL | AiAssistDataSelectionType.PARTIAL;
4
- PRODUCT: {
5
- selectionType: AiAssistDataSelectionType.FULL | AiAssistDataSelectionType.PARTIAL;
6
- productData: ProductSelectionData[];
7
- collectionData: CollectionSelectionData[];
8
- };
9
- DOCUMENT: {
10
- selectionType: AiAssistDataSelectionType.FULL | AiAssistDataSelectionType.PARTIAL | AiAssistDataSelectionType.INTENT;
11
- intents: string[];
12
- documentData: DocumentSelectionData[];
13
- };
14
- }
15
- export interface ProductSelectionData {
16
- id: string;
17
- name: string;
18
- imageUrl: string;
19
- description: string;
20
- }
21
- export interface CollectionSelectionData {
22
- id: string;
23
- name: string;
24
- imageUrl: string;
25
- description: string;
26
- }
27
- export interface DocumentSelectionData {
28
- id: string;
29
- name: string;
30
- type: CustomDataType;
31
- }
32
- export declare enum AiAssistDataSelectionType {
33
- FULL = "FULL",
34
- PARTIAL = "PARTIAL",
35
- INTENT = "INTENT"
36
- }
37
- export declare enum AiAssistDataType {
38
- PRODUCT = "PRODUCT",
39
- DOCUMENT = "DOCUMENT"
40
- }
41
- export declare const DefaultAiAssistData: AiAssistSelectedData;