@bikdotai/bik-component-library 0.0.321-beta.1 → 0.0.321

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 (353) hide show
  1. package/dist/cjs/_virtual/_commonjsHelpers.js +1 -1
  2. package/dist/cjs/_virtual/_tslib.js +1 -1
  3. package/dist/cjs/assets/bundle-421aeced.css +8 -0
  4. package/dist/cjs/assets/icons/PlusIcon.d.ts +9 -0
  5. package/dist/cjs/assets/icons/PlusIcon.js +1 -0
  6. package/dist/cjs/assets/icons/arrow_back.svg.js +1 -0
  7. package/dist/cjs/assets/icons/starEmpty.svg.js +1 -0
  8. package/dist/cjs/assets/icons/starFilled.svg.js +1 -0
  9. package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  10. package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  11. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
  12. package/dist/cjs/components/QueryBuilder/components/AllowedListDropdown.js +1 -1
  13. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.d.ts +1 -2
  14. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.d.ts +1 -2
  15. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.d.ts +1 -2
  16. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts +3 -4
  17. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.d.ts +1 -2
  18. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.d.ts +1 -2
  19. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.d.ts +1 -2
  20. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.d.ts +1 -2
  21. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.d.ts +1 -2
  22. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.d.ts +1 -2
  23. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NoInput.d.ts +1 -2
  24. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NumberTime.d.ts +1 -2
  25. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.d.ts +1 -2
  26. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  27. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts +1 -2
  28. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/StringSingleValue.d.ts +1 -2
  29. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.d.ts +1 -2
  30. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  31. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.d.ts +1 -2
  32. package/dist/cjs/components/QueryBuilder/constants/connector.d.ts +13 -3
  33. package/dist/cjs/components/QueryBuilder/constants/connector.js +1 -1
  34. package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  35. package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.d.ts +4 -1
  36. package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  37. package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +10 -0
  38. package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
  39. package/dist/cjs/components/add-variableV2/AddVariableBox.styled.d.ts +3 -0
  40. package/dist/cjs/components/add-variableV2/AddVariableBox.styled.js +25 -0
  41. package/dist/cjs/components/add-variableV2/AddVariableV2.d.ts +10 -5
  42. package/dist/cjs/components/add-variableV2/AddVariableV2.js +1 -1
  43. package/dist/cjs/components/add-variableV2/AddVariableV2.styled.d.ts +1 -0
  44. package/dist/cjs/components/add-variableV2/AddVariableV2.styled.js +3 -2
  45. package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.d.ts +4 -0
  46. package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.js +1 -1
  47. package/dist/cjs/components/add-variableV2/index.d.ts +1 -0
  48. package/dist/cjs/components/add-variableV2/types.d.ts +6 -0
  49. package/dist/cjs/components/alerts/Alert.d.ts +1 -0
  50. package/dist/cjs/components/alerts/Alert.js +1 -1
  51. package/dist/cjs/components/alerts/Alert.styled.js +4 -3
  52. package/dist/cjs/components/alerts/AlertHelper.d.ts +11 -1
  53. package/dist/cjs/components/alerts/AlertHelper.js +1 -1
  54. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +2 -0
  55. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  56. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts +1 -1
  57. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  58. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +1 -2
  59. package/dist/cjs/components/bik-layout/BikLayout.d.ts +1 -0
  60. package/dist/cjs/components/bik-layout/BikLayout.js +1 -1
  61. package/dist/cjs/components/bik-layout/BikSidebar.d.ts +2 -0
  62. package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
  63. package/dist/cjs/components/bik-layout/CommonStyles.d.ts +2 -0
  64. package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
  65. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  66. package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts +4 -1
  67. package/dist/cjs/components/bik-layout/SimpleSidebar.js +1 -1
  68. package/dist/cjs/components/button/Button.js +1 -1
  69. package/dist/cjs/components/button/Button.styled.d.ts +2 -1
  70. package/dist/cjs/components/button/Button.styled.js +1 -1
  71. package/dist/cjs/components/button/model.d.ts +1 -0
  72. package/dist/cjs/components/button/themes.d.ts +3 -3
  73. package/dist/cjs/components/button/themes.js +1 -1
  74. package/dist/cjs/components/carousel/carousel.d.ts +1 -2
  75. package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.d.ts +18 -0
  76. package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js +1 -0
  77. package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +9 -0
  78. package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.styled.js +1 -0
  79. package/dist/cjs/components/dashboard-review-popup/components/FiveStar.d.ts +7 -0
  80. package/dist/cjs/components/dashboard-review-popup/components/FiveStar.js +1 -0
  81. package/dist/cjs/components/dashboard-review-popup/components/FiveStar.styled.d.ts +9 -0
  82. package/dist/cjs/components/dashboard-review-popup/components/FiveStar.styled.js +1 -0
  83. package/dist/cjs/components/dashboard-review-popup/components/Form.d.ts +13 -0
  84. package/dist/cjs/components/dashboard-review-popup/components/Form.js +1 -0
  85. package/dist/cjs/components/dashboard-review-popup/components/Form.styled.d.ts +27 -0
  86. package/dist/cjs/components/dashboard-review-popup/components/Form.styled.js +1 -0
  87. package/dist/cjs/components/dashboard-review-popup/components/ZeroState.d.ts +5 -0
  88. package/dist/cjs/components/dashboard-review-popup/components/ZeroState.js +1 -0
  89. package/dist/cjs/components/dashboard-review-popup/index.d.ts +1 -0
  90. package/dist/cjs/components/datePicker/DatePickerWrapper.d.ts +2 -0
  91. package/dist/cjs/components/datePicker/DatePickerWrapper.js +1 -1
  92. package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
  93. package/dist/cjs/components/discount-modal/DiscountModal.d.ts +4 -1
  94. package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
  95. package/dist/cjs/components/discount-modal/DiscountUtils.js +1 -1
  96. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +7 -1
  97. package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  98. package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts +1 -0
  99. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -1
  100. package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
  101. package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts +1 -2
  102. package/dist/cjs/components/image-cropper/BikImageCropper.d.ts +1 -2
  103. package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts +1 -2
  104. package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js +1 -1
  105. package/dist/cjs/components/input/Input.d.ts +4 -6
  106. package/dist/cjs/components/input/Input.js +1 -1
  107. package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts +10 -0
  108. package/dist/cjs/components/input-with-vars/InputWithVariables.js +6 -0
  109. package/dist/cjs/components/input-with-vars/index.d.ts +1 -0
  110. package/dist/cjs/components/keywords-input/KeywordsInput.d.ts +1 -2
  111. package/dist/cjs/components/modals/styledModal.d.ts +1 -0
  112. package/dist/cjs/components/modals/styledModal.js +1 -1
  113. package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.d.ts +9 -0
  114. package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.js +3 -0
  115. package/dist/cjs/components/navigation-hyperlink/index.d.ts +1 -0
  116. package/dist/cjs/components/plans/SubscriptionPlan.d.ts +5 -0
  117. package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
  118. package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +31 -0
  119. package/dist/cjs/components/plans/SubscriptionPlanSelector.js +1 -1
  120. package/dist/cjs/components/plans/SubscriptionPlanStyled.js +1 -1
  121. package/dist/cjs/components/postPicker/postPicker.js +1 -1
  122. package/dist/cjs/components/product-picker/ProductPicker.styled.js +1 -1
  123. package/dist/cjs/components/product-picker/ProductPickerModal.js +1 -1
  124. package/dist/cjs/components/product-picker/type.d.ts +15 -5
  125. package/dist/cjs/components/product-picker-v2/collectionScreen.d.ts +1 -1
  126. package/dist/cjs/components/product-picker-v2/emptyState.d.ts +1 -2
  127. package/dist/cjs/components/product-picker-v2/modal.d.ts +1 -2
  128. package/dist/cjs/components/product-picker-v2/productScreen.d.ts +3 -3
  129. package/dist/cjs/components/product-picker-v2/searchScreen.d.ts +1 -1
  130. package/dist/cjs/components/product-picker-v2/selectedScreen.d.ts +1 -1
  131. package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts +1 -1
  132. package/dist/cjs/components/searchBar/searchBar.d.ts +1 -2
  133. package/dist/cjs/components/searchBar/searchBar.js +1 -1
  134. package/dist/cjs/components/spinner/Spinner.d.ts +1 -2
  135. package/dist/cjs/components/star-rating/Star.d.ts +11 -0
  136. package/dist/cjs/components/star-rating/Star.js +1 -0
  137. package/dist/cjs/components/star-rating/StarRating.d.ts +9 -0
  138. package/dist/cjs/components/star-rating/StarRating.js +1 -0
  139. package/dist/cjs/components/star-rating/index.d.ts +1 -0
  140. package/dist/cjs/components/stepper/Stepper.d.ts +1 -2
  141. package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -1
  142. package/dist/cjs/components/tabs/Tabs.js +1 -1
  143. package/dist/cjs/components/tabs/Tabs.model.d.ts +5 -0
  144. package/dist/cjs/components/tabs/Tabs.styles.js +1 -1
  145. package/dist/cjs/components/tag/Tag.d.ts +1 -2
  146. package/dist/cjs/components/template-context-mapper/Badge/index.d.ts +1 -2
  147. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts +2 -2
  148. package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
  149. package/dist/cjs/components/template-context-mapper/modalElements/Body.d.ts +1 -2
  150. package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.d.ts +1 -2
  151. package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -2
  152. package/dist/cjs/components/template-context-mapper/modalElements/Footer.d.ts +1 -2
  153. package/dist/cjs/components/template-context-mapper/modalElements/Header.d.ts +1 -2
  154. package/dist/cjs/components/template-context-mapper/modalElements/TemplateSelectModalContent.d.ts +1 -2
  155. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -2
  156. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
  157. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +1 -2
  158. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.d.ts +1 -2
  159. package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.d.ts +1 -1
  160. package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.d.ts +1 -2
  161. package/dist/cjs/components/template-context-mapper/utils/validateIsUrl.js +1 -1
  162. package/dist/cjs/components/template-preview/SMS/SMSBubble.d.ts +1 -2
  163. package/dist/cjs/components/template-preview/TemplatePreview.d.ts +1 -1
  164. package/dist/cjs/components/template-preview/WhatsApp/ChatHeader.d.ts +1 -2
  165. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.d.ts +1 -2
  166. package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.d.ts +1 -2
  167. package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.d.ts +1 -2
  168. package/dist/cjs/components/tooltips/Tooltip.d.ts +3 -0
  169. package/dist/cjs/components/tooltips/Tooltip.js +1 -1
  170. package/dist/cjs/hooks/useCurreny.d.ts +3 -0
  171. package/dist/cjs/hooks/useCurreny.js +1 -0
  172. package/dist/cjs/index.d.ts +5 -0
  173. package/dist/cjs/index.js +1 -1
  174. package/dist/cjs/node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js +1 -1
  175. package/dist/cjs/node_modules/lodash.debounce/index.js +1 -1
  176. package/dist/esm/_virtual/_commonjsHelpers.js +1 -1
  177. package/dist/esm/_virtual/_tslib.js +1 -1
  178. package/dist/esm/assets/bundle-421aeced.css +8 -0
  179. package/dist/esm/assets/icons/PlusIcon.d.ts +9 -0
  180. package/dist/esm/assets/icons/PlusIcon.js +1 -0
  181. package/dist/esm/assets/icons/arrow_back.svg.js +1 -0
  182. package/dist/esm/assets/icons/starEmpty.svg.js +1 -0
  183. package/dist/esm/assets/icons/starFilled.svg.js +1 -0
  184. package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  185. package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  186. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
  187. package/dist/esm/components/QueryBuilder/components/AllowedListDropdown.js +1 -1
  188. package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.d.ts +1 -2
  189. package/dist/esm/components/QueryBuilder/components/Connectors/Components/FreeText.d.ts +1 -2
  190. package/dist/esm/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.d.ts +1 -2
  191. package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts +3 -4
  192. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.d.ts +1 -2
  193. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.d.ts +1 -2
  194. package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.d.ts +1 -2
  195. package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.d.ts +1 -2
  196. package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.d.ts +1 -2
  197. package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.d.ts +1 -2
  198. package/dist/esm/components/QueryBuilder/components/Connectors/Components/NoInput.d.ts +1 -2
  199. package/dist/esm/components/QueryBuilder/components/Connectors/Components/NumberTime.d.ts +1 -2
  200. package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.d.ts +1 -2
  201. package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.js +1 -1
  202. package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts +1 -2
  203. package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.d.ts +1 -2
  204. package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.d.ts +1 -2
  205. package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.js +1 -1
  206. package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.d.ts +1 -2
  207. package/dist/esm/components/QueryBuilder/constants/connector.d.ts +13 -3
  208. package/dist/esm/components/QueryBuilder/constants/connector.js +1 -1
  209. package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts +1 -1
  210. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts +4 -1
  211. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  212. package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +10 -0
  213. package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
  214. package/dist/esm/components/add-variableV2/AddVariableBox.styled.d.ts +3 -0
  215. package/dist/esm/components/add-variableV2/AddVariableBox.styled.js +25 -0
  216. package/dist/esm/components/add-variableV2/AddVariableV2.d.ts +10 -5
  217. package/dist/esm/components/add-variableV2/AddVariableV2.js +1 -1
  218. package/dist/esm/components/add-variableV2/AddVariableV2.styled.d.ts +1 -0
  219. package/dist/esm/components/add-variableV2/AddVariableV2.styled.js +3 -2
  220. package/dist/esm/components/add-variableV2/AddVariableV2SideModal.d.ts +4 -0
  221. package/dist/esm/components/add-variableV2/AddVariableV2SideModal.js +1 -1
  222. package/dist/esm/components/add-variableV2/index.d.ts +1 -0
  223. package/dist/esm/components/add-variableV2/types.d.ts +6 -0
  224. package/dist/esm/components/alerts/Alert.d.ts +1 -0
  225. package/dist/esm/components/alerts/Alert.js +1 -1
  226. package/dist/esm/components/alerts/Alert.styled.js +2 -1
  227. package/dist/esm/components/alerts/AlertHelper.d.ts +11 -1
  228. package/dist/esm/components/alerts/AlertHelper.js +1 -1
  229. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +2 -0
  230. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  231. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts +1 -1
  232. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  233. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +1 -2
  234. package/dist/esm/components/bik-layout/BikLayout.d.ts +1 -0
  235. package/dist/esm/components/bik-layout/BikLayout.js +1 -1
  236. package/dist/esm/components/bik-layout/BikSidebar.d.ts +2 -0
  237. package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
  238. package/dist/esm/components/bik-layout/CommonStyles.d.ts +2 -0
  239. package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
  240. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  241. package/dist/esm/components/bik-layout/SimpleSidebar.d.ts +4 -1
  242. package/dist/esm/components/bik-layout/SimpleSidebar.js +1 -1
  243. package/dist/esm/components/button/Button.js +1 -1
  244. package/dist/esm/components/button/Button.styled.d.ts +2 -1
  245. package/dist/esm/components/button/Button.styled.js +1 -1
  246. package/dist/esm/components/button/model.d.ts +1 -0
  247. package/dist/esm/components/button/themes.d.ts +3 -3
  248. package/dist/esm/components/button/themes.js +1 -1
  249. package/dist/esm/components/carousel/carousel.d.ts +1 -2
  250. package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.d.ts +18 -0
  251. package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.js +1 -0
  252. package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.d.ts +9 -0
  253. package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.js +1 -0
  254. package/dist/esm/components/dashboard-review-popup/components/FiveStar.d.ts +7 -0
  255. package/dist/esm/components/dashboard-review-popup/components/FiveStar.js +1 -0
  256. package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.d.ts +9 -0
  257. package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.js +1 -0
  258. package/dist/esm/components/dashboard-review-popup/components/Form.d.ts +13 -0
  259. package/dist/esm/components/dashboard-review-popup/components/Form.js +1 -0
  260. package/dist/esm/components/dashboard-review-popup/components/Form.styled.d.ts +27 -0
  261. package/dist/esm/components/dashboard-review-popup/components/Form.styled.js +1 -0
  262. package/dist/esm/components/dashboard-review-popup/components/ZeroState.d.ts +5 -0
  263. package/dist/esm/components/dashboard-review-popup/components/ZeroState.js +1 -0
  264. package/dist/esm/components/dashboard-review-popup/index.d.ts +1 -0
  265. package/dist/esm/components/datePicker/DatePickerWrapper.d.ts +2 -0
  266. package/dist/esm/components/datePicker/DatePickerWrapper.js +1 -1
  267. package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
  268. package/dist/esm/components/discount-modal/DiscountModal.d.ts +4 -1
  269. package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
  270. package/dist/esm/components/discount-modal/DiscountUtils.js +1 -1
  271. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +7 -1
  272. package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
  273. package/dist/esm/components/dropdown/DropdownPopover/index.d.ts +1 -0
  274. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
  275. package/dist/esm/components/dropdown-button/DropdownButton.js +1 -1
  276. package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts +1 -2
  277. package/dist/esm/components/image-cropper/BikImageCropper.d.ts +1 -2
  278. package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts +1 -2
  279. package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js +1 -1
  280. package/dist/esm/components/input/Input.d.ts +4 -6
  281. package/dist/esm/components/input/Input.js +1 -1
  282. package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +10 -0
  283. package/dist/esm/components/input-with-vars/InputWithVariables.js +6 -0
  284. package/dist/esm/components/input-with-vars/index.d.ts +1 -0
  285. package/dist/esm/components/keywords-input/KeywordsInput.d.ts +1 -2
  286. package/dist/esm/components/modals/styledModal.d.ts +1 -0
  287. package/dist/esm/components/modals/styledModal.js +1 -1
  288. package/dist/esm/components/navigation-hyperlink/NavigationHyperlink.d.ts +9 -0
  289. package/dist/esm/components/navigation-hyperlink/NavigationHyperlink.js +3 -0
  290. package/dist/esm/components/navigation-hyperlink/index.d.ts +1 -0
  291. package/dist/esm/components/plans/SubscriptionPlan.d.ts +5 -0
  292. package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
  293. package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +31 -0
  294. package/dist/esm/components/plans/SubscriptionPlanSelector.js +1 -1
  295. package/dist/esm/components/plans/SubscriptionPlanStyled.js +1 -1
  296. package/dist/esm/components/postPicker/postPicker.js +1 -1
  297. package/dist/esm/components/product-picker/ProductPicker.styled.js +1 -1
  298. package/dist/esm/components/product-picker/ProductPickerModal.js +1 -1
  299. package/dist/esm/components/product-picker/type.d.ts +15 -5
  300. package/dist/esm/components/product-picker-v2/collectionScreen.d.ts +1 -1
  301. package/dist/esm/components/product-picker-v2/emptyState.d.ts +1 -2
  302. package/dist/esm/components/product-picker-v2/modal.d.ts +1 -2
  303. package/dist/esm/components/product-picker-v2/productScreen.d.ts +3 -3
  304. package/dist/esm/components/product-picker-v2/searchScreen.d.ts +1 -1
  305. package/dist/esm/components/product-picker-v2/selectedScreen.d.ts +1 -1
  306. package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts +1 -1
  307. package/dist/esm/components/searchBar/searchBar.d.ts +1 -2
  308. package/dist/esm/components/searchBar/searchBar.js +1 -1
  309. package/dist/esm/components/spinner/Spinner.d.ts +1 -2
  310. package/dist/esm/components/star-rating/Star.d.ts +11 -0
  311. package/dist/esm/components/star-rating/Star.js +1 -0
  312. package/dist/esm/components/star-rating/StarRating.d.ts +9 -0
  313. package/dist/esm/components/star-rating/StarRating.js +1 -0
  314. package/dist/esm/components/star-rating/index.d.ts +1 -0
  315. package/dist/esm/components/stepper/Stepper.d.ts +1 -2
  316. package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -1
  317. package/dist/esm/components/tabs/Tabs.js +1 -1
  318. package/dist/esm/components/tabs/Tabs.model.d.ts +5 -0
  319. package/dist/esm/components/tabs/Tabs.styles.js +1 -1
  320. package/dist/esm/components/tag/Tag.d.ts +1 -2
  321. package/dist/esm/components/template-context-mapper/Badge/index.d.ts +1 -2
  322. package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +2 -2
  323. package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
  324. package/dist/esm/components/template-context-mapper/modalElements/Body.d.ts +1 -2
  325. package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.d.ts +1 -2
  326. package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts +1 -2
  327. package/dist/esm/components/template-context-mapper/modalElements/Footer.d.ts +1 -2
  328. package/dist/esm/components/template-context-mapper/modalElements/Header.d.ts +1 -2
  329. package/dist/esm/components/template-context-mapper/modalElements/TemplateSelectModalContent.d.ts +1 -2
  330. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.d.ts +1 -2
  331. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
  332. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.d.ts +1 -2
  333. package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.d.ts +1 -2
  334. package/dist/esm/components/template-context-mapper/modalElements/VariableEditorHeader.d.ts +1 -1
  335. package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.d.ts +1 -2
  336. package/dist/esm/components/template-context-mapper/utils/validateIsUrl.js +1 -1
  337. package/dist/esm/components/template-preview/SMS/SMSBubble.d.ts +1 -2
  338. package/dist/esm/components/template-preview/TemplatePreview.d.ts +1 -1
  339. package/dist/esm/components/template-preview/WhatsApp/ChatHeader.d.ts +1 -2
  340. package/dist/esm/components/template-preview/WhatsApp/ChatUI.d.ts +1 -2
  341. package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.d.ts +1 -2
  342. package/dist/esm/components/template-preview/WhatsApp/RenderTemplateWithVariable.d.ts +1 -2
  343. package/dist/esm/components/tooltips/Tooltip.d.ts +3 -0
  344. package/dist/esm/components/tooltips/Tooltip.js +1 -1
  345. package/dist/esm/hooks/useCurreny.d.ts +3 -0
  346. package/dist/esm/hooks/useCurreny.js +1 -0
  347. package/dist/esm/index.d.ts +5 -0
  348. package/dist/esm/index.js +1 -1
  349. package/dist/esm/node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js +1 -1
  350. package/dist/esm/node_modules/lodash.debounce/index.js +1 -1
  351. package/package.json +4 -2
  352. package/dist/cjs/bundle.css +0 -9
  353. package/dist/esm/bundle.css +0 -9
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;
@@ -2,6 +2,8 @@
2
2
  export interface Menu {
3
3
  key: string | number;
4
4
  displayName: string;
5
+ path?: string;
6
+ page?: string;
5
7
  }
6
8
  export type SidebarTheme = 'brand' | 'white';
7
9
  export interface SimpleSidebarProps {
@@ -15,8 +17,9 @@ export interface SimpleSidebarProps {
15
17
  left?: number;
16
18
  postion?: 'fixed' | 'sticky';
17
19
  top?: number;
20
+ router: any;
18
21
  onMouseLeaveOnMenu?: () => void;
19
- onMenuClick: (menuSelected: Menu) => void;
22
+ onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
20
23
  onUpgrade?: () => void;
21
24
  }
22
25
  export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useState as t}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{BodySecondary as a,TitleSmall as l}from"../TypographyStyle.js";import{SimpleSidebarContainer as o}from"./SidebarStyles.js";const r=r=>{const{menuList:c,activeMenu:d,theme:u,showAccessUpgradePanel:m=!1,header:p,width:h,zIndex:b,left:v,postion:y,top:g,onMouseLeaveOnMenu:j,onMenuClick:f,onUpgrade:k}=r,[N,x]=t(d);return e(o,Object.assign({width:h,zIndex:b,left:v,theme:u,postion:y,top:g},{children:s("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j},{children:[s("div",{children:[e(a,Object.assign({className:"sub-child-display-name"},{children:p})),null==c?void 0:c.map(((t,i)=>s("div",Object.assign({className:"sub-child-menu "+((null==N?void 0:N.key)==(null==t?void 0:t.key)?"sub-child-active-menu":""),onClick:()=>{x(t),f(t)},"aria-hidden":"true"},{children:[e("span",{className:(null==N?void 0:N.key)==(null==t?void 0:t.key)&&"brand"==u?"sub-child-active-text":""}),e(a,Object.assign({className:"sub-child-text "+((null==N?void 0:N.key)==(null==t?void 0:t.key)&&"white"==u?"active-bold-weight":"")},{children:null==t?void 0:t.displayName}))]}),i)))]}),m&&s("div",Object.assign({className:"lower-sticky-panel"},{children:[e(l,Object.assign({className:"title-text",style:{color:i.surface.standard}},{children:"Upgrade plan to access this feature."})),e(n,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>k?k():""})]}))]}),"_sub-menu")}))};export{r as SimpleSidebar};
1
+ import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{COLORS as t}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as l,TitleSmall as r}from"../TypographyStyle.js";import{SimpleSidebarContainer as o}from"./SidebarStyles.js";const c=c=>{const{menuList:d,activeMenu:u,theme:m,showAccessUpgradePanel:p=!1,header:h,width:b,zIndex:g,left:v,postion:y,top:j,router:f,onMouseLeaveOnMenu:k,onMenuClick:N,onUpgrade:O}=c,[x,w]=s(u),M=(s,t)=>i("div",Object.assign({className:"sub-child-menu "+((null==x?void 0:x.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{w(s),N(s,!s.page)},"aria-hidden":"true"},{children:[e("span",{className:(null==x?void 0:x.key)==(null==s?void 0:s.key)&&"brand"==m?"sub-child-active-text":""}),e(l,Object.assign({className:"sub-child-text "+((null==x?void 0:x.key)==(null==s?void 0:s.key)&&"white"==m?"active-bold-weight":"")},{children:null==s?void 0:s.displayName}))]}),t);return e(o,Object.assign({width:b,zIndex:g,left:v,theme:m,postion:y,top:j},{children:i("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:k},{children:[i("div",{children:[e(l,Object.assign({className:"sub-child-display-name"},{children:h})),null==d?void 0:d.map(((i,s)=>i.page?e(a,Object.assign({href:i.page,router:f},{children:M(i,s)})):M(i,s)))]}),p&&i("div",Object.assign({className:"lower-sticky-panel"},{children:[e(r,Object.assign({className:"title-text",style:{color:t.surface.standard}},{children:"Upgrade plan to access this feature."})),e(n,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>O?O():""})]}))]}),"_sub-menu")}))};export{c as SimpleSidebar};
@@ -1 +1 @@
1
- import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as t,Fragment as n}from"react/jsx-runtime";import s,{forwardRef as a}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as c,ButtonCustomDashedBorder as r}from"./Button.styled.js";import{getButtonIconColor as l,SpinnerColorMap as d,GetButtonTextComponent as m}from"./themes.js";const b=a(((a,b)=>{var{version:h,id:p,buttonType:g="primary",size:u="small",buttonText:v,disabled:j,IconComponent:N,LeadingIcon:y,TrailingIcon:O,isLoading:f,inverse:T,onClick:x,matchParentWidth:I,subtitle:C}=a,L=e(a,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle"]);const k=m(u,g),z="chip"===u?16:20,W={height:z,width:z,color:l(u,g,T,j,f),style:{display:"block"},className:"icon"};return i(c,Object.assign({version:h,onClick:x,ref:b,id:p,disabled:j,size:u,buttonType:g,isLoading:f,inverse:T,matchParentWidth:I},L,{children:t("div",Object.assign({className:"button-container"},{children:[g.startsWith("dash")&&i(r,{}),i("div",Object.assign({className:"overlay-container"},{children:f&&i(o,{className:"spinner",size:"small",color:d(g,T)})})),N&&i("div",Object.assign({className:"icon-component"},{children:s.createElement(N,W)})),y&&i("div",Object.assign({className:"icon-leading"},{children:s.createElement(y,W)})),v?t(k,Object.assign({className:"text"},{children:[v,i("div",Object.assign({className:"text-subtitle"},{children:C}))]})):i(n,{}),O&&i("div",Object.assign({className:"icon-trailing"},{children:s.createElement(O,W)}))]}))}))}));b.displayName="Button";export{b as Button};
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as t,Fragment as n}from"react/jsx-runtime";import s,{forwardRef as a}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as r,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as l,SpinnerColorMap as d,GetButtonTextComponent as m}from"./themes.js";const b=a(((a,b)=>{var{version:h,id:p,buttonType:g="primary",size:u="small",buttonText:v,disabled:j,IconComponent:N,LeadingIcon:y,TrailingIcon:O,isLoading:f,inverse:k,onClick:T,matchParentWidth:x,subtitle:I,darkMode:C}=a,L=e(a,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode"]);const z=m(u,g),W="chip"===u?16:20,B={height:W,width:W,color:l(u,g,k,j,f,C),style:{display:"block"},className:"icon"};return i(r,Object.assign({version:h,onClick:T,ref:b,id:p,disabled:j,size:u,buttonType:g,isLoading:f,inverse:k,matchParentWidth:x,darkMode:C},L,{children:t("div",Object.assign({className:"button-container"},{children:[g.startsWith("dash")&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:f&&i(o,{className:"spinner",size:"small",color:d(g,k)})})),N&&i("div",Object.assign({className:"icon-component"},{children:s.createElement(N,B)})),y&&i("div",Object.assign({className:"icon-leading"},{children:s.createElement(y,B)})),v?t(z,Object.assign({className:"text"},{children:[v,i("div",Object.assign({className:"text-subtitle"},{children:I}))]})):i(n,{}),O&&i("div",Object.assign({className:"icon-trailing"},{children:s.createElement(O,B)}))]}))}))}));b.displayName="Button";export{b as Button};
@@ -11,5 +11,6 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
11
11
  disabled?: boolean | undefined;
12
12
  matchParentWidth?: boolean | undefined;
13
13
  version?: "1.0" | "2.0" | undefined;
14
+ darkMode?: boolean | undefined;
14
15
  }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
15
- export declare const ButtonCustomDashedBorder: () => JSX.Element;
16
+ export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as H}from"../../constants/Theme.js";import{getBackgroundColor as b,getPadding as X,getBorder as l,getColor as i,getDashedBorderStyling as R,generateDisabledStyling as x,getDisabledTextColor as e,getClickEffect as G,getHoverButtonBackground as o,generateInverseHoverBackground as I,getLoadingBorder as a,getLoadingBackground as p}from"./themes.js";const y=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>b(t.buttonType,t.size,t.inverse)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${X(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${X(t.buttonType,t.size)};\n\t${l(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>i(t.buttonType,t.size,t.inverse)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>R(t.buttonType,t.size,t.isLoading?H.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>R(t.buttonType,t.size,H.stroke.primary)),";.overlay-container{display:none!important;}",(t=>x(t.buttonType,t.size,t.inverse))," .text{color:",(t=>e(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${H.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${H.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${G(t.buttonType,t.size,t.inverse)}\n\t\t\t${R(t.buttonType,t.size,H.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${a(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tpadding: ${X(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${p(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${X(t.buttonType,t.size)};\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${o(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${H.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${H.background.inverse};`}\n\t\t\t}\n\t\t\t${t.inverse?I(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cblx0JHsocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIHJldHVybiBwcm9wcy5idXR0b25UeXBlLnN0YXJ0c1dpdGgoJ2Rhc2gnKVxyXG4gICAgICAgID8gYC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICAgICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIoKF9hID0gcHJvcHMudmVyc2lvbikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJzEuMCcsIHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfWA7XHJcbn19XG5cblx0Lmljb24tY29tcG9uZW50IHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuaWNvbi10cmFpbGluZyB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0LnRleHQge1xuXHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9O1xuXHR9XG5cblx0Lmljb24tbGVhZGluZyB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaXNMb2FkaW5nID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogdW5kZWZpbmVkKX1cblxuXHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cblxuXHQ6ZGlzYWJsZWQge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07YCA6ICcnfVxuXHRcdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09ICdwcmltYXJ5JyAmJlxyXG4gICAgICAgIHByb3BzLnNpemUgIT09ICdjaGlwJyAmJlxyXG4gICAgICAgICFwcm9wcy5pbnZlcnNlXHJcbiAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtgXHJcbiAgICAgICAgOiAnJ31cblx0XHRcdH1cblx0XHRcdCR7cHJvcHMuaW52ZXJzZVxyXG4gICAgICAgID8gZ2VuZXJhdGVJbnZlcnNlSG92ZXJCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKVxyXG4gICAgICAgIDogJyd9XG5cdFx0fWBcclxuICAgIDogYFxuXHRcdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0JHtnZXRMb2FkaW5nQm9yZGVyKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXG5cdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0LnRleHQge1xuXHRcdFx0XHRvcGFjaXR5OiAwO1xuXHRcdFx0fVxuXHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdHBhZGRpbmctdG9wOiAxcHg7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0JHtnZXRMb2FkaW5nQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdFx0LnNwaW5uZXIge1xuXHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHR0b3A6IGNhbGMoNTAlIC0gMTRweCk7XG5cdFx0XHRcdFx0bGVmdDogY2FsYyg1MCUgLSA3cHgpO1xuXHRcdFx0XHR9XG5cblx0XHRcdH1cblx0XHR9YH1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOC4zM3B4O1xuXHRcdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdtYXJnaW46IGF1dG87JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbkN1c3RvbURhc2hlZEJvcmRlciA9ICgpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXRvcFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtbGVmdFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtYm90dG9tXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1yaWdodFwiIH0pXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJ1dHRvbi5zdHlsZWQuanMubWFwIl19 */")),m=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{y as Button,m as ButtonCustomDashedBorder};
1
+ import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as X}from"../../constants/Theme.js";import{getBackgroundColor as l,getPadding as H,getBorder as b,getColor as x,getDashedBorderStyling as i,generateDisabledStyling as e,getDisabledTextColor as R,getClickEffect as G,getHoverButtonBackground as o,generateInverseHoverBackground as g,getLoadingBorder as u,getLoadingBackground as p}from"./themes.js";const a=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>l(t.buttonType,t.size,t.inverse,t.darkMode)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${H(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${H(t.buttonType,t.size)};\n\t${b(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>x(t.buttonType,t.size,t.inverse,t.darkMode)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>i(t.buttonType,t.size,t.isLoading?X.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>i(t.buttonType,t.size,X.stroke.primary)),";.overlay-container{display:none!important;}",(t=>e(t.buttonType,t.size,t.inverse))," .text{color:",(t=>R(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${X.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${X.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${G(t.buttonType,t.size,t.inverse)}\n\t\t\t${i(t.buttonType,t.size,X.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${u(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tpadding: ${H(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${p(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${H(t.buttonType,t.size)};\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${o(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?t.darkMode?`background-color: ${X.stroke.primary};`:`background-color: ${X.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${X.background.inverse};`}\n\t\t\t}\n\t\t\t${t.inverse?g(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5kYXJrTW9kZSl9O1xuXG5cdCR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMuYnV0dG9uVHlwZS5zdGFydHNXaXRoKCdkYXNoJylcclxuICAgICAgICA/IGAuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0XHR9YFxyXG4gICAgICAgIDogYHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdCR7Z2V0Qm9yZGVyKChfYSA9IHByb3BzLnZlcnNpb24pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcxLjAnLCBwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1gO1xyXG59fVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmRhcmtNb2RlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmcgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiB1bmRlZmluZWQpfVxuXG5cdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVEaXNhYmxlZFN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXREaXNhYmxlZFRleHRDb2xvcihwcm9wcy5pbnZlcnNlKX0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLnN0cm9rZS5wcmltYXJ5KX1cblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiZcclxuICAgICFwcm9wcy5pc0xvYWRpbmcgJiZcclxuICAgIGA6YWN0aXZlIHtcblx0XHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgJiZcclxuICAgICAgICBgLnRleHQge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQuaWNvbiB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRgfVxuXHRcdFx0XHR9XG5cblxuXHRcdFx0JHtnZXRDbGlja0VmZmVjdChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdCR7Z2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuY29udGVudC5icmFuZCl9XG5cdFx0fWB9XG5cblx0JHsocHJvcHMpID0+IFxyXG4vLyBkbyBub3QgbG9hZCBob3ZlciBzdHlsZXMgZm9yIGxvYWRpbmcgc3RhdGUgYW5kIGFsc28gYWN0aXZlIHN0YXRlXHJcbiFwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gYDpub3QoOmFjdGl2ZSk6bm90KDpkaXNhYmxlZCk6aG92ZXIge1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCdcclxuICAgICAgICA/IHByb3BzLmRhcmtNb2RlXHJcbiAgICAgICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtgXHJcbiAgICAgICAgICAgIDogYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0fVxuXHRcdFx0JHtwcm9wcy5pbnZlcnNlXHJcbiAgICAgICAgPyBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuZGlzYWJsZWQpXHJcbiAgICAgICAgOiAnJ31cblx0XHR9YFxyXG4gICAgOiBgXG5cdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHQke2dldExvYWRpbmdCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHQuc3Bpbm5lciB7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHRvcDogY2FsYyg1MCUgLSAxNHB4KTtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDdweCk7XG5cdFx0XHRcdH1cblxuXHRcdFx0fVxuXHRcdH1gfVxuXG5cdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4LjMzcHg7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ21hcmdpbjogYXV0bzsnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uQ3VzdG9tRGFzaGVkQm9yZGVyID0gKCkgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtdG9wXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1sZWZ0XCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXJpZ2h0XCIgfSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= */")),I=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{a as Button,I as ButtonCustomDashedBorder};
@@ -61,4 +61,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
61
61
  matchParentWidth?: boolean;
62
62
  subtitle?: string;
63
63
  version?: '1.0' | '2.0';
64
+ darkMode?: boolean;
64
65
  }
@@ -1,6 +1,6 @@
1
1
  import { Size, Type } from './model';
2
- export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean) => string;
3
- export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
2
+ export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
3
+ export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
4
4
  export declare const getDisabledTextColor: (inverse?: boolean) => string;
5
5
  export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
6
6
  export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {
@@ -18,4 +18,4 @@ export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean)
18
18
  export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean) => string;
19
19
  export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
20
20
  export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
21
- export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;
21
+ export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean, darkMode?: boolean) => string | undefined;
@@ -1 +1 @@
1
- import{COLORS as t}from"../../constants/Theme.js";import{BodySecondary as r,BodyCaption as n,ButtonRegular as e,ButtonLarge as a}from"../TypographyStyle.js";const o=(r,n,e)=>{if("chip"===n)return t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.inverseLight;case"destructive":return t.background.negative.vibrant;case"tertiary":return e?"transparent":t.surface.standard;default:return"transparent"}},i=(r,n,e)=>{if("chip"===n)return t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},c=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,d=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},s=(t,o)=>"dashRegular"===o?r:"chip"===t?n:"small"===t?e:a,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a)=>"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${p(n,a)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${p(n)};`:"border: none;",b=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",u=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",l=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",y=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",h=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${b(r)}\n\t\t);\n\t}\n\t`},x=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight} !important;`:`background-color: ${t.background.brandLight};`:void 0,k=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",m=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",v=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,$=(r,n,e,a,o)=>"chip"===r?a?t.content.inactive:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{s as GetButtonTextComponent,v as SpinnerColorMap,y as generateDisabledStyling,l as generateInverseHoverBackground,o as getBackgroundColor,g as getBorder,p as getBorderColor,$ as getButtonIconColor,x as getClickEffect,i as getColor,h as getDashedBorderStyling,c as getDisabledTextColor,u as getHoverButtonBackground,b as getLinearGradientValue,k as getLoadingBackground,m as getLoadingBorder,d as getPadding};
1
+ import{COLORS as t}from"../../constants/Theme.js";import{BodySecondary as r,BodyCaption as n,ButtonRegular as e,ButtonLarge as a}from"../TypographyStyle.js";const o=(r,n,e,a)=>{if("chip"===n)return a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.inverseLight;case"destructive":return t.background.negative.vibrant;case"tertiary":return e?"transparent":t.surface.standard;default:return"transparent"}},i=(r,n,e,a)=>{if("chip"===n)return a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},c=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,d=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},s=(t,o)=>"dashRegular"===o?r:"chip"===t?n:"small"===t?e:a,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a)=>"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${p(n,a)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${p(n)};`:"border: none;",u=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",b=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",l=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",y=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",h=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${u(r)}\n\t\t);\n\t}\n\t`},x=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight} !important;`:`background-color: ${t.background.brandLight};`:void 0,m=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",k=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",v=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,$=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{s as GetButtonTextComponent,v as SpinnerColorMap,y as generateDisabledStyling,l as generateInverseHoverBackground,o as getBackgroundColor,g as getBorder,p as getBorderColor,$ as getButtonIconColor,x as getClickEffect,i as getColor,h as getDashedBorderStyling,c as getDisabledTextColor,b as getHoverButtonBackground,u as getLinearGradientValue,m as getLoadingBackground,k as getLoadingBorder,d as getPadding};
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';
3
- export declare const Carousel: (props: CarouselProps) => JSX.Element;
2
+ export declare const Carousel: (props: CarouselProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export declare const DashboardReviewPopUp: React.FC<{
3
+ onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
4
+ onClose: () => void;
5
+ quickAnswerOptions?: string[];
6
+ titleMap?: {
7
+ [key: number]: string;
8
+ };
9
+ feedbackMap?: {
10
+ [key: number]: string;
11
+ };
12
+ fullStarSubmitText: string;
13
+ onRatingChange?: (stars: number) => void;
14
+ initialText?: string;
15
+ fiveStar?: {
16
+ subText: string;
17
+ };
18
+ }>;
@@ -0,0 +1 @@
1
+ import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import n from"../dropShadow/DropShadow.js";import{FiveStar as r}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as l}from"./DashboardReviewPopUp.styled.js";const p=p=>{let{onClose:c,onSubmit:S,quickAnswerOptions:u,titleMap:d,feedbackMap:f,fullStarSubmitText:h,onRatingChange:b,initialText:j,fiveStar:x}=p;const[g,w]=e(0);function v(t){w(t),null==b||b(t)}return t(n,Object.assign({level:"z2",position:"down"},{children:o(m,{children:[t(l,Object.assign({onClick:c},{children:t(i,{width:24,height:24})})),0===g?t(a,{handleStarSelection:v,initialText:j}):5===g?t(r,{fullStarSubmitText:h,onSubmit:S,handleStarSelection:v,subtext:null==x?void 0:x.subText}):t(s,{titleMap:d,feedbackMap:f,stars:g,onStarChange:v,onSubmit:S,quickAnswerOptions:u})]})}))};export{p as DashboardReviewPopUp};
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme | undefined;
4
+ as?: import("react").ElementType<any> | undefined;
5
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const CrossIconHolder: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1 @@
1
+ import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg1"}:{target:"e1kh8vjg1",label:"Container"})("min-width:323px;min-height:303px;border-radius:8px;background:",l.background.inverse,";display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px 16px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZFJldmlld1BvcFVwLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFb0MiLCJmaWxlIjoiRGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWluLXdpZHRoOiAzMjNweDtcblx0bWluLWhlaWdodDogMzAzcHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0cGFkZGluZzogMjRweCAxNnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENyb3NzSWNvbkhvbGRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogNDBweDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRwYWRkaW5nOiA4cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogLTIwcHg7XG5cdHJpZ2h0OiAtMjBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLmpzLm1hcCJdfQ== */")),d=c("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg0"}:{target:"e1kh8vjg0",label:"CrossIconHolder"})("border-radius:20px;display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;background:",l.stroke.brandLightAlt,";box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);position:absolute;top:-20px;right:-20px;cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZFJldmlld1BvcFVwLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEMiLCJmaWxlIjoiRGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWluLXdpZHRoOiAzMjNweDtcblx0bWluLWhlaWdodDogMzAzcHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0cGFkZGluZzogMjRweCAxNnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENyb3NzSWNvbkhvbGRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogNDBweDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRwYWRkaW5nOiA4cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogLTIwcHg7XG5cdHJpZ2h0OiAtMjBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as Container,d as CrossIconHolder};
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export declare const FiveStar: React.FC<{
3
+ handleStarSelection: (stars: number) => void;
4
+ onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
5
+ fullStarSubmitText: string;
6
+ subtext?: string;
7
+ }>;
@@ -0,0 +1 @@
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as r}from"../../star-rating/StarRating.js";import{TitleMedium as n,BodySecondary as o,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{Container as s,Button as l}from"./FiveStar.styled.js";const c=c=>{let{handleStarSelection:d,onSubmit:h,fullStarSubmitText:m,subtext:g}=c;return e(s,{children:[t(n,Object.assign({color:i.surface.standard,style:{textAlign:"center"}},{children:"We're glad to hear that your experience has been good!"})),t(r,{starSize:32,value:5,onChange:d}),t(o,Object.assign({color:i.surface.standard,style:{textAlign:"center",width:200}},{children:null!=g?g:"Help us by leaving a review on Shopify App Store"})),t(l,Object.assign({onClick:()=>h(5)},{children:t(a,Object.assign({color:i.content.brand},{children:m}))}))]})};export{c as FiveStar};
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme | undefined;
4
+ as?: import("react").ElementType<any> | undefined;
5
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const Button: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1 @@
1
+ import c from"@emotion/styled/base";import{COLORS as l}from"../../../constants/Theme.js";const t=c("div","production"===process.env.NODE_ENV?{target:"erqfrtj1"}:{target:"erqfrtj1",label:"Container"})("production"===process.env.NODE_ENV?{name:"1yhobfx",styles:"display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center"}:{name:"1yhobfx",styles:"display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFb0MiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),e=c("div","production"===process.env.NODE_ENV?{target:"erqfrtj0"}:{target:"erqfrtj0",label:"Button"})("display:flex;width:100%;height:48px;padding:0px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:",l.surface.standard,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUMiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{e as Button,t as Container};
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export declare const Form: React.FC<{
3
+ stars: number;
4
+ titleMap?: {
5
+ [key: number]: string;
6
+ };
7
+ feedbackMap?: {
8
+ [key: number]: string;
9
+ };
10
+ onStarChange: (stars: number) => void;
11
+ quickAnswerOptions?: string[];
12
+ onSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;
13
+ }>;
@@ -0,0 +1 @@
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as n}from"react";import{StarRating as s}from"../../star-rating/StarRating.js";import{TitleRegular as c,BodySecondary as o,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as l}from"../../../constants/Theme.js";import{Container as t,StarWrapper as d,Wrapper as p,Chip as u,TextArea as m,Button as h}from"./Form.styled.js";const f={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},v={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},b=b=>{let{stars:g,titleMap:j,feedbackMap:k,onStarChange:y,onSubmit:O,quickAnswerOptions:w}=b;const x=null!=j?j:f,S=null!=k?k:v,[W,Y]=i([]),C=n(null),A=x[g],D=S[g];return e(t,{children:[e(d,{children:[r(c,Object.assign({color:l.surface.standard},{children:A})),r(s,{starSize:24,value:g,onChange:y})]}),w&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[r(c,Object.assign({color:l.surface.standard},{children:D})),r(p,{children:null==w?void 0:w.map(((e,i)=>{const n=W.includes(e);return r(u,Object.assign({selected:n,onClick:()=>{Y(n?r=>r.filter((r=>r!==e)):r=>[...r,e])}},{children:r(o,Object.assign({color:n?l.background.inverse:l.surface.standard},{children:e}))}),i)}))})]})),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[r(c,Object.assign({color:l.surface.standard},{children:"Add detailed feedback"})),r(m,{placeholder:"We read every response!",ref:C})]})),r("div",Object.assign({style:{width:"100%"}},{children:r(h,Object.assign({onClick:function(){var e,r;O(g,W,null!==(r=null===(e=C.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:r(a,Object.assign({color:l.content.primaryInverse},{children:"Submit"}))}))}))]})};export{b as Form};
@@ -0,0 +1,27 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme | undefined;
4
+ as?: import("react").ElementType<any> | undefined;
5
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const StarWrapper: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
+ export declare const Chip: import("@emotion/styled").StyledComponent<{
11
+ theme?: import("@emotion/react").Theme | undefined;
12
+ as?: import("react").ElementType<any> | undefined;
13
+ } & {
14
+ selected?: boolean | undefined;
15
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
16
+ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
17
+ theme?: import("@emotion/react").Theme | undefined;
18
+ as?: import("react").ElementType<any> | undefined;
19
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
20
+ export declare const TextArea: import("@emotion/styled").StyledComponent<{
21
+ theme?: import("@emotion/react").Theme | undefined;
22
+ as?: import("react").ElementType<any> | undefined;
23
+ }, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
24
+ export declare const Button: import("@emotion/styled").StyledComponent<{
25
+ theme?: import("@emotion/react").Theme | undefined;
26
+ as?: import("react").ElementType<any> | undefined;
27
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1 @@
1
+ import c from"@emotion/styled/base";import{COLORS as G}from"../../../constants/Theme.js";function b(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft5"}:{target:"e1esgxft5",label:"Container"})("production"===process.env.NODE_ENV?{name:"14c0d50",styles:"display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%"}:{name:"14c0d50",styles:"display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */",toString:b}),d=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft4"}:{target:"e1esgxft4",label:"StarWrapper"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzQyIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */",toString:b}),l=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft3"}:{target:"e1esgxft3",label:"Chip"})("border-radius:24px;border:1px solid ",(c=>c.selected?G.surface.standard:G.stroke.primary),";display:flex;padding:10px 12px;align-items:flex-start;gap:10px;cursor:pointer;background:",(c=>c.selected?G.surface.standard:"transparent"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMrQiIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */")),x=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft2"}:{target:"e1esgxft2",label:"Wrapper"})("production"===process.env.NODE_ENV?{name:"13rtc4k",styles:"display:flex;flex-direction:row;gap:8px;flex-wrap:wrap"}:{name:"13rtc4k",styles:"display:flex;flex-direction:row;gap:8px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */",toString:b}),H=c("textarea","production"===process.env.NODE_ENV?{target:"e1esgxft1"}:{target:"e1esgxft1",label:"TextArea"})("border-radius:8px;border:1px solid ",G.stroke.primary,";height:120px;width:100%;background:transparent;color:white;padding:4px 8px;&::placeholder{color:white;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCd0MiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft0"}:{target:"e1esgxft0",label:"Button"})("display:flex;width:100%;height:48px;padding:0px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:",G.background.brand,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDaUMiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */"));export{Z as Button,l as Chip,X as Container,d as StarWrapper,H as TextArea,x as Wrapper};
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export declare const ZeroState: React.FC<{
3
+ handleStarSelection: (stars: number) => void;
4
+ initialText?: string;
5
+ }>;
@@ -0,0 +1 @@
1
+ import c from"@emotion/styled/base";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as g}from"../../star-rating/StarRating.js";import{TitleMedium as l}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const a=c("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),d=c=>{let{handleStarSelection:d,initialText:n}=c;return e(a,{children:[t(l,Object.assign({color:i.surface.standard},{children:null!=n?n:"Rate your experience with us"})),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:t(g,{starSize:32,onChange:d})}))]})};export{d as ZeroState};
@@ -0,0 +1 @@
1
+ export * from './DashboardReviewPopUp';
@@ -8,5 +8,7 @@ declare const DatePickerWrapper: React.FC<{
8
8
  pickerStyles?: CSSProperties;
9
9
  nativeID?: string;
10
10
  disabled?: boolean;
11
+ maxDate?: Date;
12
+ minDate?: Date;
11
13
  }>;
12
14
  export default DatePickerWrapper;
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useState as a}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f}=g;var h,S,j,w;const[C,k]=a(!1),L=o.createRef();return i(L,(()=>{k(!1)})),e(t,{children:[e(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.secondary,flex:1}},{children:D?Array.isArray(D)?(null===(h=null==D?void 0:D[0])||void 0===h?void 0:h.toString())&&(null===(S=null==D?void 0:D[1])||void 0===S?void 0:S.toString())?`${new Date(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.secondary})]})),C&&!b&&r(u,Object.assign({ref:L,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{p(e),k(!1)},value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};
1
+ import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import a,{useState as o}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f,maxDate:h,minDate:S}=g;var j,w,C,k;const[L,O]=o(!1),x=a.createRef();return i(x,(()=>{O(!1)})),t(e,{children:[t(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>O(!L)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.primary,flex:1}},{children:D?Array.isArray(D)?(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString())&&(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString())?`${new Date(null===(C=null==D?void 0:D[0])||void 0===C?void 0:C.toString()).toLocaleDateString()}-${new Date(null===(k=null==D?void 0:D[1])||void 0===k?void 0:k.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.primary})]})),L&&!b&&r(u,Object.assign({ref:x,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{p(t),O(!1)},maxDate:h,minDate:S,value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{format as a}from"date-fns";import{useState as n,useEffect as o}from"react";import{CustomDateTime as r}from"../../custom-date-time/CustomDateTime.js";import{Input as s}from"../../input/Input.js";import{RadioButton as d}from"../../radioButton/RadioButton.js";import{TitleRegular as c,BodySecondary as p}from"../../TypographyStyle.js";import{DEFAULT_THEME as D}from"../../../constants/Theme.js";var I;!function(e){e.FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration"}(I||(I={}));const l=l=>{var m;const[A,u]=n(l.discountData.expireAt?I.FIXED_EXPIRATION:l.discountData.expireAfter?I.DYNAMIC_EXPIRATION:void 0),[x,E]=n(),[h,v]=n(),O=(new Date).setDate((new Date).getDate()+1);o((()=>{(null==A||x||h)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),A&&(x||h)&&(A===I.FIXED_EXPIRATION?v(void 0):E(void 0))}),[A,x,h]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t(c,{children:"Coupon expiration (optional)"}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:A===I.DYNAMIC_EXPIRATION,onValueChange:()=>{v(void 0),u(A===I.DYNAMIC_EXPIRATION?void 0:I.DYNAMIC_EXPIRATION)}}),t(p,{children:"Validity days from coupon claim"})]})),A===I.DYNAMIC_EXPIRATION&&t(s,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:e=>{(e=>{v(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):v("Please enter days more than 0")})(e)}}),h&&t(p,Object.assign({style:{color:D.colorsV2.stroke.negative.vibrant}},{children:h})),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:A===I.FIXED_EXPIRATION,onValueChange:()=>{u(A===I.FIXED_EXPIRATION?void 0:I.FIXED_EXPIRATION)}}),t(p,{children:"Fixed expiry date"})]})),A===I.FIXED_EXPIRATION&&e(i,{children:[t(p,{children:"Ending on"}),t(r,{placement:"bottom-start",time:l.discountData.expireAt?a(new Date(l.discountData.expireAt),"hh:mm a"):a(new Date,"hh:mm a"),date:l.discountData.expireAt?new Date(l.discountData.expireAt):new Date,error:x,setError:E,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(O)})]})]}))};export{I as COUPON_EXPIRATION,l as CouponExpiration};
1
+ import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{format as a}from"date-fns";import{useState as n,useEffect as o}from"react";import{CustomDateTime as r}from"../../custom-date-time/CustomDateTime.js";import{Input as s}from"../../input/Input.js";import{RadioButton as d}from"../../radioButton/RadioButton.js";import{TitleRegular as c,BodySecondary as p}from"../../TypographyStyle.js";var D;!function(e){e.FIXED_EXPIRATION="fixedExpiration",e.DYNAMIC_EXPIRATION="dynamicExpiration"}(D||(D={}));const I=I=>{var l;const[m,u]=n(I.discountData.expireAt?D.FIXED_EXPIRATION:I.discountData.expireAfter?D.DYNAMIC_EXPIRATION:void 0),[A,x]=n(),[E,v]=n(),O=(new Date).setDate((new Date).getDate()+1);o((()=>{(null==m||A||E)&&I.setDiscountData(Object.assign(Object.assign({},I.discountData),{expireAfter:void 0,expireAt:void 0})),m&&(A||E)&&(m===D.FIXED_EXPIRATION?v(void 0):x(void 0))}),[m,A,E]);return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13}},{children:[t(c,{children:"Coupon expiration (optional)"}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:m===D.DYNAMIC_EXPIRATION,onValueChange:()=>{v(void 0),u(m===D.DYNAMIC_EXPIRATION?void 0:D.DYNAMIC_EXPIRATION)}}),t(p,{children:"Validity days from coupon claim"})]})),m===D.DYNAMIC_EXPIRATION&&t(s,{errorMessage:E,value:null===(l=I.discountData.expireAfter)||void 0===l?void 0:l.toString(),placeholder:"Enter the number of days",width:"400px",type:"number",onChangeText:e=>{(e=>{v(void 0);const t=Number.parseInt(e);t>0?I.setDiscountData(Object.assign(Object.assign({},I.discountData),{expireAfter:t,expireAt:void 0})):v("Please enter valid input")})(e)}}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[t(d,{isActive:m===D.FIXED_EXPIRATION,onValueChange:()=>{u(m===D.FIXED_EXPIRATION?void 0:D.FIXED_EXPIRATION)}}),t(p,{children:"Fixed expiry date"})]})),m===D.FIXED_EXPIRATION&&e(i,{children:[t(p,{children:"Ending on"}),t(r,{placement:"bottom-start",time:I.discountData.expireAt?a(new Date(I.discountData.expireAt),"hh:mm a"):a(new Date(O),"hh:mm a"),date:I.discountData.expireAt?new Date(I.discountData.expireAt):new Date(O),error:A,setError:x,onChange:e=>{I.setDiscountData(Object.assign(Object.assign({},I.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(O)})]})]}))};export{D as COUPON_EXPIRATION,I as CouponExpiration};
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
2
  import { ICouponData } from "./type";
3
- import { Product } from "../product-picker/type";
3
+ import { Collection, Product } from "../product-picker/type";
4
4
  export interface DiscountDialogueI {
5
+ hideOption?: 'static' | 'dynamic';
5
6
  isOpen: boolean;
6
7
  title: string;
7
8
  subTitle?: string;
@@ -10,11 +11,13 @@ export interface DiscountDialogueI {
10
11
  data?: ICouponData;
11
12
  onSaveClicked: (discountData: ICouponData) => void;
12
13
  onProductSearch: (key: string) => Promise<Product[]>;
14
+ onCollectionSearch: (key: string) => Promise<Collection[]>;
13
15
  hideExpiration?: boolean;
14
16
  hideProbability?: boolean;
15
17
  probability?: number[];
16
18
  quadrant?: number;
17
19
  products?: Product[];
20
+ collection?: Collection[];
18
21
  discountAdminUrl?: string;
19
22
  currency?: string;
20
23
  }
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as d,DISCOUNT_TYPES as s,DISCOUNT_TARGET_SELECTION as a,DISCOUNT_VALUE_TYPES as c}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as p,BodyCaption as u}from"../TypographyStyle.js";import{DEFAULT_THEME as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as b}from"../modals/styledModal.js";import{ProductPickerContent as y}from"../product-picker/ProductPickerModal.js";import{Tag as E}from"../tag/Tag.js";import{Tooltip as v}from"../tooltips/Tooltip.js";import T from"../../assets/icons/triangle_error.svg.js";import{StyledDiscountDialogueContainer as P,CouponTypeContainerStyled as C}from"./DiscountModal.styled.js";import{validateDiscountData as g}from"./DiscountUtils.js";import I,{DISCOUNT_PRODUCTS as j}from"./DynamicCoupon/DynamicCoupon.js";import S from"./StaticCoupon/StaticCoupon.js";const h=h=>{var O,N,D,_;const[w,f]=i(),[A,q]=i(null!==(O=h.data)&&void 0!==O?O:{isStaticCoupon:!1}),[G,M]=i(!0),[x,F]=i(),[L,R]=i((null===(N=h.data)||void 0===N?void 0:N.minAmount)?r.AMOUNT:(null===(D=h.data)||void 0===D?void 0:D.minQuantity)?r.QUANTITY:r.NA),[k,U]=i([]),[B,X]=i([]),[Y,Q]=i(0);n((()=>{let t;h.hideProbability||(t=V()),M(g(A,L,x,h.hideProbability||!1,t,!!A.isStaticCoupon)),h.hideProbability||V()}),[]),n((()=>{let t;h.hideProbability||(t=V()),M(g(A,L,x,h.hideProbability||!1,t,!!A.isStaticCoupon))}),[A,Y,x,L]),n((()=>{var t,e;if(h.products){if(null===(t=h.data)||void 0===t?void 0:t.entitledProductIds){const t=h.products.filter((t=>{var e,o;return null===(o=null===(e=h.data)||void 0===e?void 0:e.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));X(t)}if(null===(e=h.data)||void 0===e?void 0:e.prerequisiteProductIds){const t=h.products.filter((t=>{var e,o;return null===(o=null===(e=h.data)||void 0===e?void 0:e.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));U(t)}}}),[]),n((()=>{const t=B.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{entitledProductIds:t}))}),[B]),n((()=>{const t=k.map((t=>parseInt(t.id)));q(Object.assign(Object.assign({},A),{prerequisiteProductIds:t}))}),[k]),n((()=>{A.targetType===d.SHIPPING_LINE?F(s.FREE_SHIPPING):A.targetSelection===a.ENTITLED?F(s.BUY_X_GET_Y):A.valueType===c.FIXED_AMOUNT?F(s.FIXED_AMOUNT):A.valueType===c.PERCENTAGE&&F(s.PERCENTAGE)}),[]);const H=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:x===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:x===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:x===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:x===s.FREE_SHIPPING}],V=()=>{if(!h.quadrant||!h.probability)return;const t=[...h.probability];let e=[];t.length>=h.quadrant&&t.splice(h.quadrant-1,1),e=t;const o=e.reduce(((t,e)=>t+e),0)+(A.probability||0);return Q(parseFloat(o.toFixed(4))),parseFloat(o.toFixed(4))},z=t=>{const e=t.value;F(e),e===s.FREE_SHIPPING?(U([]),X([]),q(Object.assign(Object.assign({},A),{value:100,targetSelection:a.ALL,targetType:d.SHIPPING_LINE,valueType:c.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.BUY_X_GET_Y?q(Object.assign(Object.assign({},A),{targetSelection:a.ENTITLED,targetType:d.LINE_ITEM,valueType:c.PERCENTAGE})):e===s.PERCENTAGE?(U([]),X([]),q(Object.assign(Object.assign({},A),{targetSelection:a.ALL,targetType:d.LINE_ITEM,valueType:c.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.FIXED_AMOUNT&&(U([]),X([]),q(Object.assign(Object.assign({},A),{targetSelection:a.ALL,targetType:d.LINE_ITEM,valueType:c.FIXED_AMOUNT,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0})))};return t(b,Object.assign({open:h.isOpen,headingTitle:w?"Select Products":h.title,headingSubtitle:w?void 0:h.subTitle,footerLeftCustomElement:!h.quadrant||h.hideProbability?e(o,{}):Y<=1?e(E,{theme:"light",tagText:`Current probability sum: ${Y}`,type:"white"}):e(v,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e("div",{children:e(E,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${Y}`,type:"negative",LeadingIcon:T})})})),headerRightCustomElement:h.allowStaticCoupon||w?void 0:e(l,{options:H,width:"200px",placement:"bottom-start",size:"small",onSelect:t=>{z(t)}}),onClose:h.onClose,footerShadow:!0,primaryButton:w?{buttonType:"primary",onClick:()=>{f(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:G,onClick:()=>{A.isStaticCoupon?h.onSaveClicked({quadrant:A.quadrant,couponCode:A.couponCode,description:A.description,isStaticCoupon:A.isStaticCoupon,probability:A.probability,title:A.title}):h.onSaveClicked(A),q({})}},secondaryButton:w?{buttonType:"tertiaryGray",onClick:()=>{f(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:h.onClose,buttonText:"Close"}},{children:[!w&&t(P,{children:[h.allowStaticCoupon&&!w&&t(C,Object.assign({selectedDiv:A.isStaticCoupon?1:2},{children:[t("div",Object.assign({className:"coupon-type__container",onClick:()=>{q({isStaticCoupon:!0,couponCode:A.couponCode,description:A.description,quadrant:A.quadrant})}},{children:[e(p,Object.assign({style:A.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"Static code"})),e(u,Object.assign({style:A.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),t("div",Object.assign({className:"coupon-type__container",onClick:()=>{q(Object.assign(Object.assign({},A),{isStaticCoupon:!1}))}},{children:[e(p,Object.assign({style:A.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"Dynamic code"})),e(u,Object.assign({style:A.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),A.isStaticCoupon&&!w&&e(S,{discountData:A,setDiscountData:q,hideProbability:h.hideProbability||!1,discountAdminUrl:h.discountAdminUrl}),!A.isStaticCoupon&&!w&&e(I,{currency:h.currency,entitledProducts:B,prerequisiteProducts:k,setEntitledProducts:X,setPrerequisiteProducts:U,discountData:A,productPickerOpen:w,setIsProductPickerOpen:f,setDiscountData:q,selectedCouponType:x,setSelectedCouponType:F,selectedMinimumRequirement:L,setSelectedMinimumRequirement:R,hideProbability:h.hideProbability||!1,hideExpiration:h.hideExpiration||!1,allowStaticCoupon:h.allowStaticCoupon,onChangeCouponType:z})]}),!!w&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(y,{show:!0,onSave:()=>{},products:null!==(_=h.products)&&void 0!==_?_:[],title:"Select Products",onClose:()=>{f(void 0)},selectedProducts:w===j.ENTITLED?B:k,setSelectedProducts:w===j.ENTITLED?X:U,onSearchKeyChange:h.onProductSearch})}))]}))};export{h as DiscountModal};
1
+ import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as d,DISCOUNT_TYPES as s,DISCOUNT_TARGET_SELECTION as c,DISCOUNT_VALUE_TYPES as l}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as p,BodyCaption as u}from"../TypographyStyle.js";import{DEFAULT_THEME as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as y}from"../modals/styledModal.js";import{ProductPickerContent as b}from"../product-picker/ProductPickerModal.js";import{Tag as v}from"../tag/Tag.js";import{Tooltip as C}from"../tooltips/Tooltip.js";import E from"../../assets/icons/triangle_error.svg.js";import{StyledDiscountDialogueContainer as T,CouponTypeContainerStyled as I}from"./DiscountModal.styled.js";import{validateDiscountData as P}from"./DiscountUtils.js";import g,{DISCOUNT_PRODUCTS as h}from"./DynamicCoupon/DynamicCoupon.js";import S from"./StaticCoupon/StaticCoupon.js";const j=j=>{var O,N,D,f,w;const[_,A]=i(),[q,x]=i(),[G,L]=i(null!==(O=j.data)&&void 0!==O?O:"string"==typeof j.hideOption?{isStaticCoupon:"dynamic"===j.hideOption}:{isStaticCoupon:!1}),[M,k]=i(!0),[F,R]=i(),[U,B]=i((null===(N=j.data)||void 0===N?void 0:N.minAmount)?r.AMOUNT:(null===(D=j.data)||void 0===D?void 0:D.minQuantity)?r.QUANTITY:r.NA),[X,Y]=i([]),[Q,H]=i([]),[V,z]=i([]),[K,$]=i([]),[Z,J]=i(0);n((()=>{let t;j.hideProbability||(t=tt()),k(P(G,U,F,j.hideProbability||!1,t,!!G.isStaticCoupon)),j.hideProbability||tt()}),[]),n((()=>{let t;j.hideProbability||(t=tt()),k(P(G,U,F,j.hideProbability||!1,t,!!G.isStaticCoupon))}),[G,Z,F,U]),n((()=>{var t,e,o,i,n;if(j.products&&(null===(t=j.products)||void 0===t?void 0:t.length)){if(null===(e=j.data)||void 0===e?void 0:e.entitledProductIds){const t=j.products.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));H(t)}if(null===(o=j.data)||void 0===o?void 0:o.prerequisiteProductIds){const t=j.products.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));Y(t)}}if(j.collection&&j.collection.length){if(null===(i=j.data)||void 0===i?void 0:i.entitledCollectionIds){const t=j.collection.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.entitledCollectionIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));$(t)}if(null===(n=j.data)||void 0===n?void 0:n.prerequisiteCollectionIds){const t=j.collection.filter((t=>{var e,o;return null===(o=null===(e=j.data)||void 0===e?void 0:e.prerequisiteCollectionIds)||void 0===o?void 0:o.includes(parseInt(t.id))}));z(t)}}}),[j.products,j.collection]),n((()=>{const t=Q.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{entitledProductIds:t}))}),[Q]),n((()=>{const t=X.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{prerequisiteProductIds:t}))}),[X]),n((()=>{const t=K.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{entitledCollectionIds:t}))}),[K]),n((()=>{const t=V.map((t=>parseInt(t.id)));L(Object.assign(Object.assign({},G),{prerequisiteCollectionIds:t}))}),[V]),n((()=>{G.targetType===d.SHIPPING_LINE?R(s.FREE_SHIPPING):G.targetSelection===c.ENTITLED?R(s.BUY_X_GET_Y):G.valueType===l.FIXED_AMOUNT?R(s.FIXED_AMOUNT):G.valueType===l.PERCENTAGE&&R(s.PERCENTAGE)}),[]);const W=[{value:s.FIXED_AMOUNT,label:"Fixed Amount",selected:F===s.FIXED_AMOUNT},{value:s.PERCENTAGE,label:"Percentage",selected:F===s.PERCENTAGE},{value:s.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:F===s.BUY_X_GET_Y},{value:s.FREE_SHIPPING,label:"Free shipping",selected:F===s.FREE_SHIPPING}],tt=()=>{if(!j.quadrant||!j.probability)return;const t=[...j.probability];let e=[];t.length>=j.quadrant&&t.splice(j.quadrant-1,1),e=t;const o=e.reduce(((t,e)=>t+e),0)+(G.probability||0);return J(parseFloat(o.toFixed(4))),parseFloat(o.toFixed(4))},et=t=>{const e=t.value;R(e),e===s.FREE_SHIPPING?(Y([]),H([]),L(Object.assign(Object.assign({},G),{value:100,targetSelection:c.ALL,targetType:d.SHIPPING_LINE,valueType:l.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.BUY_X_GET_Y?L(Object.assign(Object.assign({},G),{targetSelection:c.ENTITLED,targetType:d.LINE_ITEM,valueType:l.PERCENTAGE})):e===s.PERCENTAGE?(Y([]),H([]),L(Object.assign(Object.assign({},G),{targetSelection:c.ALL,targetType:d.LINE_ITEM,valueType:l.PERCENTAGE,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0}))):e===s.FIXED_AMOUNT&&(Y([]),H([]),L(Object.assign(Object.assign({},G),{targetSelection:c.ALL,targetType:d.LINE_ITEM,valueType:l.FIXED_AMOUNT,entitledQuantity:void 0,prerequisiteQuantity:void 0,entitledProductIds:void 0,prerequisiteProductIds:void 0})))};return t(y,Object.assign({width:"750px",open:j.isOpen,headingTitle:_?"Select Products":j.title,headingSubtitle:_?void 0:j.subTitle,footerLeftCustomElement:!j.quadrant||j.hideProbability?e(o,{}):Z<=1?e(v,{theme:"light",tagText:`Current probability sum: ${Z}`,type:"white"}):e(C,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e("div",{children:e(v,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${Z}`,type:"negative",LeadingIcon:E})})})),headerRightCustomElement:j.allowStaticCoupon||_?void 0:e(a,{options:W,width:"200px",placement:"bottom-start",size:"small",onSelect:t=>{et(t)}}),onClose:j.onClose,footerShadow:!0,primaryButton:_?{buttonType:"primary",onClick:()=>{A(void 0)},buttonText:"Add"}:q?{buttonType:"primary",onClick:()=>{x(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:M,onClick:()=>{G.isStaticCoupon?j.onSaveClicked({quadrant:G.quadrant,couponCode:G.couponCode,description:G.description,isStaticCoupon:G.isStaticCoupon,probability:G.probability,title:G.title}):j.onSaveClicked(G),L({})}},secondaryButton:_?{buttonType:"tertiaryGray",onClick:()=>{A(void 0)},buttonText:"Back"}:q?{buttonType:"tertiaryGray",onClick:()=>{x(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:j.onClose,buttonText:"Close"}},{children:[!_&&!q&&t(T,{children:[j.allowStaticCoupon&&!_&&t(I,Object.assign({selectedDiv:G.isStaticCoupon?1:2},{children:["static"===j.hideOption?e(o,{}):t("div",Object.assign({className:"coupon-type__container",onClick:()=>{L({isStaticCoupon:!0,couponCode:G.couponCode,description:G.description,quadrant:G.quadrant})}},{children:[e(p,Object.assign({style:G.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"Static code"})),e(u,Object.assign({style:G.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),"dynamic"===j.hideOption?e(o,{}):t("div",Object.assign({className:"coupon-type__container",onClick:()=>{L(Object.assign(Object.assign({},G),{isStaticCoupon:!1}))}},{children:[e(p,Object.assign({style:G.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"Dynamic code"})),e(u,Object.assign({style:G.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),G.isStaticCoupon&&!_&&e(S,{discountData:G,setDiscountData:L,hideProbability:j.hideProbability||!1,discountAdminUrl:j.discountAdminUrl}),!G.isStaticCoupon&&!_&&!q&&e(g,{currency:j.currency,entitledProducts:Q,prerequisiteProducts:X,setEntitledProducts:H,setPrerequisiteProducts:Y,discountData:G,productPickerOpen:_,setIsProductPickerOpen:A,setDiscountData:L,selectedCouponType:F,setSelectedCouponType:R,selectedMinimumRequirement:U,setSelectedMinimumRequirement:B,hideProbability:j.hideProbability||!1,hideExpiration:j.hideExpiration||!1,allowStaticCoupon:j.allowStaticCoupon,onChangeCouponType:et,collectionPickerOpen:q,entitledCollections:K,prerequisiteCollections:V,setIsCollectionPickerOpen:x,setEntitledCollections:$,setPrerequisiteCollections:z})]}),!!_&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(b,{show:!0,onSave:()=>{},products:null!==(f=j.products)&&void 0!==f?f:[],title:"Select Products",onClose:()=>{A(void 0)},selectedProducts:_===h.ENTITLED?Q:X,setSelectedProducts:_===h.ENTITLED?H:Y,onSearchKeyChange:j.onProductSearch})})),!!q&&e("div",Object.assign({style:{padding:"12px 0"}},{children:e(b,{show:!0,onSave:()=>{},products:null!==(w=j.collection)&&void 0!==w?w:[],title:"Select Products",onClose:()=>{x(void 0)},selectedProducts:q===h.ENTITLED?K:V,setSelectedProducts:q===h.ENTITLED?$:z,onSearchKeyChange:j.onCollectionSearch,searchPlaceholder:"Search collections..."})}))]}))};export{j as DiscountModal};
@@ -1 +1 @@
1
- import{DISCOUNT_TYPES as e,DISCOUNT_VALUE_TYPES as i,MIN_PURCHASE_REQUIREMENT as t,DISCOUNT_TARGET_TYPES as r,DISCOUNT_TARGET_SELECTION as n}from"./type.js";const u=(u,l,o,f,a,v)=>{var T,d;if(!u.title)return!0;if(!f){if(isNaN(u.probability))return!0;if((u.probability||0)>1)return!0;if((u.probability||0)<0)return!0;if(a>1)return!0}if(v){if(!(null==u?void 0:u.couponCode))return!0;if(!u.description)return!0}else{if(o&&o===e.FIXED_AMOUNT){if(u.valueType!==i.FIXED_AMOUNT)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.PERCENTAGE){if(u.valueType!==i.PERCENTAGE)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0||(null==u?void 0:u.value)>100)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.BUY_X_GET_Y){if(!(u.entitledQuantity&&(null===(T=u.entitledProductIds)||void 0===T?void 0:T.length)&&u.prerequisiteQuantity&&(null===(d=u.prerequisiteProductIds)||void 0===d?void 0:d.length)))return!0;if(u.valueType!==i.PERCENTAGE)return!0;if(!u.value)return!0;if(u.value<=0||u.value>100)return!0;if(u.targetSelection!==n.ENTITLED)return!0;if(u.targetType!==r.LINE_ITEM)return!0}else{if(!o||!e.FREE_SHIPPING)return!0;if(u.valueType!==i.PERCENTAGE)return!0;if(u.targetType!==r.SHIPPING_LINE)return!0;if(100!==u.value)return!0;if(u.targetSelection!==n.ALL)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0}if(null!==u.expireAfter&&void 0!==u.expireAfter&&u.expireAfter<=0)return!0}return!1};export{u as validateDiscountData};
1
+ import{DISCOUNT_TYPES as e,DISCOUNT_VALUE_TYPES as i,MIN_PURCHASE_REQUIREMENT as t,DISCOUNT_TARGET_TYPES as r,DISCOUNT_TARGET_SELECTION as n}from"./type.js";const u=(u,l,o,f,v,a)=>{var d,T,A,E;if(!u.title)return!0;if(!f){if(isNaN(u.probability))return!0;if((u.probability||0)>1)return!0;if((u.probability||0)<0)return!0;if(v>1)return!0}if(a){if(!(null==u?void 0:u.couponCode))return!0;if(!u.description)return!0}else{if(o&&o===e.FIXED_AMOUNT){if(u.valueType!==i.FIXED_AMOUNT)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.PERCENTAGE){if(u.valueType!==i.PERCENTAGE)return!0;if(!(null==u?void 0:u.value)||(null==u?void 0:u.value)<=0||(null==u?void 0:u.value)>100)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0;if(u.targetType!==r.LINE_ITEM)return!0;if(u.targetSelection!==n.ALL)return!0}else if(o&&o===e.BUY_X_GET_Y){if(!u.entitledQuantity||!(null===(d=u.entitledProductIds)||void 0===d?void 0:d.length)&&!(null===(T=u.entitledCollectionIds)||void 0===T?void 0:T.length)||!u.prerequisiteQuantity||!(null===(A=u.prerequisiteProductIds)||void 0===A?void 0:A.length)&&!(null===(E=u.prerequisiteCollectionIds)||void 0===E?void 0:E.length))return!0;if(u.valueType!==i.PERCENTAGE)return!0;if(!u.value)return!0;if(u.value<=0||u.value>100)return!0;if(u.targetSelection!==n.ENTITLED)return!0;if(u.targetType!==r.LINE_ITEM)return!0}else if(o&&e.FREE_SHIPPING){if(u.valueType!==i.PERCENTAGE)return!0;if(u.targetType!==r.SHIPPING_LINE)return!0;if(100!==u.value)return!0;if(u.targetSelection!==n.ALL)return!0;if(l===t.AMOUNT&&(!u.minAmount||(null==u?void 0:u.minAmount)<=0))return!0;if(l===t.QUANTITY&&(!(null==u?void 0:u.minQuantity)||(null==u?void 0:u.minQuantity)<=0))return!0}if(null!==u.expireAfter&&void 0!==u.expireAfter&&u.expireAfter<=0)return!0;if(u.expireAt&&u.expireAt<new Date)return!0}return!1};export{u as validateDiscountData};
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { DISCOUNT_TYPES, ICouponData, MIN_PURCHASE_REQUIREMENT } from "../type";
3
3
  import { SingleOption } from "../../dropdown/type";
4
- import { Product } from "../../product-picker/type";
4
+ import { Collection, Product } from "../../product-picker/type";
5
5
  export declare enum DISCOUNT_PRODUCTS {
6
6
  ENTITLED = "entitled",
7
7
  PREREQUISITE = "prerequisite"
@@ -9,7 +9,9 @@ export declare enum DISCOUNT_PRODUCTS {
9
9
  interface DynamicCouponI {
10
10
  discountData: ICouponData;
11
11
  setIsProductPickerOpen: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
12
+ setIsCollectionPickerOpen: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
12
13
  productPickerOpen: DISCOUNT_PRODUCTS | undefined;
14
+ collectionPickerOpen: DISCOUNT_PRODUCTS | undefined;
13
15
  setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
14
16
  selectedCouponType: DISCOUNT_TYPES | undefined;
15
17
  setSelectedCouponType: React.Dispatch<React.SetStateAction<DISCOUNT_TYPES | undefined>>;
@@ -17,8 +19,12 @@ interface DynamicCouponI {
17
19
  setSelectedMinimumRequirement: React.Dispatch<React.SetStateAction<MIN_PURCHASE_REQUIREMENT>>;
18
20
  entitledProducts: Product[];
19
21
  prerequisiteProducts: Product[];
22
+ entitledCollections: Collection[];
23
+ prerequisiteCollections: Collection[];
20
24
  setEntitledProducts: React.Dispatch<React.SetStateAction<Product[]>>;
21
25
  setPrerequisiteProducts: React.Dispatch<React.SetStateAction<Product[]>>;
26
+ setEntitledCollections: React.Dispatch<React.SetStateAction<Collection[]>>;
27
+ setPrerequisiteCollections: React.Dispatch<React.SetStateAction<Collection[]>>;
22
28
  onChangeCouponType: (option: SingleOption) => void;
23
29
  hideExpiration?: boolean;
24
30
  hideProbability?: boolean;